diff --git a/1957/react/assets/Add-CMnT-eoE.js b/1957/react/assets/Add-CMnT-eoE.js
new file mode 100644
index 00000000000..f3510f49502
--- /dev/null
+++ b/1957/react/assets/Add-CMnT-eoE.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Airplane-B3jcimka.js b/1957/react/assets/Airplane-B3jcimka.js
new file mode 100644
index 00000000000..1f68640ab7b
--- /dev/null
+++ b/1957/react/assets/Airplane-B3jcimka.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Alert.stories-B0KCPTpE.js b/1957/react/assets/Alert.stories-B0KCPTpE.js
new file mode 100644
index 00000000000..bec1e47594f
--- /dev/null
+++ b/1957/react/assets/Alert.stories-B0KCPTpE.js
@@ -0,0 +1 @@
+import{r as t,B as v,c as m,u as p,S as q,p as A,I as b,a as k,j as i}from"./index-DjxMsM5m.js";import{S as I}from"./Placeholder-C7CVYxHs.js";import{S as E}from"./SmileyHappy-C7HDhmK-.js";import{I as M}from"./Icon-pbAsVzre.js";import{A as S}from"./Anchor-BixGaM0U.js";const u=t.createContext(void 0),f=t.forwardRef((o,n)=>{const{children:s,type:a="informational",isSticky:r=!1,clickableText:l,clickableTextProps:c,onClose:d,...y}=o;return t.createElement(e.Wrapper,{type:a,isSticky:r,ref:n,...y},t.createElement(e.Icon,null),t.createElement(e.Message,null,s,l?t.createElement(e.Action,{...c},l):null),d?t.createElement(e.CloseButton,{onClick:d}):null)});f.displayName="Alert";const x=t.forwardRef((o,n)=>{const{children:s,className:a,type:r="informational",isSticky:l=!1,...c}=o;return t.createElement(v,{className:m("iui-alert",a),"data-iui-status":r,"data-iui-variant":l?"sticky":void 0,ref:n,...c},t.createElement(u.Provider,{value:{type:r}},s))});x.displayName="Alert.Wrapper";const g=t.forwardRef((o,n)=>{const{children:s,...a}=o,{type:r}=p(u),l=q[r];return t.createElement(M,{fill:r,ref:n,...a},s??t.createElement(l,null))});g.displayName="Alert.Icon";const h=A.span("iui-alert-message");h.displayName="Alert.Message";const C=t.forwardRef((o,n)=>{const{children:s,className:a,...r}=o,{type:l}=p(u);return t.createElement(S,{as:o.href?"a":"button",className:m("iui-button-base","iui-alert-link",a),underline:!0,"data-iui-status":l,ref:n,...r},s)});C.displayName="Alert.Action";const j=t.forwardRef((o,n)=>{const{children:s,...a}=o;return t.createElement(b,{styleType:"borderless",size:"small","aria-label":"Close",ref:n,...a},s??t.createElement(k,null))});j.displayName="Alert.CloseButton";const e=Object.assign(f,{Wrapper:x,Icon:g,Message:h,Action:C,CloseButton:j}),D={title:"Alert"},L=()=>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!")})]}),R=()=>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!")})]}),U=()=>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!")})]}),P=()=>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!")})]}),z=()=>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."})]}),H=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{}),i.jsx(e.Message,{children:"This is an empty info message."})]}),O=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{children:i.jsx(E,{})}),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(I,{})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{O as CustomIcon,H as Empty,L as Informational,P as Negative,R as Positive,z as Sticky,U as Warning,D as default};
diff --git a/1957/react/assets/Anchor-BixGaM0U.js b/1957/react/assets/Anchor-BixGaM0U.js
new file mode 100644
index 00000000000..aa697196477
--- /dev/null
+++ b/1957/react/assets/Anchor-BixGaM0U.js
@@ -0,0 +1 @@
+import{r as a,B as l,c,V as o}from"./index-DjxMsM5m.js";const d=a.forwardRef((e,n)=>{const{isExternal:r,underline:t,children:i,...s}=e;return a.createElement(l,{as:"a","data-iui-underline":t?"true":void 0,...s,ref:n,className:c("iui-anchor",{"iui-anchor-external":r},e.className)},i,e.target==="_blank"&&a.createElement(o,null," (opens in new tab)"))});export{d as A};
diff --git a/1957/react/assets/Anchor.stories-BbZgokz6.js b/1957/react/assets/Anchor.stories-BbZgokz6.js
new file mode 100644
index 00000000000..9d4b67de32e
--- /dev/null
+++ b/1957/react/assets/Anchor.stories-BbZgokz6.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{A as t}from"./Anchor-BixGaM0U.js";const r={title:"Anchor"},c=()=>e.jsx(t,{href:"https://www.example.com/",children:"www.example.com"}),s=()=>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"}),m=()=>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{s as AsButton,c as Basic,l as External,m as Underline,r as default};
diff --git a/1957/react/assets/Avatar-T2frsgec.js b/1957/react/assets/Avatar-T2frsgec.js
new file mode 100644
index 00000000000..af3617adc41
--- /dev/null
+++ b/1957/react/assets/Avatar-T2frsgec.js
@@ -0,0 +1 @@
+import{r as e,B as g,c as y,V as B}from"./index-DjxMsM5m.js";import{i as k,S as p}from"./colors-DN-6A0ES.js";const S=t=>t?k(t)?p[t]:t:"",x={away:"Away",busy:"Busy",offline:"Offline",online:"Online"},E=e.forwardRef((t,i)=>{const{size:n="small",status:s,abbreviation:a,image:r,backgroundColor:l,title:u,translatedStatusTitles:o,className:d,style:c,...f}=t,m={...x,...o};return e.createElement(g,{as:"span",className:y("iui-avatar",d),"data-iui-size":n!=="medium"?n:void 0,"data-iui-status":s,title:u,style:{backgroundColor:S(l),...c},ref:i,...f},r?null:a==null?void 0:a.substring(0,2),r,s?e.createElement(B,null,m[s]):null)});export{E as A};
diff --git a/1957/react/assets/Avatar.stories-YZfCl5Tk.js b/1957/react/assets/Avatar.stories-YZfCl5Tk.js
new file mode 100644
index 00000000000..eb9ec98d18e
--- /dev/null
+++ b/1957/react/assets/Avatar.stories-YZfCl5Tk.js
@@ -0,0 +1 @@
+import{r as i,j as e}from"./index-DjxMsM5m.js";import{A as r}from"./Avatar-T2frsgec.js";import{g as t}from"./colors-DN-6A0ES.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/1957/react/assets/AvatarGroup.stories-DR3UZSna.js b/1957/react/assets/AvatarGroup.stories-DR3UZSna.js
new file mode 100644
index 00000000000..3d1be32f9d1
--- /dev/null
+++ b/1957/react/assets/AvatarGroup.stories-DR3UZSna.js
@@ -0,0 +1,2 @@
+import{r as s,B as b,c as M,j as r,R as v,T as C}from"./index-DjxMsM5m.js";import{A as c}from"./Avatar-T2frsgec.js";import{g as u}from"./colors-DN-6A0ES.js";const d=s.forwardRef((t,e)=>{const{children:i,animated:g=!1,stacked:o=!0,maxIcons:a=5,iconSize:l="small",countIconProps:m,className:x,...A}=t,p=s.Children.toArray(i),h=p.length,y=j=>p.slice(0,j).map(f=>s.cloneElement(f,{status:void 0,size:l}));return s.createElement(b,{className:M("iui-avatar-list",{"iui-animated":g,"iui-stacked":o},x),ref:e,...A},p.length<=a+1&&y(a+1),p.length>a+1&&s.createElement(s.Fragment,null,y(a),s.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<=99?`${h-a}`:"99+")))}),N={title:"AvatarGroup"},T=()=>{const t=["Terry Rivers","Robin Mercer","Morgan Vera","Ace Cash","Tanner Fraser","Ashley Miles","Jean Mullins"];return r.jsx(d,{iconSize:"medium",children:t.map((e,n)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${n}`))})},k=()=>{const t=["Terry Rivers","Robin Mercer","Morgan Vera","Jean Mullins","Ashley Miles"];return r.jsx(d,{animated:!0,iconSize:"medium",children:t.map((e,n)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${n}`))})},w=()=>{const t=["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,n)=>t[n%t.length]).map((e,n)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${n}`))})})},J=()=>{const t=["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:t.map((e,n)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${n}`))})},z=()=>{const t=["Terry Rivers","Robin Mercer","Morgan Vera","Ashley Miles","Jean Mullins","Charlie Mayfield","Peyton Pennington","Justice Harrington"],[e,n]=v.useState(null),g=t.slice(5).join(`
+`);return r.jsxs(r.Fragment,{children:[r.jsx(d,{countIconProps:{ref:n},iconSize:"medium",children:t.map((o,a)=>r.jsx(c,{abbreviation:o.split(" ").map(l=>l[0]).join(""),backgroundColor:u(o),title:o},`${o}-${a}`))}),r.jsx(C,{reference:e,content:g,placement:"right",style:{whiteSpace:"pre"}})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{k as Animated,T as Basic,w as ManyAvatars,J as NonStacked,z as WithTooltip,N as default};
diff --git a/1957/react/assets/Badge-D-raQolP.js b/1957/react/assets/Badge-D-raQolP.js
new file mode 100644
index 00000000000..26c627db417
--- /dev/null
+++ b/1957/react/assets/Badge-D-raQolP.js
@@ -0,0 +1 @@
+import{r as o,B as g,c as l}from"./index-DjxMsM5m.js";import{i as f,S as m}from"./colors-DN-6A0ES.js";const B=t=>t?f(t)?m[t]:t:"",p=t=>t&&["positive","negative","warning","informational"].includes(t)?t:void 0,x=o.forwardRef((t,s)=>{const{backgroundColor:e,style:r,className:i,children:u,...c}=t,a=e==="primary"?"informational":e,n=p(a),d=a&&!n?{"--iui-badge-background-color":B(a),...r}:{...r};return o.createElement(g,{as:"span",className:l("iui-badge",i),style:d,"data-iui-status":n,ref:s,...c},u)});export{x as B};
diff --git a/1957/react/assets/Badge.stories-Co4yusCF.js b/1957/react/assets/Badge.stories-Co4yusCF.js
new file mode 100644
index 00000000000..2b08da31785
--- /dev/null
+++ b/1957/react/assets/Badge.stories-Co4yusCF.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{B as t}from"./Badge-D-raQolP.js";import"./colors-DN-6A0ES.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/1957/react/assets/Blockquote.stories-CLfDSFPc.js b/1957/react/assets/Blockquote.stories-CLfDSFPc.js
new file mode 100644
index 00000000000..b709c2a6678
--- /dev/null
+++ b/1957/react/assets/Blockquote.stories-CLfDSFPc.js
@@ -0,0 +1 @@
+import{r as t,B as l,c as u,j as e}from"./index-DjxMsM5m.js";const r=t.forwardRef((s,n)=>{const{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/1957/react/assets/Breadcrumbs.stories-BpR9wPSb.js b/1957/react/assets/Breadcrumbs.stories-BpR9wPSb.js
new file mode 100644
index 00000000000..e9e640d9ef3
--- /dev/null
+++ b/1957/react/assets/Breadcrumbs.stories-BpR9wPSb.js
@@ -0,0 +1 @@
+import{r as s,b as E,d as C,B as u,c as x,e as y,j as t,T as R,I as j,R as b}from"./index-DjxMsM5m.js";import{S}from"./ChevronRightDouble-B6kOvHRs.js";import{S as N}from"./Folder-CQ3iN8xp.js";import{S as w}from"./More-CgFlrjTV.js";import{B as A}from"./Button-C_nFjF9J.js";import{A as D}from"./Anchor-BixGaM0U.js";import{S as L}from"./SvgChevronRight-C6VlZyp4.js";import{D as $}from"./DropdownMenu-FIYbvMF3.js";import{M as k}from"./MenuItem-DAdlK6Bb.js";import{D as M}from"./DropdownButton-BLPr5sq5.js";import{I as W}from"./Input-D0vVJrGL.js";import"./Popover-CkBHJnxg.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./SvgCaretUpSmall-BVKtlURr.js";import"./SvgCaretDownSmall-CdoXcIxC.js";const O=y(),T=s.forwardRef((r,o)=>{const{children:e,currentIndex:m=e.length-1,separator:a,overflowButton:c,className:l,...i}=r,[p,d]=E(e),v=C(p,o);return s.createElement(u,{as:"nav",className:x("iui-breadcrumbs",l),ref:v,"aria-label":"Breadcrumb",...i},s.createElement(u,{as:"ol",className:"iui-breadcrumbs-list"},d>1&&s.createElement(s.Fragment,null,s.createElement(I,{item:e[0],isActive:m===0}),s.createElement(g,{separator:a})),e.length-d>0&&s.createElement(s.Fragment,null,s.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},c?c(d):s.createElement(u,{as:"span",className:"iui-breadcrumbs-content"},"…")),s.createElement(g,{separator:a})),e.slice(d>1?e.length-d+1:e.length-1).map((F,B)=>{const h=d>1?1+(e.length-d)+B:e.length-1;return s.createElement(s.Fragment,{key:h},s.createElement(I,{item:e[h],isActive:m===h}),h<e.length-1&&s.createElement(g,{separator:a}))})))}),I=({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)===A)&&(O("Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead."),e=s.createElement(f,{...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}))},g=({separator:r})=>s.createElement(u,{as:"li",className:"iui-breadcrumbs-separator","aria-hidden":!0},r??s.createElement(L,null)),f=s.forwardRef((r,o)=>{const{children:e,className:m,...a}=r,c=r.href?D:r.onClick?"button":"span",l=c==="button"?s.createElement("span",null,e):e;return s.createElement(u,{as:c,className:x("iui-breadcrumbs-content",m),ref:o,...a},l)});f.displayName="Breadcrumbs.Item";const n=Object.assign(T,{Item:f}),se={title:"Breadcrumbs"},ne=()=>t.jsxs(n,{children:[t.jsx(n.Item,{onClick:()=>console.log("Root"),children:"Root"},0),t.jsx(n.Item,{onClick:()=>console.log("Item 1"),children:"Item 1"},1),t.jsx(n.Item,{onClick:()=>console.log("Item 2"),children:"Item 2"},2)]}),oe=()=>t.jsxs(n,{children:[t.jsx(n.Item,{href:"/",children:"iTwinUI"},0),t.jsx(n.Item,{href:"/?path=/docs/core-breadcrumbs",children:"Breadcrumbs"},1),t.jsx(n.Item,{children:"Links"},2)]}),le=()=>t.jsxs(n,{separator:t.jsx(S,{}),children:[t.jsx(n.Item,{onClick:()=>console.log("Root"),children:"Root"},0),t.jsx(n.Item,{onClick:()=>console.log("Item 1"),children:"Item 1"},1),t.jsx(n.Item,{onClick:()=>console.log("Item 2"),children:"Item 2"},2)]}),ae=()=>{const r=Array(10).fill(null).map((o,e)=>t.jsxs(n.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx("div",{style:{maxWidth:"50%",border:"1px solid lightpink",padding:8},children:t.jsx(n,{children:r})})},ce=()=>{const r=Array(10).fill(null).map((o,e)=>t.jsxs(n.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx("div",{style:{width:"50%",maxWidth:725,minWidth:150,border:"1px solid lightpink",padding:8},children:t.jsx(n,{overflowButton:o=>{const e=o>1?r.length-o:r.length-2;return t.jsx(R,{content:`Item ${e}`,placement:"bottom",children:t.jsx(j,{"aria-label":`Item ${e}`,onClick:()=>{console.log(`Visit breadcrumb ${e}`)},styleType:"borderless",children:t.jsx(w,{})})})},children:r})})},ie=()=>{const r=Array(10).fill(null).map((o,e)=>t.jsxs(n.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx("div",{style:{width:"50%",maxWidth:725,minWidth:150,border:"1px solid lightpink",padding:8},children:t.jsx(n,{overflowButton:o=>t.jsx($,{menuItems:e=>Array(r.length-o).fill(null).map((m,a)=>{const c=o>1?a+1:a,l=()=>{console.log(`Visit breadcrumb ${c}`),e()};return t.jsxs(k,{onClick:l,children:["Item ",c]},c)}),children:t.jsx(j,{"aria-label":"Dropdown with more breadcrumbs",onClick:()=>console.log("Clicked on overflow icon"),styleType:"borderless",children:t.jsx(w,{})})}),children:r})})},me=()=>{const r=b.useMemo(()=>["Root","Level 1","Level 2","Level 3","Level 4"],[]),[o,e]=b.useState(r.length-1),[m,a]=b.useState(!1),c=b.useMemo(()=>r.slice(0,o+1).map((l,i)=>t.jsx(n.Item,{onClick:()=>{o!==i?e(i):a(!0)},children:l},`Breadcrumb${i}`)),[r,o]);return t.jsxs("div",{style:{display:"inline-flex",width:450},children:[t.jsx(M,{startIcon:t.jsx(N,{"aria-hidden":!0}),styleType:"borderless",menuItems:l=>r.map((i,p)=>t.jsx(k,{onClick:()=>{e(p),a(!1),l()},children:i},`Item${p}`))}),m?t.jsx(W,{defaultValue:r.slice(0,o+1).join("/"),onChange:({target:{value:l}})=>{const i=l.substring(l.lastIndexOf("/",l.length-2)+1);e(r.findIndex(p=>i.includes(p)))},onKeyDown:({key:l})=>l==="Enter"&&a(!1),onBlur:()=>a(!1)}):t.jsx(n,{children:c})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ne as Basic,ce as CustomOverflowBackButton,ie as CustomOverflowDropdown,le as CustomSeparator,me as FolderNavigation,oe as Links,ae as Overflow,se as default};
diff --git a/1957/react/assets/Button-C_nFjF9J.js b/1957/react/assets/Button-C_nFjF9J.js
new file mode 100644
index 00000000000..4ecdb2ba978
--- /dev/null
+++ b/1957/react/assets/Button-C_nFjF9J.js
@@ -0,0 +1 @@
+import{r as e,i as B,c as s,B as l}from"./index-DjxMsM5m.js";const E=e.forwardRef((u,o)=>{const{children:i,className:d,size:m,styleType:n="default",startIcon:r,endIcon:c,labelProps:f,startIconProps:a,endIconProps:t,...p}=u;return e.createElement(B,{ref:o,className:s("iui-button",d),"data-iui-variant":n!=="default"?n:void 0,"data-iui-size":m,...p},r&&e.createElement(l,{as:"span","aria-hidden":!0,...a,className:s("iui-button-icon",a==null?void 0:a.className)},r),i&&e.createElement("span",{...f},i),c&&e.createElement(l,{as:"span","aria-hidden":!0,...t,className:s("iui-button-icon",t==null?void 0:t.className)},c))});export{E as B};
diff --git a/1957/react/assets/Button.stories-CA4yM_Y9.js b/1957/react/assets/Button.stories-CA4yM_Y9.js
new file mode 100644
index 00000000000..71b061e078a
--- /dev/null
+++ b/1957/react/assets/Button.stories-CA4yM_Y9.js
@@ -0,0 +1 @@
+import{r as n,j as t}from"./index-DjxMsM5m.js";import{S as s}from"./Add-CMnT-eoE.js";import{B as e}from"./Button-C_nFjF9J.js";import{N as o}from"./NotificationMarker-Dh32yodE.js";const i=l=>n.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},n.createElement("path",{d:"M16 14V4l-8 6-8-6v10z"}),n.createElement("path",{d:"M0 2h16L8 8z"})),h={title:"Button"},x=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"cta",children:"Call To Action Button"}),u=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"high-visibility",children:"High Visibility Button"}),m=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"default",children:"Default Button"}),y=()=>t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(s,{}),styleType:"high-visibility",children:"New"}),p=()=>t.jsxs("div",{style:{display:"flex",gap:"10px"},children:[t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(o,{status:"white",children:t.jsx(i,{})}),styleType:"high-visibility",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(o,{status:"white",children:t.jsx(i,{})}),styleType:"cta",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(o,{children:t.jsx(i,{})}),styleType:"default",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(o,{children:t.jsx(i,{})}),styleType:"borderless",children:"Inbox"})]}),j=()=>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"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{j as AsLink,x as CallToAction,m as Default,u as HighVisibility,y as WithIcon,p as WithNotification,h as default};
diff --git a/1957/react/assets/ButtonGroup.stories-FnlSOtsd.js b/1957/react/assets/ButtonGroup.stories-FnlSOtsd.js
new file mode 100644
index 00000000000..2924dbc51f9
--- /dev/null
+++ b/1957/react/assets/ButtonGroup.stories-FnlSOtsd.js
@@ -0,0 +1 @@
+import{r as c,j as e,f as n,I as o}from"./index-DjxMsM5m.js";import{S as u}from"./Add-CMnT-eoE.js";import{S as h}from"./Edit-1xGNuYZJ.js";import{S as x}from"./More-CgFlrjTV.js";import{S as d}from"./Placeholder-C7CVYxHs.js";import{T as j}from"./Text-Cn6X0xwD.js";import{D as p}from"./DropdownMenu-FIYbvMF3.js";import{M as I}from"./MenuItem-DAdlK6Bb.js";import{I as g}from"./Input-D0vVJrGL.js";import{B as b}from"./Button-C_nFjF9J.js";import"./Popover-CkBHJnxg.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";const C=t=>c.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},c.createElement("path",{d:"M14 1v1H2V1h3l1-1h4l1 1zM3 3h10v12a1 1 0 01-1 1H4a1 1 0 01-1-1zm6 11h1V5H9zm-3 0h1V5H6z"})),v=t=>c.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},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"})),H={title:"ButtonGroup"},N=()=>e.jsxs(n,{children:[e.jsx(o,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(u,{})}),e.jsx(o,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(h,{})}),e.jsx(o,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(C,{})}),e.jsx(o,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(v,{})})]}),D=()=>{const t=Array.from({length:10},(i,l)=>e.jsx(o,{label:`Item #${l}`,children:e.jsx(d,{})},l));return e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"small",as:"small",isMuted:!0,children:"Resize the viewport to see overflow behavior."}),e.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)",border:"1px solid hotpink",padding:8},children:e.jsx(n,{orientation:"horizontal",overflowButton:i=>e.jsx(p,{menuItems:l=>{const a=t.length-i;return Array.from({length:a},(m,r)=>{const s=i+r;return e.jsxs(I,{onClick:l,icon:e.jsx(d,{}),children:["Item #",s]},s)})},children:e.jsx(o,{label:"More",children:e.jsx(x,{})})}),children:t})})]})},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(o,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(u,{})}),e.jsx(o,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(h,{})}),e.jsx(o,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(C,{})}),e.jsx(o,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(v,{})})]}),k=()=>{const t=Array(10).fill(null).map((i,l)=>e.jsx(o,{onClick:()=>console.log(`Clicked on button ${l+1}`),children:e.jsx(d,{})},l));return e.jsx(n,{orientation:"vertical",style:{height:"clamp(100px, 40vmax, 80vh)"},overflowButton:i=>e.jsx(p,{menuItems:l=>Array(t.length-i+1).fill(null).map((a,m)=>{const r=i+m,s=()=>{console.log(`Clicked button ${r} (overflow)`),l()};return e.jsxs(I,{onClick:s,icon:e.jsx(d,{}),children:["Button #",r]},r)}),children:e.jsx(o,{onClick:()=>console.log("Clicked on overflow icon"),children:e.jsx(x,{})})}),children:t})};k.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"small",as:"small",isMuted:!0,children:"Resize the viewport to see overflow behavior."}),e.jsx("div",{style:{border:"1px solid hotpink",padding:8},children:e.jsx(t,{})})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{U as InputButtonCombo,D as Overflow,F as Vertical,k as VerticalOverflow,N as WithIcons,H as default};
diff --git a/1957/react/assets/Calendar-D_OHPShH.js b/1957/react/assets/Calendar-D_OHPShH.js
new file mode 100644
index 00000000000..4f8596ed460
--- /dev/null
+++ b/1957/react/assets/Calendar-D_OHPShH.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Camera-ChdbnOlH.js b/1957/react/assets/Camera-ChdbnOlH.js
new file mode 100644
index 00000000000..f210426fafe
--- /dev/null
+++ b/1957/react/assets/Camera-ChdbnOlH.js
@@ -0,0 +1 @@
+import{r as a}from"./index-DjxMsM5m.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/1957/react/assets/Carousel.stories-BzH--gxi.js b/1957/react/assets/Carousel.stories-BzH--gxi.js
new file mode 100644
index 00000000000..c84961dc9eb
--- /dev/null
+++ b/1957/react/assets/Carousel.stories-BzH--gxi.js
@@ -0,0 +1 @@
+import{r as e,g as G,d as K,h as L,B as j,c as p,m as J,i as Q,k as X,l as B,I as z,n as Y,o as Z,j as d,R as O}from"./index-DjxMsM5m.js";import{u as ee}from"./useIntersection-5ksHNLOp.js";import{S as te}from"./SvgChevronLeft-B2Hc4_Y5.js";import{S as re}from"./SvgChevronRight-C6VlZyp4.js";import{T as se}from"./Text-Cn6X0xwD.js";import{C as P}from"./Code-13DeCnRv.js";const D=e.createContext(void 0),oe=e.forwardRef((t,u)=>{const{children:r,className:s,...i}=t,c=e.useContext(D);if(!c)throw new Error("CarouselSlider must be used within Carousel");const{setSlideCount:a,idPrefix:f,scrollToSlide:n,isManuallyUpdating:o}=c,h=e.useMemo(()=>e.Children.map(r,(x,g)=>e.isValidElement(x)?e.cloneElement(x,{id:`${f}--slide-${g}`,"aria-labelledby":`${f}--dot-${g}`,index:g}):x)??[],[r,f]);G(()=>{a(h.length)},[h.length,a]);const C=e.useRef(null),y=K(C,u);n.current=(x,{instant:g}={})=>{var I,E,T;o.current=!0;const k=(I=C.current)==null?void 0:I.children.item(x);if(!C.current||!k)return;const v=(T=(E=L())==null?void 0:E.matchMedia("(prefers-reduced-motion: no-preference)"))==null?void 0:T.matches;C.current.scrollTo({left:k.offsetLeft-C.current.offsetLeft,behavior:g||!v?"instant":"smooth"})};const b=e.useRef(),w=e.useCallback(()=>{var x,g;b.current&&((x=L())==null||x.clearTimeout(b.current)),b.current=(g=L())==null?void 0:g.setTimeout(()=>{o.current=!1},100)},[o]);return e.createElement(j,{className:p("iui-carousel-slider",s),ref:y,onScroll:w,tabIndex:-1,...i},h)}),ne=e.forwardRef((t,u)=>{const{index:r,className:s,children:i,...c}=t,a=e.useContext(D);if(!a||r==null)throw new Error("CarouselSlide must be used within Carousel");const{isManuallyUpdating:f,currentIndex:n,setCurrentIndex:o}=a,h=e.useCallback(()=>{f.current||o(r)},[r,f,o]),C=ee(h,{threshold:.5},!1),y=K(C,u);return e.createElement(j,{className:p("iui-carousel-slider-item",s),role:"tabpanel","aria-roledescription":"slide",tabIndex:r===n?0:void 0,ref:y,inert:r!==n?"":void 0,...c,onKeyDown:J(t.onKeyDown,b=>{(b.key==="ArrowLeft"||b.key==="ArrowRight")&&b.preventDefault()})},i)}),U=e.forwardRef((t,u)=>{const{isActive:r,isSmaller:s,isSmall:i,className:c,...a}=t;return e.createElement(Q,{role:"tab",tabIndex:r?0:-1,className:p("iui-carousel-navigation-dot",{"iui-active":r,"iui-first":s,"iui-second":i},c),"aria-selected":r,ref:u,...a})}),V=e.forwardRef((t,u)=>{const{currentIndex:r,length:s,className:i,onSlideChange:c,children:a,...f}=t,n=e.useContext(D),o=s??(n==null?void 0:n.slideCount)??e.Children.count(a),h=r??(n==null?void 0:n.currentIndex)??0,C=t.id??(n==null?void 0:n.idPrefix),y=e.useCallback(m=>{var l,R;n&&(n.setCurrentIndex(m),n.scrollToSlide.current(m)),(R=(l=g.current)==null?void 0:l.children[m])==null||R.focus(),c==null||c(m)},[n,c]),b=e.useRef(!0),[w,x]=e.useState(o),g=e.useRef(null),[k,v]=e.useState(),[I,E]=X(({width:m})=>{if(!g.current)return;v(m);const l=g.current.children[0].offsetWidth;x(Math.floor(m/l))});e.useEffect(()=>E==null?void 0:E.disconnect(),[E]);const T=K(u,I,g),N=e.useMemo(()=>B(h-Math.ceil(w/2)+1,0,o-w),[h,o,w]),M=e.useMemo(()=>B(h+Math.floor(w/2),w-1,o-1),[h,o,w]),_=e.useMemo(()=>Array(o).fill(null).map((m,l)=>{const R=l===N&&l!==0||l===M&&l!==o-1,$=l===N+1&&l!==1||l===M-1&&l!==o-2,A=l<N||l>M;return e.createElement(U,{key:l,"aria-label":`Slide ${l+1}`,isActive:l===h,onClick:()=>y(l),isSmall:$,isSmaller:R||A,id:C&&`${C}--dot-${l}`})}),[o,N,M,h,C,y]);e.useEffect(()=>{var R,$,A;const m=(R=g.current)==null?void 0:R.children[N];if(!g.current||!m)return;const l=(A=($=L())==null?void 0:$.matchMedia("(prefers-reduced-motion: no-preference)"))==null?void 0:A.matches;g.current.scrollTo({left:m.offsetLeft-g.current.offsetLeft,behavior:l&&!b.current?"smooth":"auto"}),b.current&&(b.current=!1)},[h,N,o,w,k]);const H=m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;const l=m.key;(l==="ArrowLeft"||l==="ArrowRight")&&m.preventDefault()},q=m=>{switch(m.key){case"ArrowLeft":{y((o+h-1)%o);break}case"ArrowRight":{y((o+h+1)%o);break}}};return e.createElement(e.Fragment,null,e.createElement(j,{className:p("iui-carousel-navigation-dots",i),role:"tablist","aria-label":"Slides",ref:T,onKeyDown:H,onKeyUp:q,tabIndex:-1,...f},a??_))}),le=e.forwardRef((t,u)=>{const{className:r,children:s,...i}=t;return e.createElement(j,{className:p("iui-carousel-navigation",r),ref:u,...i},s??e.createElement(e.Fragment,null,e.createElement(j,{className:"iui-carousel-navigation-left"},e.createElement(W,null)),e.createElement(V,null),e.createElement(j,{className:"iui-carousel-navigation-right"},e.createElement(F,null))))}),W=e.forwardRef((t,u)=>{const r=e.useContext(D);if(!r)throw new Error("CarouselNavigation should be used inside Carousel");const{slideCount:s,currentIndex:i,setCurrentIndex:c,scrollToSlide:a}=r;return e.createElement(z,{styleType:"borderless",size:"small",tabIndex:-1,"aria-label":"Previous",ref:u,...t,onClick:f=>{var o;const n=(s+i-1)%s;c(n),a.current(n,{instant:f.detail>3}),(o=t==null?void 0:t.onClick)==null||o.call(t,f)}},e.createElement(te,null))}),F=e.forwardRef((t,u)=>{const r=e.useContext(D);if(!r)throw new Error("CarouselNavigation should be used inside Carousel");const{slideCount:s,currentIndex:i,setCurrentIndex:c,scrollToSlide:a}=r;return e.createElement(z,{styleType:"borderless",size:"small",tabIndex:-1,"aria-label":"Next",ref:u,...t,onClick:f=>{var o;const n=(s+i+1)%s;c(n),a.current(n,{instant:f.detail>3}),(o=t==null?void 0:t.onClick)==null||o.call(t,f)}},e.createElement(re,null))}),ie=Object.assign(le,{PreviousButton:W,NextButton:F}),ce=e.forwardRef((t,u)=>{const r=Y(),{activeSlideIndex:s=0,onSlideChange:i,className:c,children:a,id:f=r,...n}=t,o=e.useRef(!1),h=e.useRef(null),C=K(h,u),[y,b]=e.useState(s),w=e.useRef(()=>{}),x=e.useRef(!0);e.useEffect(()=>{b(s),w.current(s,{instant:x.current}),x.current=!1},[s]);const[g,k]=e.useState(0),v=Z(i);return e.useEffect(()=>{var I;(I=v.current)==null||I.call(v,y)},[v,y]),e.createElement(j,{as:"section","aria-roledescription":"carousel",ref:C,className:p("iui-carousel",c),...n,id:f},e.createElement(D.Provider,{value:{currentIndex:y,setCurrentIndex:b,slideCount:g,setSlideCount:k,idPrefix:f,isManuallyUpdating:o,scrollToSlide:w}},a))}),S=Object.assign(ce,{Slider:oe,Slide:ne,Navigation:ie,DotsList:V,Dot:U}),Ce={title:"Carousel"},xe=()=>{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(S,{style:{width:"min(800px, 90vw)"},children:[d.jsx(S.Navigation,{}),d.jsx(S.Slider,{children:t.map(({from:u,to:r},s)=>d.jsx(S.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:s+1})})},s))})]})},ye=()=>{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]=O.useState(5);return d.jsxs(S,{style:{width:"min(800px, 90vw)"},activeSlideIndex:u,onSlideChange:s=>r(s),children:[d.jsx(S.Navigation,{}),d.jsx(S.Slider,{children:t.map(({from:s,to:i},c)=>d.jsx(S.Slide,{children:d.jsx("div",{style:{background:`linear-gradient(to right, ${s}, ${i})`,height:350,width:"100%",display:"grid",placeItems:"center"},children:d.jsx("div",{style:{fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:c+1})})},c))})]})},ae=()=>"my-custom-carousel",de=()=>{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=ae(),[r,s]=O.useState(0);return d.jsxs("section",{"aria-roledescription":"carousel",tabIndex:0,onKeyUp:({key:i})=>{const c=i==="ArrowRight"?1:i==="ArrowLeft"?-1:0;s(a=>(t.length+a+c)%t.length)},style:{display:"inline-grid",width:"min(90vw, 40vh)"},children:[d.jsx(S.DotsList,{id:u,length:t.length,currentIndex:r,onSlideChange:i=>s(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:c},a)=>d.jsx("div",{role:"tabpanel",id:`${u}-slide-${a}`,onClick:({currentTarget:{clientWidth:f},clientX:n})=>{const o=f-n>f/2?-1:1;s(h=>(t.length+h+o)%t.length)},style:{gridArea:"slide",opacity:r===a?1:0,pointerEvents:r===a?"auto":"none",transition:"opacity 0.5s",cursor:"pointer"},children:d.jsx("div",{style:{background:`linear-gradient(to right, ${i}, ${c})`,height:"min(600px, 70vh)",display:"grid",placeItems:"center",fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:a+1})},a))})]})};de.decorators=[t=>d.jsxs("div",{style:{display:"inline-grid",gap:"1rem"},children:[d.jsxs(se,{isMuted:!0,style:{fontStyle:"italic"},children:["This example shows how ",d.jsx(P,{children:"Carousel.DotsList"})," can be used outside ",d.jsx(P,{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{xe as Basic,ye as Controlled,de as OnlyDots,Ce as default};
diff --git a/1957/react/assets/Checkbox-Cit0Xd27.js b/1957/react/assets/Checkbox-Cit0Xd27.js
new file mode 100644
index 00000000000..171b5f97840
--- /dev/null
+++ b/1957/react/assets/Checkbox-Cit0Xd27.js
@@ -0,0 +1 @@
+import{r as e,d as y,B as t,c as l}from"./index-DjxMsM5m.js";import{P as R}from"./ProgressRadial-B65sMgcN.js";const v=e.forwardRef((m,u)=>{const{className:p,disabled:c=!1,indeterminate:i=!1,label:r,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=i,a.current.checked=i?!1:a.current.checked)});const o=e.createElement(e.Fragment,null,e.createElement(t,{as:"input",className:l("iui-checkbox",{"iui-checkbox-visibility":d==="eyeball","iui-loading":s},p),style:x,disabled:c||s,type:"checkbox",ref:k,...h}),s&&e.createElement(R,{size:"x-small",indeterminate:!0})),{className:E,...N}=b,{className:g,...P}=f;return r?e.createElement(t,{as:"label",className:l("iui-checkbox-wrapper",{"iui-disabled":c,[`iui-${n}`]:!!n,"iui-loading":s},E),...N},o,r&&e.createElement(t,{as:"span",className:l("iui-checkbox-label",g),...P},r)):o});export{v as C};
diff --git a/1957/react/assets/Checkbox.stories-C25Qg8o9.js b/1957/react/assets/Checkbox.stories-C25Qg8o9.js
new file mode 100644
index 00000000000..af2274f0297
--- /dev/null
+++ b/1957/react/assets/Checkbox.stories-C25Qg8o9.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{C as t}from"./Checkbox-Cit0Xd27.js";import"./ProgressRadial-B65sMgcN.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/1957/react/assets/ChevronRightDouble-B6kOvHRs.js b/1957/react/assets/ChevronRightDouble-B6kOvHRs.js
new file mode 100644
index 00000000000..10f0435acef
--- /dev/null
+++ b/1957/react/assets/ChevronRightDouble-B6kOvHRs.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Code-13DeCnRv.js b/1957/react/assets/Code-13DeCnRv.js
new file mode 100644
index 00000000000..184c52b7267
--- /dev/null
+++ b/1957/react/assets/Code-13DeCnRv.js
@@ -0,0 +1 @@
+import{p as o}from"./index-DjxMsM5m.js";const c=o.code("iui-code");export{c as C};
diff --git a/1957/react/assets/Code.stories-BjXWWsmU.js b/1957/react/assets/Code.stories-BjXWWsmU.js
new file mode 100644
index 00000000000..45ee737a628
--- /dev/null
+++ b/1957/react/assets/Code.stories-BjXWWsmU.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{C as t}from"./Code-13DeCnRv.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/1957/react/assets/ColorPicker.stories-CLOIPfzP.js b/1957/react/assets/ColorPicker.stories-CLOIPfzP.js
new file mode 100644
index 00000000000..a8501ff2db6
--- /dev/null
+++ b/1957/react/assets/ColorPicker.stories-CLOIPfzP.js
@@ -0,0 +1 @@
+import{l as G,r as s,q as he,B as k,c as z,d as oe,i as fe,V as ge,n as de,I as Y,R as M,j as C,f as ne}from"./index-DjxMsM5m.js";import{P as X}from"./Popover-CkBHJnxg.js";import{S as re}from"./Slider-wDX7nB89.js";import{u as W}from"./useEventListener-BeqhzdR7.js";import{I as T}from"./Input-D0vVJrGL.js";import{B as se}from"./Button-C_nFjF9J.js";const A=new Uint8Array(4),K=new Uint32Array(A.buffer),pe=m=>typeof m!="string"&&"r"in m&&"g"in m&&"b"in m,be=m=>typeof m!="string"&&"h"in m&&"s"in m&&"l"in m,Ce=m=>typeof m!="string"&&"h"in m&&"s"in m&&"v"in m;class d{constructor(t,o){K[0]=t,this._tbgr=K[0],this._hue=o}static create(t){return t?pe(t)?d.fromRGB(t):be(t)?d.fromHSL(t):Ce(t)?d.fromHSV(t):typeof t=="string"?d.fromString(t,d.fromTbgr(0)):d.fromTbgr(0):d.fromTbgr(0)}toTbgr(){return this._tbgr}static fromTbgr(t){return new d(t)}static fromRgbt(t,o,i,r){return this.fromTbgr(this.computeTbgrFromComponents(t,o,i,r))}static computeTbgrFromComponents(t,o,i,r){return A[0]=t,A[1]=o,A[2]=i,A[3]=r||0,K[0]}static fromString(t,o){const[i,r]=this.computeTbgrFromString(t,o==null?void 0:o.toTbgr());return new d(i,r)}static fromHSL(t){const o=t.a??1;return new d(this.computeTbgrFromHSL(t.h/360,t.s/100,t.l/100,Math.round((1-o)*255)),t.h)}static fromRGB(t){const o=t.a??1;return d.fromRgbt(t.r,t.g,t.b,Math.round((1-o)*255))}static fromHSV(t){const o=t.a??1,i=Math.round((1-o)*255);if(!t.s||t.h===-1){const N=255&Math.floor(255*t.v/100+.5+3e-14);return d.fromRgbt(N,N,N,0)}let r=t.h,h=t.s,f=t.v;r===360&&(r=0),r/=60;const c=Math.floor(r),b=r-c;f/=100,h/=100;const l=255&Math.floor(f*(1-h)*255+.5),u=255&Math.floor(f*(1-h*b)*255+.5),a=255&Math.floor(f*(1-h*(1-b))*255+.5),g=255&Math.floor(f*255+.5);let n=0,x=0,v=0;switch(c){case 0:n=g,v=a,x=l;break;case 1:n=u,v=g,x=l;break;case 2:n=l,v=g,x=a;break;case 3:n=l,v=u,x=g;break;case 4:n=a,v=l,x=g;break;case 5:n=g,v=l,x=u;break}return new d(d.computeTbgrFromComponents(n,v,x,i),t.h)}static computeTbgrFromString(t,o){t=t.toLowerCase();let i=/^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(t);if(i){let r;const h=i[1],f=i[2],c=u=>u[u.length-1]==="%",b=u=>{const a=parseFloat(u);return 255*G(c(u)?a/100:a,0,1)},l=u=>{const a=c(u)?parseFloat(u)/100*255:parseInt(u,10);return G(a,0,255)};switch(h){case"rgb":case"rgba":if(r=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(f),r)return[this.computeTbgrFromComponents(l(r[1]),l(r[2]),l(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(f),r){const u=parseFloat(r[1]),a=parseInt(r[2],10)/100,g=parseInt(r[3],10)/100,n=typeof r[4]=="string"?255-b(r[4]):0;return[this.computeTbgrFromHSL(u/360,a,g,n),u]}break}}else if(i=/^\#([A-Fa-f\d]+)$/.exec(t)){const r=i[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(t){return K[0]=t,{b:A[2],g:A[1],r:A[0],t:A[3]}}getRgb(t){return K[0]=this._tbgr,t?(A[0]<<24)+(A[1]<<16)+(A[2]<<8)+(255-A[3]):(A[0]<<16)+(A[1]<<8)+A[2]}getAlpha(){return d.getAlpha(this._tbgr)}static getAlpha(t){return K[0]=t,255-A[3]}toHexString(t){if(t){let o=this.getRgb(t);return o<0&&(o=4294967295+o+1),`#${`00000000${o.toString(16)}`.slice(-8)}`}return`#${`000000${this.getRgb().toString(16)}`.slice(-6)}`}static computeTbgrFromHSL(t,o,i,r=0){const h=(u,a,g)=>(g<0&&(g+=1),g>1&&(g-=1),g<.16666666666666666?u+(a-u)*6*g:g<.5?a:g<.6666666666666666?u+(a-u)*6*(.6666666666666666-g):u),f=(u,a,g)=>Math.round(h(u,a,g)*255);if(t=((u,a)=>(u%a+a)%a)(t,1),o=G(o,0,1),i=G(i,0,1),o===0)return i*=255,this.computeTbgrFromComponents(i,i,i,r);const b=i<=.5?i*(1+o):i+o-i*o,l=2*i-b;return this.computeTbgrFromComponents(f(l,b,t+1/3),f(l,b,t),f(l,b,t-1/3),r)}toHslColor(){return{...d.toHsl(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsl(t){const{r:o,g:i,b:r}=d.getColors(t),h=o/255,f=i/255,c=r/255,b=Math.min(h,f,c),l=Math.max(h,f,c),u=l-b;let a=0,g=0;u===0?a=0:h===l?a=(f-c)/u%6:f===l?a=(c-h)/u+2:a=(h-f)/u+4,a=Math.round(a*60),a<0&&(a+=360);let n=(l+b)/2;return g=u===0?0:u/(1-Math.abs(2*n-1)),g=Number((g*100).toFixed(1)),n=Number((n*100).toFixed(1)),{h:a,s:g,l:n,a:this.getAlpha(t)/255}}toRgbColor(){const{r:t,g:o,b:i}=d.getColors(this._tbgr);return{r:t,g:o,b:i,a:this.getAlpha()/255}}toHsvColor(){return{...d.toHsv(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsv(t){const{r:o,g:i,b:r}=d.getColors(t),h=o/255,f=i/255,c=r/255,b=Math.min(h,f,c),l=Math.max(h,f,c),u=l-b;let a=0;u===0?a=0:h===l?a=(f-c)/u%6:f===l?a=(c-h)/u+2:a=(h-f)/u+4,a=Math.round(a*60),a<0&&(a+=360);let g=l,n=l===0?0:u/l;return n=Number((n*100).toFixed(1)),g=Number((g*100).toFixed(1)),{h:a,s:n,v:g,a:this.getAlpha(t)/255}}equals(t){return this._tbgr===t._tbgr}static getFormattedColorNumber(t,o=1){return o===0&&Math.round(t).toString(),Number(t.toFixed(o)).toString()}toRgbString(t){const o=this.toRgbColor(),i=`${o.r}, ${o.g}, ${o.b}`;if(t){const r=o.a??1;return`rgba(${i}, ${d.getFormattedColorNumber(r,2)})`}return`rgb(${i})`}toHslString(t){const o=this.toHslColor(),i=`${d.getFormattedColorNumber(this._hue??o.h)}, ${d.getFormattedColorNumber(o.s)}%, ${d.getFormattedColorNumber(o.l)}%`;if(t){const r=o.a??1;return`hsla(${i}, ${d.getFormattedColorNumber(r,2)})`}return`hsl(${i})`}toHsvString(t){const o=this.toHsvColor(),i=`${this._hue??o.h}, ${o.s}%, ${o.v}%`;if(t){const r=o.a??1;return`hsva(${i}, ${d.getFormattedColorNumber(r,2)})`}return`hsv(${i})`}}const xe=m=>s.createElement(he,{...m},s.createElement("path",{d:"m5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z"})),ae=s.createContext(void 0),Z=()=>{const m=s.useContext(ae);if(m==null)throw new Error("useColorPickerContext must be used within a ColorPickerContext.Provider");return m},J=m=>m instanceof d?m:d.create(m),Q=s.forwardRef((m,t)=>{const{children:o,className:i,selectedColor:r,onChange:h,onChangeComplete:f,showAlpha:c=!1,applyBackground:b=!0,...l}=m,u=s.useRef(null),a=s.useMemo(()=>J(r),[r]),g=s.useRef(a.toTbgr()),[n,x]=s.useState(a);s.useEffect(()=>{x(a)},[a]);const[v,N]=s.useState(()=>n.toHsvColor());s.useEffect(()=>{a.toTbgr()!==g.current&&(g.current=a.toTbgr(),N(a.toHsvColor()))},[a]);const $=s.useCallback((H,E,O)=>{N(H);const I=O??d.create(H);E?f==null||f(I):h==null||h(I),g.current=I.toTbgr(),x(I)},[h,f]);return s.createElement(k,{className:z("iui-color-picker",{"iui-popover-surface":b},i),ref:oe(u,t),...l},s.createElement(ae.Provider,{value:{activeColor:n,setActiveColor:x,hsvColor:v,applyHsvColorChange:$,onChangeComplete:f,showAlpha:c}},o))}),q=s.forwardRef((m,t)=>{const{color:o,style:i,onClick:r,isActive:h,className:f,...c}=m,b=s.useMemo(()=>typeof o=="string"?o:J(o).toHslString(!0),[o]);return s.createElement(k,{as:r?fe:"span",className:z("iui-color-swatch",{"iui-active":h},f),style:{"--iui-color-swatch-background":b,...i},onClick:r,"aria-pressed":r&&h?"true":void 0,ref:t,...c},m.children??s.createElement(ge,null,b.toUpperCase()))}),Ee=(m,t)=>(G(t,m.top,m.bottom)-m.top)/m.height*100,Se=(m,t)=>(G(t,m.left,m.right)-m.left)/m.width*100,le=s.forwardRef((m,t)=>{var V,ee,te;const{className:o,...i}=m,r=s.useRef(),h=oe(r,t),{activeColor:f,hsvColor:c,onChangeComplete:b,applyHsvColorChange:l,showAlpha:u}=Z(),a=s.useMemo(()=>d.create({h:c.h,s:100,v:100}),[c.h]),g=s.useMemo(()=>c.h,[c]),n=s.useMemo(()=>u?c.a??1:1,[c.a,u]),x=s.useMemo(()=>f.toHexString(),[f]),[v,N]=s.useState(!1),$=a.toHexString(),H=100-c.v,E=c.s,O=s.useCallback((p,w)=>{const B={h:Number(p.toFixed(2)),s:c.s,v:c.v,a:c.a};l(B,w)},[l,c]),I=s.useCallback((p,w)=>{const R=Number(p.toFixed(2)),B={h:c.h,s:c.s,v:c.v,a:R};l(B,w)},[l,c]),P=s.useRef(null),U=s.useRef(null),e=s.useCallback((p,w,R)=>{const B={h:c.h,s:p,v:100-w,a:c.a};l(B,R)},[l,c]),S=s.useCallback((p,w)=>{if(P.current&&v||P.current&&w==="onClick"){const R=Se(P.current.getBoundingClientRect(),p.clientX),B=Ee(P.current.getBoundingClientRect(),p.clientY);w==="onChange"?e(R,B,!0):e(R,B,!1)}},[v,e]),F=s.useCallback(p=>{v&&(S(p,"onChange"),N(!1),p.preventDefault(),p.stopPropagation())},[v,S]);W("pointerup",F,(V=r.current)==null?void 0:V.ownerDocument);const D=s.useCallback(p=>{v&&(p.preventDefault(),p.stopPropagation(),S(p,"onUpdate"))},[v,S]);W("pointermove",D,(ee=r.current)==null?void 0:ee.ownerDocument);const L=s.useCallback(p=>{v&&(S(p,"onChange"),N(!1))},[v,S]);W("pointerleave",L,(te=r.current)==null?void 0:te.ownerDocument);const y=s.useRef({}),ue=p=>{if(p.altKey)return;let w=E,R=H;switch(y.current[p.key]=!0,p.key){case"ArrowDown":{R=Math.min(R+1,100),e(w,R,!1);break}case"ArrowUp":{R=Math.max(R-1,0),e(w,R,!1);break}case"ArrowLeft":w=Math.max(w-1,0),e(w,R,!1);break;case"ArrowRight":w=Math.min(w+1,100),e(w,R,!1);break}},me=p=>{switch(y.current[p.key]=!1,p.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(d.create(c));break}};return s.createElement(k,{className:z("iui-color-selection-wrapper",o),ref:h,...i},s.createElement(k,{className:"iui-color-field",style:{"--iui-color-field-hue":$,"--iui-color-picker-selected-color":x},ref:P,onPointerDown:p=>{var w;p.preventDefault(),S(p,"onClick"),N(!0),(w=U.current)==null||w.focus()}},s.createElement(k,{className:"iui-color-dot",style:{"--iui-color-dot-inset-block":`${H.toString()}% auto`,"--iui-color-dot-inset-inline":`${E.toString()}% auto`},onPointerDown:()=>{var p;N(!0),(p=U.current)==null||p.focus()},onKeyDown:ue,onKeyUp:me,tabIndex:0,ref:U})),s.createElement(re,{minLabel:"",maxLabel:"",values:[g],className:"iui-hue-slider",trackDisplayMode:"none",tooltipProps:()=>({visible:!1}),onChange:p=>{O(p[0],!0)},onUpdate:p=>{O(p[0],!1)},min:0,max:359,thumbProps:()=>({"aria-label":"Hue"})}),u&&s.createElement(re,{minLabel:"",maxLabel:"",values:[n],className:"iui-opacity-slider",trackDisplayMode:"none",tooltipProps:()=>({visible:!1}),onChange:p=>{I(p[0],!0)},onUpdate:p=>{I(p[0],!1)},min:0,max:1,step:.01,style:{"--iui-color-picker-selected-color":$},thumbProps:()=>({"aria-label":"Opacity"})}))}),ce=s.forwardRef((m,t)=>{const{defaultColorFormat:o,allowedColorFormats:i=["hsl","rgb","hex"],className:r,...h}=m,f=s.useRef(null),{activeColor:c,applyHsvColorChange:b,hsvColor:l,showAlpha:u}=Z(),[a,g]=s.useState(o);s.useEffect(()=>{g(o)},[o]);const[n,x]=s.useState(["","","",""]);s.useEffect(()=>{if(a==="hsl"){const e=c.toHslColor();x([d.getFormattedColorNumber(l.h),d.getFormattedColorNumber(e.s),d.getFormattedColorNumber(e.l),d.getFormattedColorNumber(e.a??c.getAlpha()/255,2)])}else if(a==="rgb"){const e=c.toRgbColor();x([e.r.toString(),e.g.toString(),e.b.toString(),d.getFormattedColorNumber(e.a??c.getAlpha()/255,2)])}else x([c.toHexString(u)]),N(!0)},[c,l.h,a,u]);const[v,N]=s.useState(!0),$=s.useCallback(()=>{const e=i[(i.indexOf(a)+1)%i.length]??i[0];g(e)},[a,i]),H=e=>!!(e&&f.current&&f.current.contains(e)),E=()=>{let e;if(a==="hex")try{const S=n[0].replace(/ /g,"").toLowerCase();if(e=d.create(S),N(!0),c.toHexString(u).toLowerCase()===S)return}catch{N(!1);return}if(a==="hsl"){const[S,F,D,L]=n.map(Number);if(S<0||S>360||F<0||F>100||D<0||D>100||L<0||L>1)return;const y=c.toHslColor();if(y.h===S&&y.s===F&&y.l===D&&y.a===L)return;e=d.create({h:S,s:F,l:D,a:L})}if(a==="rgb"){const[S,F,D,L]=n.map(Number);if(S<0||S>255||F<0||F>255||D<0||D>255||L<0||L>1)return;const y=c.toRgbColor();if(y.r===S&&y.g===F&&y.b===D&&y.a===L)return;e=d.create({r:S,g:F,b:D,a:L})}e&&b(e.toHsvColor(),!0,e)},O=s.createElement(T,{size:"small",maxLength:u?9:7,minLength:1,placeholder:"HEX","aria-label":"Hex",value:n[0],onChange:e=>{const S=e.target.value.startsWith("#")?e.target.value:`#${e.target.value}`;x([S])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),E()},status:v?void 0:"negative"}),I=s.createElement(s.Fragment,null,s.createElement(T,{size:"small",type:"number",min:"0",max:"359",step:".1",placeholder:"H","aria-label":"Hue",value:n[0]??"",onChange:e=>{x([e.target.value,n[1],n[2],n[3]])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[0])<0||Number(n[0])>360?"negative":void 0}),s.createElement(T,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"S","aria-label":"Saturation",value:n[1]??"",onChange:e=>{x([n[0],e.target.value,n[2],n[3]])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[1])<0||Number(n[1])>100?"negative":void 0}),s.createElement(T,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"L","aria-label":"Lightness",value:n[2]??"",onChange:e=>{x([n[0],n[1],e.target.value,n[3]])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[2])<0||Number(n[2])>100?"negative":void 0}),u&&s.createElement(T,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:n[3]??"",onChange:e=>{x([n[0],n[1],n[2],e.target.value])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[3])<0||Number(n[3])>1?"negative":void 0})),P=s.createElement(s.Fragment,null,s.createElement(T,{size:"small",type:"number",min:"0",max:"255",placeholder:"R","aria-label":"Red",value:n[0]??"",onChange:e=>{x([e.target.value,n[1],n[2],n[3]])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[0])<0||Number(n[0])>255?"negative":void 0}),s.createElement(T,{size:"small",type:"number",min:"0",max:"255",placeholder:"G","aria-label":"Green",value:n[1]??"",onChange:e=>{x([n[0],e.target.value,n[2],n[3]])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[1])<0||Number(n[1])>255?"negative":void 0}),s.createElement(T,{size:"small",type:"number",min:"0",max:"255",placeholder:"B","aria-label":"Blue",value:n[2]??"",onChange:e=>{x([n[0],n[1],e.target.value,n[3]])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[2])<0||Number(n[2])>255?"negative":void 0}),u&&s.createElement(T,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:n[3]??"",onChange:e=>{x([n[0],n[1],n[2],e.target.value])},onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),E())},onBlur:e=>{e.preventDefault(),H(e.relatedTarget)||E()},status:Number(n[3])<0||Number(n[3])>1?"negative":void 0})),U=de();return s.createElement(k,{className:z("iui-color-input-wrapper",r),ref:t,...h},s.createElement(k,{className:"iui-color-picker-section-label",id:U},u&&a!=="hex"?a.toUpperCase()+"A":a.toUpperCase()),s.createElement(k,{className:"iui-color-input"},i.length>1&&s.createElement(Y,{styleType:"borderless",onClick:$,size:"small",label:"Switch format"},s.createElement(xe,null)),s.createElement(k,{ref:f,className:"iui-color-input-fields",role:a!=="hex"?"group":void 0,"aria-labelledby":a!=="hex"?U:void 0},a==="hex"&&O,a==="rgb"&&P,a==="hsl"&&I)))}),_=s.forwardRef((m,t)=>{const{colors:o,label:i,className:r,children:h,...f}=m,{activeColor:c,setActiveColor:b,onChangeComplete:l}=Z();return s.createElement(k,{className:z("iui-color-palette-wrapper",r),ref:t,...f},i&&s.createElement(k,{className:"iui-color-picker-section-label"},i),s.createElement(k,{className:"iui-color-palette"},h,o&&o.map((u,a)=>{const g=J(u);return s.createElement(q,{key:a,color:g,onClick:()=>{l==null||l(g),b(g)},isActive:g.equals(c)})})))}),ie=m=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...m},s.createElement("path",{d:"M5 15l-3.781-3.5L5 8v2h8v3H5zm6-7l3.781-3.5L11 1v2H3v3h8z"})),He={title:"ColorPicker"},j=[{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[m,t]=M.useState(!1),[o,i]=M.useState(j[5]),[r,h]=M.useState(j[5].name),f=c=>{const b=c.toHexString(),l=j.findIndex(u=>u.color===b.toLowerCase());i(j[l]),h(j[l].name),console.log(`Selected ${j[l].color}`)};return C.jsxs(C.Fragment,{children:[C.jsx(X,{content:C.jsx(Q,{selectedColor:o.color,onChangeComplete:f,children:C.jsx(_,{colors:j.map(({color:c})=>c)})}),visible:m,placement:"bottom-start",children:C.jsx(Y,{onClick:()=>t(c=>!c),children:C.jsx(q,{style:{pointerEvents:"none",margin:0},color:o.color})})}),C.jsx("span",{style:{marginLeft:16},children:r})]})},Fe=()=>{const[m,t]=M.useState(!1),[o,i]=M.useState(d.create({h:0,s:100,l:50})),r=["hsl","rgb","hex"],[h,f]=M.useState(r[0]),c=l=>{i(l),console.log(`Selected ${b(l)}`)},b=(l=o)=>{switch(h){case"hsl":return l.toHslString();case"rgb":return l.toRgbString();case"hex":return l.toHexString().toUpperCase()}};return C.jsx(C.Fragment,{children:C.jsxs(ne,{children:[C.jsx(X,{content:C.jsxs(Q,{selectedColor:o,onChangeComplete:c,children:[C.jsx(le,{}),C.jsx(ce,{defaultColorFormat:h}),C.jsx(_,{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:m,placement:"bottom-start",children:C.jsx(Y,{onClick:()=>t(l=>!l),children:C.jsx(q,{style:{pointerEvents:"none",margin:0},color:o})})}),C.jsx(se,{onClick:()=>{f(r[(r.indexOf(h)+1)%r.length])},endIcon:C.jsx(ie,{}),children:C.jsx("div",{style:{width:170},children:b()??"No color selected."})})]})})},De=()=>{const[m,t]=M.useState(!1),[o,i]=M.useState(d.create({r:90,g:105,b:115,a:.4})),r=["hsl","rgb","hex"],[h,f]=M.useState(r[0]),c=l=>{i(l),console.log(`Selected ${b(l)}`)},b=(l=o)=>{switch(h){case"hsl":return l.toHslString(!0);case"rgb":return l.toRgbString(!0);case"hex":return l.toHexString(!0)}};return C.jsx(C.Fragment,{children:C.jsxs(ne,{children:[C.jsx(X,{content:C.jsxs(Q,{selectedColor:o,onChangeComplete:c,showAlpha:!0,children:[C.jsx(le,{}),C.jsx(ce,{defaultColorFormat:h}),C.jsx(_,{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:m,placement:"bottom-start",children:C.jsx(Y,{onClick:()=>t(l=>!l),children:C.jsx(q,{style:{pointerEvents:"none",margin:0},color:o})})}),C.jsx(se,{onClick:()=>{f(r[(r.indexOf(h)+1)%r.length])},endIcon:C.jsx(ie,{}),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/1957/react/assets/ComboBox.stories-D2QKnH_J.js b/1957/react/assets/ComboBox.stories-D2QKnH_J.js
new file mode 100644
index 00000000000..e2b666337da
--- /dev/null
+++ b/1957/react/assets/ComboBox.stories-D2QKnH_J.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-DjxMsM5m.js";import{S as g}from"./Camera-ChdbnOlH.js";import{C as t,I as M,S as C}from"./InputGrid-BetVfwxb.js";import{L as I}from"./Label-DNKU_rtG.js";import{M as A}from"./MenuItem-DAdlK6Bb.js";import"./Input-D0vVJrGL.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Select-BVyecqbT.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./focusable-DQv_vybo.js";const y=v.forwardRef((e,a)=>{const{hasSublabel:n,hasIcon:s,contentWidth:o,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":o,...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(t,{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(t,{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(t,{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(t,{options:e,onChange:a=>console.log(a??""),inputProps:{placeholder:"Select a country"}})]})},q=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(t,{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)},[]),o=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(t,{options:e,inputProps:{placeholder:"Select a country"},value:a,onChange:s,itemRenderer:o})},_=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(t,{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(t,{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(),[o,b]=u.useState(!0),d=u.useCallback(r=>{console.log(r??""),s(r)},[]),c=u.useMemo(()=>o?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",[o]);return l.jsx(t,{inputProps:{placeholder:"Select a country"},value:n,onChange:d,emptyStateMessage:c,options:e,onShow:u.useCallback(async()=>{o&&(a(await G()),b(!1))},[o])})},la=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(t,{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(t,{options:e,inputProps:{placeholder:"Select a country"},multiple:!0,value:a,onChange:(s,o)=>{console.log(o.value+" "+o.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/1957/react/assets/DatePicker-BoZtOKQG.js b/1957/react/assets/DatePicker-BoZtOKQG.js
new file mode 100644
index 00000000000..b3c2e7a33d4
--- /dev/null
+++ b/1957/react/assets/DatePicker-BoZtOKQG.js
@@ -0,0 +1 @@
+import{r as a,q as Z,n as ve,B as b,c as Y,I as x}from"./index-DjxMsM5m.js";import{T as Ee}from"./TimePicker-D6gsYaTW.js";import{S as ke}from"./SvgChevronLeft-B2Hc4_Y5.js";import{S as Te}from"./SvgChevronRight-C6VlZyp4.js";const Q=(i,l)=>{if(!i||!l)return!1;const o=new Date(i),n=new Date(l);return o&&o.setHours(0,0,0,0),n&&n.setHours(0,0,0,0),o<n},Re=i=>a.createElement(Z,{...i},a.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=i=>a.createElement(Z,{...i},a.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"})),p=(i,l)=>i&&l&&i.getFullYear()===l.getFullYear()&&i.getMonth()===l.getMonth()&&i.getDate()===l.getDate(),He=(i,l,o)=>{if(!i||!l||!o)return!1;const n=new Date(l),m=new Date(o),d=new Date(i);return d&&d.setHours(0,0,0,0),n&&n.setHours(0,0,0,0),m&&m.setHours(0,0,0,0),d>n&&d<m},X=(i,l)=>!l,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"],Oe=i=>{const l=new Intl.DateTimeFormat(i,{weekday:"short"}),o=new Intl.DateTimeFormat(i,{weekday:"long"}),n=new Intl.DateTimeFormat(i,{month:"long"}),m=[n.format(new Date(2020,0,1)),n.format(new Date(2020,1,1)),n.format(new Date(2020,2,1)),n.format(new Date(2020,3,1)),n.format(new Date(2020,4,1)),n.format(new Date(2020,5,1)),n.format(new Date(2020,6,1)),n.format(new Date(2020,7,1)),n.format(new Date(2020,8,1)),n.format(new Date(2020,9,1)),n.format(new Date(2020,10,1)),n.format(new Date(2020,11,1))],d=[o.format(new Date(2020,10,1)),o.format(new Date(2020,10,2)),o.format(new Date(2020,10,3)),o.format(new Date(2020,10,4)),o.format(new Date(2020,10,5)),o.format(new Date(2020,10,6)),o.format(new Date(2020,10,7))],y=[l.format(new Date(2020,10,1)).slice(0,2),l.format(new Date(2020,10,2)).slice(0,2),l.format(new Date(2020,10,3)).slice(0,2),l.format(new Date(2020,10,4)).slice(0,2),l.format(new Date(2020,10,5)).slice(0,2),l.format(new Date(2020,10,6)).slice(0,2),l.format(new Date(2020,10,7)).slice(0,2)];return{months:m,shortDays:y,days:d}},ze=a.forwardRef((i,l)=>{const{date:o,onChange:n,localizedNames:m,className:d,setFocus:y=!1,showTime:_=!1,use12Hours:ee=!1,precision:te,hourStep:ne,minuteStep:re,secondStep:ae,useCombinedRenderer:se,combinedRenderer:oe,hourRenderer:ce,minuteRenderer:le,secondRenderer:ue,meridiemRenderer:ie,showYearSelection:J=!1,enableRangeSelect:E=!1,startDate:w,endDate:A,monthYearProps:T,calendarProps:me,monthProps:R,weekDayProps:N,dayProps:S,weekProps:H,isDateDisabled:v,applyBackground:ge=!0,showDatesOutsideMonth:C=!0,...fe}=i,K=(m==null?void 0:m.months)??Ie,De=(m==null?void 0:m.shortDays)??xe,he=(m==null?void 0:m.days)??ye,[g,j]=a.useState(o),[s,$]=a.useState(w),[u,B]=a.useState(A),[D,f]=a.useState(s??g??new Date),[c,we]=a.useState((s==null?void 0:s.getMonth())??(g==null?void 0:g.getMonth())??new Date().getMonth()),[h,Me]=a.useState((s==null?void 0:s.getFullYear())??(g==null?void 0:g.getFullYear())??new Date().getFullYear()),[de,q]=a.useState(!0),F=a.useRef(y);a.useEffect(()=>{F.current&&(F.current=!1)});const M=a.useCallback((e,t)=>{we(e),Me(t)},[]);a.useEffect(()=>{const e=new Date;j(o),$(w),B(A),E||f(o??e),M((w==null?void 0:w.getMonth())??(o==null?void 0:o.getMonth())??e.getMonth(),(w==null?void 0:w.getFullYear())??(o==null?void 0:o.getFullYear())??e.getFullYear())},[o,M,w,A,E]);const L=a.useMemo(()=>{let e=new Date(h,c,1).getDay();e===0&&C&&(e=7);const t=[];for(let r=1;r<=42;r++){const k=r-e;t.push(new Date(h,c,k))}return t},[c,h,C]),pe=a.useMemo(()=>{const e=[],t=Math.ceil(L.length/7);for(let r=0;r<t;r++)e.push(L.slice(r*7,(r+1)*7));return e},[L]),I=(e,t)=>{const r=s??g??new Date;return new Date(e,t,r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds())},Se=()=>{const e=h-1;M(c,e),f(I(e,c))},Fe=()=>{const e=h+1;M(c,e),f(I(e,c))},O=()=>{const e=c!==0?c-1:11,t=c!==0?h:h-1;M(e,t),f(I(t,e))},z=()=>{const e=c!==11?c+1:0,t=c!==11?h:h+1;M(e,t),f(I(t,e))},U=e=>{if(E)if(de){e.getMonth()!==(s==null?void 0:s.getMonth())&&M(e.getMonth(),e.getFullYear());const t=s??new Date,r=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());$(r),f(r),Q(r,u)?u&&(n==null||n(r,u)):(B(r),n==null||n(r,r)),q(!1)}else{e.getMonth()!==(u==null?void 0:u.getMonth())&&M(e.getMonth(),e.getFullYear());const t=u??new Date,r=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());f(r),Q(r,s)?($(r),u&&(n==null||n(r,u))):(B(r),s&&(n==null||n(s,r)),q(!0))}else{e.getMonth()!==(g==null?void 0:g.getMonth())&&M(e.getMonth(),e.getFullYear());const t=g??new Date,r=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());j(r),f(r),X(n,E)&&(n==null||n(r))}},be=e=>{if(e.altKey||!D)return;const t=new Date(D);switch(e.key){case"ArrowDown":t.setDate(D.getDate()+7),t.getMonth()!==c&&z(),f(t),F.current=!0,e.preventDefault();break;case"ArrowUp":t.setDate(D.getDate()-7),t.getMonth()!==c&&O(),f(t),F.current=!0,e.preventDefault();break;case"ArrowLeft":t.setDate(D.getDate()-1),t.getMonth()!==c&&O(),f(t),F.current=!0,e.preventDefault();break;case"ArrowRight":t.setDate(D.getDate()+1),t.getMonth()!==c&&z(),f(t),F.current=!0,e.preventDefault();break;case"Enter":case" ":case"Spacebar":v!=null&&v(D)||U(D),e.preventDefault();break}},V=e=>{if(e.getMonth()!==c)return"iui-calendar-day-outside-month";let t="iui-calendar-day";return p(e,g)||p(e,s)&&p(e,u)?t+="-selected":p(e,s)?t+="-range-start":p(e,u)&&(t+="-range-end"),s&&u&&He(e,s,u)&&(t+="-range"),p(e,new Date)&&(t+="-today"),t},G=ve();return a.createElement(b,{className:Y("iui-date-picker",{"iui-popover-surface":ge},d),ref:l,...fe},a.createElement("div",null,a.createElement(b,{as:"div",...T,className:Y("iui-calendar-month-year",T==null?void 0:T.className)},J&&a.createElement(x,{styleType:"borderless",onClick:Se,"aria-label":"Previous year",size:"small"},a.createElement(Re,null)),a.createElement(x,{styleType:"borderless",onClick:O,"aria-label":"Previous month",size:"small"},a.createElement(ke,null)),a.createElement("span",{"aria-live":"polite"},a.createElement(b,{as:"span",id:G,title:K[c],...R,className:Y("iui-calendar-month",R==null?void 0:R.className)},K[c])," ",h),a.createElement(x,{styleType:"borderless",onClick:z,"aria-label":"Next month",size:"small"},a.createElement(Te,null)),J&&a.createElement(x,{styleType:"borderless",onClick:Fe,"aria-label":"Next year",size:"small"},a.createElement(Ne,null))),a.createElement(b,{as:"div",...N,className:Y("iui-calendar-weekdays",N==null?void 0:N.className)},De.map((e,t)=>a.createElement("div",{key:e,title:he[t]},e))),a.createElement("div",{onKeyDown:be,role:"listbox","aria-labelledby":G,...me},pe.map((e,t)=>a.createElement(b,{as:"div",key:`week-${c}-${t}`,...H,className:Y("iui-calendar-week",H==null?void 0:H.className)},e.map((r,k)=>{const Ye=r.getDate(),P=v==null?void 0:v(r);return r.getMonth()!==c&&!C?a.createElement(b,{key:`day-${c}-${k}`,className:Y(V(r),S==null?void 0:S.className),"aria-hidden":!0}):a.createElement(b,{as:"div",key:`day-${c}-${k}`,onClick:()=>!P&&U(r),role:"option",tabIndex:p(r,D)?0:-1,"aria-disabled":P?"true":void 0,ref:W=>p(r,D)&&F.current&&(W==null?void 0:W.focus()),...S,className:Y(V(r),S==null?void 0:S.className)},Ye)}))))),_&&a.createElement(Ee,{date:s??g,use12Hours:ee,precision:te,hourStep:ne,minuteStep:re,secondStep:ae,useCombinedRenderer:se,combinedRenderer:oe,hourRenderer:ce,minuteRenderer:le,secondRenderer:ue,meridiemRenderer:ie,onChange:e=>X(n,E)?n==null?void 0:n(e):n==null?void 0:n(new Date((s==null?void 0:s.getFullYear())??e.getFullYear(),(s==null?void 0:s.getMonth())??e.getMonth(),(s==null?void 0:s.getDate())??e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()),new Date((u==null?void 0:u.getFullYear())??e.getFullYear(),(u==null?void 0:u.getMonth())??e.getMonth(),(u==null?void 0:u.getDate())??e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()))}))});export{ze as D,Oe as g,Q as i};
diff --git a/1957/react/assets/DatePicker.stories-D4rB54Lw.js b/1957/react/assets/DatePicker.stories-D4rB54Lw.js
new file mode 100644
index 00000000000..e7c5030d1a7
--- /dev/null
+++ b/1957/react/assets/DatePicker.stories-D4rB54Lw.js
@@ -0,0 +1 @@
+import{R as r,j as e,I as l}from"./index-DjxMsM5m.js";import{S as u}from"./Calendar-D_OHPShH.js";import{P as D}from"./Popover-CkBHJnxg.js";import{D as d,g as j}from"./DatePicker-BoZtOKQG.js";import"./TimePicker-D6gsYaTW.js";import"./SvgChevronLeft-B2Hc4_Y5.js";import"./SvgChevronRight-C6VlZyp4.js";const k={title:"DatePicker"},v=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2021,4,11,14,55,22)),a=s=>{i(s),console.log(`New date value: ${s}`)};return e.jsxs(e.Fragment,{children:[e.jsx(D,{content:e.jsx(d,{date:t,onChange:a,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{onClick:()=>o(!n),id:"picker-button",children:e.jsx(u,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},O=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2021,4,11,14,55,22)),a=s=>{i(s),console.log(`New date value: ${s}`)};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>o(!n),id:"picker-button",children:e.jsx(u,{})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()}),n&&e.jsx("div",{style:{marginTop:4},children:e.jsx(d,{date:t,onChange:a,setFocus:!0,showTime:!0,showDatesOutsideMonth:!1})})]})},b=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2021,4,11,14,55,22)),a=s=>{i(s),console.log(`New date value: ${s}`)};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>o(!n),id:"picker-button",children:e.jsx(u,{})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()}),n&&e.jsx("div",{style:{marginTop:4},children:e.jsx(d,{date:t,onChange:a,setFocus:!0,showTime:!0,useCombinedRenderer:!0,use12Hours:!0,showDatesOutsideMonth:!1})})]})},F=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2021,4,11,14,55,22)),a=s=>{i(s),console.log(`New date value: ${s}`)};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>o(!n),id:"picker-button",children:e.jsx(u,{})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()}),n&&e.jsx("div",{style:{marginTop:4},children:e.jsx(d,{date:t,onChange:a,localizedNames:j("ja"),setFocus:!0,showDatesOutsideMonth:!1})})]})},L=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2021,4,11,14,55,22)),a=s=>{i(s),console.log(`New date value: ${s}`)};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>o(!n),id:"picker-button",children:e.jsx(u,{})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()}),n&&e.jsx("div",{style:{marginTop:4},children:e.jsx(d,{showYearSelection:!0,date:t,onChange:a,setFocus:!0})})]})},T=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2022,6,13,14,55,22)),[a,s]=r.useState(new Date(2022,6,27,14,55,22)),g=(h,c)=>{i(h),c&&s(c),console.log(`New start date value: ${h}`,{clearOnStoryChange:!1}),c&&console.log(`New end date value: ${c}`,{clearOnStoryChange:!1})};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>o(!n),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: ",a.toString()]}),n&&e.jsx("div",{style:{marginTop:4},children:e.jsx(d,{enableRangeSelect:!0,startDate:t,endDate:a,onChange:g,setFocus:!0,showDatesOutsideMonth:!1})})]})},E=()=>{const[n,o]=r.useState(!1),[t,i]=r.useState(new Date(2022,6,13,14,55,22)),[a,s]=r.useState(new Date(2022,6,17,14,55,22)),g=c=>c.getMonth()!==6||c.getDate()<11||c.getDate()>22,h=(c,m)=>{i(c),m&&s(m)};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>o(!n),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: ",a.toLocaleDateString()]}),n&&e.jsx("div",{style:{marginTop:4},children:e.jsx(d,{enableRangeSelect:!0,startDate:t,endDate:a,onChange:h,setFocus:!0,isDateDisabled:g,showDatesOutsideMonth:!1})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{v as Basic,F as Localized,T as Range,E as SomeDatesDisabled,b as WithCombinedTime,O as WithTime,L as WithYear,k as default};
diff --git a/1957/react/assets/Dialog-B1YB4ruY.js b/1957/react/assets/Dialog-B1YB4ruY.js
new file mode 100644
index 00000000000..0be44af2a30
--- /dev/null
+++ b/1957/react/assets/Dialog-B1YB4ruY.js
@@ -0,0 +1,32 @@
+import{r as e,_ as X,l as K,x as J,q as Q,B as Y,c as F,p as H,m as ee,I as te,d as W,k as re,h as L,g as ne,Z as se,$ as A,P as oe}from"./index-DjxMsM5m.js";import{u as ie}from"./useEventListener-BeqhzdR7.js";import{a as le}from"./focusable-DQv_vybo.js";const ae=s=>e.createElement("div",{style:{position:"absolute",inset:-6,display:"grid",pointerEvents:"none"}},e.createElement(ue,null),e.createElement(ce,{...s})),ce=s=>{const{elementRef:t,containerRef:n,onResizeStart:d,onResizeEnd:f}=s,m=e.useRef(!1),o=i=>{if(!t.current||i.button!==0)return;const l=i.clientX,$=i.clientY,[b,w]=X(t.current),{width:h,height:g}=t.current.getBoundingClientRect();let p=`${h}px`,x=`${g}px`,c=b,u=w,E=parseFloat(getComputedStyle(t.current).minWidth);Number.isNaN(E)&&(E=380);const z=parseFloat(getComputedStyle(t.current).minHeight),k=i.currentTarget.dataset.iuiResizer,a=t.current.ownerDocument||document,S=a.body.style.userSelect;a.body.style.userSelect="none";const T=P=>{var B;if(!t.current)return;m.current||(m.current=!0,d==null||d());const D=(B=n==null?void 0:n.current)==null?void 0:B.getBoundingClientRect(),O=K(P.clientX,(D==null?void 0:D.left)??0,(D==null?void 0:D.right)??a.documentElement.clientWidth??0),N=K(P.clientY,(D==null?void 0:D.top)??0,(D==null?void 0:D.bottom)??a.documentElement.clientHeight??0),C=l-O,v=$-N;switch(k){case"top-left":{const r=g+v;r>=z&&(x=t.current.style.height=`${r}px`,u=w-v);const y=h+C;y>=E&&(p=t.current.style.width=`${y}px`,c=b-C),t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"top":{const r=g+v;if(r<z)break;x=t.current.style.height=`${r}px`,u=w-v,t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"top-right":{const r=g+v;r>=z&&(x=t.current.style.height=`${r}px`,u=w-v),p=t.current.style.width=`${h-C}px`,t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"right":{p=t.current.style.width=`${h-C}px`,x=t.current.style.height=`${g}px`,t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"bottom-right":{p=t.current.style.width=`${h-C}px`,x=t.current.style.height=`${g-v}px`,t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"bottom":{x=t.current.style.height=`${g-v}px`,t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"bottom-left":{const r=h+C;r>=E&&(p=t.current.style.width=`${r}px`,c=b-C),x=t.current.style.height=`${g-v}px`,t.current.style.transform=`translate(${c}px, ${u}px)`;break}case"left":{const r=h+C;if(r<E)break;p=t.current.style.width=`${r}px`,x=t.current.style.height=`${g}px`,c=b-C,t.current.style.transform=`translate(${c}px, ${u}px)`;break}}};a.addEventListener("pointermove",T),a.addEventListener("pointerup",()=>{a.removeEventListener("pointermove",T),t.current&&(a.body.style.userSelect=S,m.current=!1,f==null||f({width:p,height:x,transform:`translate(${c}px, ${u}px)`}))},{once:!0})};return e.createElement(e.Fragment,null,e.createElement("div",{"data-iui-resizer":"top-left",onPointerDown:o,style:{cursor:"nw-resize"}}),e.createElement("div",{"data-iui-resizer":"top",onPointerDown:o,style:{cursor:"n-resize"}}),e.createElement("div",{"data-iui-resizer":"top-right",onPointerDown:o,style:{cursor:"ne-resize"}}),e.createElement("div",{"data-iui-resizer":"right",onPointerDown:o,style:{cursor:"e-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom-right",onPointerDown:o,style:{cursor:"se-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom",onPointerDown:o,style:{cursor:"s-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom-left",onPointerDown:o,style:{cursor:"sw-resize"}}),e.createElement("div",{"data-iui-resizer":"left",onPointerDown:o,style:{cursor:"w-resize"}}))},ue=e.memo(()=>e.createElement("style",null,de)),de=`
+[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;
+}`,fe=s=>{const{children:t}=s,n=e.useRef(),d=()=>{const o=le(n.current),i=o[0],l=o[(o.length||1)-1];return[i,l]},f=o=>{const[i,l]=d();o.relatedTarget===i?l==null||l.focus():i==null||i.focus()},m=o=>{const[i,l]=d();o.relatedTarget===l?i==null||i.focus():l==null||l.focus()};return e.createElement(e.Fragment,null,e.createElement("div",{tabIndex:0,onFocus:f,"aria-hidden":!0}),e.cloneElement(t,{ref:J(t.ref,n)}),e.createElement("div",{tabIndex:0,onFocus:m,"aria-hidden":!0}))},me=s=>e.createElement(Q,{...s},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"})),pe=e.forwardRef((s,t)=>{const{isVisible:n=!0,className:d,...f}=s;return e.createElement(Y,{className:F("iui-backdrop",{"iui-backdrop-visible":n},d),ref:t,...f})}),Z=e.createContext(void 0),I=()=>e.useContext(Z)||{},U=H.div("iui-dialog-title"),_=e.createContext(void 0),ge=()=>({...e.useContext(_)}),he=Object.assign(e.forwardRef((s,t)=>{const n=I(),{children:d,titleText:f,isDismissible:m=n.isDismissible,onClose:o=n.onClose,isDraggable:i=n.isDraggable,className:l,onPointerDown:$,...b}=s,{onPointerDown:w}=ge();return e.createElement(Y,{className:F("iui-dialog-title-bar",l,{"iui-dialog-title-bar-filled":i}),ref:t,onPointerDown:ee($,w),...b},d||e.createElement(e.Fragment,null,e.createElement(U,null,f),m&&e.createElement(te,{size:"small",styleType:"borderless",onClick:o,"aria-label":"Close","data-iui-shift":"right"},e.createElement(me,null))))}),{Title:U}),xe=H.div("iui-dialog-content"),be=e.forwardRef((s,t)=>{const n=I(),{isVisible:d=n.isOpen,isDismissible:f=n.isDismissible,onClose:m=n.onClose,closeOnExternalClick:o=n.closeOnExternalClick,relativeTo:i=n.relativeTo,onMouseDown:l,className:$,style:b,...w}=s,h=e.useRef(null),g=W(h,t),p=x=>{x.persist(),x.target===h.current&&(f&&o&&m&&m(x),l==null||l(x))};return e.createElement(pe,{isVisible:d,className:F({"iui-backdrop-fixed":i==="viewport"},$),ref:g,onMouseDown:p,style:{pointerEvents:"auto",...b},...w})}),ye=H.div("iui-dialog-button-bar"),q=s=>{var n,d,f;const t=(n=s==null?void 0:s.current)==null?void 0:n.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}},we=(s,t,n=!0)=>{const d=e.useRef(0),f=e.useRef(0),m=e.useRef(),o=e.useRef(),i=e.useRef(q(t)),l=e.useCallback(()=>{var S;if(!s.current||!n)return;const{top:c,right:u,bottom:E,left:z}=(S=s.current)==null?void 0:S.getBoundingClientRect();let[k,a]=X(s.current);i.current=q(t),E>i.current.bottom&&(a-=E-i.current.bottom),c<i.current.top&&(a+=i.current.top-c),u>i.current.right&&(k-=u-i.current.right),z<i.current.left&&(k+=i.current.left-z),m.current=k,o.current=a,s.current.style.transform=`translate(${k}px, ${a}px)`},[t,s,n]),[$,b]=re(l);$(t==null?void 0:t.current),e.useEffect(()=>()=>{b==null||b.disconnect()},[b]),ie("resize",()=>{l(),m.current!=null&&o.current!=null&&h(`translate(${m.current}px, ${o.current}px)`)},L());const[w,h]=e.useState(""),g=e.useRef(c=>{if(!s.current)return;const u=c.clientX-d.current,E=c.clientY-f.current;s.current.style.transform=`translate(${u}px, ${E}px)`,l()}),p=e.useRef("");return{onPointerDown:e.useCallback(c=>{if(!s.current||c.button!==0||!n)return;const[u,E]=X(s.current);d.current=c.clientX-u,f.current=c.clientY-E,p.current=s.current.style.userSelect,s.current.style.userSelect="none";const z=s.current.ownerDocument||document;z.addEventListener("pointermove",g.current),z.addEventListener("pointerup",()=>{h(`translate(${m.current}px, ${o.current}px)`),z.removeEventListener("pointermove",g.current),s.current&&(s.current.style.userSelect=p.current)},{once:!0})},[s,n]),transform:w}},Ee=e.forwardRef((s,t)=>{const n=I(),{className:d,children:f,styleType:m="default",isOpen:o=n.isOpen,isDismissible:i=n.isDismissible,onClose:l=n.onClose,closeOnEsc:$=n.closeOnEsc,trapFocus:b=n.trapFocus,setFocus:w=n.setFocus,preventDocumentScroll:h=n.preventDocumentScroll,onKeyDown:g,isDraggable:p=n.isDraggable,isResizable:x=n.isResizable,style:c,placement:u=n.placement,...E}=s,[z,k]=e.useState(),a=e.useRef(null),S=e.useRef(!1),T=e.useRef(),P=e.useRef("");e.useEffect(()=>{o&&(P.current=document.body.style.overflow)},[o]),e.useEffect(()=>{var y;const r=(y=a.current)==null?void 0:y.ownerDocument;if(!(!r||!h||P.current==="hidden"))return o?r.body.style.overflow="hidden":r.body.style.overflow=P.current,()=>{r.body.style.overflow=P.current}},[o,h]);const D=r=>{r.altKey||(r.persist(),i&&$&&r.key==="Escape"&&l&&l(r),g==null||g(r))},{onPointerDown:O,transform:N}=we(a,n.dialogRootRef,p),C=e.useCallback(r=>{p&&O(r)},[p,O]);ne(()=>{var M;if(!p||!o)return;const r=(M=a.current)==null?void 0:M.getBoundingClientRect(),[y,R]=X(a.current);k(G=>{var j,V;return{...G,inlineSize:r==null?void 0:r.width,blockSize:r==null?void 0:r.height,insetInlineStart:(j=a.current)==null?void 0:j.offsetLeft,insetBlockStart:(V=a.current)==null?void 0:V.offsetTop,transform:`translate(${y}px,${R}px)`}})},[p,o]);const v=e.useCallback(r=>{k(y=>({...y,...r}))},[]),B=e.createElement(Y,{className:F("iui-dialog",{"iui-dialog-default":m==="default","iui-dialog-full-page":m==="fullPage","iui-dialog-visible":o,"iui-dialog-draggable":p},d),role:"dialog",ref:W(a,t),onKeyDown:D,tabIndex:-1,"data-iui-placement":u,style:{transform:N,...z,...c},...E},e.createElement(se,null,e.createElement("slot",null),x&&e.createElement(ae,{elementRef:a,containerRef:n.dialogRootRef,onResizeStart:()=>{S.current||(S.current=!0,v({maxInlineSize:"100%"}))},onResizeEnd:v})),f);return e.createElement(A,{in:o,appear:!0,timeout:{exit:600},onEntered:()=>{var r,y;T.current=(r=a.current)==null?void 0:r.ownerDocument.activeElement,w&&((y=a.current)==null||y.focus({preventScroll:!0}))},onExit:()=>{var r,y,R;(y=a.current)!=null&&y.contains((r=a.current)==null?void 0:r.ownerDocument.activeElement)&&((R=T.current)==null||R.focus())},unmountOnExit:!0,nodeRef:a},e.createElement(_.Provider,{value:{onPointerDown:C}},b&&e.createElement(fe,null,B),!b&&B))}),De=e.forwardRef((s,t)=>{const{trapFocus:n=!1,setFocus:d=!1,preventDocumentScroll:f=!1,isOpen:m=!1,isDismissible:o=!0,closeOnEsc:i=!0,closeOnExternalClick:l=!1,onClose:$,isDraggable:b=!1,isResizable:w=!1,relativeTo:h="viewport",placement:g,className:p,portal:x=!1,...c}=s,u=e.useRef(null);return e.createElement(A,{in:m,timeout:{exit:600},mountOnEnter:!0,unmountOnExit:!0},e.createElement(Z.Provider,{value:{isOpen:m,onClose:$,closeOnEsc:i,closeOnExternalClick:l,isDismissible:o,preventDocumentScroll:f,trapFocus:n,setFocus:d,isDraggable:b,isResizable:w,relativeTo:h,dialogRootRef:u,placement:g}},e.createElement(oe,{portal:x},e.createElement(Y,{className:F("iui-dialog-wrapper",p),"data-iui-relative":h==="container",ref:W(t,u),...c}))))}),Ce=Object.assign(De,{Backdrop:be,Main:Ee,TitleBar:he,Content:xe,ButtonBar:ye});export{Ce as D,xe as a,ye as b};
diff --git a/1957/react/assets/Dialog.stories-C_0oIi2B.js b/1957/react/assets/Dialog.stories-C_0oIi2B.js
new file mode 100644
index 00000000000..462413f663c
--- /dev/null
+++ b/1957/react/assets/Dialog.stories-C_0oIi2B.js
@@ -0,0 +1 @@
+import{R as c,j as e}from"./index-DjxMsM5m.js";import{B as o}from"./Button-C_nFjF9J.js";import{D as i}from"./Dialog-B1YB4ruY.js";import{C as u}from"./Code-13DeCnRv.js";import"./useEventListener-BeqhzdR7.js";import"./focusable-DQv_vybo.js";const y={title:"Dialog"},j=()=>{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"})]})]})})]})},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.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"})]})]})]})]})},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.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"})]})]})})]})},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("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"})]})]})})]})},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(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{j as Basic,v as DraggableAndResizable,B as DraggableRelativeToContainer,b as Modal,C as Placement,y as default};
diff --git a/1957/react/assets/Divider-Dh_ENdTb.js b/1957/react/assets/Divider-Dh_ENdTb.js
new file mode 100644
index 00000000000..18851c38f00
--- /dev/null
+++ b/1957/react/assets/Divider-Dh_ENdTb.js
@@ -0,0 +1 @@
+import{r,B as s,c as n}from"./index-DjxMsM5m.js";const d=r.forwardRef((e,a)=>{const{className:t,orientation:i="horizontal",...o}=e;return r.createElement(s,{as:"hr",className:n("iui-divider",t),"aria-orientation":i==="vertical"?"vertical":void 0,ref:a,...o})});export{d as D};
diff --git a/1957/react/assets/DropdownButton-BLPr5sq5.js b/1957/react/assets/DropdownButton-BLPr5sq5.js
new file mode 100644
index 00000000000..43e4769282f
--- /dev/null
+++ b/1957/react/assets/DropdownButton-BLPr5sq5.js
@@ -0,0 +1 @@
+import{r as t,c as h}from"./index-DjxMsM5m.js";import{B as S}from"./Button-C_nFjF9J.js";import{D as d}from"./DropdownMenu-FIYbvMF3.js";import{S as D}from"./SvgCaretUpSmall-BVKtlURr.js";import{S as E}from"./SvgCaretDownSmall-CdoXcIxC.js";const v=t.forwardRef((n,m)=>{const{menuItems:i,className:o,size:l,styleType:c,children:u,dropdownMenuProps:e,...f}=n,[a,p]=t.useState(!1);return t.createElement(d,{menuItems:i,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",o),size:l,styleType:c,endIcon:a?t.createElement(D,{"aria-hidden":!0}):t.createElement(E,{"aria-hidden":!0}),ref:m,...f},u))});export{v as D};
diff --git a/1957/react/assets/DropdownButton.stories-DJrurwos.js b/1957/react/assets/DropdownButton.stories-DJrurwos.js
new file mode 100644
index 00000000000..f07dc055e4d
--- /dev/null
+++ b/1957/react/assets/DropdownButton.stories-DJrurwos.js
@@ -0,0 +1 @@
+import{j as o}from"./index-DjxMsM5m.js";import{D as r}from"./DropdownButton-BLPr5sq5.js";import{M as n}from"./MenuItem-DAdlK6Bb.js";import"./Button-C_nFjF9J.js";import"./DropdownMenu-FIYbvMF3.js";import"./Popover-CkBHJnxg.js";import"./SvgCaretUpSmall-BVKtlURr.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.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/1957/react/assets/DropdownMenu-FIYbvMF3.js b/1957/react/assets/DropdownMenu-FIYbvMF3.js
new file mode 100644
index 00000000000..228c4492236
--- /dev/null
+++ b/1957/react/assets/DropdownMenu-FIYbvMF3.js
@@ -0,0 +1 @@
+import{r as t,v as h,d as E,w,P as C,m as x,x as y}from"./index-DjxMsM5m.js";import{a as D}from"./MenuItem-DAdlK6Bb.js";import{u as M}from"./Popover-CkBHJnxg.js";const K=t.forwardRef((a,f)=>{const{menuItems:o,children:i,role:u="menu",visible:c,placement:m="bottom-start",matchWidth:p=!1,onVisibleChange:d,portal:g=!0,...v}=a,[b,s]=h(!1,c,d),l=t.useRef(null),n=t.useCallback(()=>{var e;s(!1),(e=l.current)==null||e.focus({preventScroll:!0})},[s]),R=t.useMemo(()=>typeof o=="function"?o(n):o,[o,n]),r=M({visible:b,onVisibleChange:e=>e?s(!0):n(),placement:m,matchWidth:p}),P=E(f,r.refs.setFloating);return t.createElement(t.Fragment,null,w(i,e=>({...r.getReferenceProps(e.props),"aria-expanded":r.open,ref:y(l,r.refs.setReference)})),r.open&&t.createElement(C,{portal:g},t.createElement(D,{...r.getFloatingProps({role:u,...v,onKeyDown:x(a.onKeyDown,e=>{e.defaultPrevented||e.key==="Tab"&&n()})}),ref:P},R)))});export{K as D};
diff --git a/1957/react/assets/DropdownMenu.stories-D_Pwe5M6.js b/1957/react/assets/DropdownMenu.stories-D_Pwe5M6.js
new file mode 100644
index 00000000000..fe50485f923
--- /dev/null
+++ b/1957/react/assets/DropdownMenu.stories-D_Pwe5M6.js
@@ -0,0 +1 @@
+import{r as s,j as e,I as c,R as p}from"./index-DjxMsM5m.js";import{S as l}from"./More-CgFlrjTV.js";import{S as x}from"./Placeholder-C7CVYxHs.js";import{D as d}from"./DropdownMenu-FIYbvMF3.js";import{M as r}from"./MenuItem-DAdlK6Bb.js";import{M as j}from"./MenuDivider-DTgQGL2e.js";import{M as C}from"./MenuExtraContent-L2ud75Ru.js";import{T as a}from"./Text-Cn6X0xwD.js";import{S as k}from"./Select-BVyecqbT.js";import"./Popover-CkBHJnxg.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Icon-pbAsVzre.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.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/1957/react/assets/Edit-1xGNuYZJ.js b/1957/react/assets/Edit-1xGNuYZJ.js
new file mode 100644
index 00000000000..73f739dc1b6
--- /dev/null
+++ b/1957/react/assets/Edit-1xGNuYZJ.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/ExpandableBlock.stories-EmR88D-k.js b/1957/react/assets/ExpandableBlock.stories-EmR88D-k.js
new file mode 100644
index 00000000000..c351d19930c
--- /dev/null
+++ b/1957/react/assets/ExpandableBlock.stories-EmR88D-k.js
@@ -0,0 +1 @@
+import{r as n,B as E,c as u,u as f,p as v,i as D,m as z,n as P,S as F,j as a}from"./index-DjxMsM5m.js";import{I as B}from"./Icon-pbAsVzre.js";import{L as _}from"./LinkAction-D0M2gvZH.js";import{S as H}from"./SvgChevronRight-C6VlZyp4.js";const b=n.createContext(void 0);b.displayName="ExpandableBlockContext";const h=n.forwardRef((t,l)=>{const{children:r,title:c,caption:s,endIcon:i,...o}=t;return n.createElement(e.Wrapper,{...o,ref:l},n.createElement(e.Trigger,{label:c,caption:s,endIcon:i}),n.createElement(e.Content,null,r))});h.displayName="ExpandableBlock";const C=n.forwardRef((t,l)=>{const{children:r,className:c,onToggle:s,style:i,isExpanded:o,status:x,size:p="default",styleType:d="default",disabled:m=!1,...W}=t,[S,R]=n.useState(o??!1),k=o??S,[A,L]=n.useState(void 0);return n.createElement(b.Provider,{value:{status:x,isExpanded:k,onToggle:s,size:p,styleType:d,disabled:m,setExpanded:R,children:r,descriptionId:A,setDescriptionId:L}},n.createElement(E,{className:u("iui-expandable-block",c),"data-iui-expanded":k,"data-iui-size":p,"data-iui-variant":d!=="default"?d:void 0,style:i,ref:l,...W},r))});C.displayName="ExpandableBlock.Wrapper";const j=n.forwardRef((t,l)=>{const{className:r,children:c,label:s,caption:i,expandIcon:o,endIcon:x,...p}=t,{disabled:d,status:m}=f(b);return n.createElement(_,{className:u("iui-expandable-header",r),"data-iui-disabled":d?"true":void 0,ref:l,...p},c??n.createElement(n.Fragment,null,o??n.createElement(e.ExpandIcon,null),n.createElement(e.LabelArea,null,n.createElement(e.Title,null,s),i&&n.createElement(e.Caption,null,i)),x||m?n.createElement(e.EndIcon,null,x):null))});j.displayName="ExpandableBlock.Trigger";const g=n.forwardRef((t,l)=>{const{className:r,children:c,...s}=t;return n.createElement(B,{className:u("iui-expandable-block-icon",r),ref:l,...s},c??n.createElement(H,{"aria-hidden":!0}))});g.displayName="ExpandableBlock.ExpandIcon";const I=v.span("iui-expandable-block-label");I.displayName="ExpandableBlock.LabelArea";const N=n.forwardRef((t,l)=>{const{className:r,children:c,onClick:s,...i}=t,{isExpanded:o,setExpanded:x,disabled:p,onToggle:d,descriptionId:m}=f(b);return n.createElement(D,{className:u("iui-expandable-block-title","iui-link-action",r),"aria-expanded":o,"aria-disabled":p,onClick:z(s,()=>{p||(x(!o),d==null||d(!o))}),ref:l,"aria-describedby":m,...i},c)});N.displayName="ExpandableBlock.Title";const y=n.forwardRef((t,l)=>{const r=P(),{setDescriptionId:c}=f(b);return n.useEffect(()=>(c(t.id||r),()=>c(void 0)),[t.id,r,c]),n.createElement(E,{ref:l,id:r,...t,className:u("iui-expandable-block-caption",t==null?void 0:t.className)})});y.displayName="ExpandableBlock.Caption";const T=n.forwardRef((t,l)=>{const{children:r,...c}=t,{status:s}=f(b),i=r??(s&&F[s]());return n.createElement(B,{fill:s,ref:l,...c},i)});T.displayName="ExpandableBlock.EndIcon";const w=n.forwardRef((t,l)=>{const{className:r,children:c,innerProps:s,...i}=t;return n.createElement(E,{className:u("iui-expandable-content",r),ref:l,...i},n.createElement(E,{...s},c))});w.displayName="ExpandableBlock.Content";const e=Object.assign(h,{Wrapper:C,Trigger:j,ExpandIcon:g,LabelArea:I,Title:N,Caption:y,EndIcon:T,Content:w}),G={title:"ExpandableBlock"},J=()=>a.jsx(e,{title:"Basic Block",children:"Content in block!"}),K=()=>a.jsxs(e.Wrapper,{children:[a.jsxs(e.Trigger,{children:[a.jsx(e.ExpandIcon,{}),a.jsxs(e.LabelArea,{children:[a.jsx(e.Title,{children:"Basic Block"}),a.jsx(e.Caption,{children:"basic caption"})]})]}),a.jsx(e.Content,{children:"Content in block!"})]}),Q=()=>a.jsx(a.Fragment,{children:[...Array(3).fill(null)].map((t,l)=>a.jsxs(e.Wrapper,{children:[a.jsx(e.Trigger,{label:`Basic Block #${l+1}`}),a.jsx(e.Content,{children:"Content in block!"})]},l))}),U=()=>a.jsxs(e.Wrapper,{status:"positive",children:[a.jsxs(e.Trigger,{children:[a.jsx(e.ExpandIcon,{}),a.jsx(e.LabelArea,{children:a.jsx(e.Title,{children:"Basic Block With Status"})}),a.jsx(e.EndIcon,{})]}),a.jsx(e.Content,{children:"Content in block!"})]}),V=()=>a.jsxs(e.Wrapper,{size:"small",children:[a.jsx(e.Trigger,{label:"Basic Block"}),a.jsx(e.Content,{children:"Content in block!"})]}),X=()=>a.jsxs(e.Wrapper,{styleType:"borderless",children:[a.jsx(e.Trigger,{label:"Basic Block"}),a.jsx(e.Content,{children:"Content in block!"})]}),Y=()=>a.jsxs(e.Wrapper,{disabled:!0,children:[a.jsx(e.Trigger,{label:"Disabled Block"}),a.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/1957/react/assets/Fieldset.stories-BrmGD8-D.js b/1957/react/assets/Fieldset.stories-BrmGD8-D.js
new file mode 100644
index 00000000000..9bbd19ec3cd
--- /dev/null
+++ b/1957/react/assets/Fieldset.stories-BrmGD8-D.js
@@ -0,0 +1 @@
+import{r as t,B as h,c as j,R as m,j as e}from"./index-DjxMsM5m.js";import{L as p}from"./LabeledSelect-fqB1P2i5.js";import{I as n}from"./InputGroup-DPtL6Yf5.js";import{R as a}from"./Radio-CAg1e-cm.js";import{T as i}from"./ToggleSwitch-y4P0a0hf.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./Icon-pbAsVzre.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./InputGrid-BetVfwxb.js";import"./Label-DNKU_rtG.js";import"./Input-D0vVJrGL.js";import"./Textarea-C661yE2u.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.js";const u=t.forwardRef((s,o)=>{const{children:l,className:x,disabled:c,legend:d,...b}=s;return t.createElement(h,{as:"fieldset",className:j("iui-fieldset",x),disabled:c,ref:o,...b},d&&t.createElement("legend",null,d),c?t.Children.map(l,r=>t.isValidElement(r)?t.cloneElement(r,{disabled:!0}):r):l)}),H={title:"Fieldset"},J=()=>{const[s,o]=m.useState(void 0);return e.jsxs(u,{legend:"General Settings",style:{display:"flex",flexDirection:"column",gap:11},children:[e.jsx(p,{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:l=>o(l),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]=m.useState(void 0);return e.jsxs(u,{legend:"General Settings",style:{display:"flex",flexDirection:"column",gap:11},disabled:!0,children:[e.jsx(p,{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:l=>o(l),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/1957/react/assets/FileUpload.stories-A9n_Jpwz.js b/1957/react/assets/FileUpload.stories-A9n_Jpwz.js
new file mode 100644
index 00000000000..57050e1c190
--- /dev/null
+++ b/1957/react/assets/FileUpload.stories-A9n_Jpwz.js
@@ -0,0 +1 @@
+import{r as e,q as U,B as h,c as g,m as I,p as D,u as w,h as H,d as M,V as O,n as V,j as o,R as N,I as $}from"./index-DjxMsM5m.js";import{L as k}from"./LabeledInput-Du-RTwaP.js";import{A as P}from"./Anchor-BixGaM0U.js";import"./Input-D0vVJrGL.js";import"./InputGrid-BetVfwxb.js";import"./Label-DNKU_rtG.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.js";const W=t=>e.createElement(U,{...t},e.createElement("path",{d:"m2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z"})),_=t=>e.createElement(U,{...t},e.createElement("path",{d:"M10 0H2v16h12V4h-4zm1 0v3h3z"})),A=e.forwardRef((t,a)=>{const{dragContent:n,children:d,onFileDropped:i,contentProps:l,...m}=t,[p,u]=e.useState(!1),f=r=>{r.preventDefault(),r.stopPropagation()},E=r=>{var s,x,j;r.preventDefault(),r.stopPropagation(),!p&&((j=(x=(s=r.dataTransfer)==null?void 0:s.items)==null?void 0:x[0])==null?void 0:j.kind)==="file"&&u(!0)},F=r=>{var s;r.preventDefault(),r.stopPropagation(),p&&!((s=r.currentTarget)!=null&&s.contains(r.relatedTarget))&&u(!1)},v=r=>{var s;r.preventDefault(),r.stopPropagation(),p&&(u(!1),i((s=r.dataTransfer)==null?void 0:s.files,r))};return e.createElement(h,{...m,className:g("iui-file-upload",{"iui-drag":p},t==null?void 0:t.className),ref:a,onDragEnter:I(t.onDragEnter,E),onDragOver:I(t.onDragOver,f),onDragLeave:I(t.onDragLeave,F),onDrop:I(t.onDrop,v)},n?d:e.createElement(h,{as:"div",...l,className:g("iui-content",l==null?void 0:l.className)},d),n&&e.createElement(h,{as:"div",...l,className:g("iui-content",l==null?void 0:l.className)},n))}),q=D.span("iui-file-card-empty-icon",{children:e.createElement(W,null)}),G=D.span("iui-file-card-empty-action"),K=e.forwardRef((t,a)=>{const{children:n,className:d,...i}=t;return e.createElement(h,{className:g("iui-file-card-empty",d),ref:a,...i},n??e.createElement(e.Fragment,null,e.createElement(C.Icon,null),e.createElement(C.Text,null,e.createElement(c.InputLabel,null,"Choose a file"),e.createElement("div",null,"to upload."))))}),C=Object.assign(K,{Icon:q,Text:G}),J=t=>{const a=[" bytes","KB","MB","GB","TB"];let n=0;for(;t>=1024&&++n;)t=t/1024;return t.toFixed(t<10&&n>0?2:0)+a[n]},Q=t=>{const a=new Date(t);return a.toDateString()+" "+a.toLocaleTimeString()},T=D.span("iui-file-card-icon",{children:e.createElement(_,null)});T.displayName="FileUploadCard.Icon";const S=D.span("iui-file-card-text");S.displayName="FileUploadCard.Info";const R=e.forwardRef((t,a)=>{const{children:n,className:d,...i}=t,{files:l}=w(y),m=l.length>1?l.length+" files selected":l[0].name;return e.createElement(h,{as:"span",className:g("iui-file-card-title",d),ref:a,...i},n??m)});R.displayName="FileUploadCard.Title";const L=e.forwardRef((t,a)=>{const{children:n,className:d,...i}=t,{files:l}=w(y);let m=l.length>1?l[0].name+", "+l[1].name:J(l[0].size)+" "+Q(l[0].lastModified);return l.length>2&&(m+=", and "+(l.length-2)+" others"),e.createElement(h,{as:"span",className:g("iui-file-card-description",d),ref:a,...i},n??m)});L.displayName="FileUploadCard.Description";const z=D.div("iui-file-card-action");z.displayName="FileUploadCard.Action";const b=e.forwardRef((t,a)=>{const{children:n,...d}=t,{inputId:i}=w(y);return e.createElement(P,{as:"label",ref:a,htmlFor:i,...d},n)});b.displayName="FileUploadCard.InputLabel";const B=e.forwardRef((t,a)=>{const{children:n,onChange:d,id:i,...l}=t,{files:m,onFilesChange:p,setInternalFiles:u,inputId:f,setInputId:E}=w(y),F=e.useCallback(r=>{var x;if(!r||!((x=H())!=null&&x.DataTransfer))return;const s=new DataTransfer;s.items.clear(),Array.from(m).forEach(j=>s.items.add(j)),r.files=s.files},[m]),v=M(a,F);return e.useEffect(()=>{i&&i!==f&&E(i)},[i,f,E]),e.createElement(e.Fragment,null,e.createElement(O,{as:"input",type:"file",unhideOnFocus:!1,onChange:I(d,r=>{const s=Array.from(r.currentTarget.files||[]);p==null||p(s),u(s)}),ref:v,id:i??f,...l}),n)});B.displayName="FileUploadCard.Input";const X=e.forwardRef((t,a)=>{const{className:n,children:d,files:i,onFilesChange:l,emptyCard:m=e.createElement(C,null),input:p,...u}=t,[f,E]=e.useState(),F=V(),[v,r]=e.useState(F),s=i??f??[];return e.createElement(y.Provider,{value:{files:s,onFilesChange:l,setInternalFiles:E,inputId:v,setInputId:r}},s!=null&&s.length?e.createElement(h,{className:g("iui-file-card",n),ref:a,...u},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,p??e.createElement(c.Input,null))}),c=Object.assign(X,{Icon:T,Info:S,Title:R,Description:L,Action:z,InputLabel:b,Input:B});c.displayName="FileUploadCard";const y=e.createContext(void 0),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:"M14 0L8 6 2 0 0 2l6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6"})),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-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"})),ee=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"},ye=()=>{const[t,a]=e.useState([]);return o.jsx(A,{dragContent:"Drop file to upload",onFileDropped:n=>{a(Array.from(n)),console.log(`${n.length} files uploaded`)},children:o.jsx(k,{placeholder:"Type a message",style:{width:"100%"},message:t.length?`Attached: ${t.map(n=>n.name)}`:"Drag files to attach"})})},je=()=>{const[t,a]=e.useState([]);return o.jsx(A,{onFileDropped:n=>{a(Array.from(n)),console.log(`${n.length} files uploaded`)},children:o.jsx(c,{files:t,onFilesChange:n=>a(n)})})},we=()=>{const t=N.useRef(null),[a,n]=N.useState([]),d=o.jsxs(C,{children:[o.jsx(C.Icon,{children:o.jsx(ee,{})}),o.jsxs(C.Text,{children:[o.jsx(c.InputLabel,{children:"Custom Label Text"}),o.jsx("div",{children:"Custom Description Text"})]})]});return o.jsx(A,{onFileDropped:i=>{n(Array.from(i)),console.log(`${i.length} files uploaded`)},children:o.jsxs(c,{files:a,onFilesChange:i=>n(i),emptyCard:d,input:o.jsx(c.Input,{name:"my-file",ref:t}),children:[o.jsx(c.Icon,{children:o.jsx(Z,{})}),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($,{onClick:()=>{n([])},styleType:"borderless",children:o.jsx(Y,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{we as CustomFileUploadCard,je as DefaultFileUploadCard,ye as WrappingInput,De as default};
diff --git a/1957/react/assets/Flex-Co89GfVH.js b/1957/react/assets/Flex-Co89GfVH.js
new file mode 100644
index 00000000000..ea6444be131
--- /dev/null
+++ b/1957/react/assets/Flex-Co89GfVH.js
@@ -0,0 +1 @@
+import{r as t,B as u,c as m}from"./index-DjxMsM5m.js";const F=["3xs","2xs","xs","s","m","l","xl","2xl","3xl"],o=e=>F.includes(e)?`var(--iui-size-${e})`:e,p=t.forwardRef((e,a)=>{const{display:i,flexDirection:l,justifyContent:s,alignItems:r,gap:f,flexWrap:x,className:n,style:c,...y}=e;return t.createElement(u,{className:m("iui-flex",n),style:{"--iui-flex-display":i,"--iui-flex-direction":l,"--iui-flex-justify":s,"--iui-flex-align":r,"--iui-flex-gap":o(f),"--iui-flex-wrap":x,...c},ref:a,...y})});p.displayName="Flex";const g=t.forwardRef((e,a)=>{const{flex:i,className:l,style:s,...r}=e;return t.createElement(u,{className:m("iui-flex-spacer",l),style:{"--iui-flex-spacer-flex":i,...s},ref:a,...r})});g.displayName="Flex.Spacer";const d=t.forwardRef((e,a)=>{const{gapBefore:i,gapAfter:l,flex:s,alignSelf:r,className:f,style:x,...n}=e,c={"--iui-flex-item-flex":s,"--iui-flex-item-align":r,"--iui-flex-item-gap-before":o(i),"--iui-flex-item-gap-after":o(l),...i!==void 0&&{"--iui-flex-item-gap-before-toggle":"var(--iui-on)"},...l!==void 0&&{"--iui-flex-item-gap-after-toggle":"var(--iui-on)"},...x};return t.createElement(u,{className:m("iui-flex-item",f),ref:a,style:c,...n})});d.displayName="Flex.Item";const w=Object.assign(p,{Item:d,Spacer:g});export{w as F};
diff --git a/1957/react/assets/Flex.stories-DLZkIeGo.js b/1957/react/assets/Flex.stories-DLZkIeGo.js
new file mode 100644
index 00000000000..7340044e639
--- /dev/null
+++ b/1957/react/assets/Flex.stories-DLZkIeGo.js
@@ -0,0 +1,11 @@
+import{j as e}from"./index-DjxMsM5m.js";import{F as i}from"./Flex-Co89GfVH.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/1957/react/assets/Folder-CQ3iN8xp.js b/1957/react/assets/Folder-CQ3iN8xp.js
new file mode 100644
index 00000000000..e01cb2567c5
--- /dev/null
+++ b/1957/react/assets/Folder-CQ3iN8xp.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Footer.stories-DOXV0B7d.js b/1957/react/assets/Footer.stories-DOXV0B7d.js
new file mode 100644
index 00000000000..14d8f145989
--- /dev/null
+++ b/1957/react/assets/Footer.stories-DOXV0B7d.js
@@ -0,0 +1 @@
+import{p as y,r,B as x,c as k,j as e,R as v}from"./index-DjxMsM5m.js";import{A as j}from"./Anchor-BixGaM0U.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"),c={cookies:"Cookies",legalNotices:"Legal notices",privacy:"Privacy",termsOfService:"Terms of service",termsOfUse:"Terms of use"},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=>{const{children:t,customElements:l,translatedTitles:p,className:d,...w}=i,n={...c,...p},a=E.map(s=>{if(s.key&&n.hasOwnProperty(s.key)){const u=s.key;return{...s,title:n[u]}}return s});let 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(j,{href:s.url,target:"_blank",rel:"noreferrer"},s.title):s.title)))))},{List:g,Item:f,Separator:h}),C=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(C,{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(v.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/1957/react/assets/Header.stories-BwsPaOhc.js b/1957/react/assets/Header.stories-BwsPaOhc.js
new file mode 100644
index 00000000000..7c0c7d2a5be
--- /dev/null
+++ b/1957/react/assets/Header.stories-BwsPaOhc.js
@@ -0,0 +1 @@
+import{r as t,q as P,B as o,c as j,I as C,i as z,d as H,R as U,j as e}from"./index-DjxMsM5m.js";import{S as I}from"./Network-Dc3tURX5.js";import{S as L}from"./Notification-Bs7mpi-T.js";import{D as w}from"./DropdownMenu-FIYbvMF3.js";import{S as F}from"./SvgChevronRight-C6VlZyp4.js";import{S as B}from"./SvgCaretUpSmall-BVKtlURr.js";import{S as A}from"./SvgCaretDownSmall-CdoXcIxC.js";import{A as E}from"./Avatar-T2frsgec.js";import{M as v}from"./MenuItem-DAdlK6Bb.js";import{M as D}from"./MenuExtraContent-L2ud75Ru.js";import{T as R}from"./Text-Cn6X0xwD.js";import{S as O}from"./Select-BVyecqbT.js";import{M as W}from"./MenuDivider-DTgQGL2e.js";import{I as J}from"./Input-D0vVJrGL.js";import{g as M}from"./colors-DN-6A0ES.js";import"./Popover-CkBHJnxg.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Icon-pbAsVzre.js";import"./SvgCheckmark-pPju8St4.js";const Y=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"})),$={moreOptions:"More options"},k=t.forwardRef((r,a)=>{const{appLogo:n,breadcrumbs:s,isSlim:i=!1,actions:c,menuItems:l,translatedStrings:m,className:h,children:b,...u}=r,g={...$,...m};return t.createElement(o,{as:"header",className:j("iui-page-header",h),"data-iui-size":i?"slim":void 0,ref:a,...u},t.createElement(o,{className:"iui-page-header-left"},n,s&&t.createElement(o,{className:"iui-page-header-divider"}),s),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(Y,{"aria-hidden":!0})))))}),S=t.forwardRef((r,a)=>{const{className:n,items:s,...i}=r;return t.createElement(o,{as:"nav","aria-label":"breadcrumbs",className:j("iui-breadcrumbs","iui-header-breadcrumbs",n),ref:a,...i},t.createElement(o,{as:"ol",className:j("iui-breadcrumbs-list","iui-header-breadcrumbs-list")},s.reduce((c,l,m)=>[...c,l,m!==s.length-1&&t.createElement(o,{as:"li",className:"iui-breadcrumbs-separator",key:m},t.createElement(F,{key:`chevron${m}`,"aria-hidden":!0,className:"iui-chevron"}))],[])))}),T=t.forwardRef((r,a)=>{const{className:n,children:s,startIcon:i,endIcon:c,styleType:l,size:m,...h}=r;return t.createElement(z,{className:j("iui-header-breadcrumb-button",n),ref:a,...h},i,s,c)}),q=t.forwardRef((r,a)=>{const{menuItems:n,className:s,menuPlacement:i="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",s),ref:x},t.createElement(T,{ref:a,disabled:l,...m},c),t.createElement(w,{placement:i,menuItems:n,style:{minInlineSize:u},onVisibleChange:V=>b(V)},t.createElement(z,{"aria-label":"More",className:"iui-header-breadcrumb-button iui-header-breadcrumb-button-split",disabled:l},h?t.createElement(B,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}):t.createElement(A,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}))))}),_=t.forwardRef((r,a)=>{const{menuItems:n,className:s,children:i,...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)},[i]),t.createElement(w,{menuItems:n,style:{minInlineSize:h},onVisibleChange:x=>m(x)},t.createElement(T,{className:j("iui-header-breadcrumb-button",s),ref:g,"aria-label":"Dropdown",endIcon:l?t.createElement(B,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}):t.createElement(A,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}),...c},i))}),d=t.forwardRef((r,a)=>{const{name:n,description:s,htmlName:i,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"},n),s&&t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text-sublabel"},s)),ref:a,disabled:h,name:i,...!!m&&{menuItems:m},...b},g=r.menuItems&&r.onClick?t.createElement(q,{...u}):r.menuItems?t.createElement(_,{...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)=>{const{className:n,children:s,logo:i,onClick:c,as:l=c?"button":"div",...m}=r;return t.createElement(o,{className:j("iui-header-brand",n),as:l,type:l==="button"?"button":void 0,onClick:c,ref:a,...m},i?t.createElement(o,{as:"span",className:"iui-header-brand-icon","aria-hidden":!0},i):null,s&&t.createElement(o,{as:"span",className:"iui-header-brand-label"},s))}),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:"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"})),K=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"})),xe={title:"Header"},f=(r,a)=>n=>{console.log(`Menu '${r}', ${n} 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)],ve=()=>{const[r,a]=U.useState("User"),n=s=>[e.jsx(D,{children:e.jsxs(e.Fragment,{children:[e.jsx(R,{variant:"leading",children:"Terry Rivers"}),e.jsx(R,{isMuted:!0,style:{marginBottom:8},children:"terry.rivers@email.com"}),e.jsx(O,{options:[{value:"User",label:"User"},{value:"Moderator",label:"Moderator"},{value:"Administrator",label:"Administrator"}],value:r,onChange:i=>a(i)})]})},0),e.jsx(W,{},1),e.jsx(v,{value:"View profile",onClick:f("Avatar",s),children:"View profile"},2),e.jsx(v,{value:"Sign out",onClick:f("Avatar",s),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(L,{})},"notif"),e.jsx(w,{menuItems:p("Help"),children:e.jsx(C,{styleType:"borderless",children:e.jsx(G,{})})},"help"),e.jsx(w,{menuItems:n,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")})},fe=()=>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")]}),we=()=>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")]}),Ce=()=>{const r=e.jsxs(e.Fragment,{children:[e.jsxs("style",{children:[".center-input { border-radius: 22px; width: 20vw; transition: all 0.2s ease }",".iui-slim .iui-center { align-items: unset }",".iui-slim .center-input { min-height: unset }","@media (max-width: 768px) { .center-input { display: none; } }"]}),e.jsx(J,{className:"center-input",placeholder:"Search within Model B..."})]});return e.jsx(k,{appLogo:e.jsx(y,{logo:e.jsx(K,{})}),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{fe as Basic,Ce as CenterContent,ve as Full,we as Slim,xe as default};
diff --git a/1957/react/assets/Icon-pbAsVzre.js b/1957/react/assets/Icon-pbAsVzre.js
new file mode 100644
index 00000000000..a81c52a4b35
--- /dev/null
+++ b/1957/react/assets/Icon-pbAsVzre.js
@@ -0,0 +1 @@
+import{r as a,B as n,c as u}from"./index-DjxMsM5m.js";const o=e=>{switch(e){case"small":return"s";case"medium":return"m";case"large":return"l";default:return e}},m=a.forwardRef((e,r)=>{const{size:s="medium",fill:t="default",className:i,padded:c=!1,...d}=e;return a.createElement(n,{as:"span",className:u("iui-svg-icon",i),"data-iui-icon-size":o(s),"data-iui-icon-color":t,"data-iui-padded":c?"true":void 0,ref:r,...d})});export{m as I};
diff --git a/1957/react/assets/Icon.stories-CeKI-Y2z.js b/1957/react/assets/Icon.stories-CeKI-Y2z.js
new file mode 100644
index 00000000000..9bc8918675b
--- /dev/null
+++ b/1957/react/assets/Icon.stories-CeKI-Y2z.js
@@ -0,0 +1 @@
+import{r as l,j as e,R as d}from"./index-DjxMsM5m.js";import{S as r}from"./Placeholder-C7CVYxHs.js";import{S as c,a as x,b as m}from"./StatusWarning-BRrn9sgc.js";import{I as t}from"./Icon-pbAsVzre.js";import{F as j}from"./Flex-Co89GfVH.js";import{S as u}from"./Slider-wDX7nB89.js";import"./useEventListener-BeqhzdR7.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/1957/react/assets/IconButton.stories-DlGB0AyU.js b/1957/react/assets/IconButton.stories-DlGB0AyU.js
new file mode 100644
index 00000000000..02be3e2cf70
--- /dev/null
+++ b/1957/react/assets/IconButton.stories-DlGB0AyU.js
@@ -0,0 +1 @@
+import{j as e,I as o}from"./index-DjxMsM5m.js";import{S as t}from"./Add-CMnT-eoE.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/1957/react/assets/IdeasButton.stories-Db7gV2s4.js b/1957/react/assets/IdeasButton.stories-Db7gV2s4.js
new file mode 100644
index 00000000000..ebb61b5f7bf
--- /dev/null
+++ b/1957/react/assets/IdeasButton.stories-Db7gV2s4.js
@@ -0,0 +1 @@
+import{r as e,q as s,j as a}from"./index-DjxMsM5m.js";import{B as i}from"./Button-C_nFjF9J.js";const l=t=>e.createElement(s,{...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)=>{const{feedbackLabel:c="Feedback",onClick:r,...d}=t;return e.createElement(i,{ref:n,"data-iui-variant":"idea",onClick:r,startIcon:e.createElement(l,{"aria-hidden":!0}),...d},c)}),f={title:"IdeasButton"},k=()=>a.jsx(o,{onClick:()=>console.log("clicked")}),p=()=>a.jsx(o,{feedbackLabel:"Localized feedback",onClick:()=>console.log("clicked")});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{k as Ideas,p as LocalizedIdeas,f as default};
diff --git a/1957/react/assets/InformationPanel.stories-BYGWMIbw.js b/1957/react/assets/InformationPanel.stories-BYGWMIbw.js
new file mode 100644
index 00000000000..1c244d04214
--- /dev/null
+++ b/1957/react/assets/InformationPanel.stories-BYGWMIbw.js
@@ -0,0 +1 @@
+import{r as s,d as P,B as f,c as D,p as z,I as S,a as F,R as u,j as e}from"./index-DjxMsM5m.js";import{S as T}from"./Edit-1xGNuYZJ.js";import{B as v}from"./Button-C_nFjF9J.js";import{T as I}from"./Table-CHJVAlEZ.js";import{T as j}from"./Text-Cn6X0xwD.js";import{L as m}from"./Label-DNKU_rtG.js";import{I as p}from"./Input-D0vVJrGL.js";import{T as V}from"./Textarea-C661yE2u.js";import"./ProgressRadial-B65sMgcN.js";import"./SvgChevronRight-C6VlZyp4.js";import"./Checkbox-Cit0Xd27.js";import"./useIntersection-5ksHNLOp.js";import"./WithCSSTransition-Dpufkg-9.js";import"./VirtualScroll-CmUb1GiL.js";import"./Popover-CkBHJnxg.js";const w=s.forwardRef((t,i)=>{const{className:o,isOpen:a=!1,orientation:n="vertical",resizable:r=!0,children:b,...g}=t,l=s.useRef(null),d=P(i,l),h=x=>{l.current&&(x.button!=null&&x.button!==0||(x.preventDefault(),x.stopPropagation(),l.current.ownerDocument.addEventListener("pointermove",c),l.current.ownerDocument.addEventListener("pointerup",()=>{var y;return(y=l.current)==null?void 0:y.ownerDocument.removeEventListener("pointermove",c)},{once:!0})))},c=s.useCallback(x=>{if(x.preventDefault(),!l.current)return;const{right:y,bottom:O}=l.current.getBoundingClientRect();n==="vertical"?l.current.style.width=`${y-x.clientX}px`:l.current.style.height=`${O-x.clientY}px`},[n]);return s.createElement(f,{className:D("iui-information-panel",{"iui-right":n==="vertical","iui-bottom":n==="horizontal","iui-visible":a},o),ref:d,...g},r&&s.createElement(f,{className:"iui-resizer",onPointerDown:h},s.createElement(f,{className:"iui-resizer-bar"})),b)}),q=z.div("iui-information-panel-wrapper"),C=s.forwardRef((t,i)=>{const{children:o,onClose:a,actions:n,className:r,...b}=t;return s.createElement(f,{className:D("iui-information-header",r),ref:i,...b},s.createElement(f,{as:"span",className:"iui-information-header-label"},o),s.createElement(f,{className:"iui-information-header-actions"},n,a&&s.createElement(S,{styleType:"borderless",onClick:a,"aria-label":"Close"},s.createElement(F,{"aria-hidden":!0}))))}),R=z.div("iui-information-body"),N=s.forwardRef((t,i)=>{const{className:o,displayStyle:a="default",children:n,...r}=t;return s.createElement(f,{className:D("iui-information-body-content",{"iui-inline":a==="inline"},o),ref:i,...r},n)}),te={title:"InformationPanel"},E=()=>{const[t,i]=u.useState(),o=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:n}})=>e.jsx(v,{onClick:()=>i(n),children:"Details"})}],[]),a=u.useMemo(()=>[...Array(10).fill(null)].map((n,r)=>({name:`Row${r}`})),[]);return e.jsxs(q,{children:[e.jsx(I,{columns:o,data:a,emptyTableContent:"No data."}),e.jsxs(w,{isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{i(-1),console.log("Panel closed")},children:e.jsxs(j,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(N,{displayStyle:"inline",children:[e.jsx(m,{htmlFor:"name-input",children:"File name"}),e.jsx(p,{size:"small",id:"name-input",defaultValue:`Row ${t??0}`,readOnly:!0}),e.jsx(m,{htmlFor:"author-input",children:"Author"}),e.jsx(p,{size:"small",id:"author-input",defaultValue:"DJ Terry",readOnly:!0}),e.jsx(m,{htmlFor:"year-input",children:"Year"}),e.jsx(p,{size:"small",id:"year-input",defaultValue:"2021",readOnly:!0}),e.jsx(m,{htmlFor:"path-input",children:"Path"}),e.jsx(p,{size:"small",id:"path-input",defaultValue:"/Shared/Music/",readOnly:!0})]})})]})]})};E.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(j,{isMuted:!0,style:{marginBottom:11},children:e.jsx("em",{children:"Click on Details to open InformationalPanel"})}),e.jsx(t,{})]})];const k=()=>{const[t,i]=u.useState(),o=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:n}})=>e.jsx(v,{onClick:()=>i(n),children:"Details"})}],[]),a=u.useMemo(()=>[...Array(10).fill(null)].map((n,r)=>({name:`Row${r}`})),[]);return e.jsxs(q,{children:[e.jsx(I,{columns:o,data:a,emptyTableContent:"No data."}),e.jsxs(w,{orientation:"horizontal",isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{i(-1),console.log("Panel closed")},children:e.jsxs(j,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(N,{displayStyle:"inline",children:[e.jsx(m,{htmlFor:"name-input",children:"File name"}),e.jsx(p,{size:"small",id:"name-input",defaultValue:`Row ${t??0}`,readOnly:!0}),e.jsx(m,{htmlFor:"author-input",children:"Author"}),e.jsx(p,{size:"small",id:"author-input",defaultValue:"DJ Terry",readOnly:!0}),e.jsx(m,{htmlFor:"year-input",children:"Year"}),e.jsx(p,{size:"small",id:"year-input",defaultValue:"2021",readOnly:!0}),e.jsx(m,{htmlFor:"path-input",children:"Path"}),e.jsx(p,{size:"small",id:"path-input",defaultValue:"/Shared/Music/",readOnly:!0})]})})]})]})};k.decorators=[...E.decorators];const A=()=>{var g,l;const[t,i]=u.useState(),[o,a]=u.useState(!1),n=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:d})=>e.jsx(v,{onClick:()=>i(d.index),children:"Details"})}],[]),[r,b]=u.useState(()=>[...Array(10).fill(null)].map((d,h)=>({name:`Row${h}`,info:`Row${h} 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(I,{columns:n,data:r,emptyTableContent:"No data."}),e.jsxs(w,{isOpen:t!=null,children:[e.jsx(C,{onClose:()=>{i(void 0),a(!1),console.log("Panel closed")},actions:e.jsx(S,{styleType:"borderless",isActive:o,onClick:()=>a(d=>!d),children:e.jsx(T,{})}),children:e.jsx(j,{variant:"subheading",children:"Row details"})}),e.jsx(R,{children:t!=null&&e.jsxs(N,{children:[e.jsx(m,{htmlFor:"name-input",children:"Name"}),e.jsx(p,{id:"name-input",defaultValue:(g=r[t])==null?void 0:g.name,disabled:!o,onChange:({target:{value:d}})=>{b(h=>{const c=[...h];return c[t]={...c[t],name:d},c})}}),e.jsx(m,{htmlFor:"description-input",children:"Description"}),e.jsx(V,{id:"description-input",defaultValue:(l=r[t])==null?void 0:l.info,disabled:!o,onChange:({target:{value:d}})=>{b(h=>{const c=[...h];return c[t]={...c[t],info:d},c})},rows:15})]})})]})]})};A.decorators=[...E.decorators];const B=()=>{const[t,i]=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(v,{onClick:()=>i(a=>!a),children:"Toggle"})}),e.jsxs(w,{style:{width:"40%",maxWidth:"70%"},isOpen:t,orientation:"vertical",children:[e.jsx(C,{onClose:()=>{i(!1),console.log("Panel closed")},children:e.jsx(j,{variant:"subheading",children:"Details"})}),e.jsx(R,{children:e.jsx(j,{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!"})})]})]})};B.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(j,{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{E as Basic,A as CustomActions,B as CustomWidth,k as Horizontal,te as default};
diff --git a/1957/react/assets/Input-D0vVJrGL.js b/1957/react/assets/Input-D0vVJrGL.js
new file mode 100644
index 00000000000..6372fec1be9
--- /dev/null
+++ b/1957/react/assets/Input-D0vVJrGL.js
@@ -0,0 +1 @@
+import{r as s,d as f,B as p,c as l}from"./index-DjxMsM5m.js";const d=s.forwardRef((e,t)=>{const{size:a,htmlSize:r,status:i,className:u,...n}=e,c=s.useRef(null),o=f(c,t);return s.createElement(p,{as:"input",className:l("iui-input",u),"data-iui-size":a,"data-iui-status":i,size:r,ref:o,...n})});export{d as I};
diff --git a/1957/react/assets/Input.stories-B0HB_JM4.js b/1957/react/assets/Input.stories-B0HB_JM4.js
new file mode 100644
index 00000000000..5c692162d60
--- /dev/null
+++ b/1957/react/assets/Input.stories-B0HB_JM4.js
@@ -0,0 +1 @@
+import{j as t}from"./index-DjxMsM5m.js";import{I as e}from"./Input-D0vVJrGL.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/1957/react/assets/InputFlexContainer-C5yPNOJ9.js b/1957/react/assets/InputFlexContainer-C5yPNOJ9.js
new file mode 100644
index 00000000000..c44645b8b8e
--- /dev/null
+++ b/1957/react/assets/InputFlexContainer-C5yPNOJ9.js
@@ -0,0 +1 @@
+import{R as e,B as d,c as r,I as f}from"./index-DjxMsM5m.js";import{I as m}from"./Icon-pbAsVzre.js";const I=e.forwardRef((t,a)=>{const{isDisabled:s,status:n,children:i,className:o,size:c,style:l,...u}=t;return e.createElement(d,{className:r("iui-input-flex-container",o),"data-iui-status":n,"data-iui-size":c,"data-iui-disabled":s?"true":void 0,ref:a,style:l,...u},i)}),N=e.forwardRef((t,a)=>{const{className:s,...n}=t;return e.createElement(f,{ref:a,className:r("iui-input-flex-container-icon",s),styleType:"borderless",...n})}),R=e.forwardRef((t,a)=>{const{className:s,...n}=t;return e.createElement(m,{ref:a,className:r("iui-input-flex-container-icon",s),padded:!0,...n})});export{I,N as a,R as b};
diff --git a/1957/react/assets/InputGrid-BetVfwxb.js b/1957/react/assets/InputGrid-BetVfwxb.js
new file mode 100644
index 00000000000..e657371482f
--- /dev/null
+++ b/1957/react/assets/InputGrid-BetVfwxb.js
@@ -0,0 +1 @@
+import{r as e,S as Le,B as ee,c as le,u as A,d as be,m as pe,P as De,n as Re,o as oe,g as Pe,x as ze,w as Q}from"./index-DjxMsM5m.js";import{L as ye}from"./Label-DNKU_rtG.js";import{I as ke}from"./Input-D0vVJrGL.js";import{T as Te}from"./Textarea-C661yE2u.js";import{I as we}from"./Icon-pbAsVzre.js";import{I as ue}from"./InputWithDecorations-DpLRm_47.js";import{M as qe}from"./MenuExtraContent-L2ud75Ru.js";import{a as Fe,I as ce,b as We,A as je,S as te}from"./Select-BVyecqbT.js";import{T as He}from"./Text-Cn6X0xwD.js";import{u as Ke}from"./Popover-CkBHJnxg.js";import{S as Ge}from"./SvgCaretDownSmall-CdoXcIxC.js";import{u as Ue}from"./useContainerWidth-Drn508ky.js";import{a as Je}from"./MenuItem-DAdlK6Bb.js";import{u as Qe}from"./VirtualScroll-CmUb1GiL.js";import{L as _}from"./ListItem-ip9GMFW4.js";import{S as Xe}from"./SvgCheckmark-pPju8St4.js";const de=e.forwardRef((t,i)=>{const{children:c,startIcon:s,status:r,className:u,iconProps:a,contentProps:n,...l}=t,m=s??(r&&Le[r]()),C=s!==null&&!!m;return e.createElement(ee,{className:le("iui-status-message",u),"data-iui-status":r,ref:i,...l},C?e.createElement(we,{"aria-hidden":!0,...a},m):null,e.createElement(ee,{...n},c))}),Ye=e.forwardRef((t,i)=>{const{label:c,disabled:s,required:r,status:u,message:a,icon:n,isLabelInline:l,children:m,className:C,style:E,statusMessage:b,inputId:d,labelId:h,...M}=t;return e.createElement(ee,{className:le("iui-input-grid",C),"data-iui-status":u,"data-iui-label-placement":l?"inline":void 0,style:E,ref:i,...M},c&&e.createElement(ye,{as:d&&t.as!=="label"?"label":"div",required:r,disabled:s,htmlFor:d,id:h},c),m,b||a&&e.createElement(de,{startIcon:n,status:u},a))}),Ze=(t,i)=>{switch(i.type){case"open":return{...t,isOpen:!0};case"close":return{...t,isOpen:!1};case"select":return Array.isArray(t.selected)?{...t}:{...t,selected:i.value??t.selected,focusedIndex:i.value??t.focusedIndex};case"multiselect":return Array.isArray(t.selected)?{...t,selected:i.value}:{...t};case"focus":return Array.isArray(t.selected)?{...t,focusedIndex:i.value??-1}:{...t,focusedIndex:i.value??t.selected??-1};default:return t}},ne=e.createContext(void 0);ne.displayName="ComboBoxRefsContext";const K=e.createContext(void 0);K.displayName="ComboBoxStateContext";const Ie=e.createContext(void 0);Ie.displayName="ComboBoxActionContext";const he=e.forwardRef((t,i)=>{const{className:c,children:s,disabled:r,isOpen:u,...a}=t;return e.createElement(we,{as:"span",ref:i,className:le("iui-end-icon",{"iui-disabled":r,"iui-open":u},c),...a},s??e.createElement(Ge,{"aria-hidden":!0}))});he.displayName="ComboBoxEndIcon";const Be=e.forwardRef((t,i)=>{const{selectedItems:c=[],...s}=t;return e.createElement(Fe,{ref:i,tags:c,...s})});Be.displayName="ComboBoxMultipleContainer";const Me=e.forwardRef((t,i)=>{const{selectTags:c,size:s,style:r,...u}=t,{isOpen:a,id:n,focusedIndex:l,enableVirtualization:m,multiple:C,onClickHandler:E,popover:b,show:d,hide:h}=A(K),M=A(Ie),{inputRef:D,menuRef:k,optionsExtraInfoRef:N}=A(ne),fe=be(D,b.refs.setReference,i),y=e.useRef(l??-1);e.useEffect(()=>{y.current=l??-1},[l]);const g=w=>{var O,V;return((V=(O=k.current)==null?void 0:O.querySelector(`[data-iui-index="${w}"]`))==null?void 0:V.id)??""},P=e.useCallback(w=>{var V,T,G,q,F,Y,re,se,ae,W;const O=Object.keys(N.current).length??0;if(!w.altKey)switch(w.key){case"ArrowDown":{if(w.preventDefault(),!a)return d();if(O===0)return;if(y.current===-1){const v=(V=k.current)==null?void 0:V.querySelector("[data-iui-index]");return M({type:"focus",value:Number((v==null?void 0:v.getAttribute("data-iui-index"))??0)})}if(m&&!((G=(T=k.current)==null?void 0:T.querySelector(`[data-iui-index="${y.current}"]`))!=null&&G.nextElementSibling))return;let B=y.current;do{const v=(q=k.current)==null?void 0:q.querySelector(`[data-iui-index="${B}"]`),R=(v==null?void 0:v.nextElementSibling)??((F=k.current)==null?void 0:F.querySelector("[data-iui-index]"));if(B=Number(R==null?void 0:R.getAttribute("data-iui-index")),R)return M({type:"focus",value:B})}while(B!==y.current);break}case"ArrowUp":{if(w.preventDefault(),!a)return d();if(O===0||m&&!((re=(Y=k.current)==null?void 0:Y.querySelector(`[data-iui-index="${y.current}"]`))!=null&&re.previousElementSibling))return;if(y.current===-1)return M({type:"focus",value:((se=Object.values(N.current))==null?void 0:se[O-1].__originalIndex)??-1});let B=y.current;do{const v=(ae=k.current)==null?void 0:ae.querySelector(`[data-iui-index="${B}"]`),R=(v==null?void 0:v.previousElementSibling)??((W=k.current)==null?void 0:W.querySelector("[data-iui-index]:last-of-type"));if(B=Number(R==null?void 0:R.getAttribute("data-iui-index")),R)return M({type:"focus",value:B})}while(B!==y.current);break}case"Enter":{w.preventDefault(),a?y.current>-1&&(E==null||E(y.current)):d();break}case"Escape":{w.preventDefault(),h();break}case"Tab":h();break}},[M,m,a,k,E,N,d,h]),X=e.useRef(!1),z=e.useCallback(()=>{X.current=a},[a]),I=e.useCallback(()=>{X.current?h():d(),X.current=!1},[h,d]),[$,S]=Ue();return e.createElement(e.Fragment,null,e.createElement(ke,{ref:fe,"aria-expanded":a,"aria-activedescendant":a&&l!=null&&l>-1?g(l):void 0,role:"combobox","aria-controls":a?`${n}-list`:void 0,"aria-autocomplete":"list",spellCheck:!1,autoCapitalize:"none",autoCorrect:"off",style:{...C&&{paddingInlineStart:S+18},...r},"aria-describedby":C?`${n}-selected-live`:void 0,size:s,...b.getReferenceProps({...u,onPointerDown:pe(t.onPointerDown,z),onClick:pe(t.onClick,I),onKeyDown:pe(t.onKeyDown,P)})}),C&&c?e.createElement(Be,{ref:$,selectedItems:c,id:`${n}-selected-live`}):null)});Me.displayName="ComboBoxInput";const Ne=e.forwardRef((t,i)=>{const{className:c,status:s,message:r,children:u,...a}=t,{id:n}=A(K);return e.createElement(Ye,{className:c,status:s,statusMessage:typeof r=="string"?e.createElement(de,{status:s},r):e.isValidElement(r)&&e.cloneElement(r,{status:s}),ref:i,...a,id:n},e.createElement(ce,null,u))});Ne.displayName="ComboBoxInputContainer";const _e=t=>{const{children:i,...c}=t,{filteredOptions:s,getMenuItem:r,focusedIndex:u}=A(K),{menuRef:a}=A(ne),n=e.useCallback(b=>s.length>0?r(s[b],b):i,[s,r,i]),l=e.useMemo(()=>{var d;const b=(d=a.current)==null?void 0:d.querySelector(`[data-iui-index="${u}"]`);return b?Number(b.getAttribute("data-iui-filtered-index")??u):u},[u,a]),{outerProps:m,innerProps:C,visibleChildren:E}=Qe({itemsLength:s.length||1,itemRenderer:n,scrollToIndex:l});return e.createElement(ee,{as:"div",...m,...c},e.createElement("div",{...C,ref:C.ref},E))},Oe=e.forwardRef((t,i)=>{const{children:c,style:s,...r}=t,{id:u,enableVirtualization:a,popover:n}=A(K),{menuRef:l}=A(ne),m=be(n.refs.setFloating,i,l);return n.open&&e.createElement(De,{portal:!0},e.createElement(Je,{id:`${u}-list`,setFocus:!1,role:"listbox",ref:m,...n.getFloatingProps({style:a?{maxInlineSize:0,...s}:s,...r})},a?e.createElement(_e,null,c):c))});Oe.displayName="ComboBoxMenu";const Ve=e.memo(e.forwardRef((t,i)=>{const{children:c,isSelected:s,disabled:r,value:u,onClick:a,sublabel:n,size:l=n?"large":"default",startIcon:m,endIcon:C,role:E="option",index:b,...d}=t,{focusedIndex:h,enableVirtualization:M}=A(K),k=be(i,N=>{!M&&h===b&&(N==null||N.scrollIntoView({block:"nearest"}))});return e.createElement(_,{as:"div",actionable:!0,size:l,active:s,disabled:r,focused:h===b,ref:k,onClick:()=>a==null?void 0:a(u),role:E,tabIndex:E==="presentation"?void 0:-1,"aria-selected":s,"aria-disabled":r,"data-iui-index":b,...d},m&&e.createElement(_.Icon,{as:"span","aria-hidden":!0},m),e.createElement(_.Content,null,c,n&&e.createElement(_.Description,null,n)),C||s&&e.createElement(_.Icon,{as:"span","aria-hidden":!0},C??e.createElement(Xe,null)))}));Ve.displayName="ComboBoxMenuItem";const J=(t,i)=>i&&(Array.isArray(t)||t===void 0),et=(t,i)=>!i,Se=(t,i)=>t.id??`${i}-option-${t.label.replace(/\s/g,"-")}`,xe=e.forwardRef((t,i)=>{var ge;const c=Re(),{options:s,value:r,onChange:u,filterFunction:a,inputProps:n,endIconProps:l,dropdownMenuProps:m,emptyStateMessage:C="No options found",itemRenderer:E,enableVirtualization:b=!1,multiple:d=!1,onShow:h,onHide:M,id:D=n!=null&&n.id?`iui-${n.id}-cb`:c,...k}=t,N=e.useRef(null),fe=e.useRef(null),y=oe(u),g=oe(s),P=e.useRef({});e.useEffect(()=>{P.current={}},[s]),s.length>0&&Object.keys(P.current).length===0&&s.forEach((o,f)=>{P.current[Se(o,D)]={__originalIndex:f}});const X=e.useCallback(()=>{if(J(r,d)){const o=[];return r==null||r.forEach(f=>{const p=s.findIndex(x=>x.value===f);p>-1&&o.push(p)}),o}else return s.findIndex(o=>o.value===r)},[d,s,r]),[{isOpen:z,selected:I,focusedIndex:$},S]=e.useReducer(Ze,{isOpen:!1,selected:X(),focusedIndex:-1}),w=oe(h),O=oe(M),V=e.useCallback(()=>{var o;S({type:"open"}),(o=w.current)==null||o.call(w)},[w]),T=e.useCallback(()=>{var o;S({type:"close"}),(o=O.current)==null||o.call(O)},[O]);Pe(()=>{var o,f;z?((o=N.current)==null||o.focus(),d||(q(g.current),S({type:"focus",value:void 0}))):(S({type:"focus",value:void 0}),J(I,d)||Y(I!=null&&I>=0?(f=g.current[I])==null?void 0:f.label:""))},[z,d,g,I]);const[G,q]=e.useState(s);e.useEffect(()=>{q(F?(a==null?void 0:a(s,F))??s.filter(o=>o.label.toLowerCase().includes(F.toLowerCase())):s),S({type:"focus",value:void 0})},[s]);const[F,Y]=e.useState(((ge=n==null?void 0:n.value)==null?void 0:ge.toString())??""),[re,se]=e.useState(""),ae=e.useCallback(o=>{var p;const{value:f}=o.currentTarget;Y(f),V(),q((a==null?void 0:a(g.current,f))??g.current.filter(x=>x.label.toLowerCase().includes(f.toLowerCase()))),$!=-1&&S({type:"focus",value:-1}),(p=n==null?void 0:n.onChange)==null||p.call(n,o)},[a,$,n,g,V]);e.useEffect(()=>{if(J(r,d))if(r){const o=r.map(f=>s.findIndex(p=>p.value===f));S({type:"multiselect",value:o.filter(f=>f!==-1)})}else S({type:"multiselect",value:[]});else S({type:"select",value:s.findIndex(o=>o.value===r)})},[r,s,d]);const W=e.useCallback(o=>J(I,d)?!!I.includes(o):I===o,[d,I]),B=e.useCallback((o,f)=>f==="added"?[...I,o]:I.filter(p=>p!==o),[I]),v=e.useCallback((o,f,p)=>{var x,L,U,j;et(y.current,d)?(L=y.current)==null||L.call(y,(x=g.current[o])==null?void 0:x.value):f&&p&&((j=y.current)==null||j.call(y,p==null?void 0:p.map(me=>{var H;return(H=g.current[me])==null?void 0:H.value}),{value:(U=g.current[o])==null?void 0:U.value,type:f}))},[d,y,g]),R=e.useCallback(o=>{var f,p;if((f=N.current)==null||f.focus({preventScroll:!0}),!((p=g.current[o])!=null&&p.disabled))if(J(I,d)){const x=W(o)?"removed":"added",L=B(o,x);S({type:"multiselect",value:L}),v(o,x,L),se(L.map(U=>{var j;return(j=g.current[U])==null?void 0:j.label}).filter(Boolean).join(", "))}else S({type:"select",value:o}),T(),v(o)},[B,W,d,v,I,g,T]),Ce=e.useCallback((o,f)=>{const p=Se(o,D),{__originalIndex:x}=P.current[p],{icon:L,startIcon:U,...j}=o,me=U??L,H=E?E(o,{isFocused:$===x,isSelected:I===x,index:x,id:p}):null;return H?e.cloneElement(H,{onClick:Z=>{var Ee,ve;R(x),(ve=(Ee=H.props).onClick)==null||ve.call(Ee,Z)},focused:$===x,"data-iui-index":x,"data-iui-filtered-index":f,ref:ze(H.props.ref,Z=>{!b&&$===x&&(Z==null||Z.scrollIntoView({block:"nearest"}))})}):e.createElement(Ve,{key:p,id:p,startIcon:me,...j,isSelected:W(x),onClick:()=>{R(x)},index:x,"data-iui-filtered-index":f},o.label)},[b,$,D,W,E,R,I]),$e=e.useMemo(()=>e.createElement(e.Fragment,null,e.isValidElement(C)?C:e.createElement(qe,null,e.createElement(He,{isMuted:!0},C))),[C]),Ae=Ke({visible:z,onVisibleChange:o=>o?V():T(),matchWidth:!0,closeOnOutsideClick:!0,trigger:{focus:!0}});return e.createElement(ne.Provider,{value:{inputRef:N,menuRef:fe,optionsExtraInfoRef:P}},e.createElement(Ie.Provider,{value:S},e.createElement(K.Provider,{value:{id:D,isOpen:z,focusedIndex:$,onClickHandler:R,enableVirtualization:b,filteredOptions:G,getMenuItem:Ce,multiple:d,popover:Ae,show:V,hide:T}},e.createElement(Ne,{ref:i,disabled:n==null?void 0:n.disabled,...k},e.createElement(e.Fragment,null,e.createElement(Me,{value:F,disabled:n==null?void 0:n.disabled,...n,onChange:ae,selectTags:J(I,d)?I.map(o=>{const f=g.current[o];return e.createElement(We,{key:f.label,label:f.label})}):void 0})),e.createElement(he,{...l,disabled:n==null?void 0:n.disabled,isOpen:z}),d?e.createElement(je,{text:re}):null),e.createElement(Oe,{as:"div",...m},G.length>0&&!b?G.map(Ce):$e))))}),gt=e.forwardRef((t,i)=>{const{children:c,className:s,labelPlacement:r=void 0,...u}=t,a=tt(c);return e.createElement(ee,{className:le("iui-input-grid",s),"data-iui-label-placement":r,ref:i,...u},a)}),tt=t=>{const{labelId:i,inputId:c,messageId:s}=nt(t);return e.useMemo(()=>e.Children.map(t,r=>e.isValidElement(r)?r.type===ye||r.type==="label"?Q(r,u=>({...u.props,htmlFor:u.props.htmlFor||c,id:u.props.id||i})):r.type===de?Q(r,u=>({...u.props,id:u.props.id||s})):ie(r)||r.type===ue||r.type===ce?rt(r,{labelId:i,inputId:c,messageId:s}):r:r),[t,c,i,s])},nt=t=>{const i=Re();let c,s,r,u=!1,a=!1;const n=l=>{var m;if(e.isValidElement(l)){if(l.type===xe)return((m=l.props.inputProps)==null?void 0:m.id)||`${i}--input`;if(l.type!==te)return l.props.id||`${i}--input`}};return e.Children.forEach(t,l=>{e.isValidElement(l)&&((l.type===ye||l.type==="label")&&(u=!0,c||(c=l.props.id||`${i}--label`)),l.type===de&&(r||(r=l.props.id||`${i}--message`)),l.type===ue||l.type===ce?e.Children.forEach(l.props.children,m=>{ie(m)&&(s||(s=n(m)))}):ie(l)&&(s||(s=n(l))),l.type===te&&(a=!0))}),{labelId:a?c:void 0,inputId:u&&!a?s:void 0,messageId:r}},rt=(t,{labelId:i,inputId:c,messageId:s})=>{const r=(a={})=>{const n=[a["aria-describedby"],s].filter(Boolean).join(" ");return{...a,...t.type!==te&&{id:a.id||c},"aria-describedby":(n==null?void 0:n.trim())||void 0}},u=a=>a.type===xe?Q(a,n=>({inputProps:r(n.props.inputProps)})):a.type===te?Q(a,n=>({triggerProps:{"aria-labelledby":i,...r(n.props.triggerProps)}})):Q(a,n=>r(n.props));return t.type===ue||t.type===ce?Q(t,a=>({children:e.Children.map(a.props.children,n=>e.isValidElement(n)&&ie(n)?u(n):n)})):u(t)},ie=t=>e.isValidElement(t)&&(t.type==="input"||t.type==="textarea"||t.type==="select"||t.type===ke||t.type===Te||t.type===ue.Input||t.type===te||t.type===xe);export{xe as C,gt as I,de as S};
diff --git a/1957/react/assets/InputGrid.stories-CQZv_6k1.js b/1957/react/assets/InputGrid.stories-CQZv_6k1.js
new file mode 100644
index 00000000000..112400e1dd4
--- /dev/null
+++ b/1957/react/assets/InputGrid.stories-CQZv_6k1.js
@@ -0,0 +1 @@
+import{j as i,R as d}from"./index-DjxMsM5m.js";import{S as m}from"./Add-CMnT-eoE.js";import{S as p}from"./Airplane-B3jcimka.js";import{I as e,S as s}from"./InputGrid-BetVfwxb.js";import{L as r}from"./Label-DNKU_rtG.js";import{I as c}from"./Input-D0vVJrGL.js";import{I as t}from"./InputWithDecorations-DpLRm_47.js";import{S as h}from"./Select-BVyecqbT.js";import{S as u}from"./SearchBox-BVxfDnsq.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Text-Cn6X0xwD.js";import"./Popover-CkBHJnxg.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./useContainerWidth-Drn508ky.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./VirtualScroll-CmUb1GiL.js";import"./SvgCheckmark-pPju8St4.js";import"./InputFlexContainer-C5yPNOJ9.js";const H={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,H as default};
diff --git a/1957/react/assets/InputGroup-DPtL6Yf5.js b/1957/react/assets/InputGroup-DPtL6Yf5.js
new file mode 100644
index 00000000000..33181f1db87
--- /dev/null
+++ b/1957/react/assets/InputGroup-DPtL6Yf5.js
@@ -0,0 +1 @@
+import{r as s,c,B as b}from"./index-DjxMsM5m.js";import{I as y,S as E}from"./InputGrid-BetVfwxb.js";import{L as v}from"./Label-DNKU_rtG.js";const B=s.forwardRef((i,e)=>{const{className:a,children:t,disabled:o=!1,displayStyle:r="default",label:n,status:u,required:m=!1,labelProps:p,innerProps:l,message:d,svgIcon:g,messageProps:f,...I}=i;return s.createElement(y,{ref:e,as:"div",labelPlacement:r,className:c("iui-input-group-wrapper",a),"data-iui-status":u,...I},n&&s.createElement(v,{as:"label",required:m,disabled:o,...p},n),s.createElement(b,{as:"div",...l,className:c("iui-input-group",l==null?void 0:l.className)},t),s.createElement(P,{message:d,status:u,svgIcon:g,displayStyle:r,messageProps:f}))}),P=i=>{const{message:e,status:a,svgIcon:t,displayStyle:o,messageProps:r}=i;if(e&&typeof e!="string")return e;if(e||a||t)return s.createElement(E,{iconProps:{"aria-hidden":!0},startIcon:t,status:a,...r},o!=="inline"&&e)};export{B as I};
diff --git a/1957/react/assets/InputGroup.stories-gY3zIfBw.js b/1957/react/assets/InputGroup.stories-gY3zIfBw.js
new file mode 100644
index 00000000000..658a678c349
--- /dev/null
+++ b/1957/react/assets/InputGroup.stories-gY3zIfBw.js
@@ -0,0 +1 @@
+import{s as c,r as y,t as _,j as i,R as d}from"./index-DjxMsM5m.js";import{I as h}from"./InputGroup-DPtL6Yf5.js";import{R as S}from"./Radio-CAg1e-cm.js";import{C as g}from"./Checkbox-Cit0Xd27.js";import{T as b}from"./ToggleSwitch-y4P0a0hf.js";import"./InputGrid-BetVfwxb.js";import"./Label-DNKU_rtG.js";import"./Input-D0vVJrGL.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.js";import"./ProgressRadial-B65sMgcN.js";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}),f=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=f(y),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})(v);const O=_(v);var j={};(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}),f=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=f(y),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})(j);const w=_(j),Y={title:"InputGroup"},Z=()=>{const n=i.jsx(O,{}),s=i.jsx(w,{});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})]})})},$=()=>{const n="Football",s="Hockey",[u,f]=d.useState(!0),[l,m]=d.useState(!1),[e,t]=d.useState(!1),[o,r]=d.useState(!0);d.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),f(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=>f(p.target.checked),label:n,checked:u}),i.jsx(g,{onChange:p=>m(p.target.checked),label:s,checked:l})]})},k=()=>{const[n,s]=d.useState(!0),[u,f]=d.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=>f(l.target.checked),label:"Toggle feature No.2",checked:u})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{$ as CheckboxGroup,Z as RadioGroup,k as ToggleGroup,Y as default};
diff --git a/1957/react/assets/InputWithDecoration.stories-B67OwJYX.js b/1957/react/assets/InputWithDecoration.stories-B67OwJYX.js
new file mode 100644
index 00000000000..704b9d2c24b
--- /dev/null
+++ b/1957/react/assets/InputWithDecoration.stories-B67OwJYX.js
@@ -0,0 +1 @@
+import{j as t}from"./index-DjxMsM5m.js";import{S as e}from"./Add-CMnT-eoE.js";import{S as n}from"./Airplane-B3jcimka.js";import{I as s}from"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./Icon-pbAsVzre.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/1957/react/assets/InputWithDecorations-DpLRm_47.js b/1957/react/assets/InputWithDecorations-DpLRm_47.js
new file mode 100644
index 00000000000..f0737757a4f
--- /dev/null
+++ b/1957/react/assets/InputWithDecorations-DpLRm_47.js
@@ -0,0 +1 @@
+import{r as t,u,B as D}from"./index-DjxMsM5m.js";import{I as f,a as b,b as m}from"./InputFlexContainer-C5yPNOJ9.js";const d=t.createContext(void 0),h=t.forwardRef((i,o)=>{const{children:s,size:e,isDisabled:n,...a}=i;return t.createElement(d.Provider,{value:{size:e,isDisabled:n}},t.createElement(f,{isDisabled:n,size:e,ref:o,...a},s))}),l=t.forwardRef((i,o)=>{const{id:s,size:e,disabled:n,...a}=i,{size:r,isDisabled:c}=u(d);return t.createElement(D,{as:"input",ref:o,"data-iui-size":e??r,disabled:n??c,id:s,...a})});l.displayName="InputWithDecorations.Input";const p=t.forwardRef((i,o)=>{const{children:s,size:e,disabled:n,...a}=i,{size:r,isDisabled:c}=u(d);return t.createElement(b,{ref:o,size:e??r,disabled:n??c,...a},s)});p.displayName="InputWithDecorations.Button";const I=m;I.displayName="InputWithDecorations.Icon";const W=Object.assign(h,{Input:l,Button:p,Icon:I});export{W as I};
diff --git a/1957/react/assets/Kbd-agxtRHIg.js b/1957/react/assets/Kbd-agxtRHIg.js
new file mode 100644
index 00000000000..04810794db1
--- /dev/null
+++ b/1957/react/assets/Kbd-agxtRHIg.js
@@ -0,0 +1 @@
+import{r as e,B as o,c as n}from"./index-DjxMsM5m.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)=>{const{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/1957/react/assets/Kbd.stories-CeHGTB7i.js b/1957/react/assets/Kbd.stories-CeHGTB7i.js
new file mode 100644
index 00000000000..a00ad55dfbe
--- /dev/null
+++ b/1957/react/assets/Kbd.stories-CeHGTB7i.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{K as t,a as d}from"./Kbd-agxtRHIg.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/1957/react/assets/Label-DNKU_rtG.js b/1957/react/assets/Label-DNKU_rtG.js
new file mode 100644
index 00000000000..cff92645d93
--- /dev/null
+++ b/1957/react/assets/Label-DNKU_rtG.js
@@ -0,0 +1 @@
+import{r as e,B as c,c as u}from"./index-DjxMsM5m.js";const b=e.forwardRef((i,a)=>{const{displayStyle:r="block",required:l,disabled:s,className:t,children:d,...n}=i;return e.createElement(c,{as:"label",className:u("iui-input-label",{"iui-inline":r==="inline","iui-required":l},t),"data-iui-disabled":s?!0:void 0,ref:a,...n},d)});export{b as L};
diff --git a/1957/react/assets/Label.stories-C_n9LIFL.js b/1957/react/assets/Label.stories-C_n9LIFL.js
new file mode 100644
index 00000000000..2c10860ecab
--- /dev/null
+++ b/1957/react/assets/Label.stories-C_n9LIFL.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{L as t}from"./Label-DNKU_rtG.js";import{I as i}from"./Input-D0vVJrGL.js";import{I as o}from"./InputGrid-BetVfwxb.js";import{T as r}from"./Text-Cn6X0xwD.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.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/1957/react/assets/LabeledInput-Du-RTwaP.js b/1957/react/assets/LabeledInput-Du-RTwaP.js
new file mode 100644
index 00000000000..713ebf237ba
--- /dev/null
+++ b/1957/react/assets/LabeledInput-Du-RTwaP.js
@@ -0,0 +1 @@
+import{r as e,S as P,c as S}from"./index-DjxMsM5m.js";import{I as g}from"./Input-D0vVJrGL.js";import{I as L,S as h}from"./InputGrid-BetVfwxb.js";import{L as q}from"./Label-DNKU_rtG.js";import{I as w}from"./Icon-pbAsVzre.js";import{I as x}from"./Select-BVyecqbT.js";const G=e.forwardRef((p,c)=>{const{disabled:o=!1,label:l,message:s,status:t,svgIcon:r,wrapperProps:i,labelProps:m,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,...i},l&&e.createElement(q,{as:"label",required:n,disabled:o,...m},l),e.createElement(x,{...d},e.createElement(g,{disabled:o,required:n,ref:c,...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/1957/react/assets/LabeledInput.stories-6pBv83QQ.js b/1957/react/assets/LabeledInput.stories-6pBv83QQ.js
new file mode 100644
index 00000000000..c0fd4513e52
--- /dev/null
+++ b/1957/react/assets/LabeledInput.stories-6pBv83QQ.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{S as a}from"./Camera-ChdbnOlH.js";import{S as s}from"./Placeholder-C7CVYxHs.js";import{L as t}from"./LabeledInput-Du-RTwaP.js";import{S as r}from"./InputGrid-BetVfwxb.js";import"./Input-D0vVJrGL.js";import"./Label-DNKU_rtG.js";import"./Icon-pbAsVzre.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Textarea-C661yE2u.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.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/1957/react/assets/LabeledSelect-fqB1P2i5.js b/1957/react/assets/LabeledSelect-fqB1P2i5.js
new file mode 100644
index 00000000000..1da41fcfb06
--- /dev/null
+++ b/1957/react/assets/LabeledSelect-fqB1P2i5.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.js";import{S as P}from"./Select-BVyecqbT.js";import{I as g,S}from"./InputGrid-BetVfwxb.js";import{L as E}from"./Label-DNKU_rtG.js";const w=e.forwardRef((t,n)=>{const{className:d,disabled:a=!1,label:r,message:s,status:l,svgIcon:i,displayStyle:m="default",style:c,required:o=!1,wrapperProps:p,labelProps:f,messageContentProps:u,messageIconProps:b,...y}=t;return e.createElement(g,{labelPlacement:m,"data-iui-status":l,...p},r&&e.createElement(E,{as:"div",required:o,disabled:a,...f},r),e.createElement(P,{disabled:a,className:d,style:c,required:t.native?o:void 0,...y,ref:n,styleType:"default"}),typeof s=="string"?e.createElement(S,{status:l,startIcon:i,iconProps:b,contentProps:u},s):s)});export{w as L};
diff --git a/1957/react/assets/LabeledSelect.stories-BfJLrsN6.js b/1957/react/assets/LabeledSelect.stories-BfJLrsN6.js
new file mode 100644
index 00000000000..24c57ad3f14
--- /dev/null
+++ b/1957/react/assets/LabeledSelect.stories-BfJLrsN6.js
@@ -0,0 +1 @@
+import{j as e,R as o}from"./index-DjxMsM5m.js";import{S as i}from"./Camera-ChdbnOlH.js";import{L as s}from"./LabeledSelect-fqB1P2i5.js";import{S as r}from"./InputGrid-BetVfwxb.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./Icon-pbAsVzre.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Label-DNKU_rtG.js";import"./Input-D0vVJrGL.js";import"./Textarea-C661yE2u.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.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/1957/react/assets/LabeledTextarea.stories-DxOlKvcB.js b/1957/react/assets/LabeledTextarea.stories-DxOlKvcB.js
new file mode 100644
index 00000000000..04e69296c72
--- /dev/null
+++ b/1957/react/assets/LabeledTextarea.stories-DxOlKvcB.js
@@ -0,0 +1 @@
+import{r as t,j as e}from"./index-DjxMsM5m.js";import{S as i}from"./Camera-ChdbnOlH.js";import{S as o}from"./Placeholder-C7CVYxHs.js";import{L as l}from"./LabeledInput-Du-RTwaP.js";import{S as n}from"./InputGrid-BetVfwxb.js";import"./Input-D0vVJrGL.js";import"./Label-DNKU_rtG.js";import"./Icon-pbAsVzre.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Textarea-C661yE2u.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.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/1957/react/assets/LinkAction-D0M2gvZH.js b/1957/react/assets/LinkAction-D0M2gvZH.js
new file mode 100644
index 00000000000..4ca99ce6e28
--- /dev/null
+++ b/1957/react/assets/LinkAction-D0M2gvZH.js
@@ -0,0 +1 @@
+import{r as i,B as n,c as t,p as e}from"./index-DjxMsM5m.js";const c=i.forwardRef((a,o)=>{const{as:s=a.href?"a":"button"}=a;return i.createElement(n,{...a,as:s,className:t("iui-link-action",a.className),ref:o})});c.displayName="LinkAction";const r=e.div("iui-link-box");r.displayName="LinkBox";export{r as L,c as a};
diff --git a/1957/react/assets/List-Ck5ai4iK.js b/1957/react/assets/List-Ck5ai4iK.js
new file mode 100644
index 00000000000..26474420be8
--- /dev/null
+++ b/1957/react/assets/List-Ck5ai4iK.js
@@ -0,0 +1 @@
+import{p as i}from"./index-DjxMsM5m.js";const s=i.ul("iui-list",{role:"list"});s.displayName="List";export{s as L};
diff --git a/1957/react/assets/List.stories-D_SHfofU.js b/1957/react/assets/List.stories-D_SHfofU.js
new file mode 100644
index 00000000000..783972a2819
--- /dev/null
+++ b/1957/react/assets/List.stories-D_SHfofU.js
@@ -0,0 +1 @@
+import{r as s,j as e}from"./index-DjxMsM5m.js";import{S as n}from"./Placeholder-C7CVYxHs.js";import{L as i}from"./List-Ck5ai4iK.js";import{L as t}from"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.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/1957/react/assets/ListItem-ip9GMFW4.js b/1957/react/assets/ListItem-ip9GMFW4.js
new file mode 100644
index 00000000000..726067d3d26
--- /dev/null
+++ b/1957/react/assets/ListItem-ip9GMFW4.js
@@ -0,0 +1 @@
+import{r as i,B as L,c as N,p as t}from"./index-DjxMsM5m.js";import{a as y}from"./LinkAction-D0M2gvZH.js";const e=i.forwardRef((c,d)=>{const{size:m="default",disabled:r=!1,active:l=!1,actionable:u=!1,focused:f=!1,className:p,...I}=c;return i.createElement(L,{as:"li",className:N("iui-list-item",p),"data-iui-active":l?"true":void 0,"data-iui-disabled":r?"true":void 0,"data-iui-size":m==="large"?"large":void 0,"data-iui-actionable":u?"true":void 0,"data-iui-focused":f?"true":void 0,ref:d,...I})});e.displayName="ListItem";const s=t("iui-list-item-icon");s.displayName="ListItem.Icon";const a=t("iui-list-item-content");a.displayName="ListItem.Content";const n=t("iui-list-item-description");n.displayName="ListItem.Description";const o=y;o.displayName="ListItem.Action";const A=Object.assign(e,{Icon:s,Content:a,Description:n,Action:o});export{A as L};
diff --git a/1957/react/assets/MenuDivider-DTgQGL2e.js b/1957/react/assets/MenuDivider-DTgQGL2e.js
new file mode 100644
index 00000000000..5dc0afb75fc
--- /dev/null
+++ b/1957/react/assets/MenuDivider-DTgQGL2e.js
@@ -0,0 +1 @@
+import{p as r}from"./index-DjxMsM5m.js";const o=r("iui-menu-divider",{role:"separator"});export{o as M};
diff --git a/1957/react/assets/MenuExtraContent-L2ud75Ru.js b/1957/react/assets/MenuExtraContent-L2ud75Ru.js
new file mode 100644
index 00000000000..c3a579a1496
--- /dev/null
+++ b/1957/react/assets/MenuExtraContent-L2ud75Ru.js
@@ -0,0 +1 @@
+import{p as o}from"./index-DjxMsM5m.js";const n=o.li("iui-menu-content",{role:"presentation"});export{n as M};
diff --git a/1957/react/assets/MenuItem-DAdlK6Bb.js b/1957/react/assets/MenuItem-DAdlK6Bb.js
new file mode 100644
index 00000000000..67512d6c459
--- /dev/null
+++ b/1957/react/assets/MenuItem-DAdlK6Bb.js
@@ -0,0 +1 @@
+import{r as e,q as A,d as F,B as L,c as z,m as B,n as O,P as q,y as H}from"./index-DjxMsM5m.js";import{g as U}from"./focusable-DQv_vybo.js";import{L as d}from"./ListItem-ip9GMFW4.js";import{u as j}from"./Popover-CkBHJnxg.js";const G=c=>e.createElement(A,{...c},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"})),J=e.forwardRef((c,I)=>{const{setFocus:p=!0,className:g,...u}=c,[l,a]=e.useState(),i=e.useRef(null),E=F(i,I),m=e.useCallback(()=>{const t=U(i.current);return t.filter(n=>!t.some(r=>r.contains(n.parentElement)))},[]);e.useEffect(()=>{var r;const t=m();if(l!=null){(r=t==null?void 0:t[l])==null||r.focus();return}const n=t.findIndex(s=>s.getAttribute("aria-selected")==="true");p&&a(n>-1?n:0)},[p,l,m]);const h=t=>{if(t.altKey)return;const n=m();if(!(n!=null&&n.length))return;const r=l??0;switch(t.key){case"ArrowDown":{a(Math.min(r+1,n.length-1)),t.preventDefault(),t.stopPropagation();break}case"ArrowUp":{a(Math.max(r-1,0)),t.preventDefault(),t.stopPropagation();break}}};return e.createElement(L,{as:"div",className:z("iui-menu",g),role:"menu",ref:E,...u,onKeyDown:B(c.onKeyDown,h)})}),V=e.createContext({ref:void 0,setIsNestedSubmenuVisible:()=>{}}),_=e.forwardRef((c,I)=>{const{children:p,isSelected:g,disabled:u,value:l,onClick:a,sublabel:i,size:E=i?"large":"default",icon:m,startIcon:h=m,badge:t,endIcon:n=t,role:r="menuitem",subMenuItems:s=[],...x}=c,w=e.useRef(null),[N,D]=e.useState(!1),y=O(),[k,S]=e.useState(!1),[K,C]=e.useState(!1),b=e.useContext(V),f=j({visible:k||K,onVisibleChange:o=>{S(o),b.setIsNestedSubmenuVisible(o)},placement:"right-start",trigger:{hover:!0,focus:!0}}),P={onClick:()=>!u&&(a==null?void 0:a(l)),onKeyDown:o=>{var R,v,M;if(!o.altKey)switch(o.key){case"Enter":case" ":case"Spacebar":{!u&&(a==null||a(l)),o.preventDefault();break}case"ArrowRight":{s.length>0&&(S(!0),H.flushSync(()=>D(!0)),D(!1),o.preventDefault(),o.stopPropagation());break}case"ArrowLeft":{b.ref&&((R=b.ref.current)==null||R.focus(),b.setIsNestedSubmenuVisible(!1)),o.stopPropagation(),o.preventDefault();break}case"Escape":{(M=(v=b.ref)==null?void 0:v.current)==null||M.focus();break}}}};return e.createElement(d,{as:"div",actionable:!0,size:E,active:g,disabled:u,ref:F(w,I,s.length>0?f.refs.setReference:null),role:r,tabIndex:u||r==="presentation"?void 0:-1,"aria-selected":g,"aria-haspopup":s.length>0?"true":void 0,"aria-controls":s.length>0?y:void 0,"aria-expanded":s.length>0?f.open:void 0,"aria-disabled":u,...s.length===0?{...P,...x}:f.getReferenceProps({...P,...x})},h&&e.createElement(d.Icon,{as:"span","aria-hidden":!0},h),e.createElement(d.Content,null,e.createElement("div",null,p),i&&e.createElement(d.Description,null,i)),!n&&s.length>0&&e.createElement(d.Icon,{as:"span","aria-hidden":!0},e.createElement(G,null)),n&&e.createElement(d.Icon,{as:"span","aria-hidden":!0},n),s.length>0&&f.open&&e.createElement(q,null,e.createElement(V.Provider,{value:{ref:w,setIsNestedSubmenuVisible:C}},e.createElement(J,{setFocus:N,ref:f.refs.setFloating,...f.getFloatingProps({id:y,onPointerMove:()=>{S(!0)}})},s))))});export{_ as M,J as a};
diff --git a/1957/react/assets/Modal.stories-B3pIpt_g.js b/1957/react/assets/Modal.stories-B3pIpt_g.js
new file mode 100644
index 00000000000..cf471b9a7d0
--- /dev/null
+++ b/1957/react/assets/Modal.stories-B3pIpt_g.js
@@ -0,0 +1 @@
+import{r,R as u,j as e}from"./index-DjxMsM5m.js";import{B as t}from"./Button-C_nFjF9J.js";import{D as c,a as O,b as M}from"./Dialog-B1YB4ruY.js";import"./useEventListener-BeqhzdR7.js";import"./focusable-DQv_vybo.js";const d=r.forwardRef((n,i)=>{const{isOpen:o=!1,isDismissible:s=!0,closeOnEsc:l=!0,closeOnExternalClick:a=!0,onClose:y,title:h,children:x,portal:g=!0,wrapperProps:b,backdropProps:f,titleBarProps:j,...C}=n;return r.createElement(c,{isOpen:o,closeOnEsc:l,closeOnExternalClick:a,isDismissible:s,onClose:y,preventDocumentScroll:!0,trapFocus:!0,setFocus:!0,ref:i,portal:g,...b},r.createElement(c.Backdrop,{...f}),r.createElement(c.Main,{"aria-modal":!0,...C},r.createElement(c.TitleBar,{titleText:h,...j}),x))}),m=Object.assign({},O),p=Object.assign({},M),B={title:"Modal"},w=()=>{const[n,i]=u.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(d,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),children:[e.jsx(m,{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(p,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},T=()=>{const[n,i]=u.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(d,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),isDismissible:!1,children:[e.jsx(m,{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(p,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},P=()=>{const[n,i]=u.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(d,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),closeOnEsc:!1,closeOnExternalClick:!1,children:[e.jsx(m,{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(p,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},S=()=>{const[n,i]=u.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(d,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),styleType:"fullPage",children:[e.jsx(m,{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(p,{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/1957/react/assets/More-CgFlrjTV.js b/1957/react/assets/More-CgFlrjTV.js
new file mode 100644
index 00000000000..e9f18b7e856
--- /dev/null
+++ b/1957/react/assets/More-CgFlrjTV.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Network-Dc3tURX5.js b/1957/react/assets/Network-Dc3tURX5.js
new file mode 100644
index 00000000000..15740befe27
--- /dev/null
+++ b/1957/react/assets/Network-Dc3tURX5.js
@@ -0,0 +1 @@
+import{r as c}from"./index-DjxMsM5m.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/1957/react/assets/NonIdealState.stories-Dqh8mq9l.js b/1957/react/assets/NonIdealState.stories-Dqh8mq9l.js
new file mode 100644
index 00000000000..519e0681a50
--- /dev/null
+++ b/1957/react/assets/NonIdealState.stories-Dqh8mq9l.js
@@ -0,0 +1 @@
+import{r as l,B as c,c as z,j as e}from"./index-DjxMsM5m.js";import{B as a}from"./Button-C_nFjF9J.js";import{A as x}from"./Anchor-BixGaM0U.js";const h=l.forwardRef((t,E)=>{const{className:s,svg:p,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",s),ref:E,...o},l.createElement(c,{as:"div",...m,className:z("iui-non-ideal-state-illustration",m==null?void 0:m.className)},p),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"})),R={title:"NonIdealState"},B=()=>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"})]})}),F=()=>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"})]})}),L=()=>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"})]})}),S=()=>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"})]})}),T=()=>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"})]})}),N=()=>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"})]})}),U=()=>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"})]})}),I=()=>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"})]})}),A=()=>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"})]})}),O=()=>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"})]})}),W=()=>e.jsx(h,{svg:e.jsx(n,{})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{U as BadGateway,O as CustomHtmlMessage,L as Forbidden,A as Generic,N as InternalServerError,S as PageNotFound,B as Redirect,I as ServiceUnavailable,T as TimeOut,F as Unauthorized,W as WithoutMessageOrButtons,R as default};
diff --git a/1957/react/assets/Notification-Bs7mpi-T.js b/1957/react/assets/Notification-Bs7mpi-T.js
new file mode 100644
index 00000000000..9f7dc577db0
--- /dev/null
+++ b/1957/react/assets/Notification-Bs7mpi-T.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/NotificationMarker-Dh32yodE.js b/1957/react/assets/NotificationMarker-Dh32yodE.js
new file mode 100644
index 00000000000..d53b18983ae
--- /dev/null
+++ b/1957/react/assets/NotificationMarker-Dh32yodE.js
@@ -0,0 +1 @@
+import{r,B as l,c as u}from"./index-DjxMsM5m.js";const m=r.forwardRef((t,e)=>{const{className:s,children:i,status:n="primary",pulsing:o=!1,enabled:a=!0,...c}=t;return r.createElement(l,{as:"span",ref:e,className:u({"iui-notification-marker":a},s),"data-iui-variant":a?n:null,"data-iui-urgent":a?o:null,...c},i)});export{m as N};
diff --git a/1957/react/assets/NotificationMarker.stories-Cfh0Ggxu.js b/1957/react/assets/NotificationMarker.stories-Cfh0Ggxu.js
new file mode 100644
index 00000000000..f6c7aa5794a
--- /dev/null
+++ b/1957/react/assets/NotificationMarker.stories-Cfh0Ggxu.js
@@ -0,0 +1 @@
+import{j as s,I as r}from"./index-DjxMsM5m.js";import{S as e}from"./Notification-Bs7mpi-T.js";import{N as t}from"./NotificationMarker-Dh32yodE.js";import{B as n}from"./Button-C_nFjF9J.js";import{T as l}from"./Text-Cn6X0xwD.js";const h={title:"NotificationMarker",decorators:[i=>s.jsx("div",{style:{display:"grid",placeItems:"start",gap:"20px"},children:s.jsx(i,{})})]},u=()=>s.jsxs(s.Fragment,{children:[s.jsx(t,{status:"primary",children:s.jsx(e,{width:16,height:16,fill:"currentColor"})}),s.jsx(t,{status:"primary",children:"Normal"})]}),p=()=>s.jsxs(s.Fragment,{children:[s.jsx(r,{styleType:"borderless",children:s.jsx(t,{status:"primary",children:s.jsx(e,{})})}),s.jsx(n,{styleType:"borderless",children:s.jsx(t,{status:"primary",children:"Inbox"})})]}),m=()=>s.jsxs(s.Fragment,{children:[s.jsx(r,{styleType:"borderless",children:s.jsx(t,{status:"negative",pulsing:!0,children:s.jsx(e,{})})}),s.jsx(t,{status:"negative",pulsing:!0,children:s.jsx(l,{style:{fontWeight:"700"},children:"URGENT"})})]}),a=()=>s.jsxs(s.Fragment,{children:[s.jsx(t,{status:"primary",children:"Primary"}),s.jsx(r,{styleType:"borderless",children:s.jsx(t,{status:"primary",children:s.jsx(e,{})})}),s.jsx(t,{status:"positive",children:"Positive"}),s.jsx(r,{styleType:"borderless",children:s.jsx(t,{status:"positive",children:s.jsx(e,{})})}),s.jsx(t,{status:"warning",children:"Warning"}),s.jsx(r,{styleType:"borderless",children:s.jsx(t,{status:"warning",children:s.jsx(e,{})})}),s.jsx(t,{status:"negative",children:"Negative"}),s.jsx(r,{styleType:"borderless",children:s.jsx(t,{status:"negative",children:s.jsx(e,{})})}),s.jsx(t,{status:"white",children:"White"}),s.jsxs("div",{style:{display:"flex",columnGap:"10px"},children:[s.jsx(r,{styleType:"high-visibility",children:s.jsx(t,{status:"white",children:s.jsx(e,{})})}),s.jsx(r,{styleType:"cta",children:s.jsx(t,{status:"white",children:s.jsx(e,{})})})]})]});a.decorators=[i=>s.jsx("div",{style:{display:"grid",placeItems:"start",rowGap:"20px",columnGap:"30px",gridTemplateColumns:"fit-content(1px) auto",alignItems:"center"},children:s.jsx(i,{})})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{u as Basic,m as Pulsing,a as Status,p as WithButtons,h as default};
diff --git a/1957/react/assets/Overlay.stories-BTLm56m3.js b/1957/react/assets/Overlay.stories-BTLm56m3.js
new file mode 100644
index 00000000000..5a82aaadcde
--- /dev/null
+++ b/1957/react/assets/Overlay.stories-BTLm56m3.js
@@ -0,0 +1,7 @@
+import{R as r,B as m,p as u,a6 as y,j as t}from"./index-DjxMsM5m.js";import{P as v}from"./ProgressLinear-D8jKuugE.js";import{P as x}from"./ProgressRadial-B65sMgcN.js";const c=r.forwardRef((e,n)=>{const{content:a,children:o,...p}=e;return r.createElement(d,{ref:n,...p},r.createElement(s,null,a),r.createElement(l,null,o))});c.displayName="Overlay";const l=r.forwardRef((e,n)=>{const{children:a,...o}=e;return f(),r.createElement(m,{inert:"",ref:n,...o},a)});l.displayName="Overlay.HiddenContent";const s=u("iui-overlay");s.displayName="Overlay.Overlay";const d=u("iui-overlay-wrapper");d.displayName="Overlay.Wrapper";const i=Object.assign(c,{Wrapper:d,HiddenContent:l,Overlay:s}),f=()=>{const 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&&(await y(()=>import(n),__vite__mapDeps([]),import.meta.url),e.current=!0))()},[])},g={title:"Overlay"},w=()=>{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})})]})},E=()=>{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})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{w as Linear,E as Radial,g as default};
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = []
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}
diff --git a/1957/react/assets/Overview.stories-BOgrlamO.js b/1957/react/assets/Overview.stories-BOgrlamO.js
new file mode 100644
index 00000000000..6017f904b5a
--- /dev/null
+++ b/1957/react/assets/Overview.stories-BOgrlamO.js
@@ -0,0 +1,29 @@
+import{a7 as s,j as e}from"./index-DjxMsM5m.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/1957/react/assets/Placeholder-C7CVYxHs.js b/1957/react/assets/Placeholder-C7CVYxHs.js
new file mode 100644
index 00000000000..670115bef4e
--- /dev/null
+++ b/1957/react/assets/Placeholder-C7CVYxHs.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Popover-CkBHJnxg.js b/1957/react/assets/Popover-CkBHJnxg.js
new file mode 100644
index 00000000000..e7f96c2d972
--- /dev/null
+++ b/1957/react/assets/Popover-CkBHJnxg.js
@@ -0,0 +1 @@
+import{r as t,d as R,n as y,g as C,w,P as k,F as I,z as O,A as S,B as z,c as M,v as W,C as B,D as L,E as N,G as U,H as $,J as A,K as D,L as H,M as V,N as G,O as J,Q as K,U as Q,W as T,X,Y}from"./index-DjxMsM5m.js";const j=o=>{const{placement:m="bottom-start",visible:p,onVisibleChange:g,closeOnOutsideClick:h,autoUpdateOptions:b,matchWidth:i,trigger:r={click:!0,hover:!1,focus:!1},role:c}=o,n={flip:!0,shift:!0,...o.middleware},[f,d]=W(!1,p,g),a=B({placement:m,open:f,onOpenChange:d,whileElementsMounted:(...s)=>V(...s,b),middleware:[n.offset!==void 0&&G(n.offset),n.flip&&J(),n.shift&&K(),i&&Q({apply:({rects:s})=>{v(s.reference.width)}}),n.autoPlacement&&T(),n.inline&&X(),n.hide&&Y()].filter(Boolean)}),l=L([N(a.context,{enabled:!!r.click}),U(a.context,{outsidePress:h}),$(a.context,{enabled:!!r.hover,delay:100,handleClose:A({buffer:1})}),D(a.context,{enabled:!!r.focus}),H(a.context,{role:"dialog",enabled:!!c})]),[e,v]=t.useState(),u=t.useCallback(s=>l.getFloatingProps({...s,style:{...a.floatingStyles,zIndex:9999,...i&&e?{minInlineSize:`${e}px`,maxInlineSize:`min(${e*2}px, 90vw)`}:{},...s==null?void 0:s.style}}),[a.floatingStyles,l,i,e]);return t.useMemo(()=>({open:f,onOpenChange:d,...l,getFloatingProps:u,...a}),[f,d,l,u,a])},Z=t.forwardRef((o,m)=>{var x;const{portal:p=!0,visible:g,placement:h="bottom-start",onVisibleChange:b,closeOnOutsideClick:i=!0,middleware:r,positionReference:c,className:n,children:f,content:d,applyBackground:a=!1,...l}=o,e=j({visible:g,placement:h,onVisibleChange:b,closeOnOutsideClick:i,role:"dialog",middleware:r}),[v,u]=t.useState(),s=R(e.refs.setFloating,m,u),P=`${y()}-trigger`,F=!!o["aria-labelledby"]||!!o["aria-label"];return C(()=>{if(c)return e.refs.setPositionReference(c),()=>void e.refs.setPositionReference(null)},[e.refs,c]),t.createElement(t.Fragment,null,w(f,E=>({id:E.props.id||P,...e.getReferenceProps(E.props),ref:e.refs.setReference})),e.open?t.createElement(k,{portal:p},t.createElement(I,null,t.createElement(O,{portalContainer:v},t.createElement(S,{context:e.context,modal:!1,initialFocus:e.refs.floating},t.createElement(z,{className:M({"iui-popover-surface":a},n),"aria-labelledby":F||(x=e.refs.domReference.current)==null?void 0:x.id,...e.getFloatingProps(l),ref:s},d))))):null)});export{Z as P,j as u};
diff --git a/1957/react/assets/ProgressLinear-D8jKuugE.js b/1957/react/assets/ProgressLinear-D8jKuugE.js
new file mode 100644
index 00000000000..898bc743efe
--- /dev/null
+++ b/1957/react/assets/ProgressLinear-D8jKuugE.js
@@ -0,0 +1 @@
+import{r as e,B as n,c as i,Z as E,V as x,l as N}from"./index-DjxMsM5m.js";const y=e.forwardRef((r,l)=>{const{value:t,indeterminate:d=t===void 0,labels:s=[],isAnimated:u=!1,status:o,className:c,labelGroupProps:a,...m}=r,f=N(t??100,0,100);return e.createElement(n,{className:i("iui-progress-indicator-linear",c),ref:l,"data-iui-status":o,"data-iui-indeterminate":d?"true":void 0,"data-iui-animated":u?"true":void 0,style:{"--iui-progress-percentage":`${f}%`},...m},e.createElement(E,null,t!==100&&e.createElement(x,null,"Loading."),e.createElement("slot",null)),s.length>0&&e.createElement(n,{as:"div",...a,className:i("iui-progress-indicator-linear-label",a==null?void 0:a.className)},s.map((g,p)=>e.createElement("span",{key:p},g))))});export{y as P};
diff --git a/1957/react/assets/ProgressLinear.stories-CdiHuwzE.js b/1957/react/assets/ProgressLinear.stories-CdiHuwzE.js
new file mode 100644
index 00000000000..a2230843569
--- /dev/null
+++ b/1957/react/assets/ProgressLinear.stories-CdiHuwzE.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{a as n,S as r,b as a}from"./StatusWarning-BRrn9sgc.js";import{P as t}from"./ProgressLinear-D8jKuugE.js";import{I as s}from"./Icon-pbAsVzre.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/1957/react/assets/ProgressRadial-B65sMgcN.js b/1957/react/assets/ProgressRadial-B65sMgcN.js
new file mode 100644
index 00000000000..2bf13462b22
--- /dev/null
+++ b/1957/react/assets/ProgressRadial-B65sMgcN.js
@@ -0,0 +1 @@
+import{r as e,q as s,B as g,c as p,l as h,Z as f,V as v}from"./index-DjxMsM5m.js";const S=t=>e.createElement(s,{...t},e.createElement("path",{d:"m6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z"})),l=t=>e.createElement(s,{...t},e.createElement("path",{d:"M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z"})),z=e.forwardRef((t,i)=>{const{value:a,indeterminate:d=a===void 0,status:r,size:n,className:u,style:c,children:m,...o}=t,E={negative:e.createElement(l,{"aria-hidden":!0}),positive:e.createElement(S,{"aria-hidden":!0}),warning:e.createElement(l,{"aria-hidden":!0})};return e.createElement(g,{className:p("iui-progress-indicator-radial",u),"data-iui-size":n,"data-iui-status":r,"data-iui-indeterminate":d?"true":void 0,ref:i,style:{...a!==void 0&&{"--iui-progress-percentage":`${h(a,0,100)}%`},...c},...o},e.createElement(f,null,a!==100&&e.createElement(v,null,"Loading."),e.createElement("slot",null)),n!=="x-small"?m??(r?E[r]:null):null)});export{z as P};
diff --git a/1957/react/assets/ProgressRadial.stories-DD97CeDw.js b/1957/react/assets/ProgressRadial.stories-DD97CeDw.js
new file mode 100644
index 00000000000..c61ee6c7d2a
--- /dev/null
+++ b/1957/react/assets/ProgressRadial.stories-DD97CeDw.js
@@ -0,0 +1 @@
+import{j as t}from"./index-DjxMsM5m.js";import{P as e}from"./ProgressRadial-B65sMgcN.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/1957/react/assets/Radio-CAg1e-cm.js b/1957/react/assets/Radio-CAg1e-cm.js
new file mode 100644
index 00000000000..5bd99518674
--- /dev/null
+++ b/1957/react/assets/Radio-CAg1e-cm.js
@@ -0,0 +1 @@
+import{r as e,d as b,B as i,c as l}from"./index-DjxMsM5m.js";const E=e.forwardRef((o,n)=>{const{className:m,disabled:r=!1,label:t,status:c,labelProps:a,wrapperProps:s,style:u,...f}=o,N=e.useRef(null),R=b(N,n),d=e.createElement(i,{as:"input",className:l("iui-radio",m),style:u,disabled:r,type:"radio",ref:R,...f});return t?e.createElement(i,{as:"label",...s,className:l("iui-radio-wrapper",{"iui-disabled":r,[`iui-${c}`]:!!c},s==null?void 0:s.className)},d,t&&e.createElement(i,{as:"span",...a,className:l("iui-radio-label",a==null?void 0:a.className)},t)):d});export{E as R};
diff --git a/1957/react/assets/Radio.stories-Bn0-OODP.js b/1957/react/assets/Radio.stories-Bn0-OODP.js
new file mode 100644
index 00000000000..1dc97218ded
--- /dev/null
+++ b/1957/react/assets/Radio.stories-Bn0-OODP.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{R as t}from"./Radio-CAg1e-cm.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/1957/react/assets/RadioTileGroup.stories-Mtpl3T9R.js b/1957/react/assets/RadioTileGroup.stories-Mtpl3T9R.js
new file mode 100644
index 00000000000..043921cfd82
--- /dev/null
+++ b/1957/react/assets/RadioTileGroup.stories-Mtpl3T9R.js
@@ -0,0 +1 @@
+import{r as a,d as z,B as l,c as s,j as e}from"./index-DjxMsM5m.js";import{S as w}from"./Network-Dc3tURX5.js";import{I as B}from"./InputGroup-DPtL6Yf5.js";import"./InputGrid-BetVfwxb.js";import"./Label-DNKU_rtG.js";import"./Input-D0vVJrGL.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./InputWithDecorations-DpLRm_47.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Select-BVyecqbT.js";import"./MenuItem-DAdlK6Bb.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./Text-Cn6X0xwD.js";import"./useContainerWidth-Drn508ky.js";import"./VirtualScroll-CmUb1GiL.js";const i=a.forwardRef((t,u)=>{const{icon:r,label:n,description:o,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),n&&a.createElement(l,{as:"div",...c,className:s("iui-radio-tile-label",c==null?void 0:c.className)},n),o&&a.createElement(l,{as:"div",...p,className:s("iui-radio-tile-sublabel",p==null?void 0:p.className)},o))}),x=a.forwardRef((t,u)=>{const{children:r,label:n,...o}=t;return a.createElement(B,{label:n,ref:u,...o},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/1957/react/assets/SearchBox-BVxfDnsq.js b/1957/react/assets/SearchBox-BVxfDnsq.js
new file mode 100644
index 00000000000..68e0554368e
--- /dev/null
+++ b/1957/react/assets/SearchBox-BVxfDnsq.js
@@ -0,0 +1 @@
+import{r as e,q as H,n as L,c as E,u as d,B as O,d as y,m as g,a as T}from"./index-DjxMsM5m.js";import{I as A,b as G,a as J}from"./InputFlexContainer-C5yPNOJ9.js";const f=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"})),i=e.createContext(void 0),K=e.forwardRef((t,s)=>{const{size:n,expandable:a=!1,isDisabled:r=!1,onCollapse:l,onExpand:o,isExpanded:c,children:u,inputProps:k,className:v,...w}=t,D=L(),[F,P]=e.useState(D),I=e.useRef(null),N=e.useRef(null),[q,R]=e.useState(c),z=c??q,M=()=>{R(!1),l==null||l(),queueMicrotask(()=>{var p;return(p=N.current)==null?void 0:p.focus({preventScroll:!0})})},j=()=>{R(!0),o==null||o(),queueMicrotask(()=>{var p;return(p=I.current)==null?void 0:p.focus({preventScroll:!0})})};return e.createElement(i.Provider,{value:{size:n,isDisabled:r,onCollapse:M,onExpand:j,inputRef:I,inputId:F,setInputId:P,openButtonRef:N,isExpanded:z,expandable:a}},e.createElement(A,{ref:s,className:E("iui-searchbox",{"iui-expandable-searchbox":a},v),size:n,isDisabled:r,"data-iui-expanded":z,...w},u??e.createElement(e.Fragment,null,e.createElement(S,null,e.createElement(m,null)),e.createElement(h,null,e.createElement(B,null),e.createElement(C,{...k}),a?e.createElement(b,null):null))))}),S=({children:t})=>{const{isExpanded:s,expandable:n}=d(i);return!n||s?null:e.createElement(e.Fragment,null,t??e.createElement(m,null))};S.displayName="SearchBox.CollapsedState";const h=({children:t})=>{const{isExpanded:s,expandable:n}=d(i);return n&&!s?null:e.createElement(e.Fragment,null,t)};h.displayName="SearchBox.ExpandedState";const B=e.forwardRef((t,s)=>{const{className:n,children:a,...r}=t;return e.createElement(G,{"aria-hidden":!0,className:E("iui-search-icon",n),ref:s,...r},a??e.createElement(f,null))});B.displayName="SearchBox.Icon";const C=e.forwardRef((t,s)=>{const{className:n,id:a,...r}=t,{inputId:l,setInputId:o,isDisabled:c,inputRef:u}=d(i);return e.useEffect(()=>{a&&a!==l&&o(a)},[a,l,o]),e.createElement(O,{as:"input",id:a??l,ref:y(s,u),role:"searchbox",type:"text",className:E("iui-search-input",n),disabled:c,...r})});C.displayName="SearchBox.Input";const x=e.forwardRef((t,s)=>{const{children:n,...a}=t,{size:r,isDisabled:l}=d(i);return e.createElement(J,{size:r,ref:s,disabled:l,...a},n??e.createElement(f,null))});x.displayName="SearchBox.Button";const b=e.forwardRef((t,s)=>{const{children:n,onClick:a,...r}=t,{onCollapse:l,size:o,isDisabled:c}=d(i);return e.createElement(x,{ref:s,"aria-label":"Close searchbox",size:o,disabled:c,onClick:g(a,l),...r},n??e.createElement(T,null))});b.displayName="SearchBox.CollapseButton";const m=e.forwardRef((t,s)=>{const{children:n,onClick:a,...r}=t,{onExpand:l,size:o,isDisabled:c,openButtonRef:u}=d(i);return e.createElement(x,{ref:y(s,u),"aria-label":"Expand searchbox",size:o,disabled:c,onClick:g(a,l),styleType:"default",...r},n??e.createElement(f,null))});m.displayName="SearchBox.ExpandButton";const Q=Object.assign(K,{Icon:B,Input:C,Button:x,CollapseButton:b,ExpandButton:m,ExpandedState:h,CollapsedState:S});Q.displayName="SearchBox";export{Q as S};
diff --git a/1957/react/assets/SearchBox.stories-DnyIws2e.js b/1957/react/assets/SearchBox.stories-DnyIws2e.js
new file mode 100644
index 00000000000..e9f1de08d88
--- /dev/null
+++ b/1957/react/assets/SearchBox.stories-DnyIws2e.js
@@ -0,0 +1 @@
+import{r,j as e,R as d}from"./index-DjxMsM5m.js";import{S as t}from"./SearchBox-BVxfDnsq.js";import{T as u}from"./Text-Cn6X0xwD.js";import{D as s}from"./Divider-Dh_ENdTb.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./Icon-pbAsVzre.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"})),E={title:"SearchBox"},S=()=>e.jsx(t,{inputProps:{placeholder:"Basic search"}}),b=()=>e.jsxs(t,{children:[e.jsx(t.Button,{title:"Search button"}),e.jsx(t.Input,{placeholder:"Basic search with custom interactions"}),e.jsx(u,{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,{})})]}),v=()=>e.jsx(t,{inputProps:{placeholder:"Search with warning"},status:"warning"}),w=()=>e.jsx(t,{expandable:!0,inputProps:{placeholder:"Expandable search"}}),g=()=>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,{})]})]}),C=()=>e.jsx(t,{size:"small",inputProps:{placeholder:"Search..."}}),f=()=>{const[a,l]=d.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{S as Basic,b as BasicWithCustomItems,v as BasicWithStatus,w as Expandable,g as ExpandableWithCustomItems,C as Small,f as WithCustomAction,E as default};
diff --git a/1957/react/assets/Select-BVyecqbT.js b/1957/react/assets/Select-BVyecqbT.js
new file mode 100644
index 00000000000..89ff3a7bab5
--- /dev/null
+++ b/1957/react/assets/Select-BVyecqbT.js
@@ -0,0 +1 @@
+import{p as le,r as e,h as L,V as se,B as E,c as R,b as re,d as B,m as q,n as ue,o as ce,P as ie}from"./index-DjxMsM5m.js";import{M as oe,a as me}from"./MenuItem-DAdlK6Bb.js";import{I as de}from"./Icon-pbAsVzre.js";import{u as fe}from"./Popover-CkBHJnxg.js";import{S as be}from"./SvgCheckmark-pPju8St4.js";import{S as Ee}from"./SvgCaretDownSmall-CdoXcIxC.js";const $=le.div("iui-input-with-icon");$.displayName="InputWithIcon";const ge=({text:t=""})=>{const[l,a]=e.useState(t);return e.useEffect(()=>{var r;a(t);const s=(r=L())==null?void 0:r.setTimeout(()=>a(""),5e3);return()=>{var o;return void((o=L())==null?void 0:o.clearTimeout(s))}},[t]),e.createElement(se,{as:"div","aria-live":"polite","aria-atomic":"true"},l)},A=e.forwardRef((t,l)=>{const{className:a,label:s,...r}=t;return e.createElement(E,{as:"span",className:R("iui-select-tag",a),ref:l,...r},e.createElement(E,{as:"span",className:"iui-select-tag-label"},s))}),he=e.forwardRef((t,l)=>{const{tags:a,className:s,...r}=t,[o,f]=re(a),m=B(l,o);return e.createElement(E,{className:R("iui-select-tag-container",s),ref:m,...r},e.createElement(e.Fragment,null,f<a.length?a.slice(0,f-1):a,f<a.length&&e.createElement(A,{label:`+${a.length-f+1} item(s)`})))}),xe=e.forwardRef((t,l)=>{const{native:a,...s}=t,r=a?Se:ve;return e.createElement(r,{...s,ref:l})}),Se=e.forwardRef((t,l)=>{const{triggerProps:a,options:s,disabled:r,placeholder:o,defaultValue:f=o!==void 0?"":void 0,value:m,onChange:w,size:C,status:k,styleType:V,required:O,...d}=t;return e.createElement($,{...d,ref:l},e.createElement(j,{as:"select",size:C,status:k,styleType:V,disabled:r,defaultValue:m===void 0?f:void 0,value:m===null?"":m,required:O,...a,onKeyDown:q(a==null?void 0:a.onKeyDown,u=>{var T,c;u.key==="Enter"&&((c=(T=u.currentTarget).showPicker)==null||c.call(T))}),onChange:q(a==null?void 0:a.onChange,u=>{w==null||w(u.currentTarget.value,u)})},V!=="borderless"&&o!==void 0?e.createElement("option",{value:"",disabled:!0},o):null,s.map(u=>e.createElement("option",{key:u.value,...u},u.label))),e.createElement(U,{disabled:r}))}),ve=e.forwardRef((t,l)=>{const a=ue(),{options:s,value:r,onChange:o,placeholder:f,disabled:m=!1,size:w,itemRenderer:C,selectedItemRenderer:k,menuClassName:V,menuStyle:O,multiple:d=!1,triggerProps:u,status:T,popoverProps:c,...G}=t,[F,I]=e.useState(!1),[J,Q]=e.useState(""),[X,D]=e.useState(),i=r!==void 0?r:X,b=ce(o),W=e.useRef(null),Y=e.useCallback(()=>{var n;m||(I(!0),(n=c==null?void 0:c.onVisibleChange)==null||n.call(c,!0))},[m,c]),x=e.useCallback(()=>{var n,y;I(!1),(n=W.current)==null||n.focus({preventScroll:!0}),(y=c==null?void 0:c.onVisibleChange)==null||y.call(c,!1)},[c]),Z=e.useMemo(()=>s.map((n,y)=>{const h=M(i,d)?(i==null?void 0:i.includes(n.value))??!1:i===n.value,H=C?C(n,{close:()=>I(!1),isSelected:h}):e.createElement(oe,null,n.label),{label:P,icon:ee,startIcon:te,...ae}=n,ne=te??ee;return e.cloneElement(H,{key:`${P}-${y}`,isSelected:h,startIcon:ne,endIcon:h?e.createElement(be,{"aria-hidden":!0}):null,onClick:()=>{var N,K;if(!n.disabled&&(ye(b.current,d)?(D(n.value),(N=b.current)==null||N.call(b,n.value),x()):(D(S=>h?S==null?void 0:S.filter(z=>n.value!==z):[...S??[],n.value]),(K=b.current)==null||K.call(b,n.value,h?"removed":"added")),M(i,d))){const S=i||[],z=h?S.filter(p=>n.value!==p):[...S,n.value];Q(s.filter(p=>z.includes(p.value)).map(p=>p.label).filter(Boolean).join(", "))}},ref:N=>{h&&!d&&(N==null||N.scrollIntoView({block:"nearest"}))},role:"option",...ae,...H.props})}),[x,C,d,b,s,i]),g=e.useMemo(()=>{if(i!=null)return M(i,d)?s.filter(n=>i.some(y=>y===n.value)):s.find(n=>n.value===i)},[d,s,i]),_=e.useCallback(n=>e.createElement(A,{key:n.label,label:n.label}),[]),v=fe({visible:F,matchWidth:!0,closeOnOutsideClick:!0,...c,onVisibleChange:n=>n?Y():x()});return e.createElement(e.Fragment,null,e.createElement($,{...G,ref:B(v.refs.setPositionReference,l)},e.createElement(j,{...v.getReferenceProps(),tabIndex:0,role:"combobox",size:w,status:T,"aria-disabled":m?"true":void 0,"aria-autocomplete":"none","aria-expanded":F,"aria-haspopup":"listbox","aria-controls":`${a}-menu`,...u,ref:B(W,u==null?void 0:u.ref,v.refs.setReference),className:R({"iui-placeholder":(!g||g.length===0)&&!!f,"iui-disabled":m},u==null?void 0:u.className)},(!g||g.length===0)&&e.createElement(E,{as:"span",className:"iui-content"},f),M(g,d)?e.createElement(we,{selectedItems:g,selectedItemsRenderer:k,tagRenderer:_}):e.createElement(Ne,{selectedItem:g,selectedItemRenderer:k})),e.createElement(U,{disabled:m,isOpen:F}),d?e.createElement(ge,{text:J}):null),v.open&&e.createElement(ie,null,e.createElement(me,{role:"listbox",className:V,id:`${a}-menu`,key:`${a}-menu`,...v.getFloatingProps({style:O,onKeyDown:({key:n})=>{n==="Tab"&&x()}}),ref:v.refs.setFloating},Z)))}),M=(t,l)=>l,ye=(t,l)=>!l,j=e.forwardRef((t,l)=>{const{size:a,status:s,styleType:r="default",...o}=t;return e.createElement(E,{"data-iui-size":a,"data-iui-status":s,"data-iui-variant":r!=="default"?r:void 0,...o,ref:l,className:R("iui-select-button",t.className)})}),U=e.forwardRef((t,l)=>{const{disabled:a,isOpen:s,...r}=t;return e.createElement(de,{"aria-hidden":!0,...r,ref:l,className:R("iui-end-icon",{"iui-disabled":a,"iui-open":s},t.className)},e.createElement(Ee,null))}),Ne=({selectedItem:t,selectedItemRenderer:l})=>{const a=(t==null?void 0:t.startIcon)??(t==null?void 0:t.icon);return e.createElement(e.Fragment,null,t&&l&&l(t),t&&!l&&e.createElement(e.Fragment,null,a&&e.createElement(E,{as:"span",className:"iui-icon","aria-hidden":!0},a),e.createElement(E,{as:"span",className:"iui-content"},t.label)))},we=({selectedItems:t,selectedItemsRenderer:l,tagRenderer:a})=>{const s=e.useMemo(()=>t?t.map(r=>a(r)):[],[t,a]);return e.createElement(e.Fragment,null,t&&l&&l(t),t&&!l&&e.createElement(E,{as:"span",className:"iui-content"},e.createElement(he,{tags:s})))};export{ge as A,$ as I,xe as S,he as a,A as b};
diff --git a/1957/react/assets/Select.stories-Byx4QlLF.js b/1957/react/assets/Select.stories-Byx4QlLF.js
new file mode 100644
index 00000000000..8cbeed200b7
--- /dev/null
+++ b/1957/react/assets/Select.stories-Byx4QlLF.js
@@ -0,0 +1 @@
+import{b as p,r as i,j as l,R as n}from"./index-DjxMsM5m.js";import{S as x}from"./SmileyHappy-C7HDhmK-.js";import{S}from"./SmileySad-D-5PGefZ.js";import{S as r}from"./Select-BVyecqbT.js";import{M as v}from"./MenuItem-DAdlK6Bb.js";import"./Icon-pbAsVzre.js";import"./Popover-CkBHJnxg.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";const m="…",h=e=>{const{text:t,endCharsCount:a=6,textRenderer:s,style:o,...u}=e,[b,c]=p(t),d=i.useMemo(()=>c<t.length?`${t.substring(0,c-a-m.length)}${m}${t.substring(t.length-a)}`:t,[a,t,c]);return i.createElement("span",{style:{display:"flex",minWidth:0,flexGrow:1,whiteSpace:"nowrap",...o},ref:b,...u},(s==null?void 0:s(d,t))??d)},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,a]=n.useState(void 0);return l.jsx(r,{options:e,value:t,onChange:a,placeholder:"How are you today?"})},_=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[t,a]=n.useState(2);return l.jsx(r,{options:e,value:t,onChange:a,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,a]=n.useState(void 0);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{disabled:!0,options:e,value:t,onChange:a,placeholder:"Placeholder text"})})},W=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[t,a]=n.useState(2);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{options:e,value:t,onChange:a,placeholder:"Placeholder text",disabled:!0})})},N=()=>{const[e,t]=n.useState(void 0);return l.jsx(r,{options:[...Array(20).fill(null)].map((a,s)=>({label:`Item #${s}`,value:s})),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,a]=n.useState(void 0);return l.jsx(r,{options:e,value:t,onChange:a,placeholder:"Placeholder text",size:"large"})},$=()=>{const e=[{value:"yellow",label:"Yellow"},{value:"green",label:"Green"},{value:"red",label:"Red"}],[t,a]=n.useState(void 0);return l.jsx(r,{options:e,value:t,onChange:a,placeholder:"Placeholder text",itemRenderer:s=>l.jsx(v,{style:{color:s.value},children:s.label}),selectedItemRenderer:s=>l.jsx("span",{style:{backgroundColor:s.value},children:s.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,a]=n.useState(e[0].value),s=i.useCallback((o,u)=>l.jsx("span",{title:o!==u?u:void 0,children:o}),[]);return l.jsx(r,{options:e,value:t,onChange:a,placeholder:"Placeholder text",itemRenderer:o=>l.jsx(v,{children:l.jsx(h,{text:o.label,textRenderer:s})}),selectedItemRenderer:o=>l.jsx(h,{text:o.label,textRenderer:s})})},O=()=>{const[e,t]=n.useState([]);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{options:[...Array(20).fill(null)].map((a,s)=>({label:`Item #${s}`,value:s})),value:e,onChange:(a,s)=>t(o=>s==="removed"?o.filter(u=>a!==u):[...o,a]),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((a,s)=>({label:`Item #${s}`,value:s})),value:e,onChange:(a,s)=>t(o=>s==="removed"?o.filter(u=>a!==u):[...o??[],a]),placeholder:"Placeholder text",multiple:!0,selectedItemRenderer:a=>l.jsx(l.Fragment,{children:a.map(s=>s.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 #3"}];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/1957/react/assets/Settings-DTyzRvBS.js b/1957/react/assets/Settings-DTyzRvBS.js
new file mode 100644
index 00000000000..3acbb0aebc9
--- /dev/null
+++ b/1957/react/assets/Settings-DTyzRvBS.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/SideNavigation.stories-DBlcX7vy.js b/1957/react/assets/SideNavigation.stories-DBlcX7vy.js
new file mode 100644
index 00000000000..7de166c0e3d
--- /dev/null
+++ b/1957/react/assets/SideNavigation.stories-DBlcX7vy.js
@@ -0,0 +1 @@
+import{r as t,I as H,B as l,c as v,T as C,j as e,R as S}from"./index-DjxMsM5m.js";import{S as T}from"./Placeholder-C7CVYxHs.js";import{S as E}from"./Settings-DTyzRvBS.js";import{W as D}from"./WithCSSTransition-Dpufkg-9.js";import{S as O}from"./SvgChevronRight-C6VlZyp4.js";import{B as M}from"./Button-C_nFjF9J.js";import{T as N}from"./Text-Cn6X0xwD.js";import{A as _}from"./Anchor-BixGaM0U.js";const w=t.forwardRef((s,i)=>{const{items:c,secondaryItems:n,expanderPlacement:a="top",className:d,isExpanded:u=!1,onExpanderClick:o,submenu:g,isSubmenuOpen:x=!1,wrapperProps:r,contentProps:h,topProps:f,bottomProps:j,...B}=s,[b,A]=t.useState(u);t.useEffect(()=>{A(u)},[u]);const y=t.createElement(H,{label:"Toggle icon labels","aria-expanded":b,className:"iui-sidenav-button iui-expand",onClick:t.useCallback(()=>{A(m=>!m),o==null||o()},[o])},t.createElement(O,null));return t.createElement(l,{...r,className:v("iui-side-navigation-wrapper",r==null?void 0:r.className),ref:i},t.createElement(l,{as:"div",className:v("iui-side-navigation",{"iui-expanded":b,"iui-collapsed":!b},d),...B},a==="top"&&y,t.createElement(l,{as:"div",...h,className:v("iui-sidenav-content",h==null?void 0:h.className)},t.createElement(l,{as:"div",...f,className:v("iui-top",f==null?void 0:f.className)},c.map((m,I)=>b?m:t.createElement(C,{content:m.props.children,placement:"right",key:I},m))),t.createElement(l,{as:"div",...j,className:v("iui-bottom",j==null?void 0:j.className)},n==null?void 0:n.map((m,I)=>b?m:t.createElement(C,{content:m.props.children,placement:"right",key:I},m)))),a==="bottom"&&y),g&&t.createElement(D,{in:x,dimension:"width",timeout:200,classNames:"iui"},g))}),p=t.forwardRef((s,i)=>{const{className:c,children:n,isActive:a=!1,disabled:d=!1,isSubmenuOpen:u=!1,...o}=s;return t.createElement(M,{className:v("iui-sidenav-button",{"iui-submenu-open":u},c),"data-iui-active":a,size:"large",disabled:d,ref:i,...o},n)}),F=t.forwardRef((s,i)=>{const{children:c,className:n,...a}=s;return t.createElement(l,{className:v("iui-side-navigation-submenu",n),ref:i,...a},t.createElement(l,{className:"iui-side-navigation-submenu-content"},c))}),V=t.forwardRef((s,i)=>{const{children:c,actions:n,className:a,...d}=s;return t.createElement(l,{className:v("iui-side-navigation-submenu-header",a),ref:i,...d},t.createElement(l,{className:"iui-side-navigation-submenu-header-label"},c),n&&t.createElement(l,{className:"iui-side-navigation-submenu-header-actions"},n))}),R=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"})),k=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"})),z=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"})),U={decorators:[s=>e.jsx("div",{style:{height:"calc(100vh - 24px)"},children:e.jsx(s,{})})],title:"SideNavigation"},X=()=>e.jsx(w,{items:[e.jsx(p,{startIcon:e.jsx(z,{}),children:"Home"},0),e.jsx(p,{startIcon:e.jsx(R,{}),children:"Issues"},1),e.jsx(p,{startIcon:e.jsx(k,{}),disabled:!0,children:"Documents"},2)],secondaryItems:[e.jsx(p,{startIcon:e.jsx(E,{}),children:"Settings"},3)]}),Y=()=>{const[s,i]=S.useState(0),c=[...Array(3).fill(null)].map((n,a)=>e.jsx(p,{startIcon:e.jsx(T,{}),isActive:s===a,onClick:()=>i(a),children:`App ${a}`},a));return e.jsx(w,{items:c,secondaryItems:[e.jsx(p,{startIcon:e.jsx(E,{}),children:"Settings"},3)]})},Z=()=>{var g;const s=[{label:"Home",icon:e.jsx(z,{})},{label:"Issues",icon:e.jsx(R,{})},{label:"Documents",icon:e.jsx(k,{})},{label:"Settings",icon:e.jsx(E,{})}],[i,c]=S.useState(2),[n,a]=S.useState(!0),[d,u]=S.useState(0),o=s.map(({label:x,icon:r},h)=>e.jsx(p,{startIcon:r,isActive:i===h,isSubmenuOpen:x==="Documents"&&n,onClick:()=>{x!=="Documents"?(c(h),u(-1),a(!1)):a(f=>!f)},children:x},h));return e.jsxs("div",{style:{display:"flex",height:"100%"},children:[e.jsx(w,{expanderPlacement:"bottom",items:o.slice(0,3),secondaryItems:[o[3]],isSubmenuOpen:n,submenu:e.jsxs(F,{children:[e.jsx(V,{actions:e.jsx(H,{styleType:"borderless",children:e.jsx(E,{})}),children:e.jsx("span",{children:"Documents"})}),e.jsx(N,{variant:"leading",children:"All documents"}),e.jsx("ul",{children:[...Array(10).fill(null)].map((x,r)=>e.jsx("li",{children:e.jsxs(_,{onClick:()=>{c(2),u(r)},children:["Folder ",r]})},r))})]})}),e.jsxs("div",{style:{background:"var(--iui-color-background-disabled)",padding:16,flexGrow:1,display:"grid",placeContent:"center",placeItems:"center"},children:[e.jsxs(N,{children:[(g=s[i])==null?void 0:g.label," page"]}),e.jsx(N,{isMuted:!0,children:d>=0&&`Contents of Folder ${d}`})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Y as ActiveItem,X as Basic,Z as Submenu,U as default};
diff --git a/1957/react/assets/SkipToContentLink.stories-CZUzWDcv.js b/1957/react/assets/SkipToContentLink.stories-CZUzWDcv.js
new file mode 100644
index 00000000000..56126a72972
--- /dev/null
+++ b/1957/react/assets/SkipToContentLink.stories-CZUzWDcv.js
@@ -0,0 +1 @@
+import{r as i,B as h,c as p,j as t}from"./index-DjxMsM5m.js";import{T as e}from"./Text-Cn6X0xwD.js";import{K as n}from"./Kbd-agxtRHIg.js";import{A as o}from"./Anchor-BixGaM0U.js";const s=i.forwardRef((r,c)=>{const{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=()=>t.jsxs(t.Fragment,{children:[t.jsx(s,{href:"#main-content"}),t.jsxs(e,{as:"p",children:["This is not the main content. Press ",t.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 ",t.jsx(n,{children:"↵"})," after focusing on skip-to-content-link to skip to the main content below. ",t.jsx(o,{href:"#",children:"This link will be skipped."})," ",t.jsx("br",{})]}),t.jsx("div",{style:{border:"solid 1px var(--iui-color-background-border)",height:1e3,padding:12},id:"main-content",children:t.jsxs(e,{as:"p",children:["This is the main content. Focus will be directed here from the skip-to-content-link component. ",t.jsx(o,{href:"#",children:"Tab again to focus on this link."})," "]})})]}),b=()=>t.jsxs(t.Fragment,{children:[t.jsx(s,{href:"#main-content",children:"Skip to main content (translated)"}),t.jsxs(e,{as:"p",children:["This is not the main content. Press ",t.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 ",t.jsx(n,{children:"↵"})," after focusing on skip-to-content-link to skip to the main content below. ",t.jsx(o,{href:"#",children:"This link will be skipped."})," ",t.jsx("br",{})]}),t.jsx("div",{style:{border:"solid 1px var(--iui-color-background-border)",height:1e3,padding:12},id:"main-content",children:t.jsxs(e,{as:"p",children:["This is the main content. Focus will be directed here from the skip-to-content-link component. ",t.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/1957/react/assets/Slider-wDX7nB89.js b/1957/react/assets/Slider-wDX7nB89.js
new file mode 100644
index 00000000000..42279e05f2a
--- /dev/null
+++ b/1957/react/assets/Slider-wDX7nB89.js
@@ -0,0 +1 @@
+import{r as t,B as T,c as y,T as ce,d as me,l as R}from"./index-DjxMsM5m.js";import{u as G}from"./useEventListener-BeqhzdR7.js";function de(s,r){return r==="odd-segments"&&(s+1)%2===0?!0:r==="even-segments"&&s%2===0}function J(s,r,e){const n=[],i=[...s];if(i.sort((m,p)=>m-p),i.length===0||i[0]<r||i[i.length-1]>e||r===e)return[];let l=r;for(let m=0;m<i.length;m++)n.push({left:l,right:i[m]}),l=i[m];return n.push({left:l,right:e}),n}const fe=s=>{const{className:r,trackDisplayMode:e,sliderMin:n,sliderMax:i,values:l,orientation:m}=s,[p,w]=t.useState(()=>J(l,n,i));return t.useEffect(()=>{w(J(l,n,i))},[l,n,i]),t.createElement(t.Fragment,null,e!=="none"&&p.map((V,h)=>{const D=V.left>=n&&i!==n?100*(V.left-n)/(i-n):0,M=V.right>=n&&i!==n?100-100*(V.right-n)/(i-n):100;return t.createElement(t.Fragment,{key:h},de(h,e)?t.createElement(T,{className:y("iui-slider-track",r),style:{...m==="horizontal"?{insetInlineStart:`${D}%`,insetInlineEnd:`${M}%`}:{insetBlockStart:`${M}%`,insetBlockEnd:`${D}%`}}}):null)}))},ge=s=>{const{value:r,index:e,minVal:n,maxVal:i,step:l,sliderMin:m,sliderMax:p,isActive:w,onThumbActivated:V,onThumbValueChanged:h,tooltipProps:D,thumbProps:M,disabled:u}=s,g=t.useRef(null),P=t.useCallback((b,E)=>{if(!(u||b.altKey)){switch(b.key){case"ArrowLeft":case"ArrowDown":h(e,Math.max(r-l,n),E);break;case"ArrowRight":case"ArrowUp":h(e,Math.min(r+l,i),E);break;case"Home":h(e,n,E);break;case"End":h(e,i,E);break;default:return}b.preventDefault()}},[u,h,e,r,l,n,i]),F=t.useCallback(()=>{!u&&V(e)},[u,e,V]),A=t.useMemo(()=>r<m?m:r>p?p:r,[p,m,r]),C=t.useMemo(()=>p===m?0:100*(A-m)/(p-m),[A,p,m]),{style:L,className:$,...v}=M||{};return t.createElement(ce,{placement:"top",autoUpdateOptions:{animationFrame:!0},ariaStrategy:"none",...D},t.createElement(T,{...v,ref:me(g,M==null?void 0:M.ref),style:{...L,"--iui-slider-thumb-position":`${C}%`},className:y("iui-slider-thumb",{"iui-active":w},$),role:"slider",tabIndex:u?void 0:0,"aria-valuemin":n,"aria-valuenow":r,"aria-valuemax":i,"aria-disabled":u,onPointerDown:F,onKeyDown:b=>P(b,!1),onKeyUp:b=>P(b,!0)}))},Q=(s,r,e,n)=>{if(n==="horizontal")return(R(r,s.left,s.right)-s.left)/s.width;const i=R(e,s.top,s.bottom);return(s.bottom-i)/s.height},pe=(s,r)=>{if(s.length===1)return 0;const e=s.map(i=>Math.abs(i-r)),n=Math.min(...e);return e.indexOf(n)},U=(s,r)=>s!=="auto"?s:r.length%2?"even-segments":"odd-segments",W=(s,r,e)=>Math.round((s-e)/r)*r+e,be=(s,r,e)=>Number.isInteger(r)?s.toFixed(0):s.toFixed(e),he=(s,r)=>{var n;const e=s.ownerDocument;if(!s.contains(e.activeElement)||Number((n=e.activeElement)==null?void 0:n.getAttribute("data-index"))!==r){const i=s.querySelector(`[data-index="${r}"]`);i&&i.focus()}},ke=t.forwardRef((s,r)=>{var q,H;const{min:e=0,max:n=100,values:i,step:l=1,tooltipProps:m,disabled:p=!1,tickLabels:w,minLabel:V,maxLabel:h,trackDisplayMode:D="auto",thumbMode:M="inhibit-crossing",onChange:u,onUpdate:g,thumbProps:P,className:F,trackContainerProps:A,minProps:C,maxProps:L,trackProps:$,tickProps:v,ticksProps:b,orientation:E="horizontal",...Z}=s,[c,I]=t.useState(i);t.useEffect(()=>{I(i)},[i]);const[z,_]=t.useState(()=>V??e.toString());t.useEffect(()=>{_(V??e.toString())},[V,e]);const[X,ee]=t.useState(()=>h??n.toString());t.useEffect(()=>{ee(h??n.toString())},[h,n]);const[te,ne]=t.useState(()=>U(D,c));t.useEffect(()=>{ne(U(D,c))},[D,c]);const x=t.useRef(null),Y=t.useMemo(()=>{const a=l.toString(),o=a.indexOf(".");return a.length-(o+1)},[l]),B=t.useCallback(a=>{if(M==="inhibit-crossing"){const o=a===0?e:c[a-1]+l,d=a<c.length-1?c[a+1]-l:n;return[o,d]}return[e,n]},[n,e,l,M,c]),[k,j]=t.useState(void 0),O=t.useCallback((a,o)=>{if(x.current&&k!==void 0){const d=Q(x.current.getBoundingClientRect(),a.clientX,a.clientY,E);let f=e+(n-e)*d;f=W(f,l,e);const[N,K]=B(k);if(f=R(f,N,K),f!==c[k]){const S=[...c];S[k]=f,I(S),o==="onChange"?u==null||u(S):g==null||g(S)}else o==="onChange"&&(u==null||u(c))}},[k,e,n,l,B,c,g,u,E]),ae=t.useCallback(a=>{k!==void 0&&(a.preventDefault(),a.stopPropagation(),O(a,"onUpdate"))},[k,O]),se=t.useCallback((a,o,d)=>{if(!(c[a]===o&&!d))if(d)u==null||u(c);else{const f=[...c];f[a]=o,g==null||g(f),I(f)}},[c,g,u]),re=t.useCallback(a=>{j(a)},[]),ie=t.useCallback(a=>{k!==void 0&&(O(a,"onChange"),j(void 0),a.preventDefault(),a.stopPropagation())},[k,O]),le=t.useCallback(a=>{if(x.current){const o=Q(x.current.getBoundingClientRect(),a.clientX,a.clientY,E);let d=e+(n-e)*o;d=W(d,l,e);const f=pe(c,d),[N,K]=B(f);if(d=R(d,N,K),d===c[f])return;const S=[...c];S[f]=d,I(S),u==null||u(S),g==null||g(S),he(x.current,f),a.preventDefault(),a.stopPropagation()}},[e,n,l,c,B,u,g,E]);G("pointermove",ae,(q=x.current)==null?void 0:q.ownerDocument),G("pointerup",ie,(H=x.current)==null?void 0:H.ownerDocument);const oe=t.useMemo(()=>w?Array.isArray(w)?t.createElement(T,{as:"div",...b,className:y("iui-slider-ticks",b==null?void 0:b.className)},w.map((a,o)=>t.createElement(T,{as:"span",...v,key:o,className:y("iui-slider-tick",v==null?void 0:v.className)},a))):w:null,[w,v,b]),ue=t.useCallback((a,o)=>{const d=m?m(a,o,l):{};return{...d,content:d.content?d.content:be(o,l,Y)}},[Y,l,m]);return t.createElement(T,{ref:r,className:y("iui-slider-container",F),"data-iui-orientation":E,"data-iui-disabled":p?"true":void 0,...Z},z&&t.createElement(T,{as:"span",...C,className:y("iui-slider-min",C==null?void 0:C.className)},z),t.createElement(T,{ref:x,...A,className:y("iui-slider",{"iui-grabbing":k!==void 0},A==null?void 0:A.className),onPointerDown:le},c.map((a,o)=>{const[d,f]=B(o),N=P==null?void 0:P(o);return t.createElement(ge,{key:(N==null?void 0:N.id)??o,index:o,disabled:p,isActive:k===o,onThumbActivated:re,onThumbValueChanged:se,minVal:d,maxVal:f,value:a,tooltipProps:ue(o,a),thumbProps:N,step:l,sliderMin:e,sliderMax:n})}),t.createElement(fe,{trackDisplayMode:te,sliderMin:e,sliderMax:n,values:c,orientation:E,...$})),oe,X&&t.createElement(T,{as:"span",...L,className:y("iui-slider-max",L==null?void 0:L.className)},X))});export{ke as S};
diff --git a/1957/react/assets/Slider.stories-B8JV_p0Q.js b/1957/react/assets/Slider.stories-B8JV_p0Q.js
new file mode 100644
index 00000000000..16ce91a8eb1
--- /dev/null
+++ b/1957/react/assets/Slider.stories-B8JV_p0Q.js
@@ -0,0 +1 @@
+import{j as t,R as o}from"./index-DjxMsM5m.js";import{S as u}from"./SmileyHappy-C7HDhmK-.js";import{S as d}from"./SmileySad-D-5PGefZ.js";import{S as s}from"./Slider-wDX7nB89.js";import{T as p}from"./Text-Cn6X0xwD.js";import"./useEventListener-BeqhzdR7.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/1957/react/assets/SmileyHappy-C7HDhmK-.js b/1957/react/assets/SmileyHappy-C7HDhmK-.js
new file mode 100644
index 00000000000..d42ef56f840
--- /dev/null
+++ b/1957/react/assets/SmileyHappy-C7HDhmK-.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/SmileySad-D-5PGefZ.js b/1957/react/assets/SmileySad-D-5PGefZ.js
new file mode 100644
index 00000000000..a4e63457571
--- /dev/null
+++ b/1957/react/assets/SmileySad-D-5PGefZ.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/SplitButton.stories-DhRdukFJ.js b/1957/react/assets/SplitButton.stories-DhRdukFJ.js
new file mode 100644
index 00000000000..b998539b766
--- /dev/null
+++ b/1957/react/assets/SplitButton.stories-DhRdukFJ.js
@@ -0,0 +1 @@
+import{r as e,n as k,B,c as j,d as w,I as R,P as v,j as r}from"./index-DjxMsM5m.js";import{B as M}from"./Button-C_nFjF9J.js";import{a as T,M as m}from"./MenuItem-DAdlK6Bb.js";import{u as N}from"./Popover-CkBHJnxg.js";import{S as z}from"./SvgCaretUpSmall-BVKtlURr.js";import{S as D}from"./SvgCaretDownSmall-CdoXcIxC.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";const F=e.forwardRef((t,c)=>{var x;const{onClick:n,menuItems:s,className:I,menuPlacement:C="bottom-end",styleType:u="default",size:d,children:g,wrapperProps:a,menuButtonProps:E,portal:P=!0,...S}=t,f=e.useRef(null),[p,b]=e.useState(!1),i=e.useCallback(()=>{var l;b(!1),(l=f.current)==null||l.focus({preventScroll:!0})},[]),h=e.useMemo(()=>typeof s=="function"?s(i):s,[s,i]),o=N({visible:p,onVisibleChange:l=>l?b(!0):i(),placement:C,matchWidth:!0}),y=k();return e.createElement(B,{...a,ref:o.refs.setPositionReference,className:j("iui-button-split",{"iui-disabled":t.disabled},a==null?void 0:a.className)},e.createElement(M,{className:I,styleType:u,size:d,onClick:n,ref:w(f,c),...S,labelProps:{id:y,...t.labelProps}},g),e.createElement(R,{styleType:u,size:d,disabled:t.disabled,"aria-labelledby":((x=t.labelProps)==null?void 0:x.id)||y,"aria-expanded":o.open,ref:o.refs.setReference,...o.getReferenceProps(E)},p?e.createElement(z,null):e.createElement(D,null)),o.open&&e.createElement(v,{portal:P},e.createElement(T,{...o.getFloatingProps({onKeyDown:({key:l})=>{l==="Tab"&&i()}}),ref:o.refs.setFloating},h)))}),G={title:"SplitButton",decorators:[t=>r.jsx("div",{style:{minHeight:150},children:r.jsx(t,{})})]},J=()=>{const t=(n,s)=>()=>{console.log(`Item #${n} clicked!`),s()},c=n=>[r.jsx(m,{onClick:t(1,n),children:"Item #1"},1),r.jsx(m,{onClick:t(2,n),children:"Item #2"},2),r.jsx(m,{onClick:t(3,n),children:"Item #3"},3)];return r.jsx(F,{onClick:()=>console.log("Primary button clicked!"),menuItems:c,styleType:"default",children:"Default"})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{J as Basic,G as default};
diff --git a/1957/react/assets/Star-DYQ2c5aI.js b/1957/react/assets/Star-DYQ2c5aI.js
new file mode 100644
index 00000000000..48544746193
--- /dev/null
+++ b/1957/react/assets/Star-DYQ2c5aI.js
@@ -0,0 +1 @@
+import{r}from"./index-DjxMsM5m.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/1957/react/assets/StatusWarning-BRrn9sgc.js b/1957/react/assets/StatusWarning-BRrn9sgc.js
new file mode 100644
index 00000000000..f7473050dec
--- /dev/null
+++ b/1957/react/assets/StatusWarning-BRrn9sgc.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.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/1957/react/assets/Stepper.stories-CYKOOSKT.js b/1957/react/assets/Stepper.stories-CYKOOSKT.js
new file mode 100644
index 00000000000..99d4b8f66b1
--- /dev/null
+++ b/1957/react/assets/Stepper.stories-CYKOOSKT.js
@@ -0,0 +1 @@
+import{r as a,B as l,c as d,T as D,j as L}from"./index-DjxMsM5m.js";const j=a.forwardRef((n,t)=>{const{title:C,index:e,currentStepNumber:o,totalSteps:b,type:k,onClick:p,description:m,className:f,style:N,stepProps:s,trackContentProps:c,circleProps:u,nameProps:r,...x}=n,i=o>e,y=o===e,S=i&&!!p,E=()=>{S&&(p==null||p(e))},w=g=>{g.altKey||S&&(g.key==="Enter"||g.key==="Space"||g.key===" ")&&E()},$=a.createElement(l,{as:"li",...s,className:d("iui-stepper-step",{"iui-current":y,"iui-clickable":S},f,s==null?void 0:s.className),style:{inlineSize:k==="default"?`${100/b}%`:void 0,...N,...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(l,{as:"div",...c,className:d("iui-stepper-track-content",c==null?void 0:c.className)},a.createElement(l,{as:"span",...u,className:d("iui-stepper-circle",u==null?void 0:u.className)},e+1)),k==="default"&&a.createElement(l,{as:"span",...r,className:d("iui-stepper-step-name",r==null?void 0:r.className)},C));return m?a.createElement(D,{content:m},$):$}),z={stepsCountLabel:(n,t)=>`Step ${n} of ${t}:`},h=a.forwardRef((n,t)=>{const{currentStep:C,steps:e,type:o="default",localization:b=z,onStepClick:k,stepProps:p,trackContentProps:m,circleProps:f,nameProps:N,labelProps:s,labelCountProps:c,...u}=n,r=Math.min(Math.max(0,C??0),e.length-1);return a.createElement(l,{className:"iui-stepper",ref:t,...u},a.createElement("ol",null,e.map((x,i)=>{const y=p==null?void 0:p(i),S=m==null?void 0:m(i),E=f==null?void 0:f(i),w=N==null?void 0:N(i);return a.createElement(j,{stepProps:y,trackContentProps:S,circleProps:E,nameProps:w,key:i,index:i,title:o==="long"?"":x.name,currentStepNumber:r,totalSteps:e.length,type:o,onClick:k,description:x.description})})),o==="long"&&a.createElement(l,{as:"div",...s,className:d("iui-stepper-steps-label",s==null?void 0:s.className)},a.createElement(l,{as:"span",...c,className:d("iui-stepper-steps-label-count",c==null?void 0:c.className)},b.stepsCountLabel(r+1,e.length)),e[r].name))}),T={title:"Stepper"},v=()=>{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,o)=>`Localized step ${e} of ${o}:`},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{v as Basic,K as LocalizedLong,B as Long,R as WithTooltips,T as default};
diff --git a/1957/react/assets/Surface.stories-2Pl8h5xy.js b/1957/react/assets/Surface.stories-2Pl8h5xy.js
new file mode 100644
index 00000000000..06998532fc0
--- /dev/null
+++ b/1957/react/assets/Surface.stories-2Pl8h5xy.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-DjxMsM5m.js";import{S}from"./Settings-DTyzRvBS.js";import{s as j}from"./supports-BGWrFWay.js";import{T as a}from"./Text-Cn6X0xwD.js";import{C as E}from"./Code-13DeCnRv.js";import{F as x}from"./Flex-Co89GfVH.js";import{D as l}from"./Divider-Dh_ENdTb.js";import{B}from"./Button-C_nFjF9J.js";import{A as o}from"./Anchor-BixGaM0U.js";const 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=>typeof t=="string"?t:t===!1?"none":"",L=i.forwardRef((t,s)=>{const{children:u,className:d,...c}=t,{setHasLayout:n}=y(f);return i.useEffect(()=>{j()||n(!0)},[n]),i.createElement(p,{className:h("iui-surface-header",d),ref:s,...c},u)}),D=i.forwardRef((t,s)=>{const{children:u,className:d,isPadded:c,...n}=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,...n},u)}),r=Object.assign(i.forwardRef((t,s)=>{const{elevation:u,border:d=!0,className:c,style:n,children:m,...v}=t,[g,w]=i.useState(!1),b={"--iui-surface-elevation":H(u),"--iui-surface-border":C(d),...n};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}),f=i.createContext(void 0),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"})),G={title:"Surface"},M=()=>{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."]})})},W=()=>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."})})]}),_=()=>{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"})]})},z=()=>{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(o,{children:"Daily log"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(o,{children:"Inspections"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(o,{children:"Issues"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(o,{children:"Observations"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(o,{children:"RFIs"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(o,{children:"Weather delay notices"})})]})})})]})},k=()=>{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{M as Basic,W as Custom,k as EmptyState,z as NoPadding,_ as OverflowWithButtonFooter,G as default};
diff --git a/1957/react/assets/SvgCaretDownSmall-CdoXcIxC.js b/1957/react/assets/SvgCaretDownSmall-CdoXcIxC.js
new file mode 100644
index 00000000000..f49168f929b
--- /dev/null
+++ b/1957/react/assets/SvgCaretDownSmall-CdoXcIxC.js
@@ -0,0 +1 @@
+import{r as e,q as a}from"./index-DjxMsM5m.js";const o=t=>e.createElement(a,{...t},e.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/1957/react/assets/SvgCaretUpSmall-BVKtlURr.js b/1957/react/assets/SvgCaretUpSmall-BVKtlURr.js
new file mode 100644
index 00000000000..03c73539bf2
--- /dev/null
+++ b/1957/react/assets/SvgCaretUpSmall-BVKtlURr.js
@@ -0,0 +1 @@
+import{r as a,q as t}from"./index-DjxMsM5m.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/1957/react/assets/SvgCheckmark-pPju8St4.js b/1957/react/assets/SvgCheckmark-pPju8St4.js
new file mode 100644
index 00000000000..ca5dca1a53a
--- /dev/null
+++ b/1957/react/assets/SvgCheckmark-pPju8St4.js
@@ -0,0 +1 @@
+import{r as e,q as t}from"./index-DjxMsM5m.js";const l=r=>e.createElement(t,{...r},e.createElement("path",{d:"M6,14L0,8l2-2l4,4l8-8l2,2L6,14z"}));export{l as S};
diff --git a/1957/react/assets/SvgChevronLeft-B2Hc4_Y5.js b/1957/react/assets/SvgChevronLeft-B2Hc4_Y5.js
new file mode 100644
index 00000000000..53c14930d6a
--- /dev/null
+++ b/1957/react/assets/SvgChevronLeft-B2Hc4_Y5.js
@@ -0,0 +1 @@
+import{r as e,q as r}from"./index-DjxMsM5m.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/1957/react/assets/SvgChevronRight-C6VlZyp4.js b/1957/react/assets/SvgChevronRight-C6VlZyp4.js
new file mode 100644
index 00000000000..1fdb7b71483
--- /dev/null
+++ b/1957/react/assets/SvgChevronRight-C6VlZyp4.js
@@ -0,0 +1 @@
+import{r as e,q as r}from"./index-DjxMsM5m.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/1957/react/assets/Table-CHJVAlEZ.js b/1957/react/assets/Table-CHJVAlEZ.js
new file mode 100644
index 00000000000..a85a98088a0
--- /dev/null
+++ b/1957/react/assets/Table-CHJVAlEZ.js
@@ -0,0 +1,8 @@
+import{r as p,B as ie,Z as fn,q as Vt,s as go,I as gn,c as xe,d as Yn,a0 as Zn,a1 as Lt,k as po,g as mo,e as ho}from"./index-DjxMsM5m.js";import{P as Mn}from"./ProgressRadial-B65sMgcN.js";import{S as Qn}from"./SvgChevronRight-C6VlZyp4.js";import{C as Dn}from"./Checkbox-Cit0Xd27.js";import{u as vo}from"./useIntersection-5ksHNLOp.js";import{W as Ro}from"./WithCSSTransition-Dpufkg-9.js";import{V as yo}from"./VirtualScroll-CmUb1GiL.js";import{P as wo}from"./Popover-CkBHJnxg.js";const er=p.forwardRef((o,s)=>{const{lines:c,children:u,...g}=o;return p.createElement(ie,{ref:s,...g,style:{"--_iui-line-clamp":c,...o.style}},p.createElement(fn,{css:bo},p.createElement("slot",null)),u)}),bo=`
+  :host {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: var(--_iui-line-clamp, 3);
+    -webkit-box-orient: vertical;
+  }
+`,So=o=>p.createElement(Vt,{...o},p.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"})),Co=o=>p.createElement(Vt,{...o},p.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"})),Eo=o=>p.createElement(Vt,{...o},p.createElement("path",{d:"m0 0v2l6 5v9l4-3v-6l6-5v-2z"})),xo=o=>p.createElement(Vt,{...o},p.createElement("path",{d:"M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z"}));var tr={exports:{}},cn={exports:{}};(function(o,s){(function(c,u){u(s,p)})(go,function(c,u){function g(e,t,n,r,l,i,a){try{var m=e[i](a),h=m.value}catch(R){return void n(R)}m.done?t(h):Promise.resolve(h).then(r,l)}function v(e){return function(){var t=this,n=arguments;return new Promise(function(r,l){var i=e.apply(t,n);function a(h){g(i,r,l,a,m,"next",h)}function m(h){g(i,r,l,a,m,"throw",h)}a(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 w(e,t){if(e==null)return{};var n,r,l={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}function B(e){var t=function(n,r){if(typeof n!="object"||n===null)return n;var l=n[Symbol.toPrimitive];if(l!==void 0){var i=l.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"},W=function(e){var t=e.value;return t===void 0?"":t},F=function(){return u.createElement(u.Fragment,null," ")},A={Cell:W,width:150,minWidth:0,maxWidth:Number.MAX_SAFE_INTEGER};function $(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(r,l){var i=l.style,a=l.className;return r=d({},r,{},w(l,["style","className"])),i&&(r.style=r.style?d({},r.style||{},{},i||{}):i),a&&(r.className=r.className?r.className+" "+a:a),r.className===""&&delete r.className,r},{})}var N=function(e,t){return t===void 0&&(t={}),function(n){return n===void 0&&(n={}),[].concat(e,[n]).reduce(function(r,l){return function i(a,m,h){return typeof m=="function"?i({},m(a,h)):Array.isArray(m)?$.apply(void 0,[a].concat(m)):$(a,m)}(r,l,d({},t,{userProps:n}))},{})}},oe=function(e,t,n,r){return n===void 0&&(n={}),e.reduce(function(l,i){return i(l,n)},t)},fe=function(e,t,n){return n===void 0&&(n={}),e.forEach(function(r){r(t,n)})};function ae(e,t,n,r){e.findIndex(function(l){return l.pluginName===n}),t.forEach(function(l){e.findIndex(function(i){return i.pluginName===l})})}function ge(e,t){return typeof e=="function"?e(t):e}function Z(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 se(e,t){var n=u.useRef(!1);te(function(){n.current&&e(),n.current=!0},t)}function Be(e,t,n){return n===void 0&&(n={}),function(r,l){l===void 0&&(l={});var i=typeof r=="string"?t[r]:r;if(i===void 0)throw console.info(t),new Error("Renderer Error ☝️");return we(i,d({},e,{column:t},n,{},l))}}function we(e,t){return function(r){return typeof r=="function"&&(l=Object.getPrototypeOf(r)).prototype&&l.prototype.isReactComponent;var l}(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 Te(e,t,n){return n===void 0&&(n=0),e.map(function(r){return be(r=d({},r,{parent:t,depth:n})),r.columns&&(r.columns=Te(r.columns,r,n+1)),r})}function re(e){return _e(e,"columns")}function be(e){var t=e.id,n=e.accessor,r=e.Header;if(typeof n=="string"){t=t||n;var l=n.split(".");n=function(i){return function(a,m,h){if(!m)return a;var R,E=typeof m=="function"?m:JSON.stringify(m),b=Me.get(E)||function(){var S=function(y){return function C(z,k){if(k===void 0&&(k=[]),Array.isArray(z))for(var T=0;T<z.length;T+=1)C(z[T],k);else k.push(z);return k}(y).map(function(C){return String(C).replace(".","_")}).join(".").replace(Ue,".").replace(qe,"").split(".")}(m);return Me.set(E,S),S}();try{R=b.reduce(function(S,y){return S[y]},a)}catch{}return R!==void 0?R:h}(i,l)}}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 ke(e,t){if(!t)throw new Error;return Object.assign(e,d({Header:F,Footer:F},A,{},t,{},e)),Object.assign(e,{originalWidth:e.width}),e}function jt(e,t,n){n===void 0&&(n=function(){return{}});for(var r=[],l=e,i=0,a=function(){return i++},m=function(){var h={headers:[]},R=[],E=l.some(function(b){return b.parent});l.forEach(function(b){var S,y=[].concat(R).reverse()[0];E&&(b.parent?S=d({},b.parent,{originalId:b.parent.id,id:b.parent.id+"_"+a(),headers:[b]},n(b)):S=ke(d({originalId:b.id+"_placeholder",id:b.id+"_placeholder_"+a(),placeholderOf:b,headers:[b]},n(b)),t),y&&y.originalId===S.originalId?y.headers.push(b):R.push(S)),h.headers.push(b)}),r.push(h),l=R};l.length;)m();return r.reverse()}var Me=new Map;function Se(){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 _e(e,t){var n=[];return function r(l){l.forEach(function(i){i[t]?r(i[t]):n.push(i)})}(e),n}function Xe(e,t){var n=t.manualExpandedKey,r=t.expanded,l=t.expandSubRows,i=l===void 0||l,a=[];return e.forEach(function(m){return function h(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&&a.push(R),R.subRows&&R.subRows.length&&R.isExpanded&&R.subRows.forEach(function(b){return h(b,i)})}(m)}),a}function Ge(e,t,n){return De(e)||t[e]||n[e]||n.text}function it(e,t,n){return e?e(t,n):t===void 0}function Ae(){throw new Error("React-Table: You have not called prepareRow(row) one or more rows you are attempting to render.")}var $e=null,Ue=/\[/g,qe=/\]/g,Ke=function(e){return d({role:"table"},e)},Re=function(e){return d({role:"rowgroup"},e)},_t=function(e,t){var n=t.column;return d({key:"header_"+n.id,colSpan:n.totalVisibleHeaderCount,role:"columnheader"},e)},Pe=function(e,t){var n=t.column;return d({key:"footer_"+n.id,colSpan:n.totalVisibleHeaderCount},e)},Xt=function(e,t){return d({key:"headerGroup_"+t.index,role:"row"},e)},Rt=function(e,t){return d({key:"footerGroup_"+t.index},e)},yt=function(e,t){return d({key:"row_"+t.row.id,role:"row"},e)},Je=function(e,t){var n=t.cell;return d({key:"cell_"+n.row.id+"_"+n.column.id,role:"cell"},e)};function st(){return{useOptions:[],stateReducers:[],useControlledState:[],columns:[],columnsDeps:[],allColumns:[],allColumnsDeps:[],accessValue:[],materializedColumns:[],materializedColumnsDeps:[],useInstanceAfterData:[],visibleColumns:[],visibleColumnsDeps:[],headerGroups:[],headerGroupsDeps:[],useInstanceBeforeDimensions:[],useInstance:[],prepareRow:[],getTableProps:[Ke],getTableBodyProps:[Re],getHeaderGroupProps:[Xt],getFooterGroupProps:[Rt],getHeaderProps:[_t],getFooterProps:[Pe],getRowProps:[yt],getCellProps:[Je],useFinalInstance:[]}}f.resetHiddenColumns="resetHiddenColumns",f.toggleHideColumn="toggleHideColumn",f.setHiddenColumns="setHiddenColumns",f.toggleHideAllColumns="toggleHideAllColumns";var Ye=function(e){e.getToggleHiddenProps=[lt],e.getToggleHideAllColumnsProps=[Ve],e.stateReducers.push($t),e.useInstanceBeforeDimensions.push(Ut),e.headerGroupsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.hiddenColumns])}),e.useInstance.push(Ze)};Ye.pluginName="useColumnVisibility";var lt=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"}]},Ve=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 $t(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 l=(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:l})}return t.type===f.setHiddenColumns?d({},e,{hiddenColumns:ge(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 Ut(e){var t=e.headers,n=e.state.hiddenColumns;u.useRef(!1).current;var r=0;t.forEach(function(l){return r+=function i(a,m){a.isVisible=m&&!n.includes(a.id);var h=0;return a.headers&&a.headers.length?a.headers.forEach(function(R){return h+=i(R,a.isVisible)}):h=a.isVisible?1:0,a.totalVisibleHeaderCount=h,h}(l,!0)})}function Ze(e){var t=e.columns,n=e.flatHeaders,r=e.dispatch,l=e.allColumns,i=e.getHooks,a=e.state.hiddenColumns,m=e.autoResetHiddenColumns,h=m===void 0||m,R=Z(e),E=l.length===a.length,b=u.useCallback(function(k,T){return r({type:f.toggleHideColumn,columnId:k,value:T})},[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=N(i().getToggleHideAllColumnsProps,{instance:R()});n.forEach(function(k){k.toggleHidden=function(T){r({type:f.toggleHideColumn,columnId:k.id,value:T})},k.getToggleHiddenProps=N(i().getToggleHiddenProps,{instance:R(),column:k})});var z=Z(h);se(function(){z()&&r({type:f.resetHiddenColumns})},[r,t]),Object.assign(e,{allColumnsHidden:E,toggleHideColumn:b,setHiddenColumns:S,toggleHideAllColumns:y,getToggleHideAllColumnsProps:C})}var Ce={},qt={},ut=function(e,t,n){return e},wt=function(e,t){return e.subRows||[]},Kt=function(e,t,n){return""+(n?[n.id,t].join("."):t)},bt=function(e){return e};function me(e){var t=e.initialState,n=t===void 0?Ce:t,r=e.defaultColumn,l=r===void 0?qt:r,i=e.getSubRows,a=i===void 0?wt:i,m=e.getRowId,h=m===void 0?Kt:m,R=e.stateReducer,E=R===void 0?ut:R,b=e.useControlledState,S=b===void 0?bt:b;return d({},w(e,["initialState","defaultColumn","getSubRows","getRowId","stateReducer","useControlledState"]),{initialState:n,defaultColumn:l,getSubRows:a,getRowId:h,stateReducer:E,useControlledState:S})}function St(e,t){t===void 0&&(t=0);var n=0,r=0,l=0,i=0;return e.forEach(function(a){var m=a.headers;if(a.totalLeft=t,m&&m.length){var h=St(m,t),R=h[0],E=h[1],b=h[2],S=h[3];a.totalMinWidth=R,a.totalWidth=E,a.totalMaxWidth=b,a.totalFlexWidth=S}else a.totalMinWidth=a.minWidth,a.totalWidth=Math.min(Math.max(a.minWidth,a.width),a.maxWidth),a.totalMaxWidth=a.maxWidth,a.totalFlexWidth=a.canResize?a.totalWidth:0;a.isVisible&&(t+=a.totalWidth,n+=a.totalMinWidth,r+=a.totalWidth,l+=a.totalMaxWidth,i+=a.totalFlexWidth)}),[n,r,l,i]}function Ie(e){var t=e.data,n=e.rows,r=e.flatRows,l=e.rowsById,i=e.column,a=e.getRowId,m=e.getSubRows,h=e.accessValueHooks,R=e.getInstance;t.forEach(function(E,b){return function S(y,C,z,k,T){z===void 0&&(z=0);var U=y,H=a(y,C,k),x=l[H];if(x)x.subRows&&x.originalSubRows.forEach(function(P,D){return S(P,D,z+1,x)});else if((x={id:H,original:U,index:C,depth:z,cells:[{}]}).cells.map=Ae,x.cells.filter=Ae,x.cells.forEach=Ae,x.cells[0].getCellProps=Ae,x.values={},T.push(x),r.push(x),l[H]=x,x.originalSubRows=m(y,C),x.originalSubRows){var j=[];x.originalSubRows.forEach(function(P,D){return S(P,D,z+1,x,j)}),x.subRows=j}i.accessor&&(x.values[i.id]=i.accessor(y,C,x,T,t)),x.values[i.id]=oe(h,x.values[i.id],{row:x,column:i,instance:R()})}(E,b,0,void 0,n)})}f.resetExpanded="resetExpanded",f.toggleRowExpanded="toggleRowExpanded",f.toggleAllRowsExpanded="toggleAllRowsExpanded";var We=function(e){e.getToggleAllRowsExpandedProps=[Ct],e.getToggleRowExpandedProps=[Qe],e.stateReducers.push(et),e.useInstance.push(Jt),e.prepareRow.push(Et)};We.pluginName="useExpanded";var Ct=function(e,t){var n=t.instance;return[e,{onClick:function(r){n.toggleAllRowsExpanded()},style:{cursor:"pointer"},title:"Toggle All Rows Expanded"}]},Qe=function(e,t){var n=t.row;return[e,{onClick:function(){n.toggleRowExpanded()},style:{cursor:"pointer"},title:"Toggle Row Expanded"}]};function et(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 l=t.value,i=r.rowsById,a=Object.keys(i).length===Object.keys(e.expanded).length;if(l!==void 0?l:!a){var m={};return Object.keys(i).forEach(function(C){m[C]=!0}),d({},e,{expanded:m})}return d({},e,{expanded:{}})}if(t.type===f.toggleRowExpanded){var h,R=t.id,E=t.value,b=e.expanded[R],S=E!==void 0?E:!b;if(!b&&S)return d({},e,{expanded:d({},e.expanded,(h={},h[R]=!0,h))});if(b&&!S){var y=e.expanded;return y[R],d({},e,{expanded:w(y,[R].map(B))})}return e}}function Jt(e){var t=e.data,n=e.rows,r=e.rowsById,l=e.manualExpandedKey,i=l===void 0?"expanded":l,a=e.paginateExpandedRows,m=a===void 0||a,h=e.expandSubRows,R=h===void 0||h,E=e.autoResetExpanded,b=E===void 0||E,S=e.getHooks,y=e.plugins,C=e.state.expanded,z=e.dispatch;ae(y,["useSortBy","useGroupBy","usePivotColumns","useGlobalFilter"],"useExpanded");var k=Z(b),T=!!(Object.keys(r).length&&Object.keys(C).length);T&&Object.keys(r).some(function(q){return!C[q]})&&(T=!1),se(function(){k()&&z({type:f.resetExpanded})},[z,t]);var U=u.useCallback(function(q,L){z({type:f.toggleRowExpanded,id:q,value:L})},[z]),H=u.useCallback(function(q){return z({type:f.toggleAllRowsExpanded,value:q})},[z]),x=u.useMemo(function(){return m?Xe(n,{manualExpandedKey:i,expanded:C,expandSubRows:R}):n},[m,n,i,C,R]),j=u.useMemo(function(){return function(q){var L=0;return Object.keys(q).forEach(function(M){var ee=M.split(".");L=Math.max(L,ee.length)}),L}(C)},[C]),P=Z(e),D=N(S().getToggleAllRowsExpandedProps,{instance:P()});Object.assign(e,{preExpandedRows:n,expandedRows:x,rows:x,expandedDepth:j,isAllRowsExpanded:T,toggleRowExpanded:U,toggleAllRowsExpanded:H,getToggleAllRowsExpandedProps:D})}function Et(e,t){var n=t.instance.getHooks,r=t.instance;e.toggleRowExpanded=function(l){return r.toggleRowExpanded(e.id,l)},e.getToggleRowExpandedProps=N(n().getToggleRowExpandedProps,{instance:r,row:e})}var at=function(e,t,n){return e=e.filter(function(r){return t.some(function(l){var i=r.values[l];return String(i).toLowerCase().includes(String(n).toLowerCase())})})};at.autoRemove=function(e){return!e};var xt=function(e,t,n){return e.filter(function(r){return t.some(function(l){var i=r.values[l];return i===void 0||String(i).toLowerCase()===String(n).toLowerCase()})})};xt.autoRemove=function(e){return!e};var tt=function(e,t,n){return e.filter(function(r){return t.some(function(l){var i=r.values[l];return i===void 0||String(i)===String(n)})})};tt.autoRemove=function(e){return!e};var ct=function(e,t,n){return e.filter(function(r){return t.some(function(l){return r.values[l].includes(n)})})};ct.autoRemove=function(e){return!e||!e.length};var je=function(e,t,n){return e.filter(function(r){return t.some(function(l){var i=r.values[l];return i&&i.length&&n.every(function(a){return i.includes(a)})})})};je.autoRemove=function(e){return!e||!e.length};var dt=function(e,t,n){return e.filter(function(r){return t.some(function(l){var i=r.values[l];return i&&i.length&&n.some(function(a){return i.includes(a)})})})};dt.autoRemove=function(e){return!e||!e.length};var nt=function(e,t,n){return e.filter(function(r){return t.some(function(l){var i=r.values[l];return n.includes(i)})})};nt.autoRemove=function(e){return!e||!e.length};var It=function(e,t,n){return e.filter(function(r){return t.some(function(l){return r.values[l]===n})})};It.autoRemove=function(e){return e===void 0};var Fe=function(e,t,n){return e.filter(function(r){return t.some(function(l){return r.values[l]==n})})};Fe.autoRemove=function(e){return e==null};var zt=function(e,t,n){var r=n||[],l=r[0],i=r[1];if((l=typeof l=="number"?l:-1/0)>(i=typeof i=="number"?i:1/0)){var a=l;l=i,i=a}return e.filter(function(m){return t.some(function(h){var R=m.values[h];return R>=l&&R<=i})})};zt.autoRemove=function(e){return!e||typeof e[0]!="number"&&typeof e[1]!="number"};var Ne=Object.freeze({__proto__:null,text:at,exactText:xt,exactTextCase:tt,includes:ct,includesAll:je,includesSome:dt,includesValue:nt,exact:It,equals:Fe,between:zt});f.resetFilters="resetFilters",f.setFilter="setFilter",f.setAllFilters="setAllFilters";var Le=function(e){e.stateReducers.push(kt),e.useInstance.push(Yt)};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 l=t.columnId,i=t.filterValue,a=r.allColumns,m=r.filterTypes,h=a.find(function(z){return z.id===l});if(!h)throw new Error("React-Table: Could not find a column with id: "+l);var R=Ge(h.filter,m||{},Ne),E=e.filters.find(function(z){return z.id===l}),b=ge(i,E&&E.value);return it(R.autoRemove,b,h)?d({},e,{filters:e.filters.filter(function(z){return z.id!==l})}):d({},e,E?{filters:e.filters.map(function(z){return z.id===l?{id:l,value:b}:z})}:{filters:[].concat(e.filters,[{id:l,value:b}])})}if(t.type===f.setAllFilters){var S=t.filters,y=r.allColumns,C=r.filterTypes;return d({},e,{filters:ge(S,e.filters).filter(function(z){var k=y.find(function(T){return T.id===z.id});return!it(Ge(k.filter,C||{},Ne).autoRemove,z.value,k)})})}}function Yt(e){var t=e.data,n=e.rows,r=e.flatRows,l=e.rowsById,i=e.allColumns,a=e.filterTypes,m=e.manualFilters,h=e.defaultCanFilter,R=h!==void 0&&h,E=e.disableFilters,b=e.state.filters,S=e.dispatch,y=e.autoResetFilters,C=y===void 0||y,z=u.useCallback(function(P,D){S({type:f.setFilter,columnId:P,filterValue:D})},[S]),k=u.useCallback(function(P){S({type:f.setAllFilters,filters:P})},[S]);i.forEach(function(P){var D=P.id,q=P.accessor,L=P.defaultCanFilter,M=P.disableFilters;P.canFilter=q?Se(M!==!0&&void 0,E!==!0&&void 0,!0):Se(L,R,!1),P.setFilter=function(V){return z(P.id,V)};var ee=b.find(function(V){return V.id===D});P.filterValue=ee&&ee.value});var T=u.useMemo(function(){if(m||!b.length)return[n,r,l];var P=[],D={};return[function q(L,M){M===void 0&&(M=0);var ee=L;return(ee=b.reduce(function(V,Q){var Y=Q.id,ne=Q.value,G=i.find(function(ue){return ue.id===Y});if(!G)return V;M===0&&(G.preFilteredRows=V);var J=Ge(G.filter,a||{},Ne);return J?(G.filteredRows=J(V,[Y],ne),G.filteredRows):(console.warn("Could not find a valid 'column.filter' for column with the ID: "+G.id+"."),V)},L)).forEach(function(V){P.push(V),D[V.id]=V,V.subRows&&(V.subRows=V.subRows&&V.subRows.length>0?q(V.subRows,M+1):V.subRows)}),ee}(n),P,D]},[m,b,n,r,l,i,a]),U=T[0],H=T[1],x=T[2];u.useMemo(function(){i.filter(function(P){return!b.find(function(D){return D.id===P.id})}).forEach(function(P){P.preFilteredRows=U,P.filteredRows=U})},[U,b,i]);var j=Z(C);se(function(){j()&&S({type:f.resetFilters})},[S,m?null:t]),Object.assign(e,{preFilteredRows:n,preFilteredFlatRows:r,preFilteredRowsById:l,filteredRows:U,filteredFlatRows:H,filteredRowsById:x,rows:U,flatRows:H,rowsById:x,setFilter:z,setAllFilters:k})}Le.pluginName="useFilters",f.resetGlobalFilter="resetGlobalFilter",f.setGlobalFilter="setGlobalFilter";var Bt=function(e){e.stateReducers.push(ft),e.useInstance.push(Zt)};function ft(e,t,n,r){if(t.type===f.resetGlobalFilter)return d({},e,{globalFilter:r.initialState.globalFilter||void 0});if(t.type===f.setGlobalFilter){var l=t.filterValue,i=r.userFilterTypes,a=Ge(r.globalFilter,i||{},Ne),m=ge(l,e.globalFilter);return it(a.autoRemove,m)?(e.globalFilter,w(e,["globalFilter"])):d({},e,{globalFilter:m})}}function Zt(e){var t=e.data,n=e.rows,r=e.flatRows,l=e.rowsById,i=e.allColumns,a=e.filterTypes,m=e.globalFilter,h=e.manualGlobalFilter,R=e.state.globalFilter,E=e.dispatch,b=e.autoResetGlobalFilter,S=b===void 0||b,y=e.disableGlobalFilter,C=u.useCallback(function(x){E({type:f.setGlobalFilter,filterValue:x})},[E]),z=u.useMemo(function(){if(h||R===void 0)return[n,r,l];var x=[],j={},P=Ge(m,a||{},Ne);if(!P)return console.warn("Could not find a valid 'globalFilter' option."),n;i.forEach(function(q){var L=q.disableGlobalFilter;q.canFilter=Se(L!==!0&&void 0,y!==!0&&void 0,!0)});var D=i.filter(function(q){return q.canFilter===!0});return[function q(L){return(L=P(L,D.map(function(M){return M.id}),R)).forEach(function(M){x.push(M),j[M.id]=M,M.subRows=M.subRows&&M.subRows.length?q(M.subRows):M.subRows}),L}(n),x,j]},[h,R,m,a,i,n,r,l,y]),k=z[0],T=z[1],U=z[2],H=Z(S);se(function(){H()&&E({type:f.resetGlobalFilter})},[E,h?null:t]),Object.assign(e,{preGlobalFilteredRows:n,preGlobalFilteredFlatRows:r,preGlobalFilteredRowsById:l,globalFilteredRows:k,globalFilteredFlatRows:T,globalFilteredRowsById:U,rows:k,flatRows:T,rowsById:U,setGlobalFilter:C,disableGlobalFilter:y})}function gt(e,t){return t.reduce(function(n,r){return n+(typeof r=="number"?r:0)},0)}Bt.pluginName="useGlobalFilter";var rt=Object.freeze({__proto__:null,sum:gt,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 gt(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,l){return r-l});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}}),I=[],X={};f.resetGroupBy="resetGroupBy",f.setGroupBy="setGroupBy",f.toggleGroupBy="toggleGroupBy";var _=function(e){e.getGroupByToggleProps=[ye],e.stateReducers.push(pt),e.visibleColumnsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.groupBy])}),e.visibleColumns.push(Qt),e.useInstance.push(Ft),e.prepareRow.push(Ee)};_.pluginName="useGroupBy";var ye=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 pt(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 l=t.columnId,i=t.value,a=i!==void 0?i:!e.groupBy.includes(l);return d({},e,a?{groupBy:[].concat(e.groupBy,[l])}:{groupBy:e.groupBy.filter(function(m){return m!==l})})}}function Qt(e,t){var n=t.instance.state.groupBy,r=n.map(function(i){return e.find(function(a){return a.id===i})}).filter(Boolean),l=e.filter(function(i){return!n.includes(i.id)});return(e=[].concat(r,l)).forEach(function(i){i.isGrouped=n.includes(i.id),i.groupedIndex=n.indexOf(i.id)}),e}var Pt={};function Ft(e){var t=e.data,n=e.rows,r=e.flatRows,l=e.rowsById,i=e.allColumns,a=e.flatHeaders,m=e.groupByFn,h=m===void 0?hn:m,R=e.manualGroupBy,E=e.aggregations,b=E===void 0?Pt:E,S=e.plugins,y=e.state.groupBy,C=e.dispatch,z=e.autoResetGroupBy,k=z===void 0||z,T=e.disableGroupBy,U=e.defaultCanGroupBy,H=e.getHooks;ae(S,["useColumnOrder","useFilters"],"useGroupBy");var x=Z(e);i.forEach(function(G){var J=G.accessor,ue=G.defaultGroupBy,he=G.disableGroupBy;G.canGroupBy=J?Se(G.canGroupBy,he!==!0&&void 0,T!==!0&&void 0,!0):Se(G.canGroupBy,ue,U,!1),G.canGroupBy&&(G.toggleGroupBy=function(){return e.toggleGroupBy(G.id)}),G.Aggregated=G.Aggregated||G.Cell});var j=u.useCallback(function(G,J){C({type:f.toggleGroupBy,columnId:G,value:J})},[C]),P=u.useCallback(function(G){C({type:f.setGroupBy,value:G})},[C]);a.forEach(function(G){G.getGroupByToggleProps=N(H().getGroupByToggleProps,{instance:x(),header:G})});var D=u.useMemo(function(){if(R||!y.length)return[n,r,l,I,X,r,l];var G=y.filter(function(pe){return i.find(function(Oe){return Oe.id===pe})}),J=[],ue={},he=[],O={},le=[],ce={},ve=function pe(Oe,He,Tn){if(He===void 0&&(He=0),He===G.length)return Oe.map(function(Ht){return d({},Ht,{depth:He})});var ln=G[He],io=h(Oe,ln);return Object.entries(io).map(function(Ht,so){var Gn=Ht[0],Tt=Ht[1],Gt=ln+":"+Gn,An=pe(Tt,He+1,Gt=Tn?Tn+">"+Gt:Gt),Nn=He?_e(Tt,"leafRows"):Tt,lo=function(ze,un,ao){var At={};return i.forEach(function(de){if(G.includes(de.id))At[de.id]=un[0]?un[0].values[de.id]:null;else{var Ln=typeof de.aggregate=="function"?de.aggregate:b[de.aggregate]||rt[de.aggregate];if(Ln){var co=un.map(function(Nt){return Nt.values[de.id]}),fo=ze.map(function(Nt){var an=Nt.values[de.id];if(!ao&&de.aggregateValue){var On=typeof de.aggregateValue=="function"?de.aggregateValue:b[de.aggregateValue]||rt[de.aggregateValue];if(!On)throw console.info({column:de}),new Error("React Table: Invalid column.aggregateValue option for column listed above");an=On(an,Nt,de)}return an});At[de.id]=Ln(fo,co)}else{if(de.aggregate)throw console.info({column:de}),new Error("React Table: Invalid column.aggregate option for column listed above");At[de.id]=null}}}),At}(Nn,Tt,He),uo={id:Gt,isGrouped:!0,groupByID:ln,groupByVal:Gn,values:lo,subRows:An,leafRows:Nn,depth:He,index:so};return An.forEach(function(ze){J.push(ze),ue[ze.id]=ze,ze.isGrouped?(he.push(ze),O[ze.id]=ze):(le.push(ze),ce[ze.id]=ze)}),uo})}(n);return ve.forEach(function(pe){J.push(pe),ue[pe.id]=pe,pe.isGrouped?(he.push(pe),O[pe.id]=pe):(le.push(pe),ce[pe.id]=pe)}),[ve,J,ue,he,O,le,ce]},[R,y,n,r,l,i,b,h]),q=D[0],L=D[1],M=D[2],ee=D[3],V=D[4],Q=D[5],Y=D[6],ne=Z(k);se(function(){ne()&&C({type:f.resetGroupBy})},[C,R?null:t]),Object.assign(e,{preGroupedRows:n,preGroupedFlatRow:r,preGroupedRowsById:l,groupedRows:q,groupedFlatRows:L,groupedRowsById:M,onlyGroupedFlatRows:ee,onlyGroupedRowsById:V,nonGroupedFlatRows:Q,nonGroupedRowsById:Y,rows:q,flatRows:L,rowsById:M,toggleGroupBy:j,setGroupBy:P})}function Ee(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 hn(e,t){return e.reduce(function(n,r,l){var i=""+r.values[t];return n[i]=Array.isArray(n[i])?n[i]:[],n[i].push(r),n},{})}var vn=/([0-9]+)/gm;function en(e,t){return e===t?0:e>t?1:-1}function mt(e,t,n){return[e.values[n],t.values[n]]}function Rn(e){return typeof e=="number"?isNaN(e)||e===1/0||e===-1/0?"":String(e):typeof e=="string"?e:""}var Rr=Object.freeze({__proto__:null,alphanumeric:function(e,t,n){var r=mt(e,t,n),l=r[0],i=r[1];for(l=Rn(l),i=Rn(i),l=l.split(vn).filter(Boolean),i=i.split(vn).filter(Boolean);l.length&&i.length;){var a=l.shift(),m=i.shift(),h=parseInt(a,10),R=parseInt(m,10),E=[h,R].sort();if(isNaN(E[0])){if(a>m)return 1;if(m>a)return-1}else{if(isNaN(E[1]))return isNaN(h)?-1:1;if(h>R)return 1;if(R>h)return-1}}return l.length-i.length},datetime:function(e,t,n){var r=mt(e,t,n),l=r[0],i=r[1];return en(l=l.getTime(),i=i.getTime())},basic:function(e,t,n){var r=mt(e,t,n);return en(r[0],r[1])},string:function(e,t,n){var r=mt(e,t,n),l=r[0],i=r[1];for(l=l.split("").filter(Boolean),i=i.split("").filter(Boolean);l.length&&i.length;){var a=l.shift(),m=i.shift(),h=a.toLowerCase(),R=m.toLowerCase();if(h>R)return 1;if(R>h)return-1;if(a>m)return 1;if(m>a)return-1}return l.length-i.length},number:function(e,t,n){var r=mt(e,t,n),l=r[0],i=r[1],a=/[^0-9.]/gi;return en(l=Number(String(l).replace(a,"")),i=Number(String(i).replace(a,"")))}});f.resetSortBy="resetSortBy",f.setSortBy="setSortBy",f.toggleSortBy="toggleSortBy",f.clearSortBy="clearSortBy",A.sortType="alphanumeric",A.sortDescFirst=!1;var yn=function(e){e.getSortByToggleProps=[yr],e.stateReducers.push(wr),e.useInstance.push(br)};yn.pluginName="useSortBy";var yr=function(e,t){var n=t.instance,r=t.column,l=n.isMultiSortEvent,i=l===void 0?function(a){return a.shiftKey}:l;return[e,{onClick:r.canSort?function(a){a.persist(),r.toggleSortBy(void 0,!n.disableMultiSort&&i(a))}:void 0,style:{cursor:r.canSort?"pointer":void 0},title:r.canSort?"Toggle SortBy":void 0}]};function wr(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 l,i=t.columnId,a=t.desc,m=t.multi,h=r.allColumns,R=r.disableMultiSort,E=r.disableSortRemove,b=r.disableMultiRemove,S=r.maxMultiSortColCount,y=S===void 0?Number.MAX_SAFE_INTEGER:S,C=e.sortBy,z=h.find(function(x){return x.id===i}).sortDescFirst,k=C.find(function(x){return x.id===i}),T=C.findIndex(function(x){return x.id===i}),U=a!=null,H=[];return(l=!R&&m?k?"toggle":"add":T!==C.length-1||C.length!==1?"replace":k?"toggle":"replace")!="toggle"||E||U||m&&b||!(k&&k.desc&&!z||!k.desc&&z)||(l="remove"),l==="replace"?H=[{id:i,desc:U?a:z}]:l==="add"?(H=[].concat(C,[{id:i,desc:U?a:z}])).splice(0,H.length-y):l==="toggle"?H=C.map(function(x){return x.id===i?d({},x,{desc:U?a:!k.desc}):x}):l==="remove"&&(H=C.filter(function(x){return x.id!==i})),d({},e,{sortBy:H})}}function br(e){var t=e.data,n=e.rows,r=e.flatRows,l=e.allColumns,i=e.orderByFn,a=i===void 0?wn:i,m=e.sortTypes,h=e.manualSortBy,R=e.defaultCanSort,E=e.disableSortBy,b=e.flatHeaders,S=e.state.sortBy,y=e.dispatch,C=e.plugins,z=e.getHooks,k=e.autoResetSortBy,T=k===void 0||k;ae(C,["useFilters","useGlobalFilter","useGroupBy","usePivotColumns"],"useSortBy");var U=u.useCallback(function(L){y({type:f.setSortBy,sortBy:L})},[y]),H=u.useCallback(function(L,M,ee){y({type:f.toggleSortBy,columnId:L,desc:M,multi:ee})},[y]),x=Z(e);b.forEach(function(L){var M=L.accessor,ee=L.canSort,V=L.disableSortBy,Q=L.id,Y=M?Se(V!==!0&&void 0,E!==!0&&void 0,!0):Se(R,ee,!1);L.canSort=Y,L.canSort&&(L.toggleSortBy=function(G,J){return H(L.id,G,J)},L.clearSortBy=function(){y({type:f.clearSortBy,columnId:L.id})}),L.getSortByToggleProps=N(z().getSortByToggleProps,{instance:x(),column:L});var ne=S.find(function(G){return G.id===Q});L.isSorted=!!ne,L.sortedIndex=S.findIndex(function(G){return G.id===Q}),L.isSortedDesc=L.isSorted?ne.desc:void 0});var j=u.useMemo(function(){if(h||!S.length)return[n,r];var L=[],M=S.filter(function(ee){return l.find(function(V){return V.id===ee.id})});return[function ee(V){var Q=a(V,M.map(function(Y){var ne=l.find(function(ue){return ue.id===Y.id});if(!ne)throw new Error("React-Table: Could not find a column with id: "+Y.id+" while sorting");var G=ne.sortType,J=De(G)||(m||{})[G]||Rr[G];if(!J)throw new Error("React-Table: Could not find a valid sortType of '"+G+"' for column '"+Y.id+"'.");return function(ue,he){return J(ue,he,Y.id,Y.desc)}}),M.map(function(Y){var ne=l.find(function(G){return G.id===Y.id});return ne&&ne.sortInverted?Y.desc:!Y.desc}));return Q.forEach(function(Y){L.push(Y),Y.subRows&&Y.subRows.length!==0&&(Y.subRows=ee(Y.subRows))}),Q}(n),L]},[h,S,n,r,l,a,m]),P=j[0],D=j[1],q=Z(T);se(function(){q()&&y({type:f.resetSortBy})},[h?null:t]),Object.assign(e,{preSortedRows:n,preSortedFlatRows:r,sortedRows:P,sortedFlatRows:D,rows:P,flatRows:D,setSortBy:U,toggleSortBy:H})}function wn(e,t,n){return[].concat(e).sort(function(r,l){for(var i=0;i<t.length;i+=1){var a=t[i],m=n[i]===!1||n[i]==="desc",h=a(r,l);if(h!==0)return m?-h:h}return n[0]?r.index-l.index:l.index-r.index})}f.resetPage="resetPage",f.gotoPage="gotoPage",f.setPageSize="setPageSize";var bn=function(e){e.stateReducers.push(Sr),e.useInstance.push(Cr)};function Sr(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 l=r.pageCount,i=r.page,a=ge(t.pageIndex,e.pageIndex),m=!1;return a>e.pageIndex?m=l===-1?i.length>=e.pageSize:a<l:a<e.pageIndex&&(m=a>-1),m?d({},e,{pageIndex:a}):e}if(t.type===f.setPageSize){var h=t.pageSize,R=e.pageSize*e.pageIndex;return d({},e,{pageIndex:Math.floor(R/h),pageSize:h})}}function Cr(e){var t=e.rows,n=e.autoResetPage,r=n===void 0||n,l=e.manualExpandedKey,i=l===void 0?"expanded":l,a=e.plugins,m=e.pageCount,h=e.paginateExpandedRows,R=h===void 0||h,E=e.expandSubRows,b=E===void 0||E,S=e.state,y=S.pageSize,C=S.pageIndex,z=S.expanded,k=S.globalFilter,T=S.filters,U=S.groupBy,H=S.sortBy,x=e.dispatch,j=e.data,P=e.manualPagination;ae(a,["useGlobalFilter","useFilters","useGroupBy","useSortBy","useExpanded"],"usePagination");var D=Z(r);se(function(){D()&&x({type:f.resetPage})},[x,P?null:j,k,T,U,H]);var q=P?m:Math.ceil(t.length/y),L=u.useMemo(function(){return q>0?[].concat(new Array(q)).fill(null).map(function(J,ue){return ue}):[]},[q]),M=u.useMemo(function(){var J;if(P)J=t;else{var ue=y*C,he=ue+y;J=t.slice(ue,he)}return R?J:Xe(J,{manualExpandedKey:i,expanded:z,expandSubRows:b})},[b,z,i,P,C,y,R,t]),ee=C>0,V=q===-1?M.length>=y:C<q-1,Q=u.useCallback(function(J){x({type:f.gotoPage,pageIndex:J})},[x]),Y=u.useCallback(function(){return Q(function(J){return J-1})},[Q]),ne=u.useCallback(function(){return Q(function(J){return J+1})},[Q]),G=u.useCallback(function(J){x({type:f.setPageSize,pageSize:J})},[x]);Object.assign(e,{pageOptions:L,pageCount:q,page:M,canPreviousPage:ee,canNextPage:V,gotoPage:Q,previousPage:Y,nextPage:ne,setPageSize:G})}bn.pluginName="usePagination",f.resetPivot="resetPivot",f.togglePivot="togglePivot";var Sn=function(e){e.getPivotToggleProps=[Er],e.stateReducers.push(xr),e.useInstanceAfterData.push(Ir),e.allColumns.push(zr),e.accessValue.push(kr),e.materializedColumns.push(Br),e.materializedColumnsDeps.push(Pr),e.visibleColumns.push(Fr),e.visibleColumnsDeps.push(Wr),e.useInstance.push(Hr),e.prepareRow.push(Tr)};Sn.pluginName="usePivotColumns";var Cn=[],Er=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 xr(e,t,n,r){if(t.type===f.init)return d({pivotColumns:Cn},e);if(t.type===f.resetPivot)return d({},e,{pivotColumns:r.initialState.pivotColumns||Cn});if(t.type===f.togglePivot){var l=t.columnId,i=t.value,a=i!==void 0?i:!e.pivotColumns.includes(l);return d({},e,a?{pivotColumns:[].concat(e.pivotColumns,[l])}:{pivotColumns:e.pivotColumns.filter(function(m){return m!==l})})}}function Ir(e){e.allColumns.forEach(function(t){t.isPivotSource=e.state.pivotColumns.includes(t.id)})}function zr(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 kr(e,t){var n=t.column;return n.uniqueValues&&e!==void 0&&n.uniqueValues.add(e),e}function Br(e,t){var n=t.instance,r=n.allColumns,l=n.state;if(!l.pivotColumns.length||!l.groupBy||!l.groupBy.length)return e;var i=l.pivotColumns.map(function(h){return r.find(function(R){return R.id===h})}).filter(Boolean),a=r.filter(function(h){return!h.isPivotSource&&!l.groupBy.includes(h.id)&&!l.pivotColumns.includes(h.id)}),m=re(function h(R,E,b){R===void 0&&(R=0),b===void 0&&(b=[]);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=h(R+1,C,[].concat(b,[function(z){return z.values[S.id]===y}])),C}):a.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(b.every(function(T){return T(k)}))return k.values[y.id]}})})}());return[].concat(e,m)}function Pr(e,t){var n=t.instance.state,r=n.pivotColumns,l=n.groupBy;return[].concat(e,[r,l])}function Fr(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 Wr(e,t){var n=t.instance;return[].concat(e,[n.state.pivotColumns,n.state.groupBy])}function Hr(e){var t=e.columns,n=e.allColumns,r=e.flatHeaders,l=e.getHooks,i=e.plugins,a=e.dispatch,m=e.autoResetPivot,h=m===void 0||m,R=e.manaulPivot,E=e.disablePivot,b=e.defaultCanPivot;ae(i,["useGroupBy"],"usePivotColumns");var S=Z(e);n.forEach(function(C){var z=C.accessor,k=C.defaultPivot,T=C.disablePivot;C.canPivot=z?Se(C.canPivot,T!==!0&&void 0,E!==!0&&void 0,!0):Se(C.canPivot,k,b,!1),C.canPivot&&(C.togglePivot=function(){return e.togglePivot(C.id)}),C.Aggregated=C.Aggregated||C.Cell}),r.forEach(function(C){C.getPivotToggleProps=N(l().getPivotToggleProps,{instance:S(),header:C})});var y=Z(h);se(function(){y()&&a({type:f.resetPivot})},[a,R?null:t]),Object.assign(e,{togglePivot:function(C,z){a({type:f.togglePivot,columnId:C,value:z})}})}function Tr(e){e.allCells.forEach(function(t){t.isPivoted=t.column.isPivoted})}f.resetSelectedRows="resetSelectedRows",f.toggleAllRowsSelected="toggleAllRowsSelected",f.toggleRowSelected="toggleRowSelected",f.toggleAllPageRowsSelected="toggleAllPageRowsSelected";var En=function(e){e.getToggleRowSelectedProps=[Gr],e.getToggleAllRowsSelectedProps=[Ar],e.getToggleAllPageRowsSelectedProps=[Nr],e.stateReducers.push(Lr),e.useInstance.push(Or),e.prepareRow.push(Mr)};En.pluginName="useRowSelect";var Gr=function(e,t){var n=t.instance,r=t.row,l=n.manualRowSelectedKey,i=l===void 0?"isSelected":l;return[e,{onChange:function(a){r.toggleRowSelected(a.target.checked)},style:{cursor:"pointer"},checked:!(!r.original||!r.original[i])||r.isSelected,title:"Toggle Row Selected",indeterminate:r.isSomeSelected}]},Ar=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)}]},Nr=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 l=r.id;return n.state.selectedRowIds[l]}))}]};function Lr(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 l=t.value,i=r.isAllRowsSelected,a=r.rowsById,m=r.nonGroupedRowsById,h=m===void 0?a:m,R=l!==void 0?l:!i,E=Object.assign({},e.selectedRowIds);return R?Object.keys(h).forEach(function(Q){E[Q]=!0}):Object.keys(h).forEach(function(Q){delete E[Q]}),d({},e,{selectedRowIds:E})}if(t.type===f.toggleRowSelected){var b=t.id,S=t.value,y=r.rowsById,C=r.selectSubRows,z=C===void 0||C,k=r.getSubRows,T=e.selectedRowIds[b],U=S!==void 0?S:!T;if(T===U)return e;var H=d({},e.selectedRowIds);return function Q(Y){var ne=y[Y];if(ne&&(ne.isGrouped||(U?H[Y]=!0:delete H[Y]),z&&k(ne)))return k(ne).forEach(function(G){return Q(G.id)})}(b),d({},e,{selectedRowIds:H})}if(t.type===f.toggleAllPageRowsSelected){var x=t.value,j=r.page,P=r.rowsById,D=r.selectSubRows,q=D===void 0||D,L=r.isAllPageRowsSelected,M=r.getSubRows,ee=x!==void 0?x:!L,V=d({},e.selectedRowIds);return j.forEach(function(Q){return function Y(ne){var G=P[ne];if(G.isGrouped||(ee?V[ne]=!0:delete V[ne]),q&&M(G))return M(G).forEach(function(J){return Y(J.id)})}(Q.id)}),d({},e,{selectedRowIds:V})}return e}function Or(e){var t=e.data,n=e.rows,r=e.getHooks,l=e.plugins,i=e.rowsById,a=e.nonGroupedRowsById,m=a===void 0?i:a,h=e.autoResetSelectedRows,R=h===void 0||h,E=e.state.selectedRowIds,b=e.selectSubRows,S=b===void 0||b,y=e.dispatch,C=e.page,z=e.getSubRows;ae(l,["useFilters","useGroupBy","useSortBy","useExpanded","usePagination"],"useRowSelect");var k=u.useMemo(function(){var M=[];return n.forEach(function(ee){var V=S?function Q(Y,ne,G){if(ne[Y.id])return!0;var J=G(Y);if(J&&J.length){var ue=!0,he=!1;return J.forEach(function(O){he&&!ue||(Q(O,ne,G)?he=!0:ue=!1)}),!!ue||!!he&&null}return!1}(ee,E,z):!!E[ee.id];ee.isSelected=!!V,ee.isSomeSelected=V===null,V&&M.push(ee)}),M},[n,S,E,z]),T=!!(Object.keys(m).length&&Object.keys(E).length),U=T;T&&Object.keys(m).some(function(M){return!E[M]})&&(T=!1),T||C&&C.length&&C.some(function(M){var ee=M.id;return!E[ee]})&&(U=!1);var H=Z(R);se(function(){H()&&y({type:f.resetSelectedRows})},[y,t]);var x=u.useCallback(function(M){return y({type:f.toggleAllRowsSelected,value:M})},[y]),j=u.useCallback(function(M){return y({type:f.toggleAllPageRowsSelected,value:M})},[y]),P=u.useCallback(function(M,ee){return y({type:f.toggleRowSelected,id:M,value:ee})},[y]),D=Z(e),q=N(r().getToggleAllRowsSelectedProps,{instance:D()}),L=N(r().getToggleAllPageRowsSelectedProps,{instance:D()});Object.assign(e,{selectedFlatRows:k,isAllRowsSelected:T,isAllPageRowsSelected:U,toggleRowSelected:P,toggleAllRowsSelected:x,getToggleAllRowsSelectedProps:q,getToggleAllPageRowsSelectedProps:L,toggleAllPageRowsSelected:j})}function Mr(e,t){var n=t.instance;e.toggleRowSelected=function(r){return n.toggleRowSelected(e.id,r)},e.getToggleRowSelectedProps=N(n.getHooks().getToggleRowSelectedProps,{instance:n,row:e})}var xn=function(e){return{}},In=function(e){return{}};f.setRowState="setRowState",f.setCellState="setCellState",f.resetRowState="resetRowState";var zn=function(e){e.stateReducers.push(Dr),e.useInstance.push(Vr),e.prepareRow.push(jr)};function Dr(e,t,n,r){var l=r.initialRowStateAccessor,i=l===void 0?xn:l,a=r.initialCellStateAccessor,m=a===void 0?In:a,h=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,b=t.value,S=e.rowState[E]!==void 0?e.rowState[E]:i(h[E]);return d({},e,{rowState:d({},e.rowState,(R={},R[E]=ge(b,S),R))})}if(t.type===f.setCellState){var y,C,z,k,T,U=t.rowId,H=t.columnId,x=t.value,j=e.rowState[U]!==void 0?e.rowState[U]:i(h[U]),P=(j==null||(y=j.cellState)==null?void 0:y[H])!==void 0?j.cellState[H]:m((C=h[U])==null||(z=C.cells)==null?void 0:z.find(function(D){return D.column.id===H}));return d({},e,{rowState:d({},e.rowState,(T={},T[U]=d({},j,{cellState:d({},j.cellState||{},(k={},k[H]=ge(x,P),k))}),T))})}}function Vr(e){var t=e.autoResetRowState,n=t===void 0||t,r=e.data,l=e.dispatch,i=u.useCallback(function(h,R){return l({type:f.setRowState,rowId:h,value:R})},[l]),a=u.useCallback(function(h,R,E){return l({type:f.setCellState,rowId:h,columnId:R,value:E})},[l]),m=Z(n);se(function(){m()&&l({type:f.resetRowState})},[r]),Object.assign(e,{setRowState:i,setCellState:a})}function jr(e,t){var n=t.instance,r=n.initialRowStateAccessor,l=r===void 0?xn:r,i=n.initialCellStateAccessor,a=i===void 0?In:i,m=n.state.rowState;e&&(e.state=m[e.id]!==void 0?m[e.id]:l(e),e.setState=function(h){return n.setRowState(e.id,h)},e.cells.forEach(function(h){e.state.cellState||(e.state.cellState={}),h.state=e.state.cellState[h.column.id]!==void 0?e.state.cellState[h.column.id]:a(h),h.setState=function(R){return n.setCellState(e.id,h.column.id,R)}}))}zn.pluginName="useRowState",f.resetColumnOrder="resetColumnOrder",f.setColumnOrder="setColumnOrder";var kn=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(Xr),e.useInstance.push($r)};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:ge(t.columnOrder,e.columnOrder)}):void 0}function Xr(e,t){var n=t.instance.state.columnOrder;if(!n||!n.length)return e;for(var r=[].concat(n),l=[].concat(e),i=[],a=function(){var m=r.shift(),h=l.findIndex(function(R){return R.id===m});h>-1&&i.push(l.splice(h,1)[0])};l.length&&r.length;)a();return[].concat(i,l)}function $r(e){var t=e.dispatch;e.setColumnOrder=u.useCallback(function(n){return t({type:f.setColumnOrder,columnOrder:n})},[t])}kn.pluginName="useColumnOrder",A.canResize=!0,f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize";var Bn=function(e){e.getResizerProps=[Ur],e.getHeaderProps.push({style:{position:"relative"}}),e.stateReducers.push(qr),e.useInstance.push(Jr),e.useInstanceBeforeDimensions.push(Kr)},Ur=function(e,t){var n=t.instance,r=t.header,l=n.dispatch,i=function(a,m){var h=!1;if(a.type==="touchstart"){if(a.touches&&a.touches.length>1)return;h=!0}var R,E,b=function(H){var x=[];return function j(P){P.columns&&P.columns.length&&P.columns.map(j),x.push(P)}(H),x}(m).map(function(H){return[H.id,H.totalWidth]}),S=h?Math.round(a.touches[0].clientX):a.clientX,y=function(){window.cancelAnimationFrame(R),R=null,l({type:f.columnDoneResizing})},C=function(){window.cancelAnimationFrame(R),R=null,l({type:f.columnResizing,clientX:E})},z=function(H){E=H,R||(R=window.requestAnimationFrame(C))},k={mouse:{moveEvent:"mousemove",moveHandler:function(H){return z(H.clientX)},upEvent:"mouseup",upHandler:function(H){document.removeEventListener("mousemove",k.mouse.moveHandler),document.removeEventListener("mouseup",k.mouse.upHandler),y()}},touch:{moveEvent:"touchmove",moveHandler:function(H){return H.cancelable&&(H.preventDefault(),H.stopPropagation()),z(H.touches[0].clientX),!1},upEvent:"touchend",upHandler:function(H){document.removeEventListener(k.touch.moveEvent,k.touch.moveHandler),document.removeEventListener(k.touch.upEvent,k.touch.moveHandler),y()}}},T=h?k.touch:k.mouse,U=!!function(){if(typeof $e=="boolean")return $e;var H=!1;try{var x={get passive(){return H=!0,!1}};window.addEventListener("test",null,x),window.removeEventListener("test",null,x)}catch{H=!1}return $e=H}()&&{passive:!1};document.addEventListener(T.moveEvent,T.moveHandler,U),document.addEventListener(T.upEvent,T.upHandler,U),l({type:f.columnStartResizing,columnId:m.id,columnWidth:m.totalWidth,headerIdWidths:b,clientX:S})};return[e,{onMouseDown:function(a){return a.persist()||i(a,r)},onTouchStart:function(a){return a.persist()||i(a,r)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};function qr(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,l=t.columnWidth,i=t.headerIdWidths;return d({},e,{columnResizing:d({},e.columnResizing,{startX:n,headerIdWidths:i,columnWidth:l,isResizingColumn:r})})}if(t.type===f.columnResizing){var a=t.clientX,m=e.columnResizing,h=m.startX,R=m.columnWidth,E=m.headerIdWidths,b=(a-h)/R,S={};return(E===void 0?[]:E).forEach(function(y){var C=y[0],z=y[1];S[C]=Math.max(z+z*b,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}Bn.pluginName="useResizeColumns";var Kr=function(e){var t=e.flatHeaders,n=e.disableResizing,r=e.getHooks,l=e.state.columnResizing,i=Z(e);t.forEach(function(a){var m=Se(a.disableResizing!==!0&&void 0,n!==!0&&void 0,!0);a.canResize=m,a.width=l.columnWidths[a.id]||a.originalWidth||a.width,a.isResizing=l.isResizingColumn===a.id,m&&(a.getResizerProps=N(r().getResizerProps,{instance:i(),header:a}))})};function Jr(e){var t=e.plugins,n=e.dispatch,r=e.autoResetResize,l=r===void 0||r,i=e.columns;ae(t,["useAbsoluteLayout"],"useResizeColumns");var a=Z(l);se(function(){a()&&n({type:f.resetResize})},[i]);var m=u.useCallback(function(){return n({type:f.resetResize})},[n]);Object.assign(e,{resetResizing:m})}var tn={position:"absolute",top:0},Pn=function(e){e.getTableBodyProps.push(Wt),e.getRowProps.push(Wt),e.getHeaderGroupProps.push(Wt),e.getFooterGroupProps.push(Wt),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:d({},tn,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:d({},tn,{left:r.column.totalLeft+"px",width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:d({},tn,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]})};Pn.pluginName="useAbsoluteLayout";var Wt=function(e,t){return[e,{style:{position:"relative",width:t.instance.totalColumnsWidth+"px"}}]},nn={display:"inline-block",boxSizing:"border-box"},rn=function(e,t){return[e,{style:{display:"flex",width:t.instance.totalColumnsWidth+"px"}}]},Fn=function(e){e.getRowProps.push(rn),e.getHeaderGroupProps.push(rn),e.getFooterGroupProps.push(rn),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:d({},nn,{width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:d({},nn,{width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:d({},nn,{width:r.totalWidth+"px"})}]})};function Wn(e){e.getTableProps.push(Yr),e.getRowProps.push(on),e.getHeaderGroupProps.push(on),e.getFooterGroupProps.push(on),e.getHeaderProps.push(Zr),e.getCellProps.push(Qr),e.getFooterProps.push(eo)}Fn.pluginName="useBlockLayout",Wn.pluginName="useFlexLayout";var Yr=function(e,t){return[e,{style:{minWidth:t.instance.totalColumnsMinWidth+"px"}}]},on=function(e,t){return[e,{style:{display:"flex",flex:"1 0 auto",minWidth:t.instance.totalColumnsMinWidth+"px"}}]},Zr=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"}}]},Qr=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"}}]},eo=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 Hn(e){e.stateReducers.push(oo),e.getTableProps.push(to),e.getHeaderProps.push(no),e.getRowProps.push(ro)}f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize",Hn.pluginName="useGridLayout";var to=function(e,t){var n=t.instance;return[e,{style:{display:"grid",gridTemplateColumns:n.visibleColumns.map(function(r){var l;return n.state.gridLayout.columnWidths[r.id]?n.state.gridLayout.columnWidths[r.id]+"px":(l=n.state.columnResizing)!=null&&l.isResizingColumn?n.state.gridLayout.startWidths[r.id]+"px":typeof r.width=="number"?r.width+"px":r.width}).join(" ")}}]},no=function(e,t){var n=t.column;return[e,{id:"header-cell-"+n.id,style:{position:"sticky",gridColumn:"span "+n.totalVisibleHeaderCount}}]},ro=function(e,t){var n=t.row;return n.isExpanded?[e,{style:{gridColumn:"1 / "+(n.cells.length+1)}}]:[e,{}]};function oo(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 l=t.columnId,i=t.headerIdWidths,a=sn(l);if(a!==void 0){var m=r.visibleColumns.reduce(function(x,j){var P;return d({},x,((P={})[j.id]=sn(j.id),P))},{}),h=r.visibleColumns.reduce(function(x,j){var P;return d({},x,((P={})[j.id]=j.minWidth,P))},{}),R=r.visibleColumns.reduce(function(x,j){var P;return d({},x,((P={})[j.id]=j.maxWidth,P))},{}),E=i.map(function(x){var j=x[0];return[j,sn(j)]});return d({},e,{gridLayout:d({},e.gridLayout,{startWidths:m,minWidths:h,maxWidths:R,headerIdGridWidths:E,columnWidth:a})})}return e}if(t.type===f.columnResizing){var b=t.clientX,S=e.columnResizing.startX,y=e.gridLayout,C=y.columnWidth,z=y.minWidths,k=y.maxWidths,T=y.headerIdGridWidths,U=(b-S)/C,H={};return(T===void 0?[]:T).forEach(function(x){var j=x[0],P=x[1];H[j]=Math.min(Math.max(z[j],P+P*U),k[j])}),d({},e,{gridLayout:d({},e.gridLayout,{columnWidths:d({},e.gridLayout.columnWidths,{},H)})})}return t.type===f.columnDoneResizing?d({},e,{gridLayout:d({},e.gridLayout,{startWidths:{},minWidths:{},maxWidths:{}})}):void 0}function sn(e){var t,n=(t=document.getElementById("header-cell-"+e))==null?void 0:t.offsetWidth;if(n!==void 0)return n}c._UNSTABLE_usePivotColumns=Sn,c.actions=f,c.defaultColumn=A,c.defaultGroupByFn=hn,c.defaultOrderByFn=wn,c.defaultRenderer=W,c.emptyRenderer=F,c.ensurePluginOrder=ae,c.flexRender=we,c.functionalUpdate=ge,c.loopHooks=fe,c.makePropGetter=N,c.makeRenderer=Be,c.reduceHooks=oe,c.safeUseLayoutEffect=te,c.useAbsoluteLayout=Pn,c.useAsyncDebounce=function(e,t){t===void 0&&(t=0);var n=u.useRef({}),r=Z(e),l=Z(t);return u.useCallback(function(){var i=v(regeneratorRuntime.mark(function a(){var m,h,R,E=arguments;return regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:for(m=E.length,h=new Array(m),R=0;R<m;R++)h[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(v(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,h);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]])})),l()),b.abrupt("return",n.current.promise);case 5:case"end":return b.stop()}},a)}));return function(){return i.apply(this,arguments)}}(),[r,l])},c.useBlockLayout=Fn,c.useColumnOrder=kn,c.useExpanded=We,c.useFilters=Le,c.useFlexLayout=Wn,c.useGetLatest=Z,c.useGlobalFilter=Bt,c.useGridLayout=Hn,c.useGroupBy=_,c.useMountedLayoutEffect=se,c.usePagination=bn,c.useResizeColumns=Bn,c.useRowSelect=En,c.useRowState=zn,c.useSortBy=yn,c.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=me(e),n=[Ye].concat(n);var l=u.useRef({}),i=Z(l.current);Object.assign(i(),d({},e,{plugins:n,hooks:st()})),n.filter(Boolean).forEach(function(O){O(i().hooks)});var a=Z(i().hooks);i().getHooks=a,delete i().hooks,Object.assign(i(),oe(a().useOptions,me(e)));var m=i(),h=m.data,R=m.columns,E=m.initialState,b=m.defaultColumn,S=m.getSubRows,y=m.getRowId,C=m.stateReducer,z=m.useControlledState,k=Z(C),T=u.useCallback(function(O,le){if(!le.type)throw console.info({action:le}),new Error("Unknown Action 👆");return[].concat(a().stateReducers,Array.isArray(k())?k():[k()]).reduce(function(ce,ve){return ve(ce,le,O,i())||ce},O)},[a,k,i]),U=u.useReducer(T,void 0,function(){return T(E,{type:f.init})}),H=U[0],x=U[1],j=oe([].concat(a().useControlledState,[z]),H,{instance:i()});Object.assign(i(),{state:j,dispatch:x});var P=u.useMemo(function(){return Te(oe(a().columns,R,{instance:i()}))},[a,i,R].concat(oe(a().columnsDeps,[],{instance:i()})));i().columns=P;var D=u.useMemo(function(){return oe(a().allColumns,re(P),{instance:i()}).map(be)},[P,a,i].concat(oe(a().allColumnsDeps,[],{instance:i()})));i().allColumns=D;var q=u.useMemo(function(){for(var O=[],le=[],ce={},ve=[].concat(D);ve.length;){var pe=ve.shift();Ie({data:h,rows:O,flatRows:le,rowsById:ce,column:pe,getRowId:y,getSubRows:S,accessValueHooks:a().accessValue,getInstance:i})}return[O,le,ce]},[D,h,y,S,a,i]),L=q[0],M=q[1],ee=q[2];Object.assign(i(),{rows:L,initialRows:[].concat(L),flatRows:M,rowsById:ee}),fe(a().useInstanceAfterData,i());var V=u.useMemo(function(){return oe(a().visibleColumns,D,{instance:i()}).map(function(O){return ke(O,b)})},[a,D,i,b].concat(oe(a().visibleColumnsDeps,[],{instance:i()})));D=u.useMemo(function(){var O=[].concat(V);return D.forEach(function(le){O.find(function(ce){return ce.id===le.id})||O.push(le)}),O},[D,V]),i().allColumns=D;var Q=u.useMemo(function(){return oe(a().headerGroups,jt(V,b),i())},[a,V,b,i].concat(oe(a().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(O,le){return[].concat(O,le.headers)},[]),fe(a().useInstanceBeforeDimensions,i());var ne=V.filter(function(O){return O.isVisible}).map(function(O){return O.id}).sort().join("_");V=u.useMemo(function(){return V.filter(function(O){return O.isVisible})},[V,ne]),i().visibleColumns=V;var G=St(Y),J=G[0],ue=G[1],he=G[2];return i().totalColumnsMinWidth=J,i().totalColumnsWidth=ue,i().totalColumnsMaxWidth=he,fe(a().useInstance,i()),[].concat(i().flatHeaders,i().allColumns).forEach(function(O){O.render=Be(i(),O),O.getHeaderProps=N(a().getHeaderProps,{instance:i(),column:O}),O.getFooterProps=N(a().getFooterProps,{instance:i(),column:O})}),i().headerGroups=u.useMemo(function(){return Q.filter(function(O,le){return O.headers=O.headers.filter(function(ce){return ce.headers?function ve(pe){return pe.filter(function(Oe){return Oe.headers?ve(Oe.headers):Oe.isVisible}).length}(ce.headers):ce.isVisible}),!!O.headers.length&&(O.getHeaderGroupProps=N(a().getHeaderGroupProps,{instance:i(),headerGroup:O,index:le}),O.getFooterGroupProps=N(a().getFooterGroupProps,{instance:i(),headerGroup:O,index:le}),!0)})},[Q,i,a]),i().footerGroups=[].concat(i().headerGroups).reverse(),i().prepareRow=u.useCallback(function(O){O.getRowProps=N(a().getRowProps,{instance:i(),row:O}),O.allCells=D.map(function(le){var ce=O.values[le.id],ve={column:le,row:O,value:ce};return ve.getCellProps=N(a().getCellProps,{instance:i(),cell:ve}),ve.render=Be(i(),le,{row:O,cell:ve,value:ce}),ve}),O.cells=V.map(function(le){return O.allCells.find(function(ce){return ce.column.id===le.id})}),fe(a().prepareRow,O,{instance:i()})},[a,i,D,V]),i().getTableProps=N(a().getTableProps,{instance:i()}),i().getTableBodyProps=N(a().getTableBodyProps,{instance:i()}),fe(a().useFinalInstance,i()),i()},Object.defineProperty(c,"__esModule",{value:!0})})})(cn,cn.exports);var Io=cn.exports;tr.exports=Io;var K=tr.exports;const nr=(o,s)=>{const c={};if(c.flex="1 1 145px",o.width){const u=typeof o.width=="string"?o.width:`${o.width}px`;c.width=u,s&&o.canResize?c.flex=`${Number(o.width)} ${Number(o.width)} ${u}`:c.flex=`0 0 ${u}`}return o.maxWidth&&(c.maxWidth=`${o.maxWidth}px`),o.minWidth&&(c.minWidth=`${o.minWidth}px`),c},rr=(o,s)=>{if(!o.sticky)return{};let c=0;for(const g of s){if(g.id===o.id)break;c+=Number(g.width||g.resizeWidth||0)}let u=0;for(const g of[...s].reverse()){if(g.id===o.id)break;u+=Number(g.width||g.resizeWidth||0)}return{"--iui-table-sticky-left":o.sticky==="left"?`${c}px`:void 0,"--iui-table-sticky-right":o.sticky==="right"?`${u}px`:void 0}},or=({density:o="default",depth:s=1})=>{let c=16,u=8;o==="condensed"?(c=12,u=4):o==="extra-condensed"&&(c=8,u=4);const g=26+u;return{paddingInlineStart:c+s*g}},zo=o=>{const{cell:s,isDisabled:c,cellProps:u,expanderCell:g,density:v,...d}=o;return p.createElement(p.Fragment,null,g?g(u):p.createElement(gn,{"aria-label":"Toggle sub row","aria-expanded":s.row.isExpanded?"true":"false",style:{marginInlineEnd:v==="default"||v===void 0?8:4},className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:w=>{w.stopPropagation(),s.row.toggleRowExpanded()},disabled:c,...d},p.createElement(Qn,{style:{transform:s.row.isExpanded?"rotate(90deg)":void 0}})))},pn=o=>{const{cellElementProps:{className:s,style:c,...u},children:g,startIcon:v,endIcon:d,cellProps:w,isDisabled:B,className:f,style:W,status:F,clamp:A=typeof w.value=="string",...$}=o;return p.createElement(ie,{...u,...$,className:xe(s,f),"aria-disabled":(B==null?void 0:B(w.row.original))||void 0,"data-iui-status":F,style:{...c,...W}},p.createElement(fn,null,p.createElement("slot",{name:"start"}),A?p.createElement(er,null,p.createElement("slot",null)):p.createElement("slot",null),p.createElement("slot",{name:"end"}),p.createElement("slot",{name:"shadows"})),v&&p.createElement(ie,{className:"iui-table-cell-start-icon",slot:"start"},v),g,d&&p.createElement(ie,{className:"iui-table-cell-end-icon",slot:"end"},d))},vt="iui-table-checkbox-selector",ko=(o={})=>{const{isDisabled:s,density:c}=o,u=c==="condensed"?42:c==="extra-condensed"?34:48;return{id:vt,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:u,width:u,maxWidth:u,columnClassName:"iui-slot",cellClassName:"iui-slot",Header:({getToggleAllRowsSelectedProps:g,toggleAllRowsSelected:v,rows:d,preFilteredFlatRows:w,state:B})=>{const f=w.every(A=>s==null?void 0:s(A.original)),W=w.every(A=>B.selectedRowIds[A.id]||(s==null?void 0:s(A.original))),F=!W&&Object.keys(B.selectedRowIds).length>0;return p.createElement(Dn,{...g(),style:{},title:"",checked:W&&!f,indeterminate:F,disabled:f,onChange:()=>v(!d.some(A=>A.isSelected))})},Cell:({row:g})=>p.createElement(Dn,{...g.getToggleRowSelectedProps(),style:{},title:"",disabled:s==null?void 0:s(g.original),onClick:v=>v.stopPropagation()}),cellRenderer:g=>p.createElement(pn,{...g,isDisabled:v=>!!(s!=null&&s(v))})}},ir="iui-table-expander",Bo=(o={})=>{const{subComponent:s,isDisabled:c}=o;return{id:ir,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:48,width:48,maxWidth:48,columnClassName:"iui-slot",cellClassName:"iui-slot",Cell:u=>{const{row:g}=u;return s!=null&&s(g)?p.createElement(gn,{className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:v=>{v.stopPropagation(),g.toggleRowExpanded()},disabled:c==null?void 0:c(u.row.original),"aria-expanded":g.isExpanded},p.createElement(Qn,null)):null},cellRenderer:u=>p.createElement(pn,{...u,isDisabled:g=>!!(c!=null&&c(g))})}},Po=o=>{const{cell:s,cellIndex:c,isDisabled:u,tableHasSubRows:g,tableInstance:v,expanderCell:d,density:w}=o,B=c===s.row.cells.findIndex($=>$.column.id!==vt),f=s.getCellProps({className:xe("iui-table-cell",s.column.cellClassName,{"iui-table-cell-sticky":!!s.column.sticky}),style:{...nr(s.column,!!v.state.isTableResizing),...g&&B&&or({density:w,depth:s.row.depth+(s.row.canExpand?0:1)}),...rr(s.column,v.visibleColumns)}}),W={...v,cell:s,row:s.row,value:s.value,column:s.column},F=p.createElement(p.Fragment,null,g&&B&&s.row.canExpand&&p.createElement(zo,{cell:s,isDisabled:u,cellProps:W,expanderCell:d,density:w,slot:"start"}),s.render("Cell")),A={cellElementProps:f,cellProps:W,children:p.createElement(p.Fragment,null,F,s.column.sticky==="left"&&v.state.sticky.isScrolledToRight&&p.createElement(ie,{className:"iui-table-cell-shadow-right",slot:"shadows"}),s.column.sticky==="right"&&v.state.sticky.isScrolledToLeft&&p.createElement(ie,{className:"iui-table-cell-shadow-left",slot:"shadows"}))};return p.createElement(p.Fragment,null,s.column.cellRenderer?s.column.cellRenderer({...A,isDisabled:()=>u}):p.createElement(pn,{...A,isDisabled:()=>u}))},Fo=o=>{const{row:s,rowProps:c,isLast:u,onRowInViewport:g,onBottomReached:v,intersectionMargin:d,onClick:w,subComponent:B,isDisabled:f,tableHasSubRows:W,tableInstance:F,expanderCell:A,scrollContainerRef:$,tableRowRef:N,density:oe}=o,fe=p.useCallback(()=>{var re,be;(re=g.current)==null||re.call(g,s.original),u&&((be=v.current)==null||be.call(v))},[u,v,g,s.original]),ae=p.useMemo(()=>{if((($==null?void 0:$.scrollHeight)??0)>(($==null?void 0:$.offsetHeight)??0))return $},[$]),ge=vo(fe,{rootMargin:`${d}px`,root:ae}),Z=(c==null?void 0:c(s))??{},{status:te,isLoading:se,...Be}=Z,we={...s.getRowProps({style:{flex:"0 0 auto",minWidth:"100%"}}),...Be,className:xe("iui-table-row",{"iui-table-row-expanded":s.isExpanded&&B,"iui-loading":se},Z==null?void 0:Z.className),"aria-selected":s.isSelected||void 0,"aria-disabled":f||void 0,"data-iui-status":te},Te=Yn(ge,we.ref,N);return p.createElement(p.Fragment,null,p.createElement(ie,{...we,ref:Te,onClick:re=>{var be;(be=we==null?void 0:we.onClick)==null||be.call(we,re),w==null||w(re,s)}},s.cells.map((re,be)=>p.createElement(Po,{key:re.getCellProps().key,cell:re,cellIndex:be,isDisabled:f,tableHasSubRows:W,tableInstance:F,expanderCell:A,density:oe}))),B&&p.createElement(Ro,{in:s.isExpanded},p.createElement(ie,{className:xe("iui-table-row","iui-table-expanded-content"),"aria-disabled":f},B(s))))},dn=(o,s)=>s!=null&&s[o.id]?!0:o.subRows.some(c=>dn(c,s)),Wo=p.memo(Fo,(o,s)=>{var c,u,g,v,d,w,B;return o.isLast===s.isLast&&((c=o.state.hiddenColumns)==null?void 0:c.length)===((u=s.state.hiddenColumns)==null?void 0:u.length)&&!!((g=o.state.hiddenColumns)!=null&&g.every((f,W)=>{var F;return((F=s.state.hiddenColumns)==null?void 0:F[W])===f}))&&o.onRowInViewport===s.onRowInViewport&&o.onBottomReached===s.onBottomReached&&o.onClick===s.onClick&&o.row.original===s.row.original&&((v=o.state.selectedRowIds)==null?void 0:v[o.row.id])===((d=s.state.selectedRowIds)==null?void 0:d[s.row.id])&&o.row.subRows.some(f=>dn(f,o.state.selectedRowIds))===s.row.subRows.some(f=>dn(f,s.state.selectedRowIds))&&((w=o.state.expanded)==null?void 0:w[o.row.id])===((B=s.state.expanded)==null?void 0:B[s.row.id])&&o.subComponent===s.subComponent&&o.row.cells.every((f,W)=>s.row.cells[W].column===f.column)&&o.isDisabled===s.isDisabled&&o.rowProps===s.rowProps&&o.expanderCell===s.expanderCell&&o.tableHasSubRows===s.tableHasSubRows&&o.scrollContainerRef===s.scrollContainerRef&&o.state.columnOrder===s.state.columnOrder&&!s.state.columnResizing.isResizingColumn&&o.state.isTableResizing===s.state.isTableResizing&&o.state.sticky.isScrolledToLeft===s.state.sticky.isScrolledToLeft&&o.state.sticky.isScrolledToRight===s.state.sticky.isScrolledToRight&&o.density===s.density}),Ho=o=>{const{column:s,className:c,...u}=o;Zn();const[g,v]=p.useState(!1),d=p.useCallback(()=>v(!1),[]),w=p.useCallback(W=>{s.setFilter(W),d()},[d,s]),B=p.useCallback(()=>{s.setFilter(void 0),d()},[d,s]),f=s.filterValue!=null&&s.filterValue!=="";return p.createElement(p.Fragment,null,s.canFilter&&s.Filter&&p.createElement(wo,{content:s.render("Filter",{close:d,setFilter:w,clearFilter:B}),placement:"bottom-start",visible:g,onVisibleChange:v,closeOnOutsideClick:!0,applyBackground:!0},p.createElement(gn,{styleType:"borderless",isActive:g||f,className:xe("iui-table-filter-button",c),"aria-label":"Filter",onClick:W=>{W.stopPropagation()},"data-iui-shift":"left",...u},f?p.createElement(Eo,null):p.createElement(xo,null))))},Mt=o=>!!o&&!isNaN(o.valueOf()),sr=(o,s,c)=>{const[u,g]=c||[],v=864e13,d=Mt(u)?u:new Date(-v),w=Mt(g)?g:new Date(v);return o.filter(B=>s.some(f=>{const W=B.values[f];return W.valueOf()>=d.valueOf()&&W.valueOf()<=w.valueOf()}))};sr.autoRemove=o=>!o||!Mt(o[0])&&!Mt(o[1]);const To={betweenDate:sr},Go=(o,s,c)=>u=>{o&&u.allColumns.push(g=>{if(g.find(w=>w.id===ir))return g;const d=Bo({subComponent:o,isDisabled:c});return[{...d,Cell:s?w=>p.createElement(p.Fragment,null,s(w)):d.Cell},...g]})},Ao=(o,s,c,u="default")=>g=>{o&&g.allColumns.push(v=>s==="single"||v.find(d=>d.id===vt)?v:[ko({isDisabled:c,density:u}),...v])},lr=(o,s,c)=>(o=o.filter(u=>s.some(g=>{const v=u.values[g];return String(v).toLowerCase().includes(String(c).toLowerCase())})),o);lr.autoRemove=o=>!o;const ur=(o,s,c)=>o.filter(u=>s.some(g=>{const v=u.values[g];return v!==void 0?String(v).toLowerCase()===String(c).toLowerCase():!0}));ur.autoRemove=o=>!o;const ar=(o,s,c)=>o.filter(u=>s.some(g=>{const v=u.values[g];return v!==void 0?String(v)===String(c):!0}));ar.autoRemove=o=>!o;const cr=(o,s,c)=>o.filter(u=>s.some(g=>u.values[g].includes(c)));cr.autoRemove=o=>!o||!o.length;const dr=(o,s,c)=>o.filter(u=>s.some(g=>{const v=u.values[g];return v&&v.length&&c.every(d=>v.includes(d))}));dr.autoRemove=o=>!o||!o.length;const fr=(o,s,c)=>o.filter(u=>s.some(g=>{const v=u.values[g];return v&&v.length&&c.some(d=>v.includes(d))}));fr.autoRemove=o=>!o||!o.length;const gr=(o,s,c)=>o.filter(u=>s.some(g=>{const v=u.values[g];return c.includes(v)}));gr.autoRemove=o=>!o||!o.length;const pr=(o,s,c)=>{let[u,g]=c||[];if(u=typeof u=="number"?u:-1/0,g=typeof g=="number"?g:1/0,u>g){const v=u;u=g,g=v}return o.filter(v=>s.some(d=>{const w=v.values[d];return w>=u&&w<=g}))};pr.autoRemove=o=>!o||typeof o[0]!="number"&&typeof o[1]!="number";const No={text:lr,exactText:ur,exactTextCase:ar,includes:cr,includesAll:dr,includesSome:fr,includesValue:gr,between:pr},Lo=o=>s=>{s.useInstance.push(Oo.bind({},o))},Oo=(o,s)=>{const c=d=>{d.forEach(w=>{w.initialSubRows||(w.initialSubRows=w.subRows),c(w.subRows)})};c(s.initialRows);const{filteredRows:u=s.filteredRows,filteredFlatRows:g=s.filteredFlatRows,filteredRowsById:v=s.filteredRowsById}=p.useMemo(()=>{if(!o)return{};const d=A=>{A.forEach($=>{$.subRows=$.initialSubRows??[],d($.subRows)})};d(s.initialRows);let w=[...s.initialRows];s.state.filters.forEach(({id:A,value:$})=>{const N=s.allColumns.find(ae=>ae.id===A);if(!N)return;const oe={...No,...s.filterTypes},fe=typeof N.filter=="function"?N.filter:oe[N.filter??"text"];w=w.filter(ae=>mr(ae,fe,A,$))});const B=[],f=[],W={},F=A=>{A.depth===0&&B.push(A),f.push(A),W[A.id]=A,A.subRows.length&&A.subRows.forEach($=>F($))};return w.forEach(A=>F(A)),{filteredRows:B,filteredFlatRows:f,filteredRowsById:W}},[s.allColumns,s.filterTypes,s.initialRows,s.state.filters,o]);Object.assign(s,{filteredRows:u,filteredFlatRows:g,filteredRowsById:v,rows:u,flatRows:g,rowsById:v})},mr=(o,s,c,u)=>{let g=!1;return o.subRows=o.initialSubRows.filter(d=>{const w=mr(d,s,c,u);return w&&(g=!0),w}),g?!0:!!s([o],[c],u).length},Mo=o=>{o.useInstance.push(Do)},Do=o=>{const s=p.useMemo(()=>{const c=[],u=(g,v)=>{let d=!1;g.subRows.forEach(w=>{u(w,v),(w.isSelected||w.isSomeSelected)&&(d=!0)}),v[g.id]?(g.isSelected=!0,g.isSomeSelected=!1,c.push(g)):(g.isSelected=!1,g.isSomeSelected=d)};return o.rows.forEach(g=>u(g,o.state.selectedRowIds)),c},[o.rows,o.state.selectedRowIds]);Object.assign(o,{selectedFlatRows:s})},hr=o=>s=>{s.getResizerProps=[Vo(o)],s.stateReducers.push(jo),s.useInstanceBeforeDimensions.push(Xo)},Ot=o=>o.type==="touchstart",Vo=o=>(s,{instance:c,header:u,nextHeader:g})=>{const{dispatch:v}=c,d=(w,B)=>{var ae,ge,Z;if(Ot(w)&&w.touches&&w.touches.length>1)return;const f=Xn(B).map(te=>[te.id,ot(te)]),W=g?Xn(g).map(te=>[te.id,ot(te)]):[],F=Ot(w)?Math.round(w.touches[0].clientX):w.clientX,A=te=>v({type:K.actions.columnResizing,clientX:te}),$=()=>v({type:K.actions.columnDoneResizing}),N={mouse:{moveEvent:"mousemove",moveHandler:te=>A(te.clientX),upEvent:"mouseup",upHandler:()=>{var te,se,Be;(te=o.current)==null||te.removeEventListener("mousemove",N.mouse.moveHandler),(se=o.current)==null||se.removeEventListener("mouseup",N.mouse.upHandler),(Be=o.current)==null||Be.removeEventListener("mouseleave",N.mouse.upHandler),$()}},touch:{moveEvent:"touchmove",moveHandler:te=>{te.cancelable&&(te.preventDefault(),te.stopPropagation()),A(te.touches[0].clientX)},upEvent:"touchend",upHandler:()=>{var te,se;(te=o.current)==null||te.removeEventListener(N.touch.moveEvent,N.touch.moveHandler),(se=o.current)==null||se.removeEventListener(N.touch.upEvent,N.touch.moveHandler),$()}}},oe=Ot(w)?N.touch:N.mouse,fe=qo()?{passive:!1}:!1;(ae=o.current)==null||ae.addEventListener(oe.moveEvent,oe.moveHandler,fe),(ge=o.current)==null||ge.addEventListener(oe.upEvent,oe.upHandler,fe),Ot(w)||(Z=o.current)==null||Z.addEventListener("mouseleave",N.mouse.upHandler,fe),v({type:K.actions.columnStartResizing,columnId:B.id,columnWidth:ot(B),nextColumnWidth:ot(g),headerIdWidths:f,nextHeaderIdWidths:W,clientX:F})};return[s,{onClick:w=>{w.stopPropagation()},onMouseDown:w=>{w.persist(),w.preventDefault(),w.stopPropagation(),d(w,u)},onTouchStart:w=>{w.persist(),w.preventDefault(),d(w,u)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};hr.pluginName="useResizeColumns";const jo=(o,s,c,u)=>{if(s.type===K.actions.init)return{...o,columnResizing:{columnWidths:{}}};if(s.type===K.actions.resetResize)return{...o,columnResizing:{columnWidths:{}}};if(s.type===K.actions.columnStartResizing){const{clientX:g,columnId:v,columnWidth:d,nextColumnWidth:w,headerIdWidths:B,nextHeaderIdWidths:f}=s;return{...o,columnResizing:{...o.columnResizing,startX:g,columnWidth:d,nextColumnWidth:w,headerIdWidths:B,nextHeaderIdWidths:f,isResizingColumn:v}}}if(s.type===K.actions.columnResizing){const{clientX:g}=s,{startX:v=0,columnWidth:d=1,nextColumnWidth:w=1,headerIdWidths:B=[],nextHeaderIdWidths:f=[]}=o.columnResizing;if(!u)return o;const W=g-v,F=Vn(B,W/d),A=Uo(F,u.flatHeaders)<u.tableWidth,$=(u==null?void 0:u.columnResizeMode)==="fit"||(u==null?void 0:u.columnResizeMode)==="expand"&&A?Vn(f,-W/w):{};return!jn(F,u.flatHeaders)||!jn($,u.flatHeaders)||!_o({...F,...$},u)?o:(u==null||u.flatHeaders.forEach(N=>{N.width||(N.width=N.resizeWidth)}),{...o,columnResizing:{...o.columnResizing,columnWidths:{...o.columnResizing.columnWidths,...F,...$}}})}return s.type===K.actions.columnDoneResizing?{...o,columnResizing:{...o.columnResizing,startX:void 0,isResizingColumn:void 0}}:o},Vn=(o,s)=>{const c={};return o.forEach(([u,g])=>{c[u]=Math.max(g+g*s,0)}),c},jn=(o,s)=>{if(Object.values(o).some(c=>c<=1))return!1;for(const[c,u]of Object.entries(o)){const g=s==null?void 0:s.find(w=>w.id===c);if(!g)continue;const v=g.minWidth||0,d=g.maxWidth||1/0;if(u<v||u>d)return!1}return!0},_o=(o,s)=>{if(s.columnResizeMode==="fit")return!0;let c=0;for(const u of s.flatHeaders)c+=o[u.id]?o[u.id]:ot(u);return!(Math.round(c)<s.tableWidth)},Xo=o=>{const{flatHeaders:s,getHooks:c,state:{columnResizing:u},columnResizeMode:g}=o,v=K.useGetLatest(o);s.forEach((d,w)=>{var F;const B=u.columnWidths[d.id];d.width=B||d.width||d.originalWidth,d.isResizing=u.isResizingColumn===d.id;const f=d.disableResizing&&g==="fit"?_n(d,o):d,W=g==="expand"&&w===s.length-1?_n(d,o):$o(d,o);d.canResize=d.disableResizing!=null?!d.disableResizing:!0,g==="fit"?d.isResizerVisible=d.canResize&&!!W||f&&!!((F=o.flatHeaders[w+1])!=null&&F.canResize):d.isResizerVisible=d.canResize&&!!f,d.getResizerProps=K.makePropGetter(c().getResizerProps,{instance:v(),header:f,nextHeader:W})})},_n=(o,s)=>{var g;const c=(((g=o.parent)==null?void 0:g.columns)||s.flatHeaders).filter(({isVisible:v})=>v),u=c.findIndex(v=>v.id===o.id);return[...c].slice(0,u).reverse().find(v=>!v.disableResizing)},$o=(o,s)=>{var g;const c=(((g=o.parent)==null?void 0:g.columns)||s.flatHeaders).filter(({isVisible:v})=>v),u=c.findIndex(v=>v.id===o.id);return[...c].slice(u+1).find(v=>!v.disableResizing)};function Xn(o){const s=[],c=u=>{u.columns&&u.columns.length&&u.columns.map(c),s.push(u)};return c(o),s}const ot=o=>o?typeof o.width=="string"&&Number.isNaN(Number(o.width))?Number(o.resizeWidth||0):Number(o.width||o.resizeWidth||0):0,Uo=(o,s)=>{let c=0;for(const u of s)c+=o[u.id]?o[u.id]:ot(u);return c};let ht=null;const qo=()=>{if(ht!=null)return ht;try{const o={once:!0,get passive(){return ht=!0,!1}};window.addEventListener("test",()=>{},o)}catch{ht=!1}return ht},Dt={columnDragStart:"columnDragStart",columnDragEnd:"columnDragEnd"},Ko=o=>s=>{s.getDragAndDropProps=[Jo(o)],s.stateReducers.push(Yo),s.useInstance.push(Zo)},Jo=o=>(s,{instance:c,header:u})=>{if(!o||u.disableReordering)return s;const g=()=>{c.dispatch({type:Dt.columnDragStart,columnIndex:c.flatHeaders.indexOf(u)})},v=(W,F)=>{const A=W.currentTarget;A.classList.remove(Lt["iui-table-reorder-column-right"]),A.classList.remove(Lt["iui-table-reorder-column-left"]),F==="left"?A.classList.add(Lt["iui-table-reorder-column-left"]):F==="right"&&A.classList.add(Lt["iui-table-reorder-column-right"])},d=(W,F,A)=>{const $=[...W],[N]=$.splice(F,1);return $.splice(A,0,N),$};return[s,{draggable:!0,onDragStart:g,onDragOver:W=>{W.preventDefault();const F=c.flatHeaders.indexOf(u);c.state.columnReorderStartIndex!==F&&v(W,c.state.columnReorderStartIndex>F?"left":"right")},onDragLeave:W=>{v(W)},onDrop:W=>{W.preventDefault(),v(W);const F=c.allColumns.map(N=>N.id),A=c.state.columnReorderStartIndex,$=F.findIndex(N=>N===u.id);A===$||A===-1||$===-1||(c.setColumnOrder(d(F,A,$)),c.dispatch({type:Dt.columnDragEnd,columnIndex:-1}))}}]},Yo=(o,s)=>{switch(s.type){case K.actions.init:return{...o,columnReorderStartIndex:-1};case Dt.columnDragStart:return{...o,columnReorderStartIndex:s.columnIndex};case Dt.columnDragEnd:return{...o,columnReorderStartIndex:-1};default:return o}},Zo=o=>{const{flatHeaders:s,getHooks:c}=o,u=K.useGetLatest(o);s.forEach(g=>{g.getDragAndDropProps=K.makePropGetter(c().getDragAndDropProps,{instance:u(),header:g})})};function Qo({data:o,enableVirtualization:s,page:c,paginatorRenderer:u,scrollToRow:g}){const v=p.useRef({}),d=p.useRef(c);d.current=c;const w=p.useRef(o);w.current=o;const B=p.useMemo(()=>{if(!g||u)return;const W=g(d.current,w.current);return W<0?void 0:W},[u,g]);p.useEffect(()=>{var W,F;s||B===void 0||B===null||B<0||(F=v.current[(W=d.current[B])==null?void 0:W.id])==null||F.scrollIntoView()},[s,B]);const f=p.useCallback(W=>F=>{v.current[W.id]=F},[]);return{scrollToIndex:B,tableRowRef:f}}K.actions.setScrolledLeft="setScrolledLeft";K.actions.setScrolledRight="setScrolledRight";const ei=o=>{o.stateReducers.push(ti),o.useInstance.push(ni)},ti=(o,s)=>{var c,u;return s.type===K.actions.init?{...o,sticky:{}}:s.type===K.actions.setScrolledLeft&&((c=o.sticky)==null?void 0:c.isScrolledToLeft)!==s.value?{...o,sticky:{...o.sticky,isScrolledToLeft:s.value}}:s.type===K.actions.setScrolledRight&&((u=o.sticky)==null?void 0:u.isScrolledToRight)!==s.value?{...o,sticky:{...o.sticky,isScrolledToRight:s.value}}:o},ni=o=>{const{flatHeaders:s}=o;s.forEach(g=>{g.originalSticky||(g.originalSticky=g.sticky??"none"),g.sticky=g.originalSticky==="none"?void 0:g.originalSticky});let c=!1;[...s].reverse().forEach(g=>{g.sticky==="left"&&(c=!0),c&&(g.sticky="left")});let u=!1;s.forEach(g=>{g.sticky==="right"&&(u=!0),u&&(g.sticky="right")})},ri=(o,s,c)=>{if(!(s!=null&&s.preFilteredFlatRows.length)){c==null||c([],o);return}const u=[];s.preFilteredFlatRows.forEach(g=>{o.expanded[g.id]&&u.push(g.original)}),c==null||c(u,o)},oi=(o,s,c,u,g)=>{const v=c.filters.find(d=>d.id===s.columnId);return(v==null?void 0:v.value)!=s.filterValue?o.filters.map(w=>{const B=g==null?void 0:g.allColumns.find(f=>f.id===w.id);return{id:w.id,value:w.value,fieldType:(B==null?void 0:B.fieldType)??"text",filterType:(B==null?void 0:B.filter)??"text"}}):u},mn=(o,s,c,u)=>{if(!(s!=null&&s.rows.length)){c==null||c([],o);return}const g={},v=w=>{if(u!=null&&u(w.original))return!1;let B=!0;return w.initialSubRows.forEach(f=>{v(f)||(B=!1)}),(!s.selectSubRows&&o.selectedRowIds[w.id]||!w.initialSubRows.length&&o.selectedRowIds[w.id]||w.initialSubRows.length&&B)&&(g[w.id]=!0),!!g[w.id]};s.initialRows.forEach(w=>v(w));const d=ui(g,s);o.selectedRowIds=g,c==null||c(d,o)},ii=(o,s,c,u,g)=>{mn(o,c,u,g),o.lastSelectedRowId=s.id},si=(o,s,c,u,g)=>{const v={[s.id]:!0};if(c!=null&&c.selectSubRows){const w=B=>{v[B.id]=!0,B.subRows.forEach(f=>w(f))};w(c.rowsById[s.id])}const d={...o,lastSelectedRowId:s.id,selectedRowIds:v};return mn(d,c,u,g),d},li=(o,s,c,u,g)=>{if(c==null)return o;let v=Math.max(0,c.flatRows.findIndex(F=>F.id===o.lastSelectedRowId)),d=Math.max(0,c.flatRows.findIndex(F=>F.id===s.id));if(v>d){const F=v;v=d,d=F}const w=o.lastSelectedRowId==null||!!o.selectedRowIds[o.lastSelectedRowId],B=s.ctrlPressed?{...o.selectedRowIds}:{};c.flatRows.slice(v,d+1).forEach(F=>B[F.id]=w);const f=F=>{B[F.id]=w,F.subRows.forEach(A=>f(A))};f(c.flatRows[d]);const W={...o,selectedRowIds:B};return mn(W,c,u,g),W},ui=(o,s)=>{const c=[],u=g=>{o[g.id]&&c.push(g.original),g.initialSubRows.forEach(v=>u(v))};return s==null||s.initialRows.forEach(g=>u(g)),c},ai=o=>({...o,isTableResizing:!0}),ci=(o,s)=>({...o,isTableResizing:!1,columnResizing:{...o.columnResizing,columnWidths:{...s.columnWidths}}}),$n="singleRowSelected",Un="shiftRowSelected",qn="tableResizeStart",Kn="tableResizeEnd",Jn={default:72,withExpander:108},di=ho(),vr=o=>{const s=[];return o.forEach(c=>{s.push(c),"columns"in c&&s.push(...vr(c.columns))}),s},wi=o=>{const{data:s,columns:c,isLoading:u=!1,emptyTableContent:g,className:v,style:d,id:w,isSelectable:B=!1,onSelect:f,onRowClick:W,selectionMode:F="multi",isSortable:A=!1,onSort:$,stateReducer:N,onBottomReached:oe,onRowInViewport:fe,intersectionMargin:ae=300,subComponent:ge,onExpand:Z,onFilter:te,globalFilterValue:se,emptyFilteredTableContent:Be,filterTypes:we,expanderCell:Te,isRowDisabled:re,rowProps:be,density:ke="default",selectSubRows:jt=!0,getSubRows:Me,selectRowOnClick:Se=!0,paginatorRenderer:De,pageSize:_e=25,isResizable:Xe=!1,columnResizeMode:Ge="fit",styleType:it="default",enableVirtualization:Ae=!1,enableColumnReordering:$e=!1,headerWrapperProps:Ue,headerProps:qe,bodyProps:Ke,emptyTableContentProps:Re,..._t}=o;Zn();const Pe=p.useRef(),Xt=p.useMemo(()=>({maxWidth:0,minWidth:0,width:0}),[]),Rt=p.useRef(oe),yt=p.useRef(fe);p.useEffect(()=>{Rt.current=oe,yt.current=fe},[oe,fe]);const Je=p.useMemo(()=>vr(c).some(X=>X.id===vt),[c]),st=p.useCallback(I=>{I.key==="Shift"&&Pe.current&&(Pe.current.documentElement.style.userSelect="none")},[]),Ye=p.useCallback(I=>{I.key==="Shift"&&Pe.current&&(Pe.current.documentElement.style.userSelect="")},[]);p.useEffect(()=>{if(!B||F!=="multi")return;const I=Pe.current;return I==null||I.addEventListener("keydown",st),I==null||I.addEventListener("keyup",Ye),()=>{I==null||I.removeEventListener("keydown",st),I==null||I.removeEventListener("keyup",Ye)}},[B,F,Pe,st,Ye]);const lt=p.useRef([]),Ve=p.useRef(lt.current),$t=p.useCallback((I,X,_,ye)=>{switch(X.type){case K.actions.toggleSortBy:$==null||$(I);break;case K.actions.setFilter:Ve.current=oi(I,X,_,Ve.current,ye);break;case K.actions.toggleRowExpanded:case K.actions.toggleAllRowsExpanded:ri(I,ye,Z);break;case $n:{I=si(I,X,ye,f,Je?void 0:re);break}case Un:{I=li(I,X,ye,f,Je?void 0:re);break}case K.actions.toggleRowSelected:case K.actions.toggleAllRowsSelected:case K.actions.toggleAllPageRowsSelected:{ii(I,X,ye,f,Je?void 0:re);break}case qn:{I=ai(I);break}case Kn:{I=ci(I,X);break}}return N?N(I,X,_,ye):I},[Je,re,Z,f,$,N]),Ut=p.useMemo(()=>({...To,...we}),[we]),Ze=p.useMemo(()=>s.some((I,X)=>Me?Me(I,X):I.subRows),[s,Me]),Ce=K.useTable({manualPagination:!De,paginateExpandedRows:!1,...o,columns:c,defaultColumn:Xt,disableSortBy:!A,stateReducer:$t,filterTypes:Ut,selectSubRows:jt,data:s,getSubRows:Me,initialState:{pageSize:_e,...o.initialState},columnResizeMode:Ge},K.useFlexLayout,hr(Pe),K.useFilters,Lo(Ze),K.useGlobalFilter,K.useSortBy,K.useExpanded,K.usePagination,K.useRowSelect,Mo,Go(ge,Te,re),Ao(B,F,re,ke),K.useColumnOrder,Ko($e),ei),{getTableProps:qt,rows:ut,headerGroups:wt,getTableBodyProps:Kt,prepareRow:bt,state:me,allColumns:St,dispatch:Ie,page:We,gotoPage:Ct,setPageSize:Qe,flatHeaders:et,visibleColumns:Jt,setGlobalFilter:Et}=Ce;let at=wt;c.length===1&&"columns"in c[0]&&(at=wt.slice(1),di("Table's `columns` prop should not have a top-level `Header` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes"));const xt=Object.entries(_t).reduce((I,[X,_])=>((X.startsWith("data-")||X.startsWith("aria-"))&&(I[X]=_),I),{}),tt=St.some(I=>I.filterValue!=null&&I.filterValue!=="")||!!se,ct=I=>(s.length!==0||tt)&&I.canFilter&&!!I.Filter,je=I=>s.length!==0&&I.canSort,dt=p.useCallback((I,X)=>{const _=re==null?void 0:re(X.original),ye=I.ctrlKey||I.metaKey;_||W==null||W(I,X),B&&!_&&Se&&!I.isDefaultPrevented()&&(F==="multi"&&I.shiftKey?Ie({type:Un,id:X.id,ctrlPressed:ye}):!X.isSelected&&(F==="single"||!ye)?Ie({type:$n,id:X.id}):X.toggleRowSelected(!X.isSelected))},[re,B,Se,F,Ie,W]);p.useEffect(()=>{Et(se)},[se,Et]),p.useEffect(()=>{Qe(_e)},[_e,Qe]),p.useEffect(()=>{lt.current!==Ve.current&&(lt.current=Ve.current,te==null||te(Ve.current,me,Ce.filteredRows))},[me,Ce.filteredRows,te]);const nt=p.useRef([]);p.useEffect(()=>{nt.current.length>0&&JSON.stringify(nt.current)!==JSON.stringify(c)&&Ce.setColumnOrder([]),nt.current=c},[c,Ce]);const It=p.useMemo(()=>({currentPage:me.pageIndex,pageSize:me.pageSize,totalRowsCount:ut.length,size:ke!=="default"?"small":"default",isLoading:u,onPageChange:Ct,onPageSizeChange:Qe,totalSelectedRowsCount:F==="single"?0:Ce.selectedFlatRows.length}),[ke,Ct,u,ut.length,Qe,me.pageIndex,me.pageSize,Ce.selectedFlatRows,F]),Fe=p.useRef(null),{scrollToIndex:zt,tableRowRef:Ne}=Qo({...o,page:We}),Le=p.useRef({}),kt=p.useRef(0),Yt=p.useCallback(({width:I})=>{Xe&&(Ce.tableWidth=I,I!==kt.current&&(kt.current=I,et.forEach(X=>{Le.current[X.id]&&(X.resizeWidth=Le.current[X.id].getBoundingClientRect().width)}),Object.keys(me.columnResizing.columnWidths).length!==0&&Ie({type:qn})))},[Ie,me.columnResizing.columnWidths,et,Ce,Xe]),[Bt]=po(Yt);mo(()=>{if(me.isTableResizing){const I={};et.forEach(X=>{Le.current[X.id]&&(I[X.id]=Le.current[X.id].getBoundingClientRect().width)}),Ie({type:Kn,columnWidths:I})}});const ft=p.useCallback(I=>{const X=We[I];return bt(X),p.createElement(Wo,{row:X,rowProps:be,isLast:I===We.length-1,onRowInViewport:yt,onBottomReached:Rt,intersectionMargin:ae,state:me,key:X.getRowProps().key,onClick:dt,subComponent:ge,isDisabled:!!(re!=null&&re(X.original)),tableHasSubRows:Ze,tableInstance:Ce,expanderCell:Te,scrollContainerRef:Fe.current,tableRowRef:Ae?void 0:Ne(X),density:ke})},[We,bt,be,ae,me,dt,ge,re,Ze,Ce,Te,Ae,Ne,ke]),Zt=p.useCallback(I=>ft(I),[ft]),gt=()=>{!Fe.current||et.every(I=>!I.sticky)||(Fe.current.scrollLeft!==0?Ie({type:K.actions.setScrolledRight,value:!0}):Ie({type:K.actions.setScrolledRight,value:!1}),Fe.current.scrollLeft!==Fe.current.scrollWidth-Fe.current.clientWidth?Ie({type:K.actions.setScrolledLeft,value:!0}):Ie({type:K.actions.setScrolledLeft,value:!1}))};p.useEffect(()=>{gt()},[]);const rt=p.useRef(!1);return p.createElement(p.Fragment,null,p.createElement(ie,{ref:Yn(Fe,I=>{Pe.current=I==null?void 0:I.ownerDocument,Bt(I)}),id:w,...qt({className:xe("iui-table",v),style:{minWidth:0,...d}}),onScroll:()=>gt(),"data-iui-size":ke==="default"?void 0:ke,...xt},at.map(I=>{I.headers=I.headers.filter(_=>!_.id.includes("iui-table-checkbox-selector_placeholder")&&!_.id.includes("iui-table-expander_placeholder"));const X=I.getHeaderGroupProps({className:"iui-table-row"});return p.createElement(ie,{as:"div",key:X.key,...Ue,className:xe("iui-table-header-wrapper",Ue==null?void 0:Ue.className)},p.createElement(ie,{as:"div",...qe,className:xe("iui-table-header",qe==null?void 0:qe.className)},p.createElement(ie,{...X},I.headers.map((_,ye)=>{const{onClick:pt,...Qt}=_.getSortByToggleProps(),Pt=Ze&&ye===I.headers.findIndex(Ee=>Ee.id!==vt);[void 0,0].includes(_.minWidth)&&(_.minWidth=Pt?Jn.withExpander:Jn.default);const Ft=_.getHeaderProps({...Qt,className:xe("iui-table-cell",{"iui-actionable":_.canSort,"iui-sorted":_.isSorted,"iui-table-cell-sticky":!!_.sticky},_.columnClassName),style:{...nr(_,!!me.isTableResizing),...Pt&&or({density:ke}),...rr(_,Jt),flexWrap:"wrap",columnGap:"var(--iui-size-xs)"}});return p.createElement(ie,{...Ft,..._.getDragAndDropProps(),key:Ft.key,title:void 0,ref:Ee=>{Ee&&(Le.current[_.id]=Ee,_.resizeWidth=Ee.getBoundingClientRect().width)},onMouseDown:()=>{rt.current=!0},onClick:Ee=>{rt.current&&(pt==null||pt(Ee),rt.current=!1)},tabIndex:je(_)?0:void 0,onKeyDown:Ee=>{Ee.key=="Enter"&&je(_)&&_.toggleSortBy()}},p.createElement(fn,null,typeof _.Header=="string"?p.createElement(er,null,p.createElement("slot",null)):p.createElement("slot",null),p.createElement("slot",{name:"actions"}),p.createElement("slot",{name:"resizers"}),p.createElement("slot",{name:"shadows"})),_.render("Header"),(ct(_)||je(_))&&p.createElement(ie,{className:"iui-table-header-actions-container",onKeyDown:Ee=>Ee.stopPropagation(),slot:"actions"},ct(_)&&p.createElement(Ho,{column:_}),je(_)&&p.createElement(ie,{className:"iui-table-cell-end-icon"},_.isSortedDesc||!_.isSorted&&_.sortDescFirst?p.createElement(Co,{className:"iui-table-sort","aria-hidden":!0}):p.createElement(So,{className:"iui-table-sort","aria-hidden":!0}))),Xe&&_.isResizerVisible&&(ye!==I.headers.length-1||Ge==="expand")&&p.createElement(ie,{..._.getResizerProps(),className:"iui-table-resizer",slot:"resizers"},p.createElement(ie,{className:"iui-table-resizer-bar"})),$e&&!_.disableReordering&&p.createElement(ie,{className:"iui-table-reorder-bar",slot:"resizers"}),_.sticky==="left"&&me.sticky.isScrolledToRight&&p.createElement(ie,{className:"iui-table-cell-shadow-right",slot:"shadows"}),_.sticky==="right"&&me.sticky.isScrolledToLeft&&p.createElement(ie,{className:"iui-table-cell-shadow-left",slot:"shadows"}))}))))}),p.createElement(ie,{as:"div",...Ke,...Kt({className:xe("iui-table-body",{"iui-zebra-striping":it==="zebra-rows"},Ke==null?void 0:Ke.className),style:{outline:0}}),tabIndex:-1,"aria-multiselectable":B&&F==="multi"||void 0},s.length!==0&&p.createElement(p.Fragment,null,Ae?p.createElement(yo,{itemsLength:We.length,itemRenderer:Zt,scrollToIndex:zt}):We.map((I,X)=>ft(X))),u&&s.length===0&&p.createElement(ie,{as:"div",...Re,className:xe("iui-table-empty",Re==null?void 0:Re.className)},p.createElement(Mn,{indeterminate:!0})),!u&&s.length===0&&!tt&&p.createElement(ie,{as:"div",...Re,className:xe("iui-table-empty",Re==null?void 0:Re.className)},p.createElement("div",null,g)),!u&&(s.length===0||ut.length===0)&&tt&&p.createElement(ie,{as:"div",...Re,className:xe("iui-table-empty",Re==null?void 0:Re.className)},p.createElement("div",null,Be))),u&&s.length!==0&&p.createElement(ie,{className:"iui-table-body-extra","data-iui-loading":"true"},p.createElement(Mn,{indeterminate:!0,size:"small"})),De==null?void 0:De(It)))};export{pn as D,ir as E,vt as S,wi as T,ko as a,Bo as b,qn as t};
diff --git a/1957/react/assets/Table.stories-Cq7vosfl.js b/1957/react/assets/Table.stories-Cq7vosfl.js
new file mode 100644
index 00000000000..c0300975872
--- /dev/null
+++ b/1957/react/assets/Table.stories-Cq7vosfl.js
@@ -0,0 +1 @@
+import{r as a,q as fe,a8 as ge,B as $,I as O,a0 as B,c as _,n as xe,i as Ce,b as Re,l as Ne,R as c,j as e,T as ke}from"./index-DjxMsM5m.js";import{S as oe}from"./More-CgFlrjTV.js";import{a as Se,b as ve,S as Fe}from"./StatusWarning-BRrn9sgc.js";import{A as P}from"./Anchor-BixGaM0U.js";import{S as Te,E as je,t as He,T as f,D as K,a as Pe,b as Ee}from"./Table-CHJVAlEZ.js";import{B as ie}from"./Button-C_nFjF9J.js";import{D as Me,i as be}from"./DatePicker-BoZtOKQG.js";import{I as ze}from"./InputGrid-BetVfwxb.js";import{L as $e}from"./Label-DNKU_rtG.js";import{I as te}from"./InputWithDecorations-DpLRm_47.js";import{P as Ie}from"./Popover-CkBHJnxg.js";import{L as he}from"./LabeledInput-Du-RTwaP.js";import{I as le}from"./Input-D0vVJrGL.js";import{T as Z}from"./Text-Cn6X0xwD.js";import{C as G}from"./Code-13DeCnRv.js";import{I as ne}from"./InputGroup-DPtL6Yf5.js";import{C as re}from"./Checkbox-Cit0Xd27.js";import{M as I}from"./MenuItem-DAdlK6Bb.js";import{D as Q}from"./DropdownMenu-FIYbvMF3.js";import{D as Le}from"./DropdownButton-BLPr5sq5.js";import{P as se}from"./ProgressRadial-B65sMgcN.js";import{u as Ve}from"./useContainerWidth-Drn508ky.js";import{S as qe}from"./SvgChevronLeft-B2Hc4_Y5.js";import{S as We}from"./SvgChevronRight-C6VlZyp4.js";import{R as A}from"./Radio-CAg1e-cm.js";import"./useIntersection-5ksHNLOp.js";import"./WithCSSTransition-Dpufkg-9.js";import"./VirtualScroll-CmUb1GiL.js";import"./TimePicker-D6gsYaTW.js";import"./Textarea-C661yE2u.js";import"./Icon-pbAsVzre.js";import"./MenuExtraContent-L2ud75Ru.js";import"./Select-BVyecqbT.js";import"./SvgCheckmark-pPju8St4.js";import"./SvgCaretDownSmall-CdoXcIxC.js";import"./ListItem-ip9GMFW4.js";import"./LinkAction-D0M2gvZH.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./focusable-DQv_vybo.js";import"./SvgCaretUpSmall-BVKtlURr.js";const Ae=t=>a.createElement(fe,{...t},a.createElement("path",{d:"m1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2"})),Oe=t=>a.createElement(fe,{...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"})),Be=t=>{const{cellElementProps:s,cellProps:o,onCellEdit:i,children:n,isDisabled:r,...d}=t,m=b=>b.replace(/(\r\n|\n|\r)+/gm," "),[l,u]=a.useState(()=>m(o.value));a.useEffect(()=>{u(m(o.value))},[o.value]);const[p,y]=a.useState(ge(10)),[C,N]=a.useState(!1);return a.createElement($,{...s,contentEditable:!0,suppressContentEditableWarning:!0,key:p,...d,onInput:b=>{var g;u(m(b.target.innerText)),N(!0),(g=t.onInput)==null||g.call(t,b)},onBlur:b=>{var g;C&&i(o.column.id,l,o.row.original),(g=t.onBlur)==null||g.call(t,b),y(ge(10))},onKeyDown:b=>{var g;b.key==="Enter"&&b.preventDefault(),(g=t.onKeyDown)==null||g.call(t,b)},onPaste:b=>{var g;b.preventDefault(),document.execCommand("inserttext",!1,m(b.clipboardData.getData("text/plain"))),(g=t.onPaste)==null||g.call(t,b)},onDrop:b=>{var g;b.preventDefault(),(g=t.onDrop)==null||g.call(t,b)},onClick:b=>{var g;b.stopPropagation(),(g=t.onClick)==null||g.call(t,b)}},n)},ye="iui-table-action",U=({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:s,dispatch:o,state:i})=>{const[n,r]=a.useState(!1),d=a.useRef(null);if(!t)return null;const m=[Te,je,ye],l=()=>s.filter(({id:p})=>!m.includes(p)).map(p=>{const{checked:y}=p.getToggleHiddenProps(),C=()=>{p.toggleHidden(y),Object.keys(i.columnResizing.columnWidths).length!==0&&(o({type:He}),queueMicrotask(()=>{var N;(N=d.current)==null||N.scrollIntoView({block:"nearest"})}))};return a.createElement(I,{key:p.id,startIcon:a.createElement(re,{checked:y,disabled:p.disableToggleVisibility,onClick:N=>N.stopPropagation(),onChange:C,"aria-labelledby":`iui-column-${p.id}`}),onClick:C,disabled:p.disableToggleVisibility},a.createElement("div",{id:`iui-column-${p.id}`},p.render("Header")))}),u=typeof t!="boolean"?t.dropdownMenuProps:{};return a.createElement(Q,{...u,menuItems:l,onVisibleChange:p=>{var y;r(p),(y=u==null?void 0:u.onVisibleChange)==null||y.call(u,p)}},a.createElement(O,{styleType:"borderless",isActive:n,ref:d},a.createElement(Ae,null)))}}),Y=t=>{const{children:s,className:o,style:i,id:n}=t;return B(),a.createElement($,{className:_("iui-table-column-filter",o),style:i,onClick:r=>{r.stopPropagation()},id:n},s)},Je={filter:"Filter",clear:"Clear"},ce=t=>{const{children:s,setFilter:o,clearFilter:i,translatedLabels:n,className:r,style:d,id:m}=t,l={...Je,...n};return B(),a.createElement($,{className:_("iui-button-bar",r),style:d,id:m},s,a.createElement(ie,{styleType:"high-visibility",onClick:o},l.filter),a.createElement(ie,{onClick:i},l.clear))},De=a.forwardRef((t,s)=>{const o=xe(),{onChange:i,date:n,parseInput:r,formatDate:d,label:m,required:l,disabled:u,isFromOrTo:p,selectedDate:y,wrapperProps:C,labelProps:N,inputWrapperProps:b,id:g=o,localizedNames:x,...S}=t,E=M=>p==="to"?be(M,y):be(y,M),z=a.useRef(null),[j,R]=a.useState("");a.useEffect(()=>{n&&!isNaN(n.valueOf())&&R(d(n))},[n,d]);const[h,D]=a.useState(!1),F=a.useCallback(()=>D(!1),[]),k=a.useCallback(M=>{var H;i(M),F(),(H=z.current)==null||H.focus()},[F,i]),q=a.useCallback(M=>{const H=M.target.value;R(H),H||i(void 0);const W=r(H);W&&!isNaN(W.valueOf())&&i(W)},[i,r]);return a.createElement(ze,{labelPlacement:"inline",...C},a.createElement($e,{as:"label",required:l,disabled:u,htmlFor:g,...N},m),a.createElement(te,{...b},a.createElement(te.Input,{id:g,value:j,onChange:q,required:l,disabled:u,ref:s,...S}),a.createElement(Ie,{content:a.createElement(Me,{date:n,onChange:k,setFocus:!0,isDateDisabled:E,localizedNames:x,applyBackground:!1}),placement:"bottom-end",visible:h,onVisibleChange:D,closeOnOutsideClick:!0,applyBackground:!0},a.createElement(te.Button,{"aria-label":"Date picker",ref:z},a.createElement(Oe,null)))))}),_e={from:"From",to:"To"},Ke=t=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}).format(t),Ge=t=>/^[a-z]{3}\s\d{1,2},\s\d{4}$/gi.test(t)?new Date(t):new Date(""),Ze=t=>{var S,E,z,j;const{column:s,translatedLabels:o,setFilter:i,clearFilter:n,formatDate:r=Ke,parseInput:d=Ge,placeholder:m="MMM dd, yyyy"}=t;B();const l={..._e,...o},[u,p]=a.useState((S=s.filterValue)!=null&&S[0]?new Date((E=s.filterValue)==null?void 0:E[0]):void 0),y=a.useRef(null);a.useEffect(()=>{y.current&&y.current.focus()},[]);const C=a.useCallback(R=>{p(h=>h||!R?R:new Date(R.getFullYear(),R.getMonth(),R.getDate(),0,0,0,0))},[]),[N,b]=a.useState((z=s.filterValue)!=null&&z[1]?new Date((j=s.filterValue)==null?void 0:j[1]):void 0),g=a.useCallback(R=>{b(h=>h||!R?R:new Date(R.getFullYear(),R.getMonth(),R.getDate(),23,59,59,999))},[]),x=R=>{R.altKey||R.key==="Enter"&&i([u,N])};return a.createElement(Y,null,a.createElement(De,{ref:y,label:l.from,date:u,onChange:C,formatDate:r,parseInput:d,onKeyDown:x,placeholder:m,selectedDate:N,isFromOrTo:"from",localizedNames:l.datePicker}),a.createElement(De,{label:l.to,date:N,onChange:g,formatDate:r,parseInput:d,onKeyDown:x,placeholder:m,selectedDate:u,isFromOrTo:"to",localizedNames:l.datePicker}),a.createElement(ce,{setFilter:()=>i([u,N]),clearFilter:n,translatedLabels:o}))},Qe={from:"From",to:"To"},Ue=t=>{var N,b;const{column:s,translatedLabels:o,setFilter:i,clearFilter:n}=t;B();const r={...Qe,...o},d=a.useRef(null);a.useEffect(()=>{d.current&&d.current.focus()},[]);const[m,l]=a.useState(((N=s.filterValue)==null?void 0:N[0])??""),[u,p]=a.useState(((b=s.filterValue)==null?void 0:b[1])??""),y=g=>!g||isNaN(Number(g))?void 0:Number(g),C=g=>{g.altKey||g.key==="Enter"&&i([y(m),y(u)])};return a.createElement(Y,null,a.createElement(he,{ref:d,label:r.from,value:m,onChange:g=>l(g.target.value),onKeyDown:C,type:"number",displayStyle:"inline"}),a.createElement(he,{label:r.to,value:u,onChange:g=>p(g.target.value),type:"number",displayStyle:"inline",onKeyDown:C}),a.createElement(ce,{setFilter:()=>i([y(m),y(u)]),clearFilter:n,translatedLabels:o}))},Ye=t=>{const{column:s,translatedLabels:o,setFilter:i,clearFilter:n}=t;B();const[r,d]=a.useState(s.filterValue??""),m=a.useRef(null);a.useEffect(()=>{m.current&&m.current.focus()},[]);const l=u=>{u.altKey||u.key==="Enter"&&i(r)};return a.createElement(Y,null,a.createElement(le,{ref:m,value:r,onChange:u=>d(u.target.value),onKeyDown:l}),a.createElement(ce,{setFilter:()=>i(r),clearFilter:n,translatedLabels:o}))},w={TextFilter:t=>s=>a.createElement(Ye,{...s,translatedLabels:t}),DateRangeFilter:t=>s=>a.createElement(Ze,{...s,...t}),NumberRangeFilter:t=>s=>a.createElement(Ue,{...s,translatedLabels:t})},Xe={pageSizeLabel:t=>`${t} per page`,rangeLabel:(t,s,o,i)=>i?`${t}-${s}…`:`${t}-${s} of ${o}`,previousPage:"Previous page",nextPage:"Next page",goToPageLabel:t=>`Go to page ${t}`,rowsPerPageLabel:"Rows per page",rowsSelectedLabel:t=>`${t} ${t===1?"row":"rows"} selected`},de=t=>{const{currentPage:s,totalRowsCount:o,pageSize:i,onPageChange:n,totalSelectedRowsCount:r=0,focusActivationMode:d="manual",isLoading:m=!1,size:l="default",pageSizeList:u,onPageSizeChange:p,localization:y,className:C,...N}=t;B();const b=a.useMemo(()=>({...Xe,...y}),[y]),g=a.useRef(null),[x,S]=a.useState(s);a.useEffect(()=>{S(s)},[s]);const E=a.useRef(!1),z=a.useRef(!1);a.useEffect(()=>{var v;if(z.current&&E.current){const T=Array.from(((v=g.current)==null?void 0:v.querySelectorAll(".iui-table-paginator-page-button"))??[]).find(ee=>{var J;return((J=ee.textContent)==null?void 0:J.trim())===(x+1).toString()});T==null||T.focus(),E.current=!1}z.current=!0},[x]);const j=l!="default"?"small":void 0,R=a.useCallback((v,T=v===x?0:-1)=>a.createElement(Ce,{key:v,className:_("iui-table-paginator-page-button",{"iui-table-paginator-page-button-small":j==="small"}),"data-iui-active":v===s,onClick:()=>n(v),"aria-current":v===s,"aria-label":b.goToPageLabel(v+1),tabIndex:T},v+1),[x,s,b,j,n]),h=Math.ceil(o/i),D=a.useMemo(()=>new Array(h).fill(null).map((v,T)=>R(T)),[R,h]),[F,k]=Re(D),[q,M]=Ve(),H=v=>{if(v.altKey)return;const T=ee=>{const J=Ne(x+ee,0,h-1);E.current=!0,d==="auto"?n(J):S(J)};switch(v.key){case"ArrowRight":{T(1),v.preventDefault();break}case"ArrowLeft":{T(-1),v.preventDefault();break}case"Enter":case" ":case"Spacebar":{d==="manual"&&n(x);break}}},W=Math.floor(k/2);let L=x-W,V=x+W+1;L<0&&(V=Math.min(h,V+Math.abs(L)),L=0),V>h&&(L=Math.max(0,L-(V-h)),V=h);const ue=h===0,me=h>1||m,pe=u&&!!p&&!!o,X=a.createElement($,{as:"span",className:_("iui-table-paginator-ellipsis",{"iui-table-paginator-ellipsis-small":l==="small"})},"…"),we=a.createElement(a.Fragment,null,m?a.createElement(se,{indeterminate:!0,size:"small"}):a.createElement(ie,{styleType:"borderless",disabled:!0,size:j},"1"));return!me&&!pe?null:a.createElement($,{className:_("iui-table-paginator",C),ref:q,...N},a.createElement($,{className:"iui-left"},r>0&&a.createElement("span",null,b.rowsSelectedLabel(r))),me&&a.createElement($,{className:"iui-center",ref:F},a.createElement(O,{styleType:"borderless",disabled:s===0,onClick:()=>n(s-1),size:j,"aria-label":b.previousPage},a.createElement(qe,null)),a.createElement($,{as:"span",className:"iui-table-paginator-pages-group",onKeyDown:H,ref:g},ue?we:k===1?R(x):a.createElement(a.Fragment,null,L!==0&&a.createElement(a.Fragment,null,R(0,0),X),D.slice(L,V),V!==h&&!m&&a.createElement(a.Fragment,null,X,R(h-1,0)),m&&a.createElement(a.Fragment,null,X,a.createElement(se,{indeterminate:!0,size:"small"})))),a.createElement(O,{styleType:"borderless",disabled:s===h-1||ue,onClick:()=>n(s+1),size:j,"aria-label":b.nextPage},a.createElement(We,null))),a.createElement($,{className:"iui-right"},pe&&a.createElement(a.Fragment,null,b.rowsPerPageLabel!==null&&M>=1024&&a.createElement($,{as:"span",className:"iui-table-paginator-page-size-label"},b.rowsPerPageLabel),a.createElement(Le,{styleType:"borderless",size:j,menuItems:v=>u.map(T=>a.createElement(I,{key:T,isSelected:T===i,onClick:()=>{v(),p(T)}},b.pageSizeLabel(T)))},b.rangeLabel(s*i+1,Math.min(o,(s+1)*i),o,m)))))},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"})),et=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"})),Kt={title:"Table"},Gt=()=>{const t=i=>console.log(i.row.original.name),s=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(P,{as:"button",onClick:n,children:"Click me!"})}}],[]),o=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(f,{columns:s,data:o,emptyTableContent:"No data."})},Zt=()=>{const t=a.useCallback((i,n)=>console.log(`Row clicked: ${JSON.stringify(n.original)}`),[]),s=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(P,{as:"button",onClick:n=>{n.stopPropagation(),console.log(i.row.original.name)},children:"Click me!"})}],[]),o=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(f,{columns:s,data:o,emptyTableContent:"No data.",isSelectable:!0,onRowClick:t,selectionMode:"single"})},Qt=()=>{const t=a.useCallback((n,r)=>console.log(`Selected rows: ${JSON.stringify(n)}, Table state: ${JSON.stringify(r)}`),[]),s=a.useCallback((n,r)=>console.log(`Row clicked: ${JSON.stringify(r.original)}`),[]),o=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(P,{as:"button",onClick:r=>{r.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(f,{columns:o,data:i,emptyTableContent:"No data.",isSelectable:!0,onSelect:t,onRowClick:s,selectionMode:"multi"})},Ut=()=>{const t=n=>console.log(n.row.original.name),s=a.useCallback(n=>console.log(`Sort changed. Table state: ${JSON.stringify(n)}`),[]),o=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 r=()=>t(n);return e.jsx(P,{as:"button",onClick:r,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(f,{columns:o,data:i,emptyTableContent:"No data.",isSortable:!0,onSort:s})},Yt=()=>{const t=c.useMemo(()=>({filter:"Filter",clear:"Clear",from:"From",to:"To"}),[]),s=c.useMemo(()=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}),[]),o=a.useCallback(d=>s.format(d),[s]),i=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",width:80,fieldType:"number",Filter:w.NumberRangeFilter(t),filter:"between"},{id:"name",Header:"Name",accessor:"name",fieldType:"text",Filter:w.TextFilter(t)},{id:"description",Header:"Description",accessor:"description",fieldType:"text",Filter:w.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:w.TextFilter(t),filter:"includes"},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:d=>e.jsx(e.Fragment,{children:o(d.row.original.startDate)}),Filter:w.DateRangeFilter({translatedLabels:t}),filter:"betweenDate"},{id:"endDate",Header:"End date",accessor:d=>new Date(d.endDate),Cell:d=>e.jsx(e.Fragment,{children:o(new Date(d.row.original.endDate))}),Filter:w.DateRangeFilter({translatedLabels:t}),filter:"betweenDate"}],[o,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"}],[]),r=c.useCallback((d,m,l)=>{let u="[";l==null||l.forEach(p=>{u+=`${JSON.stringify(p.original)},`}),u=u.slice(0,u.length-1),u+="]",console.log(`Filter changed. Filters: ${JSON.stringify(d)}, State: ${JSON.stringify(m)}, Rows: ${u}`)},[]);return e.jsx(f,{columns:i,data:n,emptyTableContent:"No data.",onFilter:r})},Xt=()=>{const t=c.useCallback(r=>console.log(r.row.original.name),[]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:w.TextFilter()},{id:"click-me",Header:"Click",width:100,Cell:r=>{const d=()=>t(r);return e.jsx(P,{as:"button",onClick:d,children:"Click me!"})}}],[t]),o=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(le,{placeholder:"Search...",value:i,onInput:r=>n(r.target.value)})}),e.jsx(f,{columns:s,data:o,emptyTableContent:"No data.",globalFilterValue:i})]})},ea=()=>{const t=a.useCallback((n,r)=>console.log(`Expanded rows: ${JSON.stringify(n)}. Table state: ${JSON.stringify(r)}`),[]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),o=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(f,{columns:s,data:o,emptyTableContent:"No data.",subComponent:i,onExpand:t,isSelectable:!0})},ta=()=>{const t=a.useCallback((i,n)=>console.log(`Expanded rows: ${JSON.stringify(i)}. Table state: ${JSON.stringify(n)}`),[]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description"}],[]),o=[{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(G,{children:"subRows"})," property. If"," ",e.jsx(G,{children:"subRows"})," has any items, then expander will be shown for that row."]}),e.jsx("br",{}),e.jsx(f,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,data:o,columns:s,onExpand:t})]})},aa=()=>{const t=l=>console.log(l.row.original.name),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:l=>{const u=()=>t(l);return e.jsx(P,{as:"button",onClick:u,children:"Click me!"})}}],[]),o=(l,u)=>Array(u-l).fill(null).map((p,y)=>({name:`Name${l+y}`,description:`Description${l+y}`})),[i,n]=c.useState(()=>o(0,100)),[r,d]=c.useState(!1),m=a.useCallback(()=>{console.log("Bottom reached!"),d(!0),setTimeout(()=>{n(()=>[...i,...o(i.length,i.length+100)]),d(!1)},1e3)},[i]);return e.jsx(f,{enableVirtualization:!0,columns:s,emptyTableContent:"No data.",onBottomReached:m,isLoading:r,isSortable:!0,style:{height:440,maxHeight:"90vh"},data:i,autoResetFilters:!1,autoResetSortBy:!1})},ia=()=>{const t=n=>console.log(n.row.original.name),s=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 r=()=>t(n);return e.jsx(P,{as:"button",onClick:r,children:"Click me!"})}}],[]),o=c.useMemo(()=>Array(100).fill(null).map((n,r)=>({name:`Name${r}`,description:`Description${r}`})),[]),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(G,{children:"IntersectionObserver"})," hook that triggers"," ",e.jsx(G,{children:"onRowInViewport"})," callback once the row is visible."]}),e.jsxs("div",{children:["Open"," ",e.jsx(P,{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(f,{columns:s,emptyTableContent:"No data.",onRowInViewport:i,data:o})]})},na=()=>{const t=a.useCallback((r,d)=>console.log(`Row clicked: ${JSON.stringify(d.original)}`),[]),s=a.useCallback(r=>r.name==="Name2",[]),o=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:r=>e.jsx(e.Fragment,{children:s(r.row.original)?e.jsx(e.Fragment,{children:"Click me!"}):e.jsx(P,{as:"button",onClick:()=>console.log(r.row.original.name),children:"Click me!"})})}],[s]),i=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),n=a.useCallback(r=>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:r.values},null,2)})})]}),[]);return e.jsx(f,{columns:o,data:i,emptyTableContent:"No data.",onRowClick:t,subComponent:n,isRowDisabled:s,isSelectable:!0})},ra=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(f,{columns:t,data:[],isLoading:!0,emptyTableContent:"No data."})},sa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(f,{columns:t,data:[],isLoading:!1,emptyTableContent:"No data."})},oa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),s=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(f,{columns:t,data:s,emptyTableContent:"No data.",isSelectable:!0,initialState:{filters:[{id:"name",value:"1"}],selectedRowIds:{0:!0,1:!0,4:!0,5:!0}}})},la=()=>{const t=c.useRef(),[s,o]=c.useState([]),[i,n]=c.useState([]),r=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(ne,{label:"Control selected rows",style:{marginBottom:11},children:d.map((m,l)=>e.jsx(re,{label:m.name,checked:s.some(u=>u.name===m.name),onChange:u=>{var p;(p=t.current)==null||p.toggleRowSelected(m.id,u.target.checked)}},l))}),e.jsx(ne,{label:"Control expanded rows",style:{marginBottom:11},children:d.map((m,l)=>e.jsx(re,{label:m.name,checked:i.some(u=>u.name===m.name),onChange:u=>{var p;(p=t.current)==null||p.toggleRowExpanded([m.id],u.target.checked)}},l))}),e.jsx(f,{columns:r,emptyTableContent:"No data.",stateReducer:a.useCallback((m,l,u,p)=>(t.current=p,m),[]),isSelectable:!0,onSelect:a.useCallback(m=>{o(m??[])},[]),onExpand:a.useCallback(m=>{n(m??[])},[]),getRowId:a.useCallback(m=>m.id,[]),data:d})]})},ca=()=>{const[t,s]=c.useState(0),[o,i]=c.useState({}),n=a.useCallback(p=>p.name==="Name2",[]),r=a.useCallback(p=>[e.jsx(I,{onClick:()=>p(),children:"Edit"},1),e.jsx(I,{onClick:()=>p(),children:"Delete"},2)],[]),d=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter(),disableToggleVisibility:!0},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:w.TextFilter()},{...U({columnManager:!0}),Cell:()=>e.jsx(Q,{menuItems:r,children:e.jsx(O,{styleType:"borderless",onClick:p=>p.stopPropagation(),children:e.jsx(oe,{})})})}],[r]),m=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),l=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)})})]}),[]),u=a.useCallback(p=>({onMouseEnter:()=>{console.log(`Hovered over ${p.original.name}`),s(p.index)},ref:y=>{y&&i(C=>(C[p.index]=y,C))}}),[]);return e.jsxs(e.Fragment,{children:[e.jsx(f,{columns:d,data:m,emptyTableContent:"No data.",subComponent:l,isRowDisabled:n,rowProps:u,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0}),e.jsx(ke,{reference:o[t],content:`Hovered over ${m[t].name}.`,placement:"bottom"})]})},da=()=>{const t=a.useCallback((l,u="",p=0)=>{const y=u?`${u}.${l+1}`:`${l+1}`,C=l%4+1;return{product:`Product ${y}`,price:(l%10+1)*15,quantity:(l%10+1)*150,rating:C,deliveryTime:l%15+1,status:C>=4?"positive":C===3?"warning":"negative",subRows:p<2?Array(Math.round(l%5)).fill(null).map((N,b)=>t(b,y,p+1)):[]}},[]),s=c.useMemo(()=>Array(100).fill(null).map((l,u)=>t(u)),[t]),o=a.useCallback(l=>l.product.endsWith("3"),[]),i=a.useCallback(l=>[e.jsx(I,{onClick:()=>l(),children:"Edit"},1),e.jsx(I,{onClick:()=>l(),children:"Delete"},2)],[]),n=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",Filter:w.TextFilter(),disableToggleVisibility:!0,disableReordering:!0,width:200,sticky:"left"},{id:"price",Header:"Price",accessor:"price",width:200,Filter:w.NumberRangeFilter(),filter:"between",disableReordering:!0,sortType:"number",Cell:l=>e.jsxs(e.Fragment,{children:["$",l.value]}),sticky:"left"},{id:"quantity",Header:"Quantity",accessor:"quantity",Filter:w.NumberRangeFilter(),filter:"between",sortType:"number",width:400},{id:"rating",Header:"Rating",accessor:"rating",Filter:w.NumberRangeFilter(),filter:"between",sortType:"number",width:400,cellRenderer:l=>e.jsxs(K,{...l,status:l.cellProps.row.original.status,children:[l.cellProps.row.original.rating,"/5"]})},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",Filter:w.NumberRangeFilter(),filter:"between",sortType:"number",width:400,Cell:l=>e.jsxs(e.Fragment,{children:[l.value," day(s)"]})},{...U({columnManager:!0}),Cell:l=>e.jsx(Q,{menuItems:i,children:e.jsx(O,{styleType:"borderless",onClick:u=>u.stopPropagation(),disabled:o(l.row.original),children:e.jsx(oe,{})})}),sticky:"right"}],[o,i]),r=a.useCallback(l=>({status:l.original.status}),[]),[d,m]=c.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",maxWidth:"1000px",gap:"8px"},children:[e.jsx(le,{placeholder:"Search...",value:d,onInput:l=>m(l.target.value)}),e.jsx("div",{style:{height:"375px",maxHeight:"90vh"},children:e.jsx(f,{columns:n,emptyTableContent:"No data.",isRowDisabled:o,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0,data:s,style:{height:"100%"},enableVirtualization:!0,rowProps:r,globalFilterValue:d})})]})},tt=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter({filter:"Localized filter",clear:"Localized clear"})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),s=(n,r)=>Array(r-n).fill(null).map((d,m)=>({name:`Name${n+m}`,description:`Description${n+m}`})),o=c.useMemo(()=>[50,100,150],[]),i=a.useCallback(n=>e.jsx(de,{...n,pageSizeList:o,localization:{pageSizeLabel:r=>`${r} per localized page`,rangeLabel:(r,d,m,l)=>l?`${r}-${d} localized`:`${r}-${d} of localized ${m}`,previousPage:"Previous localized page",nextPage:"Next localized page",goToPageLabel:r=>`Go to localized page ${r}`,rowsPerPageLabel:"Rows per localized page",rowsSelectedLabel:r=>`${r} localized ${r===1?"row":"rows"} selected`}}),[o]);return e.jsx(e.Fragment,{children:e.jsx(f,{emptyTableContent:"No localized data.",isSelectable:!0,isSortable:!0,columns:t,data:s(0,100),pageSize:50,paginatorRenderer:i,style:{height:"100%"}})})};tt.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const ua=()=>{const t=n=>console.log(n.row.original.name),s=a.useCallback((n,r)=>console.log(`Expanded rows: ${JSON.stringify(n)}. Table state: ${JSON.stringify(r)}`),[]),o=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>{const r=()=>t(n);return e.jsx(P,{as:"button",onClick:r,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(f,{isSelectable:!0,isSortable:!0,columns:o,data:i,emptyTableContent:"No data.",density:"condensed",onExpand:s})},ma=()=>{const[t,s]=c.useState(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Fetching..."}]),o=a.useCallback(d=>d.name==="Name2",[]),i=a.useCallback((d,m,l)=>{console.log({columnId:d,value:m,rowData:l}),s(u=>{const p=[...u],y=u.indexOf(l),C={...p[y]};return C[d]=m,p[y]=C,p})},[]),n=a.useCallback(d=>e.jsx(e.Fragment,{children:!o(d.cellProps.row.original)&&d.cellProps.value!=="Fetching..."?e.jsx(Be,{...d,onCellEdit:i}):e.jsx(K,{...d})}),[o,i]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:n,Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",cellRenderer:n,Filter:w.TextFilter()}],[n]);return e.jsx(f,{emptyTableContent:"No data.",columns:r,data:t,isRowDisabled:o,isSortable:!0,isSelectable:!0,autoResetFilters:!1,autoResetSortBy:!1})},at=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:w.TextFilter()}],[]),s=a.useCallback((r,d="",m=0)=>{const l=d?`${d}.${r}`:`${r}`;return{name:`Name ${l}`,description:`Description ${l}`,subRows:m<2?Array(Math.round(r%5)).fill(null).map((u,p)=>s(p,l,m+1)):[]}},[]),o=c.useMemo(()=>Array(5005).fill(null).map((r,d)=>s(d)),[s]),i=c.useMemo(()=>[50,100,150],[]),n=a.useCallback(r=>e.jsx(de,{...r,pageSizeList:i}),[i]);return e.jsx(e.Fragment,{children:e.jsx(f,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,columns:t,data:o,pageSize:50,paginatorRenderer:n,style:{height:"100%"}})})};at.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const it=()=>{const t=c.useMemo(()=>[50,100,150],[]),s=c.useMemo(()=>6e4,[]),[o,i]=c.useState(!1),[n,r]=c.useState(0),[d,m]=c.useState(t[0]),[l,u]=c.useState({name:"",description:""}),[p,y]=c.useState(void 0),[C,N]=c.useState(s),b=(h,D)=>Array(D-h).fill(null).map((F,k)=>p!==void 0&&!(l.name===""&&l.description==="")?p[k]:{name:`Name${h+k}`,description:`Description${h+k}`}),[g,x]=c.useState(()=>b(0,25)),S=c.useCallback((h,D)=>{let F=!1,k=!1;return(!D.name||D.name&&h.name.includes(D.name))&&(F=!0),(!D.description||D.description&&h.description.includes(D.description))&&(k=!0),F&&k},[]),E=c.useCallback(h=>{let D=0;const F=[];let k={name:"",description:""};do{do k={name:`Name${D}`,description:`Description${D}`},D++;while(!S(k,h)&&D<s);S(k,h)&&F.push(k)}while(D<s);return y(F),F},[S,s]),z=c.useCallback(h=>{var D,F;u({name:((D=h.find(k=>k.id=="name"))==null?void 0:D.value)??"",description:((F=h.find(k=>k.id=="description"))==null?void 0:F.value)??""}),i(!0),x([]),r(0),setTimeout(()=>{var q,M;i(!1);const k=E({name:((q=h.find(H=>H.id==="name"))==null?void 0:q.value)??"",description:((M=h.find(H=>H.id==="description"))==null?void 0:M.value)??""});x(k.slice(0,d)),N(k.length)},500)},[d,E]),j=[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:w.TextFilter()}],R=a.useCallback(h=>e.jsx(de,{...h,onPageChange:D=>{i(!0),x([]),r(D),setTimeout(()=>{i(!1),p!==void 0&&!(l.name===""&&l.description==="")?x(p.slice(D*h.pageSize,(D+1)*h.pageSize)):x(b(D*h.pageSize,(D+1)*h.pageSize))},500)},onPageSizeChange:D=>{p!==void 0&&!(l.name===""&&l.description==="")?x(p.slice(n*D,(n+1)*D)):x(b(n*D,(n+1)*D)),m(D),h.onPageSizeChange(D)},pageSizeList:t,currentPage:n,isLoading:!1,totalRowsCount:C}),[n,t,C]);return e.jsx(e.Fragment,{children:e.jsx(f,{emptyTableContent:"No data.",isLoading:o,columns:j,data:g,pageSize:25,paginatorRenderer:R,style:{height:"100%"},manualPagination:!0,onFilter:z,manualFilters:!0})})};it.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const nt=()=>{const t=c.useMemo(()=>100,[]),[s,o]=c.useState(!1),[i,n]=c.useState(""),[r,d]=c.useState(void 0),m=(b,g)=>Array(g-b).fill(null).map((x,S)=>r!==void 0&&!i?r[S]:{name:`Name${b+S}`,description:`Description${b+S}`}),[l,u]=c.useState(()=>m(0,100)),p=c.useCallback((b,g)=>!!(!g.name||g.name&&b.name.includes(g.name)),[]),y=c.useCallback(b=>{let g=0;const x=[];let S={name:"",description:""};do{do S={name:`Name${g}`,description:`Description${g}`},g++;while(!p(S,b)&&g<t);p(S,b)&&x.push(S)}while(g<t);return d(x),x},[p,t]),N=[{id:"name",Header:"Name",accessor:"name",Filter:()=>{const b=(g,x)=>{n(g?x:""),o(!0),u([]),setTimeout(()=>{o(!1);const S=y({name:g?x:"",description:""});u(S.slice(0,t))},500)};return e.jsxs(Y,{style:{alignItems:"flex-start"},children:[e.jsx(A,{label:"Contains '3'",onChange:({target:{value:g}})=>{b(g==="on","3")},checked:i==="3",autoFocus:i==="3"}),e.jsx(A,{label:"Contains '5'",onChange:({target:{value:g}})=>{b(g==="on","5")},checked:i==="5",autoFocus:i==="5"}),e.jsx(A,{label:"Contains '7'",onChange:({target:{value:g}})=>{b(g==="on","7")},checked:i==="7",autoFocus:i==="7"}),e.jsx(A,{label:"No filter",onChange:({target:{value:g}})=>{b(g==="on","")},checked:i==="",autoFocus:i===""})]})}},{id:"description",Header:"Description",accessor:"description",maxWidth:200}];return e.jsx(e.Fragment,{children:e.jsx(f,{emptyTableContent:"No data.",isLoading:s,columns:N,data:l,pageSize:100,style:{height:"100%"},manualPagination:!0,manualFilters:!0})})};nt.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const pa=()=>{const t=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",width:80,disableResizing:!0},{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",fieldType:"text",minWidth:100},{id:"id",Header:"ID",accessor:"id",width:100,disableResizing:!0},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:n=>e.jsx(e.Fragment,{children:n.row.original.startDate.toLocaleDateString("en-US")}),width:100,disableResizing:!0},{id:"endDate",Header:"End date",Cell:n=>e.jsx(e.Fragment,{children:n.row.original.endDate.toLocaleDateString("en-US")}),maxWidth:200}],[]),s=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")}],[]),[o,i]=c.useState("fit");return e.jsxs(e.Fragment,{children:[e.jsxs(ne,{label:"Resize mode",displayStyle:"inline",children:[e.jsx(A,{name:"choice",value:"fit",onChange:()=>i("fit"),label:"fit",checked:o==="fit"}),e.jsx(A,{name:"choice",value:"expand",onChange:()=>i("expand"),label:"expand",checked:o==="expand"})]}),e.jsx(f,{columns:t,data:s,emptyTableContent:"No data.",isResizable:!0,isSortable:!0,columnResizeMode:o})]})},ga=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:w.TextFilter()}],[]),s=a.useCallback((i,n="",r=0)=>{const d=n?`${n}.${i}`:`${i}`;return{name:`Name ${d}`,description:`Description ${d}`,subRows:r<2?Array(Math.round(i%5)).fill(null).map((m,l)=>s(l,d,r+1)):[]}},[]),o=c.useMemo(()=>Array(10).fill(null).map((i,n)=>s(n)),[s]);return e.jsx(e.Fragment,{children:e.jsx(f,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,styleType:"zebra-rows",columns:t,data:o,style:{height:"100%"}})})},rt=()=>{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}],[]),s=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",minWidth:400},{id:"price",Header:"Price",accessor:"price",width:400,Cell:o=>e.jsx(e.Fragment,{children:`$${o.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:o=>e.jsx(e.Fragment,{children:`${o.value} day(s)`})}],[]);return e.jsx(f,{columns:s,data:t,emptyTableContent:"No data.",style:{height:"100%"}})};rt.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const ba=()=>{const t=i=>console.log(i.row.original.name),s=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(P,{as:"button",onClick:n,children:"Click me!"})}}],[]),o=c.useMemo(()=>{const n=new Array(1e5);for(let r=0;r<1e5;++r)n[r]={name:`Name${r}`,description:`Description${r}`};return n},[]);return e.jsx(f,{enableVirtualization:!0,columns:s,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:o})},ha=()=>{const t=c.useCallback(i=>console.log(i.row.original.name),[]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",Filter:w.TextFilter()},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(P,{as:"button",onClick:n,children:"Click me!"})}}],[t]),o=c.useMemo(()=>{const n=new Array(1e5);for(let r=0;r<1e5;++r)n[r]={id:r.toString(),name:`Name${r}${r===12345?" - Scrolled to me!":""}`,description:`Description${r}${r===12345?" - Scrolled to me!":""}`};return n},[]);return e.jsx(f,{enableVirtualization:!0,columns:s,emptyTableContent:"No data.",isSortable:!0,style:{maxHeight:"90vh"},data:o,scrollToRow:c.useCallback((i,n)=>i.findIndex(r=>r.original.id===n[12345].id),[])})},ya=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:w.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:w.TextFilter()}],[]),s=a.useCallback((i,n="",r=0)=>{const d=n?`${n}.${i}`:`${i}`;return{name:`Name ${d}`,description:`Description ${d}`,subRows:r<2?Array(Math.round(i%5)).fill(null).map((m,l)=>s(l,d,r+1)):[]}},[]),o=c.useMemo(()=>Array(1e4).fill(null).map((i,n)=>s(n)),[s]);return e.jsx(f,{enableVirtualization:!0,columns:t,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:o})},Da=()=>{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}],[]),s=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",disableReordering:!0},{id:"price",Header:"Price",accessor:"price",Cell:o=>e.jsx(e.Fragment,{children:`$${o.value}`})},{id:"quantity",Header:"Quantity",accessor:"quantity"},{id:"rating",Header:"Rating",accessor:"rating"},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",Cell:o=>e.jsx(e.Fragment,{children:`${o.value} day(s)`})}],[]);return e.jsx(f,{enableColumnReordering:!0,columns:s,data:t,emptyTableContent:"No data.",isSelectable:!0})},fa=()=>{const t=a.useCallback((l,u)=>console.log(`Expanded rows: ${JSON.stringify(l)}. Table state: ${JSON.stringify(u)}`),[]),s=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"},{name:"Name4",description:"Description4"}],[]),o=a.useCallback(l=>l.name==="Name1",[]),i=a.useCallback(l=>l.name==="Name2",[]),n=a.useCallback(l=>l.name==="Name3",[]),r=a.useCallback(l=>l.name==="Name4",[]),d=a.useCallback(l=>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:l.values},null,2)})})]}),[]),m=c.useMemo(()=>[Pe({isDisabled:o}),Ee({subComponent:d,isDisabled:i}),{id:"name",Header:"Name",accessor:"name",cellRenderer:l=>e.jsx(K,{...l,isDisabled:u=>n(u)||r(u)})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[o,d,i,n,r]);return e.jsx(f,{columns:m,data:s,emptyTableContent:"No data.",subComponent:d,onExpand:t,isSelectable:!0,isRowDisabled:r,rowProps:({index:l})=>({onClick:u=>l===0&&u.preventDefault()})})},wa=()=>{const t=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",disableToggleVisibility:!0},{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",fieldType:"text"},{id:"id",Header:"ID",accessor:"id"},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:o=>e.jsx(e.Fragment,{children:o.row.original.startDate.toLocaleDateString("en-US")})},{id:"endDate",Header:"End date",accessor:"endDate",Cell:o=>e.jsx(e.Fragment,{children:o.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"},U({columnManager:!0})],[]),s=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(f,{isSelectable:!0,columns:t,data:s,emptyTableContent:"No data."})},st=()=>{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}],[]),s=a.useCallback(i=>[e.jsx(I,{onClick:()=>i(),children:"Edit"},1),e.jsx(I,{onClick:()=>i(),children:"Delete"},2)],[]),o=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)"]})},{...U({columnManager:!0}),Cell:()=>e.jsx(Q,{menuItems:s,children:e.jsx(O,{styleType:"borderless",onClick:i=>i.stopPropagation(),children:e.jsx(oe,{})})}),sticky:"right"}],[s]);return e.jsx(f,{columns:o,data:t,emptyTableContent:"No data.",style:{height:"100%"},isResizable:!0})};st.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const xa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:i=>e.jsx(K,{...i,startIcon:i.cellProps.row.original.startIcon,endIcon:i.cellProps.row.original.isLoading?e.jsx(se,{value:40,size:"small"}):i.cellProps.row.original.endIcon})},{id:"modified",Header:"Modified",accessor:"modified",maxWidth:200,cellRenderer:i=>e.jsx(K,{...i,status:i.cellProps.row.original.status})},{id:"size",Header:"Size",maxWidth:200,accessor:"size"}],[]),s=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(et,{fill:"#66c6ff"})},{name:"gamma.pdf",modified:"A few moments ago",size:"9 MB",startIcon:e.jsx(ae,{fill:"#dd3e39"}),endIcon:e.jsx(Se,{}),status:"positive"},{name:"delta.jpg",modified:"A few moments ago",size:"963 MB",startIcon:e.jsx(ae,{fill:"#7957a3"}),endIcon:e.jsx(ve,{}),status:"warning"},{name:"theta.dgn",modified:"A few moments ago",size:"64 KB",startIcon:e.jsx(ae,{fill:"#d16c00"}),endIcon:e.jsx(Fe,{}),status:"negative"}],[]),o=a.useCallback(i=>({status:i.original.status,isLoading:i.original.isLoading}),[]);return e.jsx(f,{columns:t,data:s,emptyTableContent:"No data.",selectionMode:"multi",isSelectable:!0,rowProps:o})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Gt as Basic,wa as ColumnManager,ua as Condensed,la as ControlledState,nt as CustomFilter,fa as CustomizedColumns,na as DisabledRows,Da as DraggableColumns,ma as Editable,ea as Expandable,ta as ExpandableSubrows,Yt as Filters,ca as Full,da as Full2,Xt as GlobalFilter,rt as HorizontalScroll,oa as InitialState,aa as LazyLoading,ra as Loading,tt as Localized,sa as NoData,pa as ResizableColumns,ia as RowInViewport,ha as ScrollToRow,Qt as SelectableMulti,Zt as SelectableSingle,Ut as Sortable,xa as StatusAndCellIcons,st as StickyColumns,ba as Virtualized,ya as VirtualizedSubRows,it as WithManualPaginatorAndFilter,at as WithPaginator,ga as ZebraStripedRows,Kt as default};
diff --git a/1957/react/assets/Tabs.stories-eRARlgP9.js b/1957/react/assets/Tabs.stories-eRARlgP9.js
new file mode 100644
index 00000000000..0bd60905a3e
--- /dev/null
+++ b/1957/react/assets/Tabs.stories-eRARlgP9.js
@@ -0,0 +1,28 @@
+import{r as n,v as Y,n as X,B as I,c as C,u as R,a9 as ee,d as Z,o as ae,g as M,i as te,m as V,p as ne,j as e,R as G}from"./index-DjxMsM5m.js";import{S as w}from"./Star-DYQ2c5aI.js";import{I as se}from"./Icon-pbAsVzre.js";import{u as re}from"./useContainerWidth-Drn508ky.js";import{B as p}from"./Button-C_nFjF9J.js";const $=n.forwardRef((t,i)=>{const{className:s,children:r,orientation:l="horizontal",type:c="default",focusActivationMode:h="auto",color:o="blue",defaultValue:g,value:m,onValueChange:j,...x}=t,[A,E]=Y(g,m,j),[N,y]=n.useState({}),[b,v]=n.useState(!1),k=X();return n.createElement(I,{className:C("iui-tabs-wrapper",`iui-${l}`,s),...x,style:{...N,...t==null?void 0:t.style},ref:i},n.createElement(z.Provider,{value:{orientation:l,type:c,activeValue:A,setActiveValue:E,setStripeProperties:y,idPrefix:k,focusActivationMode:h,hasSublabel:b,setHasSublabel:v,color:o}},r))});$.displayName="Tabs.Wrapper";const D=n.forwardRef((t,i)=>{const{className:s,children:r,...l}=t,{type:c,hasSublabel:h,color:o}=R(z),g=ee(),m=n.useRef(null),[j,x]=re(c!=="default"),A=Z(i,m,j,ie());return n.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},s),role:"tablist",ref:A,...l},n.createElement(q.Provider,{value:{tabsWidth:x,tablistRef:m}},r))});D.displayName="Tabs.TabList";const O=n.forwardRef((t,i)=>{const{className:s,children:r,value:l,label:c,...h}=t,{orientation:o,activeValue:g,setActiveValue:m,type:j,setStripeProperties:x,idPrefix:A,focusActivationMode:E}=R(z),{tabsWidth:N,tablistRef:y}=R(q),b=n.useRef(),v=g===l,k=ae(v);M(()=>{var u,d,f;k.current&&((f=(u=b.current)==null?void 0:u.parentElement)==null||f.scrollTo({[o==="horizontal"?"left":"top"]:((d=b.current)==null?void 0:d[o==="horizontal"?"offsetLeft":"offsetTop"])-4,behavior:"instant"}))},[k,o]),M(()=>{j!=="default"&&v&&(()=>{var S,P;const d=(S=b.current)==null?void 0:S.getBoundingClientRect(),f=(P=y.current)==null?void 0:P.getBoundingClientRect(),T=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"?`${T.horizontal}px`:`${T.vertical}px`})})()},[j,o,v,N,x,y]);const J=u=>{var S,P,U;if(u.altKey)return;const d=Array.from(((S=u.currentTarget.parentElement)==null?void 0:S.children)??[]),f=((P=b.current)==null?void 0:P.nextElementSibling)??d.at(0),T=((U=b.current)==null?void 0:U.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"&&(T==null||T.focus(),u.preventDefault());break}case"ArrowLeft":{o==="horizontal"&&(T==null||T.focus(),u.preventDefault());break}}},Q=n.useCallback(u=>{g===void 0&&u!=null&&u.matches(":first-of-type")&&m(l)},[g,m,l]);return n.createElement(te,{className:C("iui-tab",s),role:"tab",tabIndex:v?0:-1,"aria-selected":v,"aria-controls":`${A}-panel-${l.replaceAll(" ","-")}`,ref:Z(b,i,Q),...h,id:`${A}-tab-${l.replaceAll(" ","-")}`,onClick:V(t.onClick,()=>m(l)),onKeyDown:V(t.onKeyDown,J),onFocus:V(t.onFocus,()=>{var u;(u=b.current)==null||u.scrollIntoView({block:"nearest",inline:"nearest"}),E==="auto"&&!t.disabled&&m(l)})},c?n.createElement(a.TabLabel,null,c):r)});O.displayName="Tabs.Tab";const W=n.forwardRef((t,i)=>n.createElement(se,{...t,className:C("iui-tab-icon",t==null?void 0:t.className),ref:i}));W.displayName="Tabs.TabIcon";const B=ne.span("iui-tab-label");B.displayName="Tabs.TabLabel";const H=n.forwardRef((t,i)=>{const{className:s,children:r,...l}=t,{hasSublabel:c,setHasSublabel:h}=R(z);return M(()=>{c||h(!0)},[c,h]),n.createElement(I,{as:"span",className:C("iui-tab-description",s),ref:i,...l},r)});H.displayName="Tabs.TabDescription";const F=n.forwardRef((t,i)=>{const{wrapperProps:s,className:r,children:l,...c}=t;return n.createElement(I,{...s,className:C("iui-tabs-actions-wrapper",s==null?void 0:s.className)},n.createElement(I,{className:C("iui-tabs-actions",r),ref:i,...c},l))});F.displayName="Tabs.Actions";const K=n.forwardRef((t,i)=>{const{value:s,className:r,children:l,...c}=t,{activeValue:h,idPrefix:o}=R(z);return n.createElement(I,{className:C("iui-tabs-content",r),"aria-labelledby":`${o}-tab-${s.replaceAll(" ","-")}`,role:"tabpanel",hidden:h!==s?!0:void 0,ref:i,...c,id:`${o}-panel-${s.replaceAll(" ","-")}`},l)});K.displayName="Tabs.Panel";const _=n.forwardRef((t,i)=>{let s;t.type!=="pill"&&t.actions&&(s=t.actions,t={...t},delete t.actions);const{labels:r,onTabSelected:l,focusActivationMode:c,color:h,activeIndex:o,tabsClassName:g,contentClassName:m,wrapperClassName:j,children:x,...A}=t,[E,N]=Y(0,o,l);return n.createElement($,{className:j,focusActivationMode:c,color:h,value:`${E}`,onValueChange:y=>N(Number(y)),...A},n.createElement(D,{className:g,ref:i},r.map((y,b)=>{const v=`${b}`;return n.isValidElement(y)?n.cloneElement(y,{value:v}):n.createElement(L,{key:b,value:v,label:y})})),s&&n.createElement(F,null,s),x&&n.createElement(K,{value:`${E}`,className:m},x))});_.displayName="Tabs";const L=n.forwardRef((t,i)=>{const{label:s,sublabel:r,startIcon:l,children:c,value:h,...o}=t;return n.createElement(n.Fragment,null,n.createElement(O,{...o,value:h,ref:i},l&&n.createElement(W,null,l),n.createElement(B,null,s),r&&n.createElement(H,null,r),c))}),a=Object.assign(_,{Wrapper:$,TabList:D,Tab:O,TabIcon:W,TabLabel:B,TabDescription:H,Actions:F,Panel:K}),z=n.createContext(void 0),q=n.createContext(void 0),ie=()=>n.useCallback(t=>{t&&t.scrollHeight>t.clientHeight&&(t.style.scrollbarGutter="stable",CSS.supports("scrollbar-gutter: stable")||(t.style.overflowY="scroll"))},[]),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(p,{size:"small",children:"Small size button"},"Small"),e.jsx(p,{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."})]}),be=()=>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(p,{size:"small",children:"Small size button"},"Small"),e.jsx(p,{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."})]}),pe=()=>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(w,{})})}),e.jsx(a.Tab,{value:"orange",children:e.jsx(a.TabIcon,{children:e.jsx(w,{})})}),e.jsx(a.Tab,{value:"grape",children:e.jsx(a.TabIcon,{children:e.jsx(w,{})})})]}),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(w,{})}),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(w,{})}),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(w,{})}),e.jsx(a.TabLabel,{children:"Grape"}),e.jsx(a.TabDescription,{children:"Green fruit"})]})]}),e.jsxs(a.Actions,{children:[e.jsx(p,{size:"small",children:"Small size button"},"Small"),e.jsx(p,{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,i]=G.useState("Item 11"),s=[{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:i,children:[e.jsx(a.TabList,{children:s==null?void 0:s.map(r=>e.jsx(a.Tab,{value:r.name,disabled:r.disabled,label:r.name},r.name))}),e.jsx(a.Actions,{children:e.jsx(p,{children:"Button"},"button")}),s.map(r=>e.jsx(a.Panel,{value:r.name,children:r.content},r.name))]})})},ye=()=>{const[t,i]=G.useState("Item 11"),s=[{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:i,children:[e.jsx(a.TabList,{children:s==null?void 0:s.map(r=>e.jsx(a.Tab,{value:r.name,disabled:r.disabled,label:r.name},r.name))}),e.jsx(a.Actions,{children:e.jsx(p,{children:"Button"},"button")}),s.map(r=>e.jsx(a.Panel,{value:r.name,children:r.content},r.name))]})})},ve=()=>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(w,{})}),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(w,{})}),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(w,{})}),e.jsx(a.TabLabel,{children:"Grape"}),e.jsx(a.TabDescription,{children:"Green fruit"})]})]}),e.jsxs(a.Actions,{children:[e.jsx(p,{size:"small",children:"Small size button"},"Small"),e.jsx(p,{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,i]=G.useState(0),s=()=>{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:i,actions:[e.jsx(p,{size:"small",children:"Small size button"},"Small"),e.jsx(p,{children:"Normal size button"},"Normal")],children:s()})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{be as BorderlessTabs,fe as DefaultTabs,ge as HorizontalOverflow,xe as LegacyTabs,pe as PillTabs,me as SublabelsAndIcons,ve as Vertical,ye as VerticalOverflow,he as default};
diff --git a/1957/react/assets/Tag-CdDyCkB9.js b/1957/react/assets/Tag-CdDyCkB9.js
new file mode 100644
index 00000000000..1ac4a2d0e38
--- /dev/null
+++ b/1957/react/assets/Tag-CdDyCkB9.js
@@ -0,0 +1 @@
+import{r as a,B as r,i as g,c,I as k,a as N}from"./index-DjxMsM5m.js";import{L as b,a as p}from"./LinkAction-D0M2gvZH.js";const C=a.forwardRef((m,u)=>{const{className:d,variant:n="default",children:o,onRemove:l,onClick:e,labelProps:s,removeButtonProps:t,...f}=m,i=!!e&&!!l;return a.createElement(r,{as:i?b:e?g:"span",className:c({"iui-tag-basic":n==="basic","iui-tag":n==="default"},d),ref:u,onClick:i?void 0:e,...f},n==="default"?a.createElement(r,{as:i?p:"span",onClick:i?e:void 0,...s,className:c("iui-tag-label",s==null?void 0:s.className)},o):o,l&&a.createElement(k,{styleType:"borderless",size:"small",onClick:l,"aria-label":"Delete tag",...t,className:c("iui-tag-button",t==null?void 0:t.className)},a.createElement(N,{"aria-hidden":!0})))});export{C as T};
diff --git a/1957/react/assets/Tag.stories-FYwBnIKX.js b/1957/react/assets/Tag.stories-FYwBnIKX.js
new file mode 100644
index 00000000000..f517fcff9a1
--- /dev/null
+++ b/1957/react/assets/Tag.stories-FYwBnIKX.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{T as o}from"./Tag-CdDyCkB9.js";import"./LinkAction-D0M2gvZH.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/1957/react/assets/TagContainer-DUgK4TG8.js b/1957/react/assets/TagContainer-DUgK4TG8.js
new file mode 100644
index 00000000000..db80ccfc5f6
--- /dev/null
+++ b/1957/react/assets/TagContainer-DUgK4TG8.js
@@ -0,0 +1 @@
+import{r,B as c,c as l}from"./index-DjxMsM5m.js";const m=r.forwardRef((a,o)=>{const{className:n,children:s,overflow:e,background:t="none",...i}=a;return r.createElement(c,{className:l("iui-tag-container",{[`iui-${e}`]:!!e,"iui-visible":t!=="none"},n),ref:o,...i},s)});export{m as T};
diff --git a/1957/react/assets/TagContainer.stories-4-OCjUQb.js b/1957/react/assets/TagContainer.stories-4-OCjUQb.js
new file mode 100644
index 00000000000..48ed6321389
--- /dev/null
+++ b/1957/react/assets/TagContainer.stories-4-OCjUQb.js
@@ -0,0 +1 @@
+import{j as a}from"./index-DjxMsM5m.js";import{T as r}from"./TagContainer-DUgK4TG8.js";import{T as n}from"./Tag-CdDyCkB9.js";import"./LinkAction-D0M2gvZH.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/1957/react/assets/Text-Cn6X0xwD.js b/1957/react/assets/Text-Cn6X0xwD.js
new file mode 100644
index 00000000000..ff5bfa1f835
--- /dev/null
+++ b/1957/react/assets/Text-Cn6X0xwD.js
@@ -0,0 +1 @@
+import{r as t,B as l,c as x}from"./index-DjxMsM5m.js";const u=t.forwardRef((s,a)=>{const{variant:e="body",className:o,isMuted:r=!1,isSkeleton:i=!1,...c}=s;return t.createElement(l,{className:x({[`iui-text-${e}`]:e!=="body","iui-text-block":e==="body","iui-text-muted":r,"iui-skeleton":i},o),ref:a,...c})});export{u as T};
diff --git a/1957/react/assets/Text.stories-Cf6X__Mv.js b/1957/react/assets/Text.stories-Cf6X__Mv.js
new file mode 100644
index 00000000000..4e1d77bf3f7
--- /dev/null
+++ b/1957/react/assets/Text.stories-Cf6X__Mv.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{T as t}from"./Text-Cn6X0xwD.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/1957/react/assets/Textarea-C661yE2u.js b/1957/react/assets/Textarea-C661yE2u.js
new file mode 100644
index 00000000000..2fd8442aa56
--- /dev/null
+++ b/1957/react/assets/Textarea-C661yE2u.js
@@ -0,0 +1 @@
+import{r}from"./index-DjxMsM5m.js";import{I as a}from"./Input-D0vVJrGL.js";const f=r.forwardRef((e,t)=>r.createElement(a,{as:"textarea",rows:3,ref:t,...e}));export{f as T};
diff --git a/1957/react/assets/Textarea.stories-T0tleGnN.js b/1957/react/assets/Textarea.stories-T0tleGnN.js
new file mode 100644
index 00000000000..7e32f4fe66e
--- /dev/null
+++ b/1957/react/assets/Textarea.stories-T0tleGnN.js
@@ -0,0 +1 @@
+import{j as e}from"./index-DjxMsM5m.js";import{T as t}from"./Textarea-C661yE2u.js";import"./Input-D0vVJrGL.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/1957/react/assets/Tile.stories-CCAchySZ.js b/1957/react/assets/Tile.stories-CCAchySZ.js
new file mode 100644
index 00000000000..aadd11d6c34
--- /dev/null
+++ b/1957/react/assets/Tile.stories-CCAchySZ.js
@@ -0,0 +1 @@
+import{r as n,q,B as T,c as f,u as H,p,I as $,S as ee,j as e,R as ie}from"./index-DjxMsM5m.js";import{S as ne}from"./Folder-CQ3iN8xp.js";import{S as te}from"./Star-DYQ2c5aI.js";import{D as ae}from"./DropdownMenu-FIYbvMF3.js";import{P as le}from"./ProgressRadial-B65sMgcN.js";import{a as se}from"./LinkAction-D0M2gvZH.js";import{s as re}from"./supports-BGWrFWay.js";import{S as ce}from"./SvgCheckmark-pPju8St4.js";import{B as N}from"./Badge-D-raQolP.js";import{M as o}from"./MenuItem-DAdlK6Bb.js";import{T as C}from"./TagContainer-DUgK4TG8.js";import{T as j}from"./Tag-CdDyCkB9.js";import{B as M}from"./Button-C_nFjF9J.js";import{A as oe}from"./Avatar-T2frsgec.js";import{g as de}from"./colors-DN-6A0ES.js";import"./Popover-CkBHJnxg.js";import"./focusable-DQv_vybo.js";import"./ListItem-ip9GMFW4.js";const me=t=>n.createElement(q,{...t},n.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"})),ue=t=>n.createElement(q,{...t},n.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"})),I=n.createContext(void 0);I.displayName="TileContext";const w=n.forwardRef((t,s)=>{const{className:l,status:a,variant:r,isNew:c,isSelected:m,isLoading:u,isDisabled:h,...x}=t,[d,b]=n.useState(!1),g=d;return n.createElement(I.Provider,{value:{status:a,variant:r,isNew:c,isSelected:m,isLoading:u,isActionable:g,isDisabled:h,setActionable:b}},n.createElement(T,{className:f("iui-tile",{"iui-folder":r==="folder","iui-new":c,"iui-selected":m,"iui-actionable":g,[`iui-${a}`]:!!a,"iui-loading":u},l),"aria-disabled":h,ref:s,...x}))});w.displayName="Tile.Wrapper";const B=n.forwardRef((t,s)=>{const{onClick:l,children:a,href:r,...c}=t,{setActionable:m,isDisabled:u}=H(I);return n.useEffect(()=>{re()||m(!0)},[m]),n.createElement(se,{as:t.href?"a":"button",href:r,onClick:u?void 0:l,"aria-disabled":u,ref:s,...c},a)});B.displayName="Tile.Action";const S=p("iui-tile-thumbnail");S.displayName="Tile.ThumbnailArea";const A=n.forwardRef((t,s)=>{const{className:l,url:a,children:r,...c}=t;return a?n.createElement(T,{className:f("iui-tile-thumbnail-picture",l),style:{backgroundImage:typeof a=="string"?`url(${a})`:void 0},ref:s,...c}):n.createElement(T,{className:f("iui-thumbnail-icon",l),ref:s,...c},r)});A.displayName="Tile.TileThumbnailPicture";const L=p("iui-tile-thumbnail-quick-action");L.displayName="Tile.QuickAction";const D=p("iui-tile-thumbnail-type-indicator");D.displayName="Tile.TypeIndicator";const _=n.forwardRef((t,s)=>{const{className:l,children:a,...r}=t;return n.createElement($,{className:l,styleType:"borderless",size:"small",ref:s,...r},a)});_.displayName="Tile.IconButton";const v=p("iui-tile-thumbnail-badge-container");v.displayName="Tile.BadgeContainer";const G=n.forwardRef((t,s)=>{const{className:l,children:a,name:r,...c}=t;return n.createElement(T,{className:f("iui-tile-name",l),ref:s,...c},a??r)});v.displayName="Tile.Name";const z=n.forwardRef((t,s)=>{const{children:l,className:a,...r}=t,{status:c,isLoading:m,isSelected:u,isNew:h}=H(I),x=!!c&&ee[c];let d;return x&&(d=n.createElement(x,{"aria-hidden":!0})),m&&(d=n.createElement(le,{size:"x-small","aria-hidden":!0,indeterminate:!0})),u&&(d=n.createElement(ce,{"aria-hidden":!0})),h&&(d=n.createElement(ue,{"aria-hidden":!0})),l||d?n.createElement(T,{className:f("iui-tile-status-icon",a),ref:s,...r},l??d):null});z.displayName="Tile.NameIcon";const P=p.span("iui-tile-name-label");P.displayName="Tile.NameLabel";const R=p("iui-tile-content");R.displayName="Tile.ContentArea";const W=p("iui-tile-description");W.displayName="Tile.Description";const O=p("iui-tile-metadata");O.displayName="Tile.Metadata";const U=n.forwardRef((t,s)=>{const{className:l,children:a=[],buttonProps:r,...c}=t,[m,u]=n.useState(!1);return n.createElement(T,{className:f("iui-tile-more-options",{"iui-visible":m},l),ref:s,...c},n.createElement(ae,{onVisibleChange:u,menuItems:h=>a==null?void 0:a.map(x=>n.cloneElement(x,{onClick:d=>{var b,g;h(),(g=(b=x.props).onClick)==null||g.call(b,d)}}))},n.createElement($,{styleType:"borderless",size:"small","aria-label":"More options",...r},n.createElement(me,null))))});U.displayName="Tile.MoreOptions";const V=p("iui-tile-buttons");V.displayName="Tile.Buttons";const J=n.forwardRef((t,s)=>{const{name:l,description:a,status:r,isNew:c,isLoading:m,isSelected:u,thumbnail:h,badge:x,leftIcon:d,rightIcon:b,buttons:g,metadata:F,moreOptions:Q,children:K,isActionable:X,isDisabled:y,onClick:Y,...Z}=t;return n.createElement(w,{ref:s,isNew:c,isSelected:u,isLoading:m,status:r,isDisabled:y,...Z},n.createElement(G,null,(r||c||m||u)&&n.createElement(z,null),n.createElement(P,null,X?n.createElement(B,{onClick:y?void 0:Y,"aria-disabled":y},l):l)),h&&n.createElement(S,null,typeof h!="string"?n.createElement(A,null,h):n.createElement(A,{url:h}),x&&n.createElement(v,null,x),d&&n.createElement(D,null,d),b&&n.createElement(L,null,b)),n.createElement(R,null,a&&n.createElement(W,null,a),Q&&n.createElement(U,null,Q),F&&n.createElement(O,null,F),K),g&&n.createElement(V,null,g))});J.displayName="Tile";const i=Object.assign(J,{Wrapper:w,ThumbnailArea:S,ThumbnailPicture:A,QuickAction:L,TypeIndicator:D,BadgeContainer:v,IconButton:_,Name:G,NameIcon:z,NameLabel:P,Action:B,ContentArea:R,Description:W,Metadata:O,MoreOptions:U,Buttons:V}),E=t=>n.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},n.createElement("path",{d:"M8 1a1.004 1.004 0 01.514.138l5.01 2.981a.951.951 0 01.476.82v6.097a1.004 1.004 0 01-.486.851l-5 2.975a1.023 1.023 0 01-1.028 0l-4.984-2.965a1.032 1.032 0 01-.502-.86V4.963a1.004 1.004 0 01.486-.851l5-2.975A1.004 1.004 0 018 1m0-1a2.006 2.006 0 00-1.025.28l-5 2.974A1.994 1.994 0 001 4.963v6.073a2.025 2.025 0 00.975 1.71l5 2.975a2.023 2.023 0 002.05 0l5-2.974a1.994 1.994 0 00.975-1.71V4.938a1.953 1.953 0 00-.975-1.686l-5-2.974A2.006 2.006 0 008 0zm0 3.25a1.063 1.063 0 11-1.063 1.063A1.063 1.063 0 018 3.25zm3 9.19a.25.25 0 01-.122.214l-2.725 1.623a.25.25 0 01-.255 0L5.123 12.64A.25.25 0 015 12.424v-1.441a.25.25 0 01.378-.215L7 11.667v-3.43l-.878-.56A.25.25 0 016 7.462V6.016a.25.25 0 01.378-.214l2.5 1.383A.25.25 0 019 7.399v4.268l1.622-.899a.25.25 0 01.378.215z"})),he=t=>n.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},n.createElement("path",{d:"M10 0a1.539 1.539 0 011.662 1.405q.004.048.005.095a2.182 2.182 0 01-2.167 2 1.575 1.575 0 01-1.667-1.667A2.047 2.047 0 0110 0M6.667 16c-.833 0-1.5-.5-.833-2.833l1-4C7 8.5 7 8.333 6.833 8.333c-.333-.167-1.5.333-2.167.833l-.333-.833c2-1.667 4.333-2.667 5.5-2.667.833 0 1 1 .5 2.667l-1.166 4.334c-.167.833-.167 1 .167 1a3.338 3.338 0 001.833-1l.5.667a9.615 9.615 0 01-5 2.666"})),k=t=>n.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},n.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"},Le=()=>e.jsxs(i.Wrapper,{children:[e.jsx(i.Name,{name:"Stadium"}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(N,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"National stadium in Singapore. Features landscape details and a metro station. This is the largest sample iModel."}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]}),De=()=>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(N,{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(te,{})})}),e.jsx(i.QuickAction,{children:e.jsx(i.IconButton,{children:e.jsx(he,{})})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"National stadium in Singapore. Features landscape details and a metro station. This is the largest sample iModel."}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]}),e.jsxs(i.Buttons,{children:[e.jsx(M,{onClick:()=>console.log("clicked left button"),children:"Manage"},1),e.jsx(M,{onClick:()=>console.log("clicked right button"),children:"Projects"},2)]})]}),ze=()=>{const[t,s]=ie.useState(!1);return e.jsxs(i.Wrapper,{isSelected:t,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:e.jsx(i.Action,{onClick:()=>s(l=>!l),children:"Stadium"})})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"}),e.jsx(i.BadgeContainer,{children:e.jsx(N,{backgroundColor:"skyblue",children:"Badge"})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"If you click on this stadium, it is going to be selected."}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]})},Pe=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:e.jsx(i.Action,{href:"https://inclusive-components.design/cards/",children:"Stadium"})})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(N,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"If you click on this stadium, it is going to open another page."}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]}),Re=()=>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(E,{})})}),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)]})})]}),We=()=>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(N,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(oe,{size:"x-large",status:"online",abbreviation:"TR",backgroundColor:de("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)]})]})]}),Oe=()=>e.jsxs(i.Wrapper,{variant:"folder",children:[e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(ne,{})})}),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"})})]})]}),Ue=()=>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(E,{})})}),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"})})]})]}),Ve=()=>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(E,{})})}),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"})})]})]}),Fe=()=>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(N,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(E,{})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]}),e.jsx(i.Buttons,{children:e.jsx(M,{disabled:!0,children:"Button"})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ze as Actionable,De as AllProps,Pe as AnchorLink,Le as Basic,Re as Condensed,Fe as Disabled,Oe as Folder,Ve as Loading,Ue as Status,We as WithAvatar,Se as default};
diff --git a/1957/react/assets/TimePicker-D6gsYaTW.js b/1957/react/assets/TimePicker-D6gsYaTW.js
new file mode 100644
index 00000000000..d2d4ff58230
--- /dev/null
+++ b/1957/react/assets/TimePicker-D6gsYaTW.js
@@ -0,0 +1 @@
+import{r as u,B as P,c as z}from"./index-DjxMsM5m.js";const N=(r,s,o)=>{const d=o?T(r.getHours(),o):r.getHours();return o?!!s&&d%12===s.getHours()%12:!!s&&d===s.getHours()},x=(r,s)=>!!s&&r.getMinutes()===s.getMinutes(),K=(r,s)=>!!s&&r.getSeconds()===s.getSeconds(),$=(r,s,o,d)=>{let n=!0;switch(o){case"seconds":if(n=K(r,s),!n)break;case"minutes":if(n=x(r,s),!n)break;case"hours":n=N(r,s,d)}return n},q=(r,s)=>!!s&&(r==="AM"?s.getHours()<12:s.getHours()>=12),T=(r,s)=>{const o=r%12;return s==="PM"?o+12:o},M=(r,s)=>new Date(s.getFullYear(),s.getMonth(),s.getDate(),r,s.getMinutes(),s.getSeconds()),te=(r,s)=>{let o="";switch(s){case"seconds":o=":"+r.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2});case"minutes":o=":"+r.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2})+o;case"hours":o=r.getHours().toLocaleString(void 0,{minimumIntegerDigits:2})+o}return o},ne=u.forwardRef((r,s)=>{const{date:o,onChange:d,use12Hours:n=!1,precision:g="minutes",hourStep:p=1,minuteStep:k=1,secondStep:C=1,setFocusHour:R=!1,hourRenderer:F=e=>e.getHours().toLocaleString(void 0,{minimumIntegerDigits:2}),minuteRenderer:j=e=>e.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2}),secondRenderer:I=e=>e.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2}),meridiemRenderer:i=e=>e,useCombinedRenderer:D=!1,combinedRenderer:h=te,className:S,...l}=r,[c,B]=u.useState(o),[f,w]=u.useState(c??new Date),[H,Y]=u.useState(n?(f==null?void 0:f.getHours())>11?"PM":"AM":void 0);u.useEffect(()=>{w(o??new Date),B(o)},[o]);const G=e=>{const t=n?T(e.getHours(),H):e.getHours(),a=M(t,c??new Date);E(a)},J=e=>{const t=n?T(e.getHours(),H):e.getHours(),a=M(t,e);E(a)},O=e=>{let t=c??new Date;const a=t.getHours();Y(e),e==="AM"&&a>11&&(t=M(a-12,t)),e==="PM"&&a<=12&&(t=M(a+12,t)),E(t)},E=e=>{let t=e;g==="hours"&&(t=new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),0,0)),g==="minutes"&&(t=new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),0)),w(t),B(t),d==null||d(t)},Q=e=>{const t=n?T(e.getHours(),H):e.getHours();w(M(t,f))},W=e=>{const t=n?T(e.getHours(),H):e.getHours();w(M(t,e))},X=e=>{let t=c??new Date;const a=t.getHours();e==="AM"&&a>11&&(Y(e),t=M(a-12,t)),e==="PM"&&a<=12&&(Y(e),t=M(a+12,t)),w(t)},L=(e,t,a)=>{const b=[];for(let y=0;y<e;y++)y%a===0&&b.push(t(y));return b},Z=u.useMemo(()=>{const e=c??new Date,t=[],a=Array.from(Array(n?12:24).keys()).filter(m=>m%p===0).map(m=>n&&m===0?12:m),b=Array.from(Array(60).keys()).filter(m=>m%k===0),y=Array.from(Array(60).keys()).filter(m=>m%C===0);return a.forEach(m=>{g==="hours"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),m,e.getMinutes(),e.getSeconds())):b.forEach(U=>{g==="minutes"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),m,U,e.getSeconds())):y.forEach(ee=>{t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),m,U,ee))})})}),t},[p,k,C,c,n,g]),_=u.useMemo(()=>{const e=c??new Date;return L(n?12:24,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),n&&t===0?12:t,e.getMinutes(),e.getSeconds()),p)},[p,c,n]),V=u.useMemo(()=>{const e=c??new Date;return L(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),t,e.getSeconds()),k)},[k,c]),v=u.useMemo(()=>{const e=c??new Date;return L(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),t),C)},[C,c]);return u.createElement(P,{className:z("iui-time-picker",S),ref:s,...l},D?u.createElement(A,{data:Z,isSameFocused:e=>$(e,f,g,n?H:void 0),isSameSelected:e=>$(e,c,g,n?H:void 0),onFocusChange:W,onSelectChange:J,setFocus:R,precision:g,valueRenderer:h}):u.createElement(u.Fragment,null,u.createElement(A,{data:_,isSameFocused:e=>N(e,f,n?H:void 0),isSameSelected:e=>N(e,c,n?H:void 0),onFocusChange:Q,onSelectChange:G,setFocus:R,valueRenderer:F}),g!=="hours"&&u.createElement(A,{data:V,isSameFocused:e=>x(e,f),isSameSelected:e=>x(e,c),onFocusChange:e=>w(e),onSelectChange:e=>E(e),valueRenderer:j}),g==="seconds"&&u.createElement(A,{data:v,isSameFocused:e=>K(e,f),isSameSelected:e=>K(e,c),onFocusChange:e=>w(e),onSelectChange:e=>E(e),valueRenderer:I})),n&&u.createElement(A,{data:["AM","PM"],isSameFocused:e=>q(e,f),isSameSelected:e=>q(e,c),onFocusChange:e=>X(e),onSelectChange:e=>O(e),valueRenderer:i,className:"iui-period"}))}),A=r=>{const{data:s,onFocusChange:o,onSelectChange:d,isSameFocused:n,isSameSelected:g,setFocus:p=!1,valueRenderer:k,precision:C="minutes",className:R="iui-time"}=r,F=u.useRef(p);u.useEffect(()=>{F.current&&(F.current=!1)});const j=(i,D)=>{D&&(i==null||i.scrollIntoView({block:"nearest",inline:"nearest"}))},I=(i,D,h,S,l)=>{if(!i.altKey)switch(i.key){case"ArrowDown":if(l+1>D)break;h(l+1),F.current=!0,i.preventDefault();break;case"ArrowUp":if(l-1<0)break;h(l-1),F.current=!0,i.preventDefault();break;case"Enter":case" ":case"Spacebar":S(l),i.preventDefault();break}};return u.createElement(P,{className:`${R}`},u.createElement("ol",null,s.map((i,D)=>{const h=n(i);return u.createElement(P,{as:"li",onKeyDown:S=>{I(S,s.length-1,l=>o(s[l]),l=>d(s[l]),D)},className:z({"iui-selected":g(i)}),key:D,tabIndex:h?0:void 0,ref:S=>{j(S,h),F.current&&h&&(S==null||S.focus())},onClick:()=>{d(i)}},k(i,C))})))};export{ne as T};
diff --git a/1957/react/assets/TimePicker.stories-3dwrZ-Gt.js b/1957/react/assets/TimePicker.stories-3dwrZ-Gt.js
new file mode 100644
index 00000000000..df985807e95
--- /dev/null
+++ b/1957/react/assets/TimePicker.stories-3dwrZ-Gt.js
@@ -0,0 +1 @@
+import{R as u,j as e}from"./index-DjxMsM5m.js";import{S as i}from"./Calendar-D_OHPShH.js";import{I as n}from"./InputWithDecorations-DpLRm_47.js";import{P as c}from"./Popover-CkBHJnxg.js";import{T as a}from"./TimePicker-D6gsYaTW.js";import"./InputFlexContainer-C5yPNOJ9.js";import"./Icon-pbAsVzre.js";const S={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(c,{applyBackground:!0,placement:"bottom-end",content:e.jsx(a,{date:r,onChange:s,setFocusHour:!0,use12Hours:!1}),children:e.jsx(n.Button,{children:e.jsx(i,{})})})]})})},w=()=>{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(c,{applyBackground:!0,placement:"bottom-end",content:e.jsx(a,{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(i,{})})})]})})},f=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,55,30)),s=m=>{o(m),console.log(`New Time value: ${m}`)};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(c,{applyBackground:!0,placement:"bottom-end",content:e.jsx(a,{date:r,onChange:s,setFocusHour:!0,useCombinedRenderer:!0,precision:"minutes",hourStep:1,minuteStep:1,secondStep:15,use12Hours:!0}),children:e.jsx(n.Button,{children:e.jsx(i,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{y as Basic,f as Combined,w as CustomRenderers,S as default};
diff --git a/1957/react/assets/Toasts.stories-CuASY0cS.js b/1957/react/assets/Toasts.stories-CuASY0cS.js
new file mode 100644
index 00000000000..e588a1c96be
--- /dev/null
+++ b/1957/react/assets/Toasts.stories-CuASY0cS.js
@@ -0,0 +1 @@
+import{aa as i,j as e,R as l}from"./index-DjxMsM5m.js";import{B as s}from"./Button-C_nFjF9J.js";import{P as a}from"./ProgressRadial-B65sMgcN.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/1957/react/assets/ToggleSwitch-y4P0a0hf.js b/1957/react/assets/ToggleSwitch-y4P0a0hf.js
new file mode 100644
index 00000000000..6bb8ffc28bd
--- /dev/null
+++ b/1957/react/assets/ToggleSwitch-y4P0a0hf.js
@@ -0,0 +1 @@
+import{r as e,B as l,c as g}from"./index-DjxMsM5m.js";import{S as h}from"./SvgCheckmark-pPju8St4.js";const f=e.forwardRef((o,r)=>{const{disabled:i=!1,labelPosition:s="right",label:a,className:n,style:m,size:c="default",icon:t,...u}=o,d=t===void 0||t!==null&&c!=="small";return e.createElement(l,{as:a?"label":"div",className:g("iui-toggle-switch-wrapper",{"iui-disabled":i,"iui-label-on-right":a&&s==="right","iui-label-on-left":a&&s==="left"},n),"data-iui-size":c,style:m},e.createElement(l,{as:"input",className:"iui-toggle-switch",type:"checkbox",role:"switch",disabled:i,ref:r,...u}),d&&e.createElement(l,{as:"span",className:"iui-toggle-switch-icon","aria-hidden":!0},t||e.createElement(h,null)),a&&e.createElement(l,{as:"span",className:"iui-toggle-switch-label"},a))});export{f as T};
diff --git a/1957/react/assets/ToggleSwitch.stories-QLPavBkz.js b/1957/react/assets/ToggleSwitch.stories-QLPavBkz.js
new file mode 100644
index 00000000000..169ed07de2d
--- /dev/null
+++ b/1957/react/assets/ToggleSwitch.stories-QLPavBkz.js
@@ -0,0 +1 @@
+import{r,j as e}from"./index-DjxMsM5m.js";import{T as t}from"./ToggleSwitch-y4P0a0hf.js";import"./SvgCheckmark-pPju8St4.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/1957/react/assets/Tooltip.stories-DwJ0q909.js b/1957/react/assets/Tooltip.stories-DwJ0q909.js
new file mode 100644
index 00000000000..159438daf98
--- /dev/null
+++ b/1957/react/assets/Tooltip.stories-DwJ0q909.js
@@ -0,0 +1 @@
+import{j as t,T as e}from"./index-DjxMsM5m.js";const o={title:"Tooltip"},i=()=>t.jsx(e,{placement:"top",content:"Here I am!",children:t.jsx("div",{id:"tooltip-target",style:{marginTop:40,marginLeft:100,width:"fit-content"},children:"Please, try to hover me!"})}),r=()=>t.jsx(e,{placement:"right",content:"Here I am!",children:t.jsx("div",{id:"tooltip-target",style:{marginTop:40,marginLeft:100,width:"fit-content"},children:"Please, try to hover me!"})}),l=()=>t.jsx(e,{placement:"bottom",content:"Here I am!",children:t.jsx("div",{id:"tooltip-target",style:{marginTop:40,marginLeft:100,width:"fit-content"},children:"Please, try to hover me!"})}),d=()=>t.jsx(e,{placement:"left",content:"Here I am!",children:t.jsx("div",{id:"tooltip-target",style:{marginTop:40,marginLeft:100,width:"fit-content"},children:"Please, try to hover me!"})}),a=()=>t.jsx(e,{visible:!0,placement:"left",content:"Here I am!",children:t.jsx("div",{style:{marginTop:40,marginLeft:100,width:"fit-content"},children:"No need to hover me"})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{l as Bottom,a as Controlled,d as Left,r as Right,i as Top,o as default};
diff --git a/1957/react/assets/TransferList.stories-CgLhjzEG.js b/1957/react/assets/TransferList.stories-CgLhjzEG.js
new file mode 100644
index 00000000000..9776d8e9a6c
--- /dev/null
+++ b/1957/react/assets/TransferList.stories-CgLhjzEG.js
@@ -0,0 +1 @@
+import{p as w,R as i,n as S,B as N,c as y,u as T,d as W,r as v,j as e,I as h}from"./index-DjxMsM5m.js";import{S as g}from"./ChevronRightDouble-B6kOvHRs.js";import{L as B}from"./List-Ck5ai4iK.js";import{L as K}from"./ListItem-ip9GMFW4.js";import{L as F}from"./Label-DNKU_rtG.js";import{g as z}from"./focusable-DQv_vybo.js";import"./LinkAction-D0M2gvZH.js";const C=w("iui-transfer-list-wrapper");C.displayName="TransferList";const I=i.forwardRef((r,c)=>{const{className:b,children:n,...d}=r,t=S(),[s,f]=i.useState(t);return i.createElement(N,{as:"div",className:y("iui-transfer-list-listbox-wrapper",b),ref:c,...d},i.createElement(j.Provider,{value:{labelId:s,setLabelId:f}},n))});I.displayName="TransferList.ListboxWrapper";const E=i.forwardRef((r,c)=>{const{children:b,className:n,...d}=r,{labelId:t}=T(j),[s,f]=i.useState(),p=i.useRef(null),o=W(p,c),a=i.useCallback(()=>{const l=z(p.current);return l.filter(m=>!l.some(L=>L.contains(m.parentElement)))},[]);i.useEffect(()=>{var m;const l=a();if(s!=null){(m=l==null?void 0:l[s])==null||m.focus();return}},[s,a]);const x=l=>{if(l.altKey)return;const m=a();if(!(m!=null&&m.length))return;const L=s??0;switch(l.key){case"ArrowDown":{f(Math.min(L+1,m.length-1)),l.preventDefault(),l.stopPropagation();break}case"ArrowUp":{f(Math.max(L-1,0)),l.preventDefault(),l.stopPropagation();break}}};return i.createElement(B,{className:y("iui-transfer-list-listbox",n),onKeyDown:x,role:"listbox","aria-multiselectable":!0,"aria-labelledby":t,tabIndex:0,ref:o,...d},b)});E.displayName="TransferList.Listbox";const D=i.forwardRef((r,c)=>{const{actionable:b=!0,disabled:n,onActiveChange:d,children:t,active:s,...f}=r,p=()=>b&&d&&d(!s),o=a=>{a.altKey||(a.key==="Enter"||a.key===" "||a.key==="Spacebar")&&(!n&&p(),a.preventDefault())};return i.createElement(K,{ref:c,onClick:p,onKeyDown:o,active:s,actionable:b,tabIndex:-1,role:"option","aria-disabled":n?"true":void 0,"aria-selected":s?"true":void 0,disabled:n,...f},t)});D.displayName="TransferList.Item";const O=i.forwardRef((r,c)=>{const{children:b,id:n,...d}=r,{labelId:t,setLabelId:s}=T(j);return i.useEffect(()=>{n&&n!==t&&s(n)},[n,t,s]),i.createElement(F,{as:"div",id:t,ref:c,...d},b)});O.displayName="TransferList.ListboxLabel";const k=w("iui-transfer-list-toolbar",{role:"toolbar"});k.displayName="TransferList.Toolbar";const u=Object.assign(C,{ListboxWrapper:I,Listbox:E,Item:D,ListboxLabel:O,Toolbar:k}),j=i.createContext(void 0),R=r=>v.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},v.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"})),A=r=>v.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},v.createElement("path",{d:"M11.3 0l1.4 1.4L6.1 8l6.6 6.6-1.4 1.4-8-8z"})),M=r=>v.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},v.createElement("path",{d:"M4.7 0L3.3 1.4 9.9 8l-6.6 6.6L4.7 16l8-8z"})),Q={title:"TransferList"},V=()=>{const[r,c]=i.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]=i.useState([{name:"Option 7",active:!1}]),d=(t,s,f,p)=>{f(o=>{const a=[...o],x=[];return t.forEach(l=>{if(p||l.active===!0){const m=l;m.active=!1,a.push(m)}else x.push(l)}),s(x),a})};return e.jsxs(u,{children:[e.jsx(u.ListboxWrapper,{children:e.jsx(u.Listbox,{children:r==null?void 0:r.map((t,s)=>e.jsx(u.Item,{actionable:!0,active:t.active,onActiveChange:f=>{c(p=>{const o=[...p],a={...o[s]};return a.active=f,o[s]=a,o})},children:t.name},t.name))})}),e.jsxs(u.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(r,c,n,!0)},children:e.jsx(g,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(r,c,n,!1),children:e.jsx(M,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(b,n,c,!1),children:e.jsx(A,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(b,n,c,!0),children:e.jsx(R,{})})]}),e.jsx(u.ListboxWrapper,{children:e.jsx(u.Listbox,{children:b.map((t,s)=>e.jsx(u.Item,{actionable:!0,active:t.active,onActiveChange:f=>{n(p=>{const o=[...p],a={...o[s]};return a.active=f,o[s]=a,o})},children:t.name},t.name))})})]})},X=()=>{const[r,c]=i.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]=i.useState([{name:"Option 7",active:!1}]),d=(t,s,f,p)=>{f(o=>{const a=[...o],x=[];return t.forEach(l=>{if(p||l.active===!0){const m=l;m.active=!1,a.push(m)}else x.push(l)}),s(x),a})};return e.jsxs(u,{children:[e.jsxs(u.ListboxWrapper,{children:[e.jsx(u.ListboxLabel,{children:"Options"}),e.jsx(u.Listbox,{children:r==null?void 0:r.map((t,s)=>e.jsx(u.Item,{actionable:!0,active:t.active,onActiveChange:f=>{c(p=>{const o=[...p],a={...o[s]};return a.active=f,o[s]=a,o})},children:t.name},t.name))})]}),e.jsxs(u.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(r,c,n,!0)},children:e.jsx(g,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(r,c,n,!1),children:e.jsx(M,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(b,n,c,!1),children:e.jsx(A,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(b,n,c,!0),children:e.jsx(R,{})})]}),e.jsxs(u.ListboxWrapper,{children:[e.jsx(u.ListboxLabel,{children:"Applied"}),e.jsx(u.Listbox,{children:b.map((t,s)=>e.jsx(u.Item,{actionable:!0,active:t.active,onActiveChange:f=>{n(p=>{const o=[...p],a={...o[s]};return a.active=f,o[s]=a,o})},children:t.name},t.name))})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{V as Basic,X as WithLabel,Q as default};
diff --git a/1957/react/assets/Tree.stories-D4ycV8ba.js b/1957/react/assets/Tree.stories-D4ycV8ba.js
new file mode 100644
index 00000000000..717c3664b85
--- /dev/null
+++ b/1957/react/assets/Tree.stories-D4ycV8ba.js
@@ -0,0 +1 @@
+import{r,q as J,p as Q,B as I,c as B,x as X,I as Y,R as a,j as p}from"./index-DjxMsM5m.js";import{S as P}from"./Placeholder-C7CVYxHs.js";import{g as G}from"./focusable-DQv_vybo.js";import{u as ee}from"./VirtualScroll-CmUb1GiL.js";import{S as se}from"./SvgChevronRight-C6VlZyp4.js";import{C as U}from"./Checkbox-Cit0Xd27.js";import{P as te}from"./ProgressRadial-B65sMgcN.js";const oe=b=>r.createElement(J,{...b},r.createElement("path",{d:"m5.525 2-1.05 1.05L9.425 8l-4.95 4.95L5.525 14l6-6-6-6Z"})),O=r.createContext(void 0),ae=()=>{const b=r.useContext(O);if(b==null)throw new Error("TreeContext must be used within a TreeContext.Provider");return b},T=b=>{const{data:c,className:m,nodeRenderer:N,getNode:E,size:f="default",enableVirtualization:t=!1,style:n,...d}=b,u=r.useRef(null),e=r.useRef(0);r.useEffect(()=>{e.current=0},[c]);const s=r.useCallback(()=>{const g=G(u.current);return g.filter(i=>!g.some(h=>h.contains(i.parentElement)))},[]),o=g=>{if(g.altKey)return;const i=s();if(!(i!=null&&i.length))return;const h=i.findIndex(x=>{var j;return x.contains((j=u.current)==null?void 0:j.ownerDocument.activeElement)}),C=h>-1?h:0;switch(g.key){case"ArrowUp":{g.preventDefault();const x=Math.max(0,C-1);i[x].focus(),e.current=x;break}case"ArrowDown":{g.preventDefault();const x=Math.min(i.length-1,C+1);i[x].focus(),e.current=x;break}}},[l,k]=r.useMemo(()=>{const g=[],i=[],h=(C=[],x=0,j)=>{const v=Array();return C.forEach((S,A)=>{const{subNodes:F,...V}=E(S),w={nodeProps:V,depth:x,parentNode:j,indexInGroup:A};if(v.push(w.nodeProps.nodeId),g.push(w),x===0&&i.push(w),w.nodeProps.isExpanded){const K=h(F,x+1,w);w.subNodeIds=K}}),v};return h(c),[g,i]},[c,E]),$=r.useCallback(g=>{var h,C,x;const i=l[g];return r.createElement(O.Provider,{key:i.nodeProps.nodeId,value:{nodeDepth:i.depth,subNodeIds:i.subNodeIds,groupSize:i.depth===0?k.length:((C=(h=i.parentNode)==null?void 0:h.subNodeIds)==null?void 0:C.length)??0,indexInGroup:i.indexInGroup,parentNodeId:(x=i.parentNode)==null?void 0:x.nodeProps.nodeId,scrollToParent:i.parentNode?()=>{var S;const j=(S=i.parentNode)==null?void 0:S.nodeProps.nodeId,v=l.findIndex(A=>A.nodeProps.nodeId===j);M(v)}:void 0,size:f}},N(i.nodeProps))},[k.length,l,N,f]),[y,M]=r.useState(),_=r.useRef(l);r.useEffect(()=>{_.current=l},[l]),r.useEffect(()=>{setTimeout(()=>{var g;if(y!==void 0){const i=_.current[y].nodeProps.nodeId,h=(g=u.current)==null?void 0:g.ownerDocument.querySelector(`#${i}`);h==null||h.focus(),M(void 0)}})},[y]);const R=g=>{var h,C;if((h=u.current)!=null&&h.contains(g.relatedTarget))return;const i=s();i.length>0&&((C=i[e.current])==null||C.focus())};return r.createElement(r.Fragment,null,t?r.createElement(le,{flatNodesList:l,itemRenderer:$,scrollToIndex:y,onFocus:R,onKeyDown:o,ref:u,className:m,style:n,...d}):r.createElement(Z,{onKeyDown:o,onFocus:R,className:m,"data-iui-size":f==="small"?"small":void 0,style:n,ref:u,...d},l.map((g,i)=>$(i))))},Z=Q.ul("iui-tree",{role:"tree",tabIndex:0}),le=r.forwardRef(({flatNodesList:b,itemRenderer:c,scrollToIndex:m,className:N,style:E,...f},t)=>{const{outerProps:n,innerProps:d,visibleChildren:u}=ee({itemsLength:b.length,itemRenderer:c,scrollToIndex:m});return r.createElement(I,{...n,className:B(N,n.className),style:{...E,...n.style}},r.createElement(Z,{...d,...f,ref:X(t,d.ref)},u))}),H=r.forwardRef((b,c)=>{var t;const{isExpanded:m,...N}=b,f=(((t=r.useContext(O))==null?void 0:t.size)??"default")==="small"?oe:se;return r.createElement(Y,{styleType:"borderless",size:"small","aria-label":m?"Collapse":"Expand",ref:c,...N},r.createElement(f,{className:B("iui-tree-node-content-expander-icon",{"iui-tree-node-content-expander-icon-expanded":m})}))}),z=b=>{const{nodeId:c,label:m,sublabel:N,children:E,className:f,icon:t,hasSubNodes:n=!1,isDisabled:d=!1,isExpanded:u=!1,isSelected:e=!1,onSelected:s,onExpanded:o,checkbox:l,expander:k,...$}=b,{nodeDepth:y,subNodeIds:M=[],parentNodeId:_,scrollToParent:R,groupSize:g,indexInGroup:i}=ae(),[h,C]=r.useState(!1),x=r.useRef(null),j=S=>{var F,V,w,K,q,W;if(S.altKey)return;const A=x.current===((F=x.current)==null?void 0:F.ownerDocument.activeElement);switch(S.key){case"ArrowLeft":{if(S.preventDefault(),A){if(u){o(c,!1);break}if(_){R==null||R();break}break}const D=G(x.current),L=D.indexOf((V=x.current)==null?void 0:V.ownerDocument.activeElement);L===0?(w=x.current)==null||w.focus():(K=D[L-1])==null||K.focus();break}case"ArrowRight":{S.preventDefault();const D=G(x.current);if(A){if(!u&&n){o(c,!0);break}(q=D[0])==null||q.focus();break}const L=D.indexOf((W=x.current)==null?void 0:W.ownerDocument.activeElement);if(L<D.length-1){D[L+1].focus();break}break}case" ":case"Spacebar":case"Enter":{if(S.target!==x.current)break;S.preventDefault(),d||s==null||s(c,!e);break}}},v=r.useCallback(S=>{o(c,!u),S.stopPropagation()},[u,c,o]);return r.createElement(I,{as:"li",role:"treeitem",className:B("iui-tree-item",f),id:c,"aria-expanded":n?u:void 0,"aria-disabled":d,"aria-selected":e,"aria-level":y+1,"aria-setsize":g,"aria-posinset":i+1,tabIndex:-1,onFocus:S=>{C(!0),S.stopPropagation()},onBlur:()=>{C(!1)},ref:x,onKeyDown:j,...$},r.createElement(I,{className:B("iui-tree-node",{"iui-active":e,"iui-disabled":d}),style:{"--level":y},onClick:()=>!d&&(s==null?void 0:s(c,!e))},l&&r.createElement(I,{className:"iui-tree-node-checkbox"},r.isValidElement(l)?r.cloneElement(l,{tabIndex:h?0:-1}):l),r.createElement(I,{className:"iui-tree-node-content"},n&&k,n&&!k&&r.createElement(H,{isExpanded:u,disabled:d,onClick:v,tabIndex:h?0:-1}),t&&r.createElement(I,{as:"span",className:"iui-tree-node-content-icon","aria-hidden":!0},t),r.createElement(I,{className:"iui-tree-node-content-label"},r.createElement(I,{className:"iui-tree-node-content-title"},m),N&&r.createElement(I,{className:"iui-tree-node-content-caption"},N)),E)),n&&r.createElement(I,{as:"ul",className:"iui-sub-tree",role:"group","aria-owns":M.join(" ")}))},Ne={title:"Tree"},me=()=>{const[b,c]=a.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),m=a.useCallback((t,n)=>{n?(c(d=>({...d,[t]:!0})),console.log(`Expanded node ${t}`)):(c(d=>({...d,[t]:!1})),console.log(`Closed node ${t}`))},[]),N=a.useCallback((t,n="",d=0)=>{const u=n?`${n}-${t}`:`${t}`;return{id:`Node-${u}`,label:`Node ${u}`,sublabel:`Sublabel for Node ${u}`,subItems:d<10?Array(Math.round(t%5)).fill(null).map((e,s)=>N(s,u,d+1)):[]}},[]),E=a.useMemo(()=>Array(8).fill(null).map((t,n)=>N(n)),[N]),f=a.useCallback(t=>({subNodes:t.subItems,nodeId:t.id,node:t,isExpanded:b[t.id],hasSubNodes:t.subItems.length>0}),[b]);return p.jsx(T,{data:E,getNode:f,nodeRenderer:a.useCallback(({node:t,...n})=>p.jsx(z,{label:t.label,sublabel:t.sublabel,onExpanded:m,icon:p.jsx(P,{}),...n}),[m])})},fe=()=>{const[b,c]=a.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),m=a.useCallback((e,s)=>{s?(c(o=>({...o,[e]:!0})),console.log(`Selected node ${e}`)):(c(o=>({...o,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[N,E]=a.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),f=a.useCallback((e,s)=>{s?(E(o=>({...o,[e]:!0})),console.log(`Expanded node ${e}`)):(E(o=>({...o,[e]:!1})),console.log(`Closed node ${e}`))},[]),[t]=a.useState({"Node-4":!0,"Node-3-0":!0,"Node-6":!0,"Node-10":!0}),n=a.useCallback((e,s="",o=0)=>{const l=s?`${s}-${e}`:`${e}`;return{id:`Node-${l}`,label:`Node ${l}`,sublabel:`Sublabel for Node ${l}`,subItems:o<10?Array(Math.round(e%5)).fill(null).map((k,$)=>n($,l,o+1)):[]}},[]),d=a.useMemo(()=>Array(8).fill(null).map((e,s)=>n(s)),[n]),u=a.useCallback(e=>({subNodes:e.subItems,nodeId:e.id,node:e,isExpanded:N[e.id],isDisabled:t[e.id],isSelected:b[e.id],hasSubNodes:e.subItems.length>0}),[t,N,b]);return p.jsx(T,{data:d,getNode:u,nodeRenderer:a.useCallback(({node:e,...s})=>p.jsx(z,{label:e.label,sublabel:e.sublabel,onExpanded:f,onSelected:m,checkbox:p.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:p.jsx(P,{}),...s}),[f,m])})},pe=()=>{const b=a.useCallback(e=>({id:`Node-${e}`,label:`Node ${e}`,subItems:[],hasSubNodes:!0}),[]),[c,m]=a.useState(()=>Array(8).fill(null).map((e,s)=>b(s))),[N,E]=a.useState({}),f=a.useCallback((e,s)=>{s?(E(o=>({...o,[e]:!0})),console.log(`Selected node ${e}`)):(E(o=>({...o,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[t,n]=a.useState({}),d=a.useCallback((e,s,o)=>{s&&!o.subItems.length&&o.hasSubNodes&&setTimeout(()=>{m(l=>{const k=[...l],$=k.find(y=>y.id===e);return $?($.subItems=[{id:`Async-${e}`,label:`Async ${e}`,subItems:[]}],k):l})},1e3),s?(n(l=>({...l,[e]:!0})),console.log(`Expanded node ${e}`)):(n(l=>({...l,[e]:!1})),console.log(`Closed node ${e}`))},[]),u=a.useCallback(e=>({subNodes:!e.subItems.length&&e.hasSubNodes?[{id:`Async-${e.id}`,label:"",subItems:[],isLoading:!0}]:e.subItems,nodeId:e.id,node:e,isExpanded:t[e.id],isSelected:N[e.id],hasSubNodes:!!e.hasSubNodes}),[t,N]);return p.jsx(T,{data:c,getNode:u,nodeRenderer:a.useCallback(({node:e,...s})=>p.jsx(z,{label:e.isLoading?"Loading...":e.label,onExpanded:(o,l)=>d(o,l,e),onSelected:f,checkbox:p.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:e.isLoading?p.jsx(te,{size:"x-small",indeterminate:!0}):p.jsx(P,{}),...s}),[d,f])})},xe=()=>{const[b,c]=a.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),m=a.useCallback((s,o)=>{o?(c(l=>({...l,[s]:!0})),console.log(`Selected node ${s}`)):(c(l=>({...l,[s]:!1})),console.log(`Unselected node ${s}`))},[]),[N,E]=a.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),f=a.useCallback((s,o)=>{o?(E(l=>({...l,[s]:!0})),console.log(`Expanded node ${s}`)):(E(l=>({...l,[s]:!1})),console.log(`Closed node ${s}`))},[]),[t]=a.useState({"Node-4":!0,"Node-3":!0,"Node-6":!0,"Node-10":!0}),n=a.useCallback(s=>Object.keys(t).some(o=>s===o||s.startsWith(`${o}-`)),[t]),d=a.useCallback((s,o="",l=0)=>{const k=o?`${o}-${s}`:`${s}`;return{id:`Node-${k}`,label:`Node ${k}`,sublabel:`Sublabel for Node ${k}`,subItems:l<10?Array(Math.round(s%5)).fill(null).map(($,y)=>d(y,k,l+1)):[]}},[]),u=a.useMemo(()=>Array(8).fill(null).map((s,o)=>d(o)),[d]),e=a.useCallback(s=>({subNodes:s.subItems,nodeId:s.id,node:s,isExpanded:N[s.id],isDisabled:n(s.id),isSelected:b[s.id],hasSubNodes:s.subItems.length>0}),[N,n,b]);return p.jsx(T,{data:u,getNode:e,nodeRenderer:a.useCallback(({node:s,...o})=>p.jsx(z,{label:s.label,sublabel:s.sublabel,onExpanded:f,onSelected:m,checkbox:p.jsx(U,{variant:"eyeball",disabled:o.isDisabled}),icon:p.jsx(P,{}),expander:p.jsx(H,{isExpanded:o.isExpanded,onClick:l=>{f(s.id,!o.isExpanded),l.stopPropagation()}}),...o}),[f,m])})},Ee=()=>{const[b,c]=a.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),m=a.useCallback((e,s)=>{s?(c(o=>({...o,[e]:!0})),console.log(`Selected node ${e}`)):(c(o=>({...o,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[N,E]=a.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),f=a.useCallback((e,s)=>{s?(E(o=>({...o,[e]:!0})),console.log(`Expanded node ${e}`)):(E(o=>({...o,[e]:!1})),console.log(`Closed node ${e}`))},[]),[t]=a.useState({"Node-4":!0,"Node-3-0":!0,"Node-6":!0,"Node-10":!0}),n=a.useCallback((e,s="",o=0)=>{const l=s?`${s}-${e}`:`${e}`;return{id:`Node-${l}`,label:`Node ${l}`,sublabel:`Sublabel for Node ${l}`,subItems:o<10?Array(Math.round(e%5)).fill(null).map((k,$)=>n($,l,o+1)):[]}},[]),d=a.useMemo(()=>Array(1e5).fill(null).map((e,s)=>n(s)),[n]),u=a.useCallback(e=>({subNodes:e.subItems,nodeId:e.id,node:e,isExpanded:N[e.id],isDisabled:t[e.id],isSelected:b[e.id],hasSubNodes:e.subItems.length>0}),[t,N,b]);return p.jsx("div",{style:{height:"min(400px, 90vh)",overflow:"auto"},children:p.jsx(T,{data:d,getNode:u,enableVirtualization:!0,nodeRenderer:a.useCallback(({node:e,...s})=>p.jsx(z,{label:e.label,sublabel:e.sublabel,onExpanded:f,onSelected:m,checkbox:p.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:p.jsx(P,{}),...s}),[f,m])})})},ge=()=>{const[b,c]=a.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),m=a.useCallback((t,n)=>{n?(c(d=>({...d,[t]:!0})),console.log(`Expanded node ${t}`)):(c(d=>({...d,[t]:!1})),console.log(`Closed node ${t}`))},[]),N=a.useCallback((t,n="",d=0)=>{const u=n?`${n}-${t}`:`${t}`;return{id:`Node-${u}`,label:`Node ${u}`,sublabel:`Sublabel for Node ${u}`,subItems:d<10?Array(Math.round(t%5)).fill(null).map((e,s)=>N(s,u,d+1)):[]}},[]),E=a.useMemo(()=>Array(8).fill(null).map((t,n)=>N(n)),[N]),f=a.useCallback(t=>({subNodes:t.subItems,nodeId:t.id,node:t,isExpanded:b[t.id],hasSubNodes:t.subItems.length>0}),[b]);return p.jsx(T,{data:E,size:"small",getNode:f,nodeRenderer:a.useCallback(({node:t,...n})=>p.jsx(z,{label:t.label,sublabel:t.sublabel,onExpanded:m,icon:p.jsx(P,{}),...n}),[m])})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{pe as AsyncLoading,me as Basic,xe as CustomizedExpander,fe as Full,ge as Small,Ee as Virtualized,Ne as default};
diff --git a/1957/react/assets/VirtualScroll-CmUb1GiL.js b/1957/react/assets/VirtualScroll-CmUb1GiL.js
new file mode 100644
index 00000000000..e2e9402b791
--- /dev/null
+++ b/1957/react/assets/VirtualScroll-CmUb1GiL.js
@@ -0,0 +1 @@
+import{r as s,k as $,g as h,x as j,y as q}from"./index-DjxMsM5m.js";const A=q.unstable_batchedUpdates??(r=>void r()),z=(r,t=document)=>!r||r===t.body?t.body:G(r)?r:z(r.parentElement,t),G=r=>/(auto|scroll|overlay)/.test(v(r,"overflow")+v(r,"overflow-y")),v=(r,t)=>getComputedStyle(r,null).getPropertyValue(t),D=r=>(r==null?void 0:r.getBoundingClientRect().height)??0,E=r=>{if(!r)return;const t=parseFloat(v(r,"margin-block-start"))+parseFloat(v(r,"margin-block-end"));return D(r)+(isNaN(t)?0:t)},N=(r,t)=>r?Math.floor(t/r):0,J=(r,t)=>t>0?r*t:0,P=(r,t,m,a)=>Math.min(m-t,N(r,D(a))),X=s.forwardRef((r,t)=>{const{innerProps:m,outerProps:a,visibleChildren:u}=K(r);return s.createElement("div",{...a,ref:t},s.createElement("div",{...m},u))}),K=r=>{const{itemsLength:t,itemRenderer:m,bufferSize:a=10,scrollToIndex:u,style:F,...B}=r,[M,U]=s.useState(0),[R,_]=s.useState(0),f=s.useRef(),l=s.useRef(null),c=s.useRef({first:0,middle:0,last:0}),b=s.useRef(),[T,O]=s.useState(0),d=s.useRef({start:0,end:0}),[k,W]=s.useState(!1),w=()=>{var e;return f.current??((e=l.current)==null?void 0:e.ownerDocument.scrollingElement)},x=s.useMemo(()=>{const e=[],n=Math.min(t,M+R+a*2);for(let o=M;o<n;o++)e.push(m(o));return e},[t,m,a,M,R]),p=s.useCallback(()=>{var V,I,L;if(!l.current||!x.length)return;const e=l.current.children.item(0),n=l.current.children.item(1),o=l.current.children.item(l.current.children.length-1),i=Number(((V=E(e))==null?void 0:V.toFixed(2))??0);c.current={first:i,middle:Number(((I=E(n))==null?void 0:I.toFixed(2))??i),last:Number(((L=E(o))==null?void 0:L.toFixed(2))??i)}},[x.length]),Y=s.useCallback(({height:e})=>{e>0&&W(!0),A(()=>{O(e),p()})},[p]),[H,g]=$(Y);h(()=>{var n;const e=z(l.current,(n=l.current)==null?void 0:n.ownerDocument);f.current=e,H(e)},[H]),h(()=>()=>g==null?void 0:g.disconnect(),[g]),h(()=>p(),[p]);const C=s.useCallback(()=>{const e=w();if(!e)return;const n=N(c.current.middle,Math.round(e.scrollTop)),o=P(c.current.middle,n,t,e),i=Math.min(Math.max(0,n-a),Math.max(0,t-a*2-o));d.current={start:n,end:n+o},U(i),_(o),l.current&&(l.current.style.transform=`translateY(${J(c.current.middle,i)}px)`)},[a,t]),S=s.useCallback(()=>{C()},[C]),y=s.useCallback(()=>{var e,n;b.current&&(!f.current||f.current===((e=l.current)==null?void 0:e.ownerDocument.body)?(n=l.current)==null||n.ownerDocument.removeEventListener("scroll",b.current):f.current.removeEventListener("scroll",b.current))},[]);return h(()=>{var e,n;return y(),b.current=S,!f.current||f.current===((e=l.current)==null?void 0:e.ownerDocument.body)?(n=l.current)==null||n.ownerDocument.addEventListener("scroll",S):f.current.addEventListener("scroll",S),y},[S,y]),h(()=>{if(!k)return;const e=w();if(!(!e||u==null)){if(u>d.current.end||u<d.current.start){const n=u>d.current.end?u-d.current.end:u-d.current.start;if(u===0){e.scrollTo({top:0});return}e.scrollTo({top:n>0?Math.ceil(e.scrollTop)+n*c.current.middle:u*c.current.middle});const o=N(c.current.middle,Math.round(e.scrollTop)),i=P(c.current.middle,o,t,e);d.current={start:o,end:o+i}}if(u===d.current.start){const n=Math.round(e.scrollTop),o=n%c.current.middle;o>0&&e.scrollTo({top:n-o});return}if(u===d.current.end){const n=(e.offsetHeight-c.current.first)%c.current.middle,o=Math.ceil(e.scrollTop),i=o%c.current.middle;n>0&&i===0&&e.scrollTo({top:o+c.current.middle-n})}}},[u,k,t]),h(()=>{T&&C()},[T,C]),{outerProps:{style:{minBlockSize:t>1?Math.max(t-2,0)*c.current.middle+c.current.first+c.current.last:c.current.middle,minInlineSize:"100%",...F},...B},innerProps:{style:{willChange:"transform"},ref:j(l)},visibleChildren:x}};export{X as V,K as u};
diff --git a/1957/react/assets/WithCSSTransition-Dpufkg-9.js b/1957/react/assets/WithCSSTransition-Dpufkg-9.js
new file mode 100644
index 00000000000..85dfd6bcc73
--- /dev/null
+++ b/1957/react/assets/WithCSSTransition-Dpufkg-9.js
@@ -0,0 +1 @@
+import{a2 as h,a3 as N,a4 as $,R as E,$ as A,a5 as S,r as f,a1 as d}from"./index-DjxMsM5m.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,i){return n&&i&&i.split(" ").forEach(function(s){return L(n,s)})},C=function(n,i){return n&&i&&i.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 a=s.resolveArguments(e,r),c=a[0],u=a[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 a=s.resolveArguments(e,r),c=a[0],u=a[1],v=u?"appear":"enter";s.addClass(c,v,"active"),s.props.onEntering&&s.props.onEntering(e,r)},s.onEntered=function(e,r){var a=s.resolveArguments(e,r),c=a[0],u=a[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),a=r[0];s.removeClasses(a,"appear"),s.removeClasses(a,"enter"),s.addClass(a,"exit","base"),s.props.onExit&&s.props.onExit(e)},s.onExiting=function(e){var r=s.resolveArguments(e),a=r[0];s.addClass(a,"exit","active"),s.props.onExiting&&s.props.onExiting(e)},s.onExited=function(e){var r=s.resolveArguments(e),a=r[0];s.removeClasses(a,"exit"),s.addClass(a,"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,a=typeof r=="string",c=a&&r?r+"-":"",u=a?""+c+e:r[e],v=a?u+"-active":r[e+"Active"],x=a?u+"-done":r[e+"Done"];return{baseClassName:u,activeClassName:v,doneClassName:x}},s}var i=n.prototype;return i.addClass=function(l,p,o){var e=this.getClassNames(p)[o+"ClassName"],r=this.getClassNames("enter"),a=r.doneClassName;p==="appear"&&o==="done"&&a&&(e+=" "+a),o==="active"&&l&&N(l),e&&(this.appliedClasses[p][o]=e,T(l,e))},i.removeClasses=function(l,p){var o=this.appliedClasses[p],e=o.base,r=o.active,a=o.done;this.appliedClasses[p]={},e&&C(l,e),r&&C(l,r),a&&C(l,a)},i.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 V=g,w=t=>{const{in:n,dimension:i="height",children:s,...l}=t,p=f.useRef(0),o=i==="height"?"Height":"Width";return f.createElement(V,{in:n,timeout:200,unmountOnExit:!0,onEnter:e=>{e.style[`min${o}`]="initial",e.style[i]="0px"},onEntering:e=>{e.style[i]=`${p.current}px`},onEntered:e=>{e.style[`min${o}`]="",e.style[i]=""},onExit:e=>{e.style[i]=`${p.current}px`},onExiting:e=>{e.style[`min${o}`]="initial",e.style[i]="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()[i])}}):f.createElement(f.Fragment,null))};export{w as W};
diff --git a/1957/react/assets/WorkflowDiagram.stories-DmckodxH.js b/1957/react/assets/WorkflowDiagram.stories-DmckodxH.js
new file mode 100644
index 00000000000..4eefea49366
--- /dev/null
+++ b/1957/react/assets/WorkflowDiagram.stories-DmckodxH.js
@@ -0,0 +1 @@
+import{r as e,B as s,c as p,T as f,j as d}from"./index-DjxMsM5m.js";const v=n=>{const{title:i,description:r,className:l,style:o,contentProps:t,...m}=n,a=e.createElement(s,{as:"li",className:p("iui-workflow-diagram-step",l),style:o,...m},e.createElement(s,{as:"span",...t,className:p("iui-workflow-diagram-content",t==null?void 0:t.className)},i));return r?e.createElement(f,{content:r},a):a},w=e.forwardRef((n,i)=>{const{steps:r,className:l,contentProps:o,wrapperProps:t,...m}=n;return e.createElement(s,{as:"div",...t,ref:i},e.createElement(s,{as:"ol",className:p("iui-workflow-diagram",l),...m},r.map((a,c)=>{const u=o==null?void 0:o(c);return e.createElement(v,{contentProps:u,key:c,title:a.name,description:a.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/1957/react/assets/colors-DN-6A0ES.js b/1957/react/assets/colors-DN-6A0ES.js
new file mode 100644
index 00000000000..0e7654b9205
--- /dev/null
+++ b/1957/react/assets/colors-DN-6A0ES.js
@@ -0,0 +1 @@
+const e={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)"},n=o=>Object.keys(e).includes(o),c=Object.values(e),t=o=>{const a=o.trim().toLowerCase();let r=0;for(let u=0;u<a.length;u++){const l=a.charCodeAt(u);r=(r+l)%c.length}return c[r]};export{e as S,t as g,n as i};
diff --git a/1957/react/assets/empty-module-BIHI7g3E.js b/1957/react/assets/empty-module-BIHI7g3E.js
new file mode 100644
index 00000000000..b480ffe6ce7
--- /dev/null
+++ b/1957/react/assets/empty-module-BIHI7g3E.js
@@ -0,0 +1 @@
+const e={};export{e as default};
diff --git a/1957/react/assets/favicon-gjFwcFbF.svg b/1957/react/assets/favicon-gjFwcFbF.svg
new file mode 100644
index 00000000000..678088bf0ff
--- /dev/null
+++ b/1957/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/1957/react/assets/focusable-DQv_vybo.js b/1957/react/assets/focusable-DQv_vybo.js
new file mode 100644
index 00000000000..e10106c2195
--- /dev/null
+++ b/1957/react/assets/focusable-DQv_vybo.js
@@ -0,0 +1 @@
+const s='a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])',r=e=>{if(!e)return[];const a=e.querySelectorAll(s);return Array.from(a).filter(t=>!t.hasAttribute("disabled")&&!t.classList.contains("iui-disabled")&&t.getAttribute("aria-disabled")!=="true")},i=e=>{if(!e)return[];const a=e.querySelectorAll(`${s}, [tabindex="-1"]`);return Array.from(a).filter(t=>!t.hasAttribute("disabled")&&!t.classList.contains("iui-disabled")&&t.getAttribute("aria-disabled")!=="true")};export{r as a,i as g};
diff --git a/1957/react/assets/index-Bl0ZS2-d.css b/1957/react/assets/index-Bl0ZS2-d.css
new file mode 100644
index 00000000000..5805e17738e
--- /dev/null
+++ b/1957/react/assets/index-Bl0ZS2-d.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: #a05c08;--iui-color-background-warning-hover: #7c4604;--iui-color-background-warning-muted: #f9f1e6;--iui-color-background-negative: #db0a0a;--iui-color-background-negative-hover: #a80505;--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: #c4cbcf;--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: #8f8f8f;--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: #7d7d7d;--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: #7c4604;--iui-color-background-warning-hover: #563001;--iui-color-background-warning-muted: #f3eee7;--iui-color-background-negative: #a80505;--iui-color-background-negative-hover: #740202;--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: #b4b8bb;--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: #7a7a7a;--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: #6b6b6b;--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: #a05c08;--iui-color-background-warning-hover: #c2720f;--iui-color-background-warning-muted: #46453f;--iui-color-background-negative: #db0a0a;--iui-color-background-negative-hover: #f22c2c;--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: #49555d;--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-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-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: #7c4604;--iui-color-background-warning-hover: #a05c08;--iui-color-background-warning-muted: #434342;--iui-color-background-negative: #a80505;--iui-color-background-negative-hover: #db0a0a;--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: #5c6367;--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: #a6a6a6;--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: #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(._iui3-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(._iui3-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: #a05c08;--iui-color-background-warning-hover: #7c4604;--iui-color-background-warning-muted: #f9f1e6;--iui-color-background-negative: #db0a0a;--iui-color-background-negative-hover: #a80505;--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: #c4cbcf;--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: #8f8f8f;--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: #7d7d7d;--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(._iui3-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: #7c4604;--iui-color-background-warning-hover: #563001;--iui-color-background-warning-muted: #f3eee7;--iui-color-background-negative: #a80505;--iui-color-background-negative-hover: #740202;--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: #b4b8bb;--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: #7a7a7a;--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: #6b6b6b;--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(._iui3-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: #a05c08;--iui-color-background-warning-hover: #c2720f;--iui-color-background-warning-muted: #46453f;--iui-color-background-negative: #db0a0a;--iui-color-background-negative-hover: #f22c2c;--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: #49555d;--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-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-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(._iui3-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: #7c4604;--iui-color-background-warning-hover: #a05c08;--iui-color-background-warning-muted: #434342;--iui-color-background-negative: #a80505;--iui-color-background-negative-hover: #db0a0a;--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: #5c6367;--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: #a6a6a6;--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: #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(._iui3-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._iui3-root){margin:0}:where(body._iui3-root,._iui3-root._iui3-root-background){background-color:var(--iui-color-background-backdrop)}:where(._iui3-root,._iui3-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where(._iui3-root,._iui3-root *)::selection,:where(._iui3-root,._iui3-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}:where(._iui3-root,._iui3-root *)::-webkit-scrollbar{max-inline-size:var(--iui-size-xs);max-block-size:var(--iui-size-xs)}:where(._iui3-root,._iui3-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where(._iui3-root,._iui3-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where(._iui3-root,._iui3-root *)::-webkit-scrollbar-track{background-color:#0000}:where(._iui3-root,._iui3-root *)::-webkit-scrollbar-corner{background-color:#0000}:where(._iui3-root,._iui3-root *),:where(._iui3-root,._iui3-root *):before,:where(._iui3-root,._iui3-root *):after{box-sizing:border-box}:where(._iui3-root,._iui3-root *):where(:focus-visible){outline:2px solid var(--iui-color-border-accent)}@keyframes _iui3-fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}._iui3-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}._iui3-alert:where([data-iui-status=informational]){--_iui-alert-border-color:var(--iui-color-border-informational);--_iui-alert-icon-color:var(--iui-color-icon-informational)}._iui3-alert:where([data-iui-status=informational])::selection,._iui3-alert:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3-alert:where([data-iui-status=informational]) ._iui3-button:focus{outline-color:var(--iui-color-text-informational)}._iui3-alert:where([data-iui-status=positive]){--_iui-alert-border-color:var(--iui-color-border-positive);--_iui-alert-icon-color:var(--iui-color-icon-positive)}._iui3-alert:where([data-iui-status=positive])::selection,._iui3-alert:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-alert:where([data-iui-status=positive]) ._iui3-button:focus{outline-color:var(--iui-color-text-positive)}._iui3-alert:where([data-iui-status=warning]){--_iui-alert-border-color:var(--iui-color-border-warning);--_iui-alert-icon-color:var(--iui-color-icon-warning)}._iui3-alert:where([data-iui-status=warning])::selection,._iui3-alert:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-alert:where([data-iui-status=warning]) ._iui3-button:focus{outline-color:var(--iui-color-text-warning)}._iui3-alert:where([data-iui-status=negative]){--_iui-alert-border-color:var(--iui-color-border-negative);--_iui-alert-icon-color:var(--iui-color-icon-negative)}._iui3-alert:where([data-iui-status=negative])::selection,._iui3-alert:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-alert:where([data-iui-status=negative]) ._iui3-button:focus{outline-color:var(--iui-color-text-negative)}._iui3-alert:where([data-iui-variant=sticky]){border-radius:0;position:sticky;inset-block-start:0;inset-inline-start:0}._iui3-alert-message{margin-block:var(--iui-size-s);margin-inline:var(--iui-size-m);word-break:normal;overflow-wrap:anywhere;flex:999}._iui3-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)}._iui3-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}._iui3-anchor:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}._iui3-anchor:where(button){font:inherit;background:0 0;border:none;padding:0}._iui3-anchor:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}}@layer itwinui.v3{@media (prefers-contrast:more){._iui3-anchor{text-decoration:underline}._iui3-anchor:hover{text-decoration:none}}}@layer itwinui.v3{._iui3-anchor[data-iui-underline=true],:is([data-iui-contrast=high] ._iui3-anchor){text-decoration:underline}._iui3-anchor[data-iui-underline=true]:hover,:is([data-iui-contrast=high] ._iui3-anchor):hover{text-decoration:none}._iui3-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>")}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-anchor-external:after{background-color:linktext}}}@layer itwinui.v3{._iui3-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))}._iui3-anchor:where([data-iui-status=informational]):focus-visible{outline:1px solid var(--iui-color-text-informational);outline-offset:1px}._iui3-anchor:where([data-iui-status=informational])::selection,._iui3-anchor:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3-anchor:where([data-iui-status=informational]):hover{color:var(--iui-color-text-informational-hover)}._iui3-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))}._iui3-anchor:where([data-iui-status=positive]):focus-visible{outline:1px solid var(--iui-color-text-positive);outline-offset:1px}._iui3-anchor:where([data-iui-status=positive])::selection,._iui3-anchor:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-anchor:where([data-iui-status=positive]):hover{color:var(--iui-color-text-positive-hover)}._iui3-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))}._iui3-anchor:where([data-iui-status=warning]):focus-visible{outline:1px solid var(--iui-color-text-warning);outline-offset:1px}._iui3-anchor:where([data-iui-status=warning])::selection,._iui3-anchor:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-anchor:where([data-iui-status=warning]):hover{color:var(--iui-color-text-warning-hover)}._iui3-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))}._iui3-anchor:where([data-iui-status=negative]):focus-visible{outline:1px solid var(--iui-color-text-negative);outline-offset:1px}._iui3-anchor:where([data-iui-status=negative])::selection,._iui3-anchor:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-anchor:where([data-iui-status=negative]):hover{color:var(--iui-color-text-negative-hover)}._iui3-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}._iui3-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}._iui3-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%)}._iui3-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}._iui3-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}._iui3-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)}._iui3-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)}._iui3-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)}._iui3-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)}._iui3-avatar._iui3-avatar-count{background-color:var(--iui-color-background);color:var(--iui-color-text-muted)}._iui3-avatar._iui3-avatar-count:before{box-shadow:inset 0 0 0 var(--iui-size-3xs) var(--iui-color-border)}._iui3-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)}._iui3-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)}._iui3-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)}._iui3-avatar-list{flex-wrap:wrap;display:inline-flex}._iui3-avatar-list ._iui3-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3-avatar-list ._iui3-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3-avatar-list ._iui3-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3-avatar-list ._iui3-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3-avatar-list._iui3-stacked ._iui3-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))}._iui3-avatar-list._iui3-stacked ._iui3-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))}._iui3-avatar-list._iui3-stacked ._iui3-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3-avatar-list._iui3-stacked ._iui3-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:calc(0px - var(--iui-size-s))}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-avatar-list._iui3-stacked._iui3-animated ._iui3-avatar{transition:margin-left var(--iui-duration-2)ease-out}}}@layer itwinui.v3{._iui3-avatar-list._iui3-stacked._iui3-animated:hover ._iui3-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3-avatar-list._iui3-stacked._iui3-animated:hover ._iui3-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3-avatar-list._iui3-stacked._iui3-animated:hover ._iui3-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3-avatar-list._iui3-stacked._iui3-animated:hover ._iui3-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3-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}._iui3-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)}._iui3-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)}._iui3-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)}._iui3-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)}._iui3-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}._iui3-backdrop:not(._iui3-backdrop-visible){visibility:hidden;opacity:0}._iui3-backdrop._iui3-backdrop-visible{transition-delay:var(--iui-duration-0);animation:_iui3-fade-in var(--iui-duration-1)ease-out}._iui3-backdrop._iui3-backdrop-fixed{position:fixed}._iui3-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}._iui3-blockquote>footer{text-align:end;color:var(--iui-color-text-muted)}._iui3-blockquote>footer>cite{font-style:normal}._iui3-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}._iui3-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}._iui3-breadcrumbs-item{align-items:center;block-size:100%;display:flex}._iui3-breadcrumbs-item>*{max-inline-size:26ch}._iui3-breadcrumbs-content{padding-inline:var(--iui-size-xs);white-space:nowrap;text-overflow:ellipsis;line-height:var(--iui-component-height);overflow:hidden}._iui3-breadcrumbs-content:where(a):focus{outline-offset:-1px}._iui3-breadcrumbs-content:where(button){vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--iui-color-text-accent);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);border:none;flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-breadcrumbs-content:where(button):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-breadcrumbs-content:where(button):where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-breadcrumbs-content:where(button):where(:focus){outline-offset:-1px;outline-width:1px}._iui3-breadcrumbs-content:where(button):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-breadcrumbs-content:where(button)[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-breadcrumbs-content:where(button)[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-breadcrumbs-content:where(button)[aria-current]{color:var(--iui-color-text)}._iui3-breadcrumbs-content:where(button)>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-breadcrumbs-separator{margin-inline:var(--iui-size-3xs);display:flex}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-breadcrumbs-separator svg{fill:canvastext}}}@layer itwinui.v3{._iui3-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:var(--iui-color-background);--_iui-button-border-color:var(--iui-color-border-foreground);--_iui-button-icon-fill:var(--iui-color-icon);flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-button:hover,._iui3-button:active{--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-hover);--_iui-button-border-color:var(--iui-color-border-foreground-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-button:focus{outline-offset:-2px;outline-width:2px}._iui3-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);cursor:not-allowed;outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-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);--_iui-button-min-height:var(--iui-component-height-small)}._iui3-button[data-iui-size=large]{font-size:var(--iui-font-size-2);--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l);--_iui-button-min-height:var(--iui-component-height-large)}._iui3-button[data-iui-variant=borderless]{--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height)}._iui3-button[data-iui-variant=borderless]:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-button[data-iui-variant=borderless]:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-button[data-iui-variant=borderless]:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-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);--_iui-button-min-height:var(--iui-component-height-small)}._iui3-button[data-iui-variant=borderless][data-iui-size=large]{font-size:var(--iui-font-size-2);--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-s);--_iui-button-min-height:var(--iui-component-height-large)}._iui3-button[data-iui-active=true]{--_iui-button-active-stripe-inset-block:initial;--_iui-button-active-stripe-inset-inline:initial;--_iui-button-active-stripe-background:var(--iui-color-border-accent);--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-icon-fill:var(--iui-color-icon-accent);--_iui-button-background-color:var(--iui-color-background-accent-muted)}._iui3-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block);inset-inline:var(--_iui-button-active-stripe-inset-inline);background:var(--_iui-button-active-stripe-background);position:absolute}._iui3-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);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-button[data-iui-active=true][data-iui-variant=borderless]{--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled)}._iui3-button[data-iui-variant=high-visibility]{--_iui-button-background-color:var(--iui-color-background-accent);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white)}._iui3-button[data-iui-variant=high-visibility]:hover,._iui3-button[data-iui-variant=high-visibility]:active{--_iui-button-background-color:var(--iui-color-background-accent-hover)}._iui3-button[data-iui-variant=high-visibility]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=high-visibility]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-variant=cta]{--_iui-button-background-color:var(--iui-color-background-positive);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white)}._iui3-button[data-iui-variant=cta]:hover,._iui3-button[data-iui-variant=cta]:active{--_iui-button-background-color:var(--iui-color-background-positive-hover)}._iui3-button[data-iui-variant=cta]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=cta]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-variant=idea]{--_iui-button-background-color:var(--iui-color-background-accent);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white);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)}._iui3-button[data-iui-variant=idea]:hover,._iui3-button[data-iui-variant=idea]:active{--_iui-button-background-color:var(--iui-color-background-accent-hover)}._iui3-button[data-iui-variant=idea]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=idea]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button-icon{display:inline-flex}._iui3-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}._iui3-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3-button-split :where(._iui3-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3-button-split :where(._iui3-button:first-child)[data-iui-variant=high-visibility],._iui3-button-split :where(._iui3-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-button-split :where(._iui3-button:first-child):hover{z-index:1}._iui3-button-split :where(._iui3-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}._iui3-button-split :where(._iui3-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}._iui3-button-split :where(._iui3-button:last-child)[data-iui-variant=high-visibility],._iui3-button-split :where(._iui3-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-button-split :where(._iui3-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}._iui3-button-split :where(._iui3-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3-button-split :where(._iui3-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3-button-group:where(:not([data-iui-orientation=vertical])){isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input){--_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)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):hover{z-index:1}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):is(._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):where(:disabled,._iui3-disabled,[aria-disabled=true])){z-index:-1}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus:where([aria-disabled=true]),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within:where([aria-disabled=true]){z-index:2}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before{border-radius:0;transition-duration:0s}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):hover,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):focus,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before:hover,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before:focus{transition-duration:var(--iui-duration-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:first-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:first-child):where(._iui3-input-flex-container):before{border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:last-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:last-child):where(._iui3-input-flex-container):before{border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]+*{margin-inline-start:-1px}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:not(:first-child):not([data-iui-variant=borderless])):where(:disabled,._iui3-disabled,[aria-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle)}._iui3-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}._iui3-button-group:where([data-iui-orientation=vertical])>[class]{pointer-events:all;position:relative}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input){--_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))}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):hover{z-index:1}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):is(._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):where(:disabled,._iui3-disabled,[aria-disabled=true])){z-index:-1}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus:where([aria-disabled=true]),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within:where([aria-disabled=true]){z-index:2}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before{border-radius:0;transition-duration:0s}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):hover,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):focus,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before:hover,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before:focus{transition-duration:var(--iui-duration-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:first-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:first-child):where(._iui3-input-flex-container):before{border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:last-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:last-child):where(._iui3-input-flex-container):before{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]+*{margin-block-start:-1px}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:not(:first-child):not([data-iui-variant=borderless])):where(:disabled,._iui3-disabled,[aria-disabled=true]){border-block-start-color:var(--iui-color-border-subtle)}._iui3-button-group-overflow-x{inline-size:100%}._iui3-carousel{border-radius:var(--iui-border-radius-1);display:grid;overflow:hidden}._iui3-carousel:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:4px}._iui3-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}._iui3-carousel-slider::-webkit-scrollbar{display:none}._iui3-carousel-slider-item{scroll-snap-align:center;flex-shrink:0;inline-size:100%}._iui3-carousel-slider-item:focus-visible{outline-offset:-2px}._iui3-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}._iui3-carousel-navigation-left,._iui3-carousel-navigation-right{flex:1;align-items:center;display:flex}._iui3-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}._iui3-carousel-navigation-dots::-webkit-scrollbar{display:none}._iui3-carousel-navigation-dots:has(:focus-visible){outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(:has(+ *)){._iui3-carousel-navigation-dots:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-carousel-navigation-dot{cursor:pointer;block-size:var(--iui-component-height-small);padding-inline:var(--iui-size-xs);background-color:#0000;border:none}._iui3-carousel-navigation-dot:hover:after{background-color:var(--iui-color-icon-muted-hover)}._iui3-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}._iui3-carousel-navigation-dot._iui3-first:after{transform:scale(.5)}._iui3-carousel-navigation-dot._iui3-second:after{transform:scale(.75)}._iui3-carousel-navigation-dot._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-carousel-navigation-dot._iui3-active:after{border-width:var(--iui-size-xs)}}}@layer itwinui.v3{._iui3-carousel-navigation-dot:focus{outline-color:#0000}._iui3-carousel-navigation-right{justify-content:flex-end}._iui3-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}._iui3-checkbox-wrapper._iui3-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3-checkbox-wrapper>._iui3-checkbox-label,._iui3-checkbox-wrapper>._iui3-radio-label{line-height:var(--iui-size-l)}._iui3-checkbox-wrapper>._iui3-checkbox-label svg,._iui3-checkbox-wrapper>._iui3-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}._iui3-checkbox-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-checkbox-wrapper._iui3-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3-checkbox-wrapper._iui3-positive{color:var(--iui-color-text-positive)}._iui3-checkbox-wrapper._iui3-warning{color:var(--iui-color-text-warning)}._iui3-checkbox-wrapper._iui3-negative{color:var(--iui-color-text-negative)}._iui3-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}._iui3-checkbox:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3-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}._iui3-checkbox:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-checkbox:checked{--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg)}._iui3-checkbox:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3-checkbox:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3-checkbox:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-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}._iui3-checkbox._iui3-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}._iui3-checkbox._iui3-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3-checkbox._iui3-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3-checkbox._iui3-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3-checkbox._iui3-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3-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}._iui3-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}._iui3-codeblock>._iui3-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}._iui3-codeblock>._iui3-title-bar>._iui3-title{-webkit-user-select:all;user-select:all;margin-inline-start:var(--iui-size-s)}._iui3-codeblock>._iui3-title-bar>._iui3-button{margin-inline-start:auto}._iui3-codeblock>._iui3-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}._iui3-codeblock>._iui3-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-codeblock>._iui3-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}._iui3-codeblock>._iui3-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}._iui3-codeblock>._iui3-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}._iui3-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}._iui3-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}._iui3-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}._iui3-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)}._iui3-color-swatch:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}._iui3-color-swatch._iui3-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)}._iui3-color-swatch._iui3-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)}._iui3-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}._iui3-color-palette-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3-color-palette-wrapper:only-child{max-inline-size:calc(var(--iui-size-l)*10 + var(--iui-size-xs)*9)}._iui3-color-input{align-items:center;display:flex}._iui3-color-input-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3-color-input ._iui3-button{margin-inline-end:var(--iui-size-2xs)}._iui3-color-input-fields{gap:var(--iui-size-3xs);inline-size:100%;display:flex}._iui3-color-input-fields>*{flex-grow:1}._iui3-color-input-fields input{text-transform:uppercase}._iui3-color-input-fields input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:end}._iui3-color-input-fields input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3-color-picker-section-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-block-end:calc(var(--iui-size-s)*.5);overflow:hidden}._iui3-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}._iui3-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}._iui3-hue-slider ._iui3-slider,._iui3-opacity-slider ._iui3-slider{--_iui-slider-track-thickness:var(--iui-size-xs)}._iui3-hue-slider ._iui3-slider:before,._iui3-opacity-slider ._iui3-slider:before{forced-color-adjust:none}._iui3-hue-slider ._iui3-slider:before{--_iui-slider-rail-color:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._iui3-opacity-slider ._iui3-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)}._iui3-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}._iui3-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}._iui3-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)}._iui3-date-picker{-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}._iui3-date-picker ._iui3-time-picker{block-size:0;min-block-size:100%}._iui3-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}._iui3-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}._iui3-calendar-month{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-inline-size:15ch;overflow:hidden}._iui3-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}._iui3-calendar-weekdays>div{white-space:nowrap;text-align:center;inline-size:40px;overflow:hidden}._iui3-calendar-week{white-space:nowrap;padding-inline:var(--iui-size-xs);margin-block-end:var(--iui-size-3xs);line-height:36px;display:flex}._iui3-calendar-day,._iui3-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}._iui3-calendar-day:focus-visible,._iui3-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-calendar-day:empty,._iui3-calendar-day-today:empty{pointer-events:none}._iui3-calendar-day:hover,._iui3-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3-calendar-day[aria-disabled=true],._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-calendar-day[aria-disabled=true],._iui3-calendar-day-today[aria-disabled=true]{color:graytext}}}@layer itwinui.v3{._iui3-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-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%)}._iui3-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}._iui3-calendar-day-selected,._iui3-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}._iui3-calendar-day-selected:empty,._iui3-calendar-day-selected-today:empty{pointer-events:none}._iui3-calendar-day-selected:focus-visible,._iui3-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-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%)}._iui3-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-selected-today:hover:before{background-color:initial}._iui3-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-outside-month,._iui3-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}._iui3-calendar-day-outside-month:focus-visible,._iui3-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-calendar-day-outside-month:empty,._iui3-calendar-day-outside-month-today:empty{pointer-events:none}._iui3-calendar-day-outside-month:hover,._iui3-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3-calendar-day-outside-month[aria-disabled=true],._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-calendar-day-outside-month[aria-disabled=true],._iui3-calendar-day-outside-month-today[aria-disabled=true]{color:graytext}}}@layer itwinui.v3{._iui3-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-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%)}._iui3-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}._iui3-calendar-day-range-start,._iui3-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}._iui3-calendar-day-range-start:empty,._iui3-calendar-day-range-start-today:empty{pointer-events:none}._iui3-calendar-day-range-start:focus-visible,._iui3-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-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%)}._iui3-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)}._iui3-calendar-day-range-start-today:hover:before{background-color:initial}._iui3-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-range-end,._iui3-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}._iui3-calendar-day-range-end:empty,._iui3-calendar-day-range-end-today:empty{pointer-events:none}._iui3-calendar-day-range-end:focus-visible,._iui3-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-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%)}._iui3-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)}._iui3-calendar-day-range-end-today:hover:before{background-color:initial}._iui3-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-range,._iui3-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}._iui3-calendar-day-range:focus-visible,._iui3-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-calendar-day-range:empty,._iui3-calendar-day-range-today:empty{pointer-events:none}._iui3-calendar-day-range:hover,._iui3-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-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%)}._iui3-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}._iui3-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)}._iui3-dialog-wrapper[data-iui-relative=true]{position:absolute}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-dialog{border:1px solid}}}@layer itwinui.v3{._iui3-dialog:not(._iui3-dialog-visible){visibility:hidden;opacity:0}._iui3-dialog._iui3-dialog-visible{animation:_iui3-fade-in var(--iui-duration-1)ease-out}@keyframes _iui3-slide-up{0%{transform:translateY(100%)}}._iui3-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}._iui3-dialog-default:not([data-iui-placement]){inset-block-start:33%;inset-inline-start:50%;transform:translate(-50%,-33%)}._iui3-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}._iui3-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}._iui3-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}._iui3-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}._iui3-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}._iui3-dialog-full-page:not(._iui3-dialog-visible){transform:translateY(100%)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-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}._iui3-dialog-full-page._iui3-dialog-visible{animation:_iui3-slide-up var(--iui-duration-2)ease-out,_iui3-fade-in var(--iui-duration-2)ease-out}}}@layer itwinui.v3{._iui3-dialog-draggable{border:1px solid var(--iui-color-border)}._iui3-dialog-title{margin-inline-end:auto}._iui3-dialog-title-bar{font-size:var(--iui-font-size-3);align-items:center;margin-block-end:var(--iui-size-s);display:flex}._iui3-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)}._iui3-dialog-title-bar-filled:active{cursor:grabbing}._iui3-dialog-content{margin-inline:calc(0px - var(--iui-size-m));padding-inline:var(--iui-size-m);flex-grow:2;overflow-y:auto}._iui3-dialog-button-bar{justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);margin-block-start:var(--iui-size-s);display:flex}._iui3-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}._iui3-expandable-block[data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:0;--_iui-expandable-block-expander-icon-transform:rotate(90deg)}._iui3-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)}._iui3-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}._iui3-expandable-block[data-iui-variant=borderless][data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:inherit}._iui3-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}._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-expandable-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}}@layer itwinui.v3{._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-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}}}@layer itwinui.v3{._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-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}}}@layer itwinui.v3{._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-expandable-block-icon{transition:fill var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-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(._iui3-expandable-block-title,._iui3-expandable-block-caption){white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;overflow:hidden}}@layer itwinui.v3{@media (forced-colors:active){:is(._iui3-expandable-block-title,._iui3-expandable-block-caption){transition:none}}}@layer itwinui.v3{._iui3-expandable-block-caption{font-size:var(--iui-font-size-0);color:var(--_iui-expandable-block-header-caption-color,var(--iui-color-text-muted))}._iui3-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;transition-property:opacity;display:grid;overflow:hidden}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-expandable-content{transition-property:grid-template-rows,visibility,opacity,transform}}}@layer itwinui.v3{._iui3-expandable-content>div{visibility:hidden;padding-inline:var(--_iui-expandable-block-content-padding);align-self:end;min-block-size:0}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-expandable-content>div{transition:visibility var(--iui-duration-1)ease-out}}}@layer itwinui.v3{:where(._iui3-expandable-block[data-iui-expanded=true]) ._iui3-expandable-content{grid-template-rows:1fr}:where(._iui3-expandable-block[data-iui-expanded=true]) ._iui3-expandable-content>div{padding-block:var(--_iui-expandable-block-content-padding);border-block-end:var(--_iui-expandable-block-border);visibility:visible}:where(._iui3-expandable-block:not([data-iui-expanded=true])) ._iui3-expandable-content{opacity:0;transform:translateY(-1rem)}._iui3-fieldset{vertical-align:baseline;padding:0;padding:var(--iui-size-s);border-radius:var(--iui-border-radius-1);border:none;border:1px solid var(--iui-color-border);background-color:var(--iui-color-background);margin:0}._iui3-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)}._iui3-fieldset[disabled]{cursor:not-allowed}._iui3-fieldset[disabled] legend{color:var(--iui-color-text-disabled)}._iui3-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}._iui3-file-upload>._iui3-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}._iui3-file-upload>._iui3-content ._iui3-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}._iui3-file-upload>._iui3-content>svg,._iui3-file-upload>._iui3-content :is(._iui3-template-icon,._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-file-upload>._iui3-content>svg,._iui3-file-upload>._iui3-content :is(._iui3-template-icon,._iui3-template-icon>svg){fill:canvastext}}}@layer itwinui.v3{._iui3-file-upload>._iui3-content:only-child{visibility:visible;position:relative}._iui3-file-upload>._iui3-content:only-child:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3-file-upload>._iui3-content ._iui3-template-text{gap:var(--iui-size-2xs);margin-inline-start:var(--iui-size-l);display:grid}._iui3-file-upload>._iui3-content ._iui3-template-text>label{font-weight:var(--iui-font-weight-bold)}._iui3-file-upload._iui3-drag>._iui3-content{visibility:visible;background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3-file-upload._iui3-drag>._iui3-content svg,._iui3-file-upload._iui3-drag>._iui3-content ._iui3-template-icon{fill:var(--iui-color-icon-accent)}._iui3-file-upload-template{padding:var(--iui-size-m);justify-content:center;align-items:center;display:flex}._iui3-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}._iui3-file-card:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3-file-card-icon,._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-file-card-icon,._iui3-file-card-icon svg{fill:canvastext}}}@layer itwinui.v3{._iui3-file-card-text{gap:var(--iui-size-2xs);display:grid}._iui3-file-card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-file-card-description{white-space:nowrap;text-overflow:ellipsis;font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);overflow:hidden}._iui3-file-card-action{font-weight:var(--iui-font-weight-bold);margin-inline-start:auto}._iui3-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}._iui3-file-card-empty:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3-file-card-empty-icon,._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-file-card-empty-icon,._iui3-file-card-empty-icon svg{fill:canvastext}}}@layer itwinui.v3{._iui3-file-card-empty-action{gap:var(--iui-size-2xs);display:grid}._iui3-file-card-empty-action label{font-weight:var(--iui-font-weight-bold)}._iui3-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}._iui3-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}._iui3-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}._iui3-legal-footer-item>a,._iui3-legal-footer-item>a:hover{color:var(--iui-color-text-muted)}._iui3-legal-footer-item>a:not(:hover){text-decoration:none}}@layer itwinui.v3{@media (prefers-contrast:more){._iui3-legal-footer-item>a:not(:hover){text-decoration:underline}}}@layer itwinui.v3{._iui3-legal-footer-item>a[data-iui-underline=true]:not(:hover),:is([data-iui-contrast=high] ._iui3-legal-footer-item>a):not(:hover){text-decoration:underline}._iui3-legal-footer-separator{margin-inline:var(--iui-size-xs);block-size:var(--iui-size-s);background-color:var(--iui-color-border);inline-size:1px}._iui3-legal-footer-developer{color:var(--iui-color-text-muted)}._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-page-header{transition:height var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-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)}._iui3-page-header-left,._iui3-page-header-center,._iui3-page-header-right{align-items:center;display:flex}._iui3-page-header-right ._iui3-button{border-radius:0;flex-shrink:0;block-size:100%}}@layer itwinui.v3{@media (forced-colors:active){._iui3-page-header-right ._iui3-button{border-block-width:0}}}@layer itwinui.v3{._iui3-page-header-right ._iui3-button:hover{background-color:var(--iui-color-background-hover)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-page-header-right ._iui3-avatar,._iui3-page-header-right ._iui3-avatar *{transition:width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out,font-size var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-page-header-divider{block-size:calc(var(--iui-size-s)*2);border-inline-start:2px solid var(--iui-color-border)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-page-header-divider{display:none}}}@layer itwinui.v3{._iui3-header-breadcrumbs{--_iui-breadcrumbs-height:100%}._iui3-header-brand{white-space:nowrap;box-sizing:border-box;background-color:#0000;flex-shrink:0;align-items:center;block-size:100%;display:inline-flex}._iui3-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}._iui3-header-brand:is(a,button,[role=button]):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}@layer itwinui.v3{@media (forced-colors:active){._iui3-header-brand:is(a,button,[role=button]){border:1px solid canvastext;border-block-width:0}}}@layer itwinui.v3{._iui3-header-brand:is(a,button,[role=button]):hover{background-color:var(--iui-color-background-hover)}._iui3-header-brand:is(a){text-decoration:none}._iui3-header-brand-icon{margin-inline:calc(1.5*var(--iui-size-m));will-change:transform;transform:var(--_iui-header-icon-scale)}._iui3-header-brand-icon,._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-header-brand-icon{transition:transform var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-header-brand-label{font-size:var(--_iui-header-brand-label-font-size);margin-inline-end:var(--iui-size-s)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-header-brand-label{transition:font-size var(--iui-duration-1)ease-out}}}@layer itwinui.v3{@media (max-width:991px){._iui3-header-brand-label{display:none}}}@layer itwinui.v3{._iui3-page-header-left,._iui3-header-breadcrumbs,._iui3-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}._iui3-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}._iui3-header-breadcrumb-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}@layer itwinui.v3{@media (forced-colors:active){._iui3-header-breadcrumb-button{border:1px solid;border-block-width:0}._iui3-header-breadcrumb-button:not(:last-child){border-inline-end-width:0}}}@layer itwinui.v3{._iui3-header-breadcrumb-button,._iui3-header-breadcrumb-button:hover{background-color:#0000}._iui3-header-breadcrumb-button:disabled,._iui3-header-breadcrumb-button[aria-disabled=true]{cursor:not-allowed}._iui3-header-breadcrumb-button-split{padding-inline:var(--iui-size-xs);flex-shrink:0;margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6))}[aria-current] ._iui3-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-header-breadcrumb-button-split:disabled,._iui3-header-breadcrumb-button-split[aria-disabled=true]{cursor:not-allowed}._iui3-header-breadcrumb-button-split:disabled:hover,._iui3-header-breadcrumb-button-split[aria-disabled=true]:hover{background-color:#0000}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-header-breadcrumb-item{color:linktext;border:none}}}@layer itwinui.v3{._iui3-header-breadcrumb-item:hover{background-color:var(--iui-color-background-hover)}._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-header-breadcrumb-item[aria-current]{color:linktext;border-block-end:3px solid linktext}}}@layer itwinui.v3{._iui3-header-breadcrumb-item[aria-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled);background-color:#0000}._iui3-header-breadcrumb-item[aria-disabled=true][aria-current]{box-shadow:none;background-color:var(--iui-color-background-backdrop)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-header-breadcrumb-item[aria-disabled=true][aria-current]{border-block-end:3px solid graytext}}}@layer itwinui.v3{._iui3-header-breadcrumb-button-wrapper{inline-size:100%;display:flex;overflow:hidden}._iui3-header-breadcrumb-button-icon{transform:var(--_iui-header-icon-scale);will-change:transform}._iui3-header-breadcrumb-button-icon,._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-header-breadcrumb-button-icon{transition:transform var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-header-breadcrumb-button-icon>svg{padding:var(--iui-size-2xs);background-color:var(--iui-color-background-backdrop);fill:var(--iui-color-icon-muted)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-header-breadcrumb-button-icon>svg{fill:linktext}}}@layer itwinui.v3{:is(._iui3-active,[aria-current]) ._iui3-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background);fill:currentColor}:is(:disabled,[aria-disabled=true]) ._iui3-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background-backdrop);fill:var(--iui-color-icon-disabled)}}@layer itwinui.v3{@media (forced-colors:active){:is(:disabled,[aria-disabled=true]) ._iui3-header-breadcrumb-button-icon>svg{fill:graytext}}}@layer itwinui.v3{._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-header-breadcrumb-button-icon :is(img,span){transition:filter var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-header-breadcrumb-button-icon :is(img){object-fit:cover}._iui3-header-breadcrumb-button-icon :is(span){background-position:50%;background-repeat:no-repeat;background-size:cover}:disabled ._iui3-header-breadcrumb-button-icon :is(img,span),[aria-disabled=true] ._iui3-header-breadcrumb-button-icon :is(img,span){filter:grayscale()opacity(.7)}}@layer itwinui.v3{@media (max-width:768px){._iui3-header-breadcrumb-button-icon{display:none}}}@layer itwinui.v3{._iui3-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}._iui3-header-breadcrumb-button-dropdown-icon,._iui3-header-breadcrumb-button-dropdown-icon>svg{fill:currentColor}._iui3-header-breadcrumb-button-split ._iui3-header-breadcrumb-button-dropdown-icon{margin-inline-end:0}}@layer itwinui.v3{@media (forced-colors:active){:disabled ._iui3-header-breadcrumb-button-dropdown-icon,[aria-disabled=true] ._iui3-header-breadcrumb-button-dropdown-icon{fill:graytext}}}@layer itwinui.v3{._iui3-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}._iui3-header-breadcrumb-button-text-label,._iui3-header-breadcrumb-button-text-sublabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-header-breadcrumb-button-text-sublabel{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-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}}}@layer itwinui.v3{._iui3-active ._iui3-header-breadcrumb-button-text-sublabel,[aria-current] ._iui3-header-breadcrumb-button-text-sublabel,[aria-disabled=true] ._iui3-header-breadcrumb-button-text-sublabel{color:inherit}[data-iui-size=slim] ._iui3-header-breadcrumb-button-text-sublabel{visibility:hidden;opacity:0;block-size:0;inline-size:0}._iui3-information-panel-wrapper{border-radius:var(--iui-border-radius-1);position:relative;overflow:hidden}._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-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}}}@layer itwinui.v3{._iui3-information-panel>._iui3-resizer{touch-action:none;display:none;position:absolute}._iui3-information-panel>._iui3-resizer>._iui3-resizer-bar{background-color:var(--iui-color-border)}._iui3-information-panel>._iui3-resizer:hover>._iui3-resizer-bar{background-color:var(--iui-color-border-accent)}._iui3-information-panel ._iui3-information-header,._iui3-information-panel ._iui3-information-body{padding-inline:var(--iui-size-s)}._iui3-information-panel ._iui3-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}._iui3-information-panel ._iui3-information-header ._iui3-information-header-label{align-items:center;display:flex;overflow:hidden}._iui3-information-panel ._iui3-information-header ._iui3-information-header-label>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;overflow:hidden}._iui3-information-panel ._iui3-information-header ._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-information-panel ._iui3-information-header ._iui3-information-header-label svg{fill:canvastext}}}@layer itwinui.v3{._iui3-information-panel ._iui3-information-header ._iui3-information-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3-information-panel ._iui3-information-body{padding-block:var(--iui-size-s);block-size:100%;overflow:hidden auto}._iui3-information-panel ._iui3-information-body>hr{border-color:var(--iui-color-border)}._iui3-information-panel._iui3-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;transform:translate(100%)}._iui3-information-panel._iui3-right>._iui3-resizer{inline-size:var(--iui-size-m);cursor:ew-resize;justify-content:center;block-size:100%;inset-block-start:0}._iui3-information-panel._iui3-right>._iui3-resizer>._iui3-resizer-bar{block-size:100%;inline-size:1px}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-information-panel._iui3-right>._iui3-resizer>._iui3-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-information-panel._iui3-right>._iui3-resizer:hover>._iui3-resizer-bar{inline-size:var(--iui-size-2xs)}._iui3-information-panel._iui3-right>._iui3-resizer{inset-inline-start:calc(var(--iui-size-m)*-.5)}._iui3-information-panel._iui3-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;transform:translateY(100%)}._iui3-information-panel._iui3-bottom>._iui3-resizer{block-size:var(--iui-size-m);cursor:ns-resize;align-items:center;inline-size:100%;inset-inline-start:0}._iui3-information-panel._iui3-bottom>._iui3-resizer>._iui3-resizer-bar{block-size:1px;inline-size:100%}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-information-panel._iui3-bottom>._iui3-resizer>._iui3-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-information-panel._iui3-bottom>._iui3-resizer:hover>._iui3-resizer-bar{block-size:var(--iui-size-2xs)}._iui3-information-panel._iui3-bottom>._iui3-resizer{inset-block-start:calc(var(--iui-size-m)*-.5)}._iui3-information-panel._iui3-visible{opacity:1;visibility:visible;transform:translate(0)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-information-panel._iui3-visible{transition:transform var(--iui-duration-1)ease-out,opacity var(--iui-duration-1)ease}}}@layer itwinui.v3{._iui3-information-panel._iui3-visible>._iui3-resizer{display:flex}._iui3-information-body-content{display:grid}._iui3-information-body-content ._iui3-input-label{font-weight:var(--iui-font-weight-normal);color:var(--iui-color-text-muted)}._iui3-information-body-content:not(._iui3-inline)>:nth-child(2n):not(:last-child){margin-block-end:var(--iui-size-s)}._iui3-information-body-content._iui3-inline{row-gap:var(--iui-size-s);grid-template-columns:auto 1fr;align-items:center}._iui3-information-body-content._iui3-inline ._iui3-input-label{text-align:end;justify-self:end;margin-inline-end:var(--iui-size-m)}._iui3-input{--_iui-input-background-color:var(--iui-color-background);--_iui-input-border-color:var(--iui-color-border-foreground);--_iui-input-text-color:var(--iui-color-text);vertical-align:baseline;font-family:inherit;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);border-radius:var(--iui-border-radius-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;min-block-size:var(--_iui-input-min-height);padding:0;padding-block:var(--_iui-input-padding-block);padding-inline:var(--iui-size-s);color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:none;border:1px solid var(--_iui-input-border-color);transition:border-color var(--iui-duration-1)ease-out;--_iui-input-padding-block:var(--iui-size-2xs);--_iui-input-min-height:var(--iui-component-height);inline-size:100%;margin:0}._iui3-input:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}._iui3-input::placeholder{--_iui-input-text-color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1;-webkit-user-select:none;user-select:none;color:var(--_iui-input-text-color)}._iui3-input:-webkit-autofill{--_iui-input-background-color:var(--iui-color-background-accent-muted);--_iui-input-border-color:var(--iui-color-border-accent);--_iui-input-text-color:var(--iui-color-text-accent)}._iui3-input:autofill{--_iui-input-background-color:var(--iui-color-background-accent-muted);--_iui-input-border-color:var(--iui-color-border-accent);--_iui-input-text-color:var(--iui-color-text-accent)}._iui3-input:hover{--_iui-input-border-color:var(--iui-color-border-foreground-hover)}._iui3-input[disabled]{--_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}._iui3-input:where(textarea){line-height:inherit;resize:vertical}._iui3-input:where(textarea)[disabled],._iui3-input:where(textarea)[readonly]{resize:none}._iui3-input[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-min-height:var(--iui-component-height-small)}._iui3-input[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)}._iui3-input-with-icon{cursor:pointer;align-items:center;display:grid;position:relative}._iui3-input-with-icon>:first-child{grid-area:1/-1}._iui3-input-with-icon>:first-child:has(+._iui3-end-icon){padding-inline-end:var(--iui-component-height)}@supports not selector(:has(+ *)){._iui3-input-with-icon>:first-child:not(:only-child){padding-inline-end:var(--iui-component-height)}}._iui3-input-with-icon:focus-within>:first-child{outline:2px solid var(--_iui-input-with-icon-focus-color,var(--iui-color-border-accent));outline-offset:-2px}._iui3-input-with-icon:hover>:first-child{border-color:var(--_iui-input-with-icon-hover-border-color,var(--iui-color-border-foreground-hover))}._iui3-input-with-icon>._iui3-select-tag-container{max-inline-size:70%;inset-inline-end:unset}._iui3-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}._iui3-end-icon._iui3-disabled{cursor:not-allowed;--_iui-svg-fill:var(--iui-color-icon-disabled)}._iui3-end-icon._iui3-open{transform:rotate(180deg)}._iui3-input-grid{row-gap:var(--iui-size-2xs);grid-template-rows:auto;grid-template-columns:1fr;align-items:center;display:grid}._iui3-input-grid[data-iui-label-placement=inline]{grid-template-rows:1fr auto;grid-template-columns:auto 1fr}._iui3-input-grid[data-iui-label-placement=inline] ._iui3-input-label{margin:0 var(--iui-size-m)0 0}._iui3-input-grid[data-iui-label-placement=inline] ._iui3-input-label._iui3-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3-input-grid[data-iui-label-placement=inline] ._iui3-input-group{gap:var(--iui-size-m);flex-direction:row}._iui3-input-grid ._iui3-status-message{grid-column-end:-1}._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button),:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive]){border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-positive);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button)::selection,._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button) ::selection,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive])::selection,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button)[data-iui-size=small],:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive])[data-iui-size=small]{padding-block-end:0}._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button)[data-iui-size=large],:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button):focus,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive]):focus{outline:2px solid var(--iui-color-text-positive);outline-offset:-2px}._iui3-input-grid[data-iui-status=positive] :where(._iui3-input,._iui3-select-button):hover,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=positive]):hover{--_iui-input-border-color:var(--iui-color-border-positive);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-positive)}._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button),:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning]){border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-warning);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button)::selection,._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button) ::selection,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning])::selection,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button)[data-iui-size=small],:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning])[data-iui-size=small]{padding-block-end:0}._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button)[data-iui-size=large],:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button):focus,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning]):focus{outline:2px solid var(--iui-color-text-warning);outline-offset:-2px}._iui3-input-grid[data-iui-status=warning] :where(._iui3-input,._iui3-select-button):hover,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=warning]):hover{--_iui-input-border-color:var(--iui-color-border-warning);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-warning)}._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button),:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative]){border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-negative);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button)::selection,._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button) ::selection,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative])::selection,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button)[data-iui-size=small],:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative])[data-iui-size=small]{padding-block-end:0}._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button)[data-iui-size=large],:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button):focus,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative]):focus{outline:2px solid var(--iui-color-text-negative);outline-offset:-2px}._iui3-input-grid[data-iui-status=negative] :where(._iui3-input,._iui3-select-button):hover,:is(._iui3-input,._iui3-input-with-icon>._iui3-select-button):where([data-iui-status=negative]):hover{--_iui-input-border-color:var(--iui-color-border-negative);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-negative)}._iui3-input-label{font-weight:var(--iui-font-weight-semibold);color:var(--_iui-input-label-color);cursor:default;display:block}._iui3-input-label._iui3-required:after{content:"*";color:var(--iui-color-text-negative);margin-inline-start:var(--iui-size-2xs)}._iui3-input-label[data-iui-disabled=true]{--_iui-input-label-color:var(--iui-color-text-disabled)}._iui3-input-label:is(label){cursor:pointer}._iui3-input-label:is(label)[data-iui-disabled=true]{cursor:not-allowed}._iui3-input-label._iui3-inline{margin:0 var(--iui-size-m)0 0;align-items:center;display:inline-flex}._iui3-input-label._iui3-inline._iui3-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3-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}._iui3-input-flex-container:before{content:"";border:1px solid var(--_iui-input-border-color);border-radius:var(--iui-border-radius-1);transition:border-color var(--iui-duration-1)ease-out;position:absolute;top:0;right:0;bottom:0;left:0}._iui3-input-flex-container:hover{--_iui-input-border-color:var(--iui-color-border-foreground-hover)}:is(._iui3-input-flex-container:has(input:focus-visible),._iui3-input-flex-container:has(textarea:focus-visible)){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3-input-flex-container:has(input:focus-visible):before{border-color:#0000}._iui3-input-flex-container:has(textarea:focus-visible):before{border-color:#0000}@supports not selector(:has(+ *)){._iui3-input-flex-container:where(:focus-within){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3-input-flex-container:where(:focus-within):before{border-color:#0000}}._iui3-input-flex-container input,._iui3-input-flex-container textarea{box-sizing:border-box;font: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}._iui3-input-flex-container input:where(:not(:first-child)),._iui3-input-flex-container textarea:where(:not(:first-child)){padding-inline-start:var(--iui-size-2xs)}._iui3-input-flex-container input:where(:not(:last-child)),._iui3-input-flex-container textarea:where(:not(:last-child)){padding-inline-end:var(--iui-size-2xs)}._iui3-input-flex-container input::placeholder,._iui3-input-flex-container textarea::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1}._iui3-input-flex-container input:focus,._iui3-input-flex-container textarea:focus{outline:none}._iui3-input-flex-container>:is(input,textarea):has(+._iui3-input-flex-container-icon){padding-inline-end:0}._iui3-input-flex-container>._iui3-input-flex-container-icon+:is(input,textarea){padding-inline-start:0}._iui3-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}._iui3-input-flex-container[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-min-height:var(--iui-component-height-small)}._iui3-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)}._iui3-input-flex-container[data-iui-status=positive]{--_iui-input-accent-border-color:var(--iui-color-border-positive)}._iui3-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)}._iui3-input-flex-container[data-iui-status=positive]:hover{--_iui-input-border-color:var(--iui-color-border-positive)}._iui3-input-flex-container[data-iui-status=positive] input::selection,._iui3-input-flex-container[data-iui-status=positive] input ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-input-flex-container[data-iui-status=warning]{--_iui-input-accent-border-color:var(--iui-color-border-warning)}._iui3-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)}._iui3-input-flex-container[data-iui-status=warning]:hover{--_iui-input-border-color:var(--iui-color-border-warning)}._iui3-input-flex-container[data-iui-status=warning] input::selection,._iui3-input-flex-container[data-iui-status=warning] input ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-input-flex-container[data-iui-status=negative]{--_iui-input-accent-border-color:var(--iui-color-border-negative)}._iui3-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)}._iui3-input-flex-container[data-iui-status=negative]:hover{--_iui-input-border-color:var(--iui-color-border-negative)}._iui3-input-flex-container[data-iui-status=negative] input::selection,._iui3-input-flex-container[data-iui-status=negative] input ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-input-group-wrapper[data-iui-label-placement=inline]{flex-direction:row;display:flex}._iui3-input-group-wrapper[data-iui-label-placement=inline] ._iui3-status-message{margin-inline-start:var(--iui-size-m)}._iui3-input-group{flex-direction:column;display:flex}._iui3-input-group ._iui3-toggle-switch-wrapper{padding:calc(var(--iui-size-s)*.5)0}._iui3-input-group ._iui3-radio-wrapper,._iui3-input-group ._iui3-checkbox-wrapper{min-block-size:var(--iui-size-l)}._iui3-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}._iui3-keyboard:hover{box-shadow:0 0 0 var(--iui-color-border),0 0 rgba(255,255,255,var(--iui-opacity-5)) inset}:is(._iui3-list,._iui3-menu){vertical-align:baseline;isolation:isolate;border:none;margin:0;padding:0;list-style-type:none}:is(._iui3-list,._iui3-menu) ._iui3-header-menu-icon{margin-inline:var(--iui-size-2xs)}:is(._iui3-list,._iui3-menu) ._iui3-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}._iui3-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(._iui3-list-item,._iui3-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);list-style-type:none;display:flex;position:relative}:is(._iui3-list-item,._iui3-menu-item-skeleton)+:is(._iui3-list-item,._iui3-menu-item-skeleton){margin-block-start:-1px}:is(._iui3-list-item,._iui3-menu-item-skeleton):where([data-iui-actionable=true],._iui3-menu-item):where(:hover),:is(._iui3-list-item,._iui3-menu-item-skeleton):where(:has(._iui3-link-action):hover){cursor:pointer;background-color:var(--iui-color-background-hover)}:is(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-large,[data-iui-size=large]){min-block-size:var(--iui-component-height-large)}:is(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-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(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-active,[data-iui-active=true]):where(:has(+:is(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-active,[data-iui-active=true]))){border-end-end-radius:0;border-end-start-radius:0}:is(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-active,[data-iui-active=true])+:where(:is(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-active,[data-iui-active=true])){border-start-start-radius:0;border-start-end-radius:0}}:is(._iui3-list-item,._iui3-menu-item-skeleton):where(._iui3-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(._iui3-list-item,._iui3-menu-item-skeleton):where(:focus-visible,._iui3-focused,[data-iui-focused=true]),:is(._iui3-list-item,._iui3-menu-item-skeleton):where(:has(._iui3-link-action:focus-visible)){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3-list-item,._iui3-menu-item-skeleton):where(:focus-visible,._iui3-focused,[data-iui-focused=true]):where(._iui3-active,[data-iui-active=true]),:is(._iui3-list-item,._iui3-menu-item-skeleton):where(:has(._iui3-link-action:focus-visible)):where(._iui3-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}@supports not selector(:has(+ *)){:is(._iui3-list-item,._iui3-menu-item-skeleton):where(:focus-within){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3-list-item,._iui3-menu-item-skeleton):where(:focus-within):where(._iui3-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}}:is(._iui3-menu-item-skeleton>._iui3-icon,._iui3-list-item-icon){flex:none}:is(._iui3-menu-item-skeleton>._iui3-icon,._iui3-list-item-icon),:is(._iui3-menu-item-skeleton>._iui3-icon,._iui3-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}._iui3-menu-item-skeleton{--iui-menu-item-content-skeleton-max-width:30%;cursor:auto}._iui3-menu-item-skeleton ._iui3-content{max-inline-size:var(--iui-menu-item-content-skeleton-max-width)}._iui3-menu-item-skeleton ._iui3-menu-label{block-size:var(--iui-font-size-1);inline-size:100%;display:block}._iui3-menu-item-skeleton ._iui3-menu-description{block-size:var(--iui-font-size-0);inline-size:70%;margin-block-start:var(--iui-size-2xs);display:block}._iui3-menu-item-skeleton:hover{background-color:unset}._iui3-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(._iui3-menu-item-skeleton>._iui3-content,._iui3-list-item-content){flex:auto}:is(._iui3-menu-item-skeleton>._iui3-content,._iui3-list-item-content),:is(._iui3-menu-item-skeleton>._iui3-content,._iui3-list-item-content)>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:is(._iui3-menu-item-skeleton>._iui3-menu-description,._iui3-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}._iui3-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}._iui3-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%)}._iui3-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}._iui3-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}._iui3-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}._iui3-non-ideal-state-actions{align-items:center;margin-block-end:var(--iui-size-xs);display:flex}._iui3-non-ideal-state-actions>._iui3-input-flex-container{text-align:start;inline-size:200px;margin-inline-end:var(--iui-size-2xs);display:inline-block}._iui3-non-ideal-state-actions>._iui3-button{margin-inline:var(--iui-size-2xs)}._iui3-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))){._iui3-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3-overlay ._iui3-progress-indicator-linear{inline-size:50%;max-inline-size:33vw}._iui3-overlay-wrapper{position:relative}._iui3-overlay-exiting{animation:_iui3-closeAnimation var(--iui-duration-1)linear}@keyframes _iui3-closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}._iui3-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}._iui3-progress-indicator-radial:before,._iui3-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}._iui3-progress-indicator-radial:before{border-color:var(--iui-color-border)}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-progress-indicator-radial:before,._iui3-progress-indicator-radial:after{border-color:#0000}}}@layer itwinui.v3{._iui3-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}._iui3-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3-progress-indicator-radial[data-iui-size=x-small]:before,._iui3-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3-progress-indicator-radial[data-iui-size=small]:before,._iui3-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3-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)}._iui3-progress-indicator-radial[data-iui-size=large]:before,._iui3-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3-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}._iui3-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)}._iui3-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3-u3x8280;-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 _iui3-u3x8280{to{transform:rotate(360deg)}}._iui3-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}._iui3-progress-indicator-linear-label>:only-child{margin-inline:auto}._iui3-progress-indicator-linear{gap:var(--iui-size-2xs);display:grid}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-progress-indicator-linear:before{background-color:#0000;background-image:linear-gradient(90deg,canvastext 0% 100%);border:.5px solid}}}@layer itwinui.v3{._iui3-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)}._iui3-progress-indicator-linear[data-iui-status=positive]::selection,._iui3-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-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)}._iui3-progress-indicator-linear[data-iui-status=negative]::selection,._iui3-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-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)}._iui3-progress-indicator-linear[data-iui-status=warning]::selection,._iui3-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3-u3x8285}@keyframes _iui3-u3x8285{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%}}._iui3-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}._iui3-radio-wrapper._iui3-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3-radio-wrapper>._iui3-checkbox-label,._iui3-radio-wrapper>._iui3-radio-label{line-height:var(--iui-size-l)}._iui3-radio-wrapper>._iui3-checkbox-label svg,._iui3-radio-wrapper>._iui3-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}._iui3-radio-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-radio-wrapper._iui3-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3-radio-wrapper._iui3-positive{color:var(--iui-color-text-positive)}._iui3-radio-wrapper._iui3-warning{color:var(--iui-color-text-warning)}._iui3-radio-wrapper._iui3-negative{color:var(--iui-color-text-negative)}._iui3-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}._iui3-radio:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3-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}._iui3-radio:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3-radio:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3-radio:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-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}._iui3-radio._iui3-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}._iui3-radio._iui3-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3-radio._iui3-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3-radio._iui3-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3-radio._iui3-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3-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>')}._iui3-radio:not(:checked),._iui3-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-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}._iui3-radio-tile:where(:hover){z-index:2;outline-color:var(--iui-color-border-hover)}._iui3-radio-tile:where(:hover) ._iui3-radio-tile-icon svg{fill:var(--iui-color-icon-hover)}._iui3-radio-tile:where(:has(input:disabled),[data-iui-disabled=true]){outline-color:var(--iui-color-border-disabled);background-color:var(--iui-color-background-disabled)}._iui3-radio-tile-container{-webkit-user-select:none;user-select:none;isolation:isolate;flex-wrap:wrap;gap:1px;display:inline-flex;position:relative}._iui3-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}._iui3-radio-tile-input:checked{z-index:3;outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:checked{outline-color:highlight}}}@layer itwinui.v3{._iui3-radio-tile-input:checked+._iui3-radio-tile-icon svg{fill:var(--iui-color-icon-accent)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:checked+._iui3-radio-tile-icon svg{fill:highlight}}}@layer itwinui.v3{._iui3-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>')}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:checked:after{background-color:highlight}}}@layer itwinui.v3{._iui3-radio-tile-input:disabled{cursor:not-allowed}._iui3-radio-tile-input:disabled:after{background-color:var(--iui-color-icon-disabled)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:disabled:after{background-color:graytext}}}@layer itwinui.v3{._iui3-radio-tile-input:disabled+._iui3-radio-tile-icon svg{filter:grayscale();fill:var(--iui-color-icon-disabled)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:disabled+._iui3-radio-tile-icon svg{fill:graytext}}}@layer itwinui.v3{._iui3-radio-tile-input:disabled~:is(._iui3-radio-tile-label,._iui3-radio-tile-sublabel){color:var(--iui-color-text-disabled)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:disabled~:is(._iui3-radio-tile-label,._iui3-radio-tile-sublabel){color:graytext}}}@layer itwinui.v3{._iui3-radio-tile-input:disabled:checked{z-index:3;outline:var(--iui-size-3xs)solid var(--iui-color-border)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:disabled:checked{outline-color:graytext}}}@layer itwinui.v3{._iui3-radio-tile-input:focus-visible{outline-offset:-3px;outline-width:3px}._iui3-radio-tile-icon{margin-block-start:calc(var(--iui-size-s)*.5);margin-block-end:var(--iui-size-s)}._iui3-radio-tile-icon,._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-icon,._iui3-radio-tile-icon svg{fill:canvastext}}}@layer itwinui.v3{._iui3-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)}._iui3-radio-tile-sublabel{font-size:var(--iui-font-size-0);text-align:center;word-break:break-word;color:var(--iui-color-text-muted)}._iui3-expandable-searchbox{inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:0}._iui3-expandable-searchbox:where([data-iui-expanded=true]){border-color:var(--_iui-input-border-color);inline-size:100%}._iui3-select-button{--_iui-input-background-color:var(--iui-color-background);--_iui-input-border-color:var(--iui-color-border-foreground);--_iui-input-text-color:var(--iui-color-text);font:inherit;border-radius:var(--iui-border-radius-1);min-block-size:var(--_iui-select-min-height);padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);transition:border-color var(--iui-duration-1)ease-out;-webkit-user-select:none;user-select:none;color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:1px solid var(--_iui-input-border-color);line-height:var(--iui-size-l);cursor:pointer;--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);inline-size:100%}._iui3-select-button:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}._iui3-select-button:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3-select-button:is(select) option{color:var(--iui-color-text);font-weight:var(--iui-font-weight-normal)}._iui3-select-button:is(select) option[disabled]{color:var(--iui-color-text-disabled)}._iui3-select-button:not(select){align-items:center;gap:var(--iui-size-xs);display:flex;position:relative;overflow:hidden}._iui3-select-button:is(._iui3-disabled,:disabled,[aria-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);opacity:1;cursor:not-allowed}._iui3-select-button ._iui3-icon svg{flex:none}._iui3-select-button ._iui3-icon svg,._iui3-select-button ._iui3-icon svg 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}._iui3-select-button ._iui3-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--iui-size-l);overflow:hidden}._iui3-select-button._iui3-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3-select-button:has(option[value=""]:checked){color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3-select-button[data-iui-variant=borderless]{--_iui-input-background-color:transparent;--_iui-input-border-color:transparent;transition:background-color var(--iui-duration-1)ease-out}._iui3-select-button[data-iui-variant=borderless]:where(:hover,:active){--_iui-input-background-color:var(--iui-color-background-transparent-hover);--_iui-input-border-color:transparent;--_iui-input-with-icon-hover-border-color:transparent}._iui3-select-button[data-iui-variant=borderless]:focus-visible{outline-offset:-1px;outline-width:1px}._iui3-select-button[data-iui-variant=borderless]:is(._iui3-disabled,:disabled,[aria-disabled=true]){--_iui-input-background-color:transparent;--_iui-input-border-color:transparent;--_iui-input-text-color:var(--iui-color-text-disabled)}._iui3-select-button[data-iui-size=small]{--_iui-select-padding-block:0;--_iui-select-min-height:var(--iui-component-height-small)}._iui3-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs);--_iui-select-min-height:var(--iui-component-height-large);font-size:var(--iui-font-size-2)}._iui3-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}._iui3-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){._iui3-select-tag-container>*+*{margin-inline-start:0}}._iui3-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}._iui3-select-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3-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}._iui3-select-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3-select-button[data-iui-size=small] ._iui3-select-tag-label{font-size:var(--iui-font-size-0)}._iui3-select-tag-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-2xs);min-block-size:unset;min-inline-size:unset;aspect-ratio:1;flex-shrink:0;block-size:100%;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-select-tag-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-select-tag-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-select-tag-button:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-select-tag-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-select-tag-button[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-select-tag-button[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-select-button[data-iui-size=small] ._iui3-select-tag-button{font-size:var(--iui-font-size-0)}._iui3-select-tag-button-icon{flex-shrink:0;display:inline-flex}._iui3-select-tag-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}._iui3-select-button[data-iui-size=small] ._iui3-select-tag-button-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-side-navigation{transition:max-width var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-side-navigation>._iui3-sidenav-content{flex-direction:column;flex-grow:1;inline-size:100%;display:flex}._iui3-side-navigation>._iui3-sidenav-content>._iui3-top,._iui3-side-navigation>._iui3-sidenav-content>._iui3-bottom{flex-direction:column;flex-grow:1;display:flex}._iui3-side-navigation>._iui3-sidenav-content>._iui3-top ._iui3-sidenav-button:first-of-type{border-block-start:none}._iui3-side-navigation>._iui3-sidenav-content>._iui3-top ._iui3-sidenav-button:not(:last-of-type){border-block-end:none}._iui3-side-navigation>._iui3-sidenav-content>._iui3-bottom{justify-content:flex-end}._iui3-side-navigation>._iui3-sidenav-content>._iui3-bottom ._iui3-sidenav-button{border-block-end:none}._iui3-side-navigation>._iui3-sidenav-content+._iui3-sidenav-button._iui3-expand{border:none;border-block-start:1px solid var(--iui-color-border)}._iui3-side-navigation._iui3-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}._iui3-side-navigation._iui3-expanded,._iui3-side-navigation>._iui3-sidenav-content{max-inline-size:calc(var(--iui-size-3xl)*3)}._iui3-side-navigation._iui3-expanded>._iui3-sidenav-button._iui3-expand>._iui3-button-icon,._iui3-side-navigation>._iui3-sidenav-content>._iui3-sidenav-button._iui3-expand>._iui3-button-icon{transform:scaleX(-1)}._iui3-side-navigation ._iui3-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}._iui3-side-navigation ._iui3-sidenav-button:not(._iui3-expand){block-size:calc(var(--iui-size-s)*5)}@supports (padding:max(0px)){._iui3-side-navigation ._iui3-sidenav-button:not(._iui3-expand){padding-inline-start:max(calc(1.5*var(--iui-size-m)),calc(1.5*var(--iui-size-m)) + env(safe-area-inset-left))}}._iui3-side-navigation ._iui3-sidenav-button>span:where(:not(._iui3-button-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-side-navigation ._iui3-sidenav-button,._iui3-side-navigation ._iui3-sidenav-button:hover,._iui3-side-navigation ._iui3-sidenav-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-color:var(--iui-color-border)}._iui3-side-navigation ._iui3-sidenav-button ._iui3-button-icon:not(._iui3-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}._iui3-side-navigation ._iui3-sidenav-button._iui3-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%)}._iui3-side-navigation ._iui3-sidenav-button._iui3-submenu-open:before{content:"";z-index:-1;background-color:inherit;position:absolute;inset-block:0;inset-inline:0 -2px}._iui3-side-navigation ._iui3-sidenav-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-backdrop)}._iui3-side-navigation ._iui3-sidenav-button._iui3-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}._iui3-side-navigation ._iui3-sidenav-button._iui3-expand>._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-side-navigation ._iui3-sidenav-button._iui3-expand>._iui3-button-icon svg{fill:canvastext}}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-side-navigation ._iui3-sidenav-button._iui3-expand>._iui3-button-icon svg{transition:transform var(--iui-duration-2)ease-out}}}@layer itwinui.v3{._iui3-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}._iui3-side-navigation-submenu._iui3-enter{opacity:0}._iui3-side-navigation-submenu._iui3-enter-active{opacity:1}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-side-navigation-submenu._iui3-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-side-navigation-submenu._iui3-exit{opacity:1}._iui3-side-navigation-submenu._iui3-exit-active{opacity:0}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-side-navigation-submenu._iui3-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-side-navigation-submenu._iui3-enter-active,._iui3-side-navigation-submenu._iui3-exit-active{display:flex}._iui3-side-navigation-submenu-content{padding-block:0 var(--iui-size-s);padding-inline:var(--iui-size-s);flex-shrink:0}._iui3-side-navigation-submenu-header{block-size:calc(var(--iui-size-s)*5);justify-content:space-between;align-items:center;display:flex}._iui3-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}._iui3-side-navigation-submenu-header-label ._iui3-button{flex-shrink:0}._iui3-side-navigation-submenu-header-label>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-side-navigation-submenu-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3-side-navigation-wrapper{block-size:100%;display:flex;position:relative}._iui3-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))){._iui3-skip-to-content-link{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3-skip-to-content-link:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-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}}}@layer itwinui.v3{._iui3-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))){._iui3-skip-to-content-link:hover{background-color:hsl(0 0% 0%/var(--iui-opacity-2));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3-skip-to-content-link:focus{opacity:1;box-shadow:var(--iui-shadow-4);transform:translate(-50%)translateY(0)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-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}}}@layer itwinui.v3{._iui3-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}._iui3-slider-container[data-iui-orientation=horizontal]{grid-template-columns:auto 1fr auto;grid-template-areas:"min content max";align-items:center}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-min,._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-max{align-items:center}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-min{justify-content:end;margin-inline-end:var(--iui-size-s)}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-max{margin-inline-start:var(--iui-size-s)}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-ticks{transform:translateY(50%)}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-tick{flex-direction:column;inline-size:1px}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-tick:before{block-size:var(--iui-size-s);inline-size:1px}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider{block-size:calc(var(--iui-size-m) + 2px);touch-action:pan-x}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider:before{inline-size:100%}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider:before,._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-track{block-size:var(--_iui-slider-track-thickness)}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-track{inset-inline:var(--iui-slider-track-position,0 var(--iui-slider-thumb-position))}._iui3-slider-container[data-iui-orientation=horizontal] ._iui3-slider-thumb{inset-inline-start:var(--iui-slider-thumb-position);transform:translate(-50%)}._iui3-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}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-min,._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-max{justify-content:center}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-min{margin-block-start:var(--iui-size-s)}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-max{margin-block-end:var(--iui-size-s)}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-ticks{flex-direction:column-reverse;transform:translate(50%)}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-tick{block-size:1px}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-tick:before{inline-size:var(--iui-size-s);block-size:1px}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider{inline-size:calc(var(--iui-size-m) + 2px);touch-action:pan-y;min-block-size:var(--iui-size-xl)}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider:before{block-size:100%}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider:before,._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-track{inline-size:var(--_iui-slider-track-thickness)}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-track{inset-block:var(--iui-slider-track-position,var(--iui-slider-thumb-position)0)}._iui3-slider-container[data-iui-orientation=vertical] ._iui3-slider-thumb{inset-block-end:var(--iui-slider-thumb-position);transform:translateY(50%)}._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-slider-container[data-iui-disabled=true]{--_iui-slider-track-color:GrayText}}}@layer itwinui.v3{._iui3-slider-container[data-iui-disabled=true] ._iui3-slider{pointer-events:none}._iui3-slider-min,._iui3-slider-max{-webkit-user-select:all;user-select:all;display:flex}._iui3-slider-min{grid-area:min}._iui3-slider-max{grid-area:max}._iui3-slider-ticks{z-index:-1;grid-area:content;justify-content:space-between;display:flex;position:relative}._iui3-slider-tick{color:var(--_iui-slider-tick-text-color);align-items:center;display:flex;position:relative}._iui3-slider-tick:before{content:"";background-color:var(--iui-color-border)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-slider-tick:before{background-color:canvastext}}}@layer itwinui.v3{._iui3-slider{cursor:pointer;isolation:isolate;grid-area:content;justify-content:center;align-items:center;display:flex;position:relative}._iui3-slider._iui3-grabbing{cursor:grabbing}._iui3-slider:before{content:"";background:var(--_iui-slider-rail-color);display:flex}}@layer itwinui.v3{@media (forced-colors:active){._iui3-slider:before{--_iui-slider-rail-color:CanvasText}}}@layer itwinui.v3{._iui3-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}._iui3-slider-thumb:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-slider-thumb:active{cursor:grabbing}._iui3-slider-thumb[aria-disabled=true]{border-color:var(--iui-color-border);background:var(--iui-color-border);cursor:not-allowed}}@layer itwinui.v3{@media (forced-colors:active){._iui3-slider-thumb[aria-disabled=true]{background:graytext;border-color:graytext}}}@layer itwinui.v3{._iui3-slider-track{pointer-events:none;background-color:var(--_iui-slider-track-color);position:absolute}}@layer itwinui.v3{@media (forced-colors:active){._iui3-slider-track{--_iui-slider-track-color:Highlight}}}@layer itwinui.v3{._iui3-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}._iui3-status-message[data-iui-status=positive]{color:var(--iui-color-text-positive);--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3-status-message[data-iui-status=positive] a{color:var(--iui-color-text-positive);text-decoration:underline}._iui3-status-message[data-iui-status=positive] a:hover{color:var(--iui-color-text-positive-hover);text-decoration:none}._iui3-status-message[data-iui-status=warning]{color:var(--iui-color-text-warning);--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3-status-message[data-iui-status=warning] a{color:var(--iui-color-text-warning);text-decoration:underline}._iui3-status-message[data-iui-status=warning] a:hover{color:var(--iui-color-text-warning-hover);text-decoration:none}._iui3-status-message[data-iui-status=negative]{color:var(--iui-color-text-negative);--_iui-svg-fill:var(--iui-color-icon-negative)}._iui3-status-message[data-iui-status=negative] a{color:var(--iui-color-text-negative);text-decoration:underline}._iui3-status-message[data-iui-status=negative] a:hover{color:var(--iui-color-text-negative-hover);text-decoration:none}._iui3-stepper{row-gap:calc(var(--iui-size-s)*.5);flex-direction:column;display:flex}._iui3-stepper>ol{vertical-align:baseline;border:none;justify-content:space-around;align-items:flex-start;inline-size:100%;margin:0;padding:0;display:flex}._iui3-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}._iui3-stepper-step._iui3-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)}._iui3-stepper-step._iui3-current~._iui3-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)}._iui3-stepper-step._iui3-current~._iui3-stepper-step:not(:last-of-type){--_iui-stepper-step-track-after-color:var(--iui-color-border)}._iui3-stepper-step._iui3-clickable:focus{outline:0}._iui3-stepper-step:first-of-type{--_iui-stepper-step-track-before-color:transparent}._iui3-stepper-step:last-of-type{--_iui-stepper-step-track-after-color:transparent}._iui3-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}._iui3-clickable ._iui3-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}._iui3-clickable ._iui3-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)}._iui3-clickable:focus ._iui3-stepper-circle{outline:2px solid var(--iui-color-border-positive);outline-offset:-1px}._iui3-clickable:focus:not(:focus-visible) ._iui3-stepper-circle{outline:none}._iui3-stepper-track-content{align-items:center;inline-size:100%;display:flex}._iui3-stepper-track-content:before,._iui3-stepper-track-content:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3-stepper-track-content:before{background-color:var(--_iui-stepper-step-track-before-color)}._iui3-stepper-track-content:after{background-color:var(--_iui-stepper-step-track-after-color)}._iui3-stepper-step-name{text-align:center;-webkit-user-select:all;user-select:all;color:var(--_iui-stepper-step-text-color)}._iui3-stepper-steps-label{font-size:var(--iui-font-size-3);text-align:center;display:block}._iui3-stepper-steps-label-count{-webkit-user-select:none;user-select:none;color:var(--iui-color-text-muted);margin-inline-end:var(--iui-size-xs)}._iui3-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)}._iui3-surface:where(:has(._iui3-surface-body),:has(._iui3-surface-header),[data-iui-layout=true]){flex-direction:column;display:flex}._iui3-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)}._iui3-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}._iui3-surface-body{flex-grow:1;overflow:hidden auto}._iui3-surface-body[data-iui-padded=true]{padding:var(--iui-size-s);scrollbar-gutter:stable;padding-inline-end:var(--iui-size-2xs)}._iui3-table{vertical-align:baseline;isolation:isolate;scrollbar-gutter:stable;background-color:var(--iui-color-background);--_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}._iui3-table ._iui3-table-cell-end-icon,._iui3-table ._iui3-table-cell-start-icon{fill:var(--_iui-table-cell-icon-fill);flex-shrink:0;justify-content:center;align-items:center;display:flex}._iui3-table ._iui3-table-cell-end-icon svg,._iui3-table ._iui3-table-cell-start-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3-table ._iui3-table-cell-start-icon{margin-inline-end:var(--iui-size-xs)}._iui3-table ._iui3-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)}._iui3-table ._iui3-table-cell-end-icon :where(svg){fill:var(--_iui-table-cell-icon-fill)}._iui3-table>._iui3-table-paginator{z-index:3;position:sticky;inset-block-end:0;inset-inline-start:0}._iui3-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)}._iui3-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)}._iui3-table[data-iui-size=extra-condensed] ._iui3-table-header ._iui3-table-cell{padding-block:calc(var(--iui-size-s)*.25)}._iui3-table ._iui3-table-header,._iui3-table ._iui3-table-paginator{min-block-size:var(--_iui-table-header-size)}._iui3-table ._iui3-table-body ._iui3-table-cell,._iui3-table ._iui3-table-body-extra{min-block-size:var(--_iui-table-row-size)}._iui3-table-header-wrapper{z-index:3;border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1);flex-shrink:0;display:flex;position:sticky;inset-block-start:0}._iui3-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}._iui3-table-header ._iui3-table-cell{background-color:var(--iui-color-background)}._iui3-table-header ._iui3-table-cell:not(._iui3-slot){column-gap:var(--iui-size-2xs);padding-block:calc(var(--iui-size-s)*.5)}._iui3-table-header ._iui3-table-cell:not(._iui3-slot):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-table-header ._iui3-table-cell:not(._iui3-slot)._iui3-actionable{cursor:pointer}._iui3-table-header ._iui3-table-cell:not(._iui3-slot)._iui3-grabbing{cursor:grabbing}._iui3-table-header ._iui3-table-cell:not(._iui3-slot)>._iui3-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%)}._iui3-table-header ._iui3-table-cell:not(._iui3-slot)>._iui3-table-resizer>._iui3-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}._iui3-table-header ._iui3-table-cell:not(._iui3-slot)>._iui3-table-resizer:hover>._iui3-table-resizer-bar{inline-size:var(--iui-size-2xs);background-color:var(--iui-color-border-accent)}._iui3-table-header ._iui3-table-cell:not(._iui3-slot):hover>._iui3-table-resizer{opacity:1}._iui3-table-header ._iui3-table-cell:not(._iui3-slot):is(:hover,:focus-visible){background-color:var(--iui-color-background-hover)}._iui3-table-header ._iui3-table-cell:not(._iui3-slot):has(:focus-visible){background-color:var(--iui-color-background-hover)}._iui3-table-header ._iui3-table-cell:not(._iui3-slot):is(:hover,:focus-visible) ._iui3-table-sort{opacity:1}._iui3-table-header ._iui3-table-cell:not(._iui3-slot):has(:focus-visible) ._iui3-table-sort{opacity:1}._iui3-table-header ._iui3-table-reorder-bar{inline-size:var(--iui-size-3xs);block-size:100%;position:absolute}._iui3-table-header ._iui3-table-reorder-column-right>._iui3-table-reorder-bar{inset-inline-end:0}._iui3-table-header ._iui3-table-reorder-column-left>._iui3-table-reorder-bar{inset-inline-start:0}._iui3-table-header ._iui3-table-reorder-column-left>._iui3-table-reorder-bar,._iui3-table-header ._iui3-table-reorder-column-right>._iui3-table-reorder-bar{background-color:var(--iui-color-border-accent)}._iui3-table-header ._iui3-table-sort{opacity:0;--_iui-table-cell-icon-fill:var(--iui-color-icon-muted)}._iui3-table-header ._iui3-sorted{background-color:var(--iui-color-background-hover)}._iui3-table-header ._iui3-sorted ._iui3-table-sort{opacity:1;--_iui-table-cell-icon-fill:var(--iui-color-icon)}._iui3-table-row{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);min-inline-size:100%;display:flex}._iui3-table-row:last-of-type{border-radius:inherit}._iui3-table-header ._iui3-table-row{flex-grow:1}._iui3-table-body ._iui3-table-row ._iui3-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}._iui3-table-body ._iui3-table-row>._iui3-slot>._iui3-table-more-options{opacity:0}._iui3-table-body ._iui3-table-row:where(:hover,:focus-within)>._iui3-slot>._iui3-table-more-options{opacity:1}._iui3-table-body ._iui3-table-row:where(:hover:not(._iui3-loading):not([aria-disabled=true])) ._iui3-table-cell{background-color:var(--iui-color-background-hover)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-table-body ._iui3-table-row ._iui3-table-row-expander>._iui3-button-icon{transition:transform var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-table-body ._iui3-table-row._iui3-table-row-expanded{overflow:hidden}._iui3-table-body ._iui3-table-row._iui3-table-row-expanded ._iui3-table-cell{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border);border-block-end-color:#0000}._iui3-table-body ._iui3-table-row._iui3-table-row-expanded ._iui3-table-row-expander>._iui3-button-icon{transform:rotate(90deg)}._iui3-table-body ._iui3-table-row._iui3-table-row-expanded+._iui3-table-expanded-content{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border)}._iui3-table-body ._iui3-table-row._iui3-table-expanded-content{border-inline:1px solid #0000;border-block-end:1px solid var(--iui-color-border);flex-shrink:0;overflow:hidden}._iui3-table-body ._iui3-table-row._iui3-table-expanded-content._iui3-enter{opacity:0}._iui3-table-body ._iui3-table-row._iui3-table-expanded-content._iui3-enter-active{opacity:1}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-table-body ._iui3-table-row._iui3-table-expanded-content._iui3-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-table-body ._iui3-table-row._iui3-table-expanded-content._iui3-exit{opacity:1}._iui3-table-body ._iui3-table-row._iui3-table-expanded-content._iui3-exit-active{opacity:0}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-table-body ._iui3-table-row._iui3-table-expanded-content._iui3-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-table-body ._iui3-table-row:not([aria-selected=true])+[aria-selected=true] ._iui3-table-cell,._iui3-table-body ._iui3-table-row[aria-selected=true]:first-child ._iui3-table-cell{border-block-end-color:#0000}._iui3-table-body ._iui3-table-row[aria-selected=true] ._iui3-table-cell{border-color:var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}._iui3-table-body ._iui3-table-row[aria-selected=true]+[aria-selected=true] ._iui3-table-cell{border-block-end-color:#0000;border-block-start-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4))}._iui3-table-body ._iui3-table-row[aria-selected=true]:last-child ._iui3-table-cell{border-block-end-color:var(--iui-color-border-accent)}._iui3-table-body ._iui3-table-row[aria-selected=true]+:not([aria-selected=true]) ._iui3-table-cell,._iui3-table-body ._iui3-table-row[aria-selected=true]+._iui3-table-expanded-content+._iui3-table-row:not([aria-selected=true]) ._iui3-table-cell{border-block-start-color:var(--iui-color-border-accent)}._iui3-table-body ._iui3-table-row[aria-selected=true]+._iui3-table-expanded-content{border-color:transparent var(--iui-color-border-accent)}._iui3-table-body ._iui3-table-row[aria-selected=true]+._iui3-table-expanded-content:last-child{border-block-end-color:var(--iui-color-border-accent)}._iui3-table-body ._iui3-table-row._iui3-new{font-weight:var(--iui-font-weight-semibold)}._iui3-table-body ._iui3-table-row._iui3-new>._iui3-main-column:before{content:"•";font-size:var(--iui-font-size-4);color:var(--iui-color-icon-positive);position:absolute;inset-inline-start:0}._iui3-table-body ._iui3-table-row._iui3-loading,._iui3-table-body ._iui3-table-row ._iui3-table-cell[aria-disabled=true],._iui3-table-body ._iui3-table-row._iui3-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)}._iui3-table-body ._iui3-table-row._iui3-loading img,._iui3-table-body ._iui3-table-row._iui3-loading svg,._iui3-table-body ._iui3-table-row._iui3-loading ._iui3-avatar,._iui3-table-body ._iui3-table-row ._iui3-table-cell[aria-disabled=true] img,._iui3-table-body ._iui3-table-row ._iui3-table-cell[aria-disabled=true] svg,._iui3-table-body ._iui3-table-row ._iui3-table-cell[aria-disabled=true] ._iui3-avatar,._iui3-table-body ._iui3-table-row._iui3-table-expanded-content[aria-disabled=true] img,._iui3-table-body ._iui3-table-row._iui3-table-expanded-content[aria-disabled=true] svg,._iui3-table-body ._iui3-table-row._iui3-table-expanded-content[aria-disabled=true] ._iui3-avatar{filter:var(--_iui-table-cell-image-filter)}._iui3-table-body ._iui3-table-row._iui3-loading{font-style:italic}._iui3-table-body ._iui3-table-row._iui3-loading,._iui3-table-body ._iui3-table-row._iui3-loading ._iui3-checkbox{cursor:progress}._iui3-table-body ._iui3-table-row ._iui3-table-cell[aria-disabled=true],._iui3-table-body ._iui3-table-row._iui3-table-expanded-content[aria-disabled=true]{cursor:not-allowed}._iui3-table-body ._iui3-table-row[data-iui-status=positive] ._iui3-table-cell:first-of-type,._iui3-table-body ._iui3-table-row[data-iui-status=positive]+._iui3-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-positive)}._iui3-table-body ._iui3-table-row[data-iui-status=positive] ._iui3-table-cell:first-of-type::selection,._iui3-table-body ._iui3-table-row[data-iui-status=positive] ._iui3-table-cell:first-of-type ::selection,._iui3-table-body ._iui3-table-row[data-iui-status=positive]+._iui3-table-expanded-content::selection,._iui3-table-body ._iui3-table-row[data-iui-status=positive]+._iui3-table-expanded-content ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-table-body ._iui3-table-row[data-iui-status=positive] ._iui3-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-positive)}._iui3-table-body ._iui3-table-row[data-iui-status=positive] ._iui3-table-cell[aria-disabled=true] ._iui3-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3-table-body ._iui3-table-row[data-iui-status=warning] ._iui3-table-cell:first-of-type,._iui3-table-body ._iui3-table-row[data-iui-status=warning]+._iui3-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-warning)}._iui3-table-body ._iui3-table-row[data-iui-status=warning] ._iui3-table-cell:first-of-type::selection,._iui3-table-body ._iui3-table-row[data-iui-status=warning] ._iui3-table-cell:first-of-type ::selection,._iui3-table-body ._iui3-table-row[data-iui-status=warning]+._iui3-table-expanded-content::selection,._iui3-table-body ._iui3-table-row[data-iui-status=warning]+._iui3-table-expanded-content ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-table-body ._iui3-table-row[data-iui-status=warning] ._iui3-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-warning)}._iui3-table-body ._iui3-table-row[data-iui-status=warning] ._iui3-table-cell[aria-disabled=true] ._iui3-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3-table-body ._iui3-table-row[data-iui-status=negative] ._iui3-table-cell:first-of-type,._iui3-table-body ._iui3-table-row[data-iui-status=negative]+._iui3-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-negative)}._iui3-table-body ._iui3-table-row[data-iui-status=negative] ._iui3-table-cell:first-of-type::selection,._iui3-table-body ._iui3-table-row[data-iui-status=negative] ._iui3-table-cell:first-of-type ::selection,._iui3-table-body ._iui3-table-row[data-iui-status=negative]+._iui3-table-expanded-content::selection,._iui3-table-body ._iui3-table-row[data-iui-status=negative]+._iui3-table-expanded-content ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-table-body ._iui3-table-row[data-iui-status=negative] ._iui3-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-negative)}._iui3-table-body ._iui3-table-row[data-iui-status=negative] ._iui3-table-cell[aria-disabled=true] ._iui3-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3-table-header-actions-container{flex-wrap:wrap;flex-grow:1;align-items:center;margin-inline-end:var(--iui-size-s);display:flex}._iui3-table-header-actions-container ._iui3-table-cell-end-icon{inline-size:unset;block-size:unset;margin:0;margin-inline-start:auto}._iui3-table-body{flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}._iui3-table-body:has(>._iui3-table-empty){position:sticky;inset-inline-start:0}._iui3-table-body._iui3-scroll-snapping{scroll-snap-type:y mandatory}._iui3-table-body._iui3-scroll-snapping ._iui3-table-row{scroll-snap-align:start none}._iui3-table-body:last-child{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-table-body._iui3-zebra-striping ._iui3-table-row:nth-child(2n):not([aria-selected=true]) ._iui3-table-cell{background-color:var(--iui-color-background-zebra)}._iui3-table-body._iui3-zebra-striping ._iui3-table-row:nth-child(2n):not([aria-selected=true]):hover ._iui3-table-cell{background-color:var(--iui-color-background-hover)}._iui3-table-body>._iui3-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;display:flex;position:sticky;inset-inline-start:50%;transform:translate(-50%)}._iui3-table-body-extra{justify-content:center;align-items:center;display:flex}._iui3-table-body-extra[data-iui-loading=true]{position:sticky;inset-inline-start:0}._iui3-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}._iui3-table-cell:first-of-type{border-inline-start:1px solid #0000;border-end-start-radius:inherit}._iui3-table-cell:last-of-type{border-inline-end:1px solid #0000}._iui3-table-cell._iui3-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}._iui3-table-cell._iui3-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)}._iui3-table-cell:not(._iui3-slot):last-child{padding-inline-end:var(--iui-size-m)}._iui3-table-cell[data-iui-status=positive]::selection,._iui3-table-cell[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-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}._iui3-table-cell[data-iui-status=warning]::selection,._iui3-table-cell[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-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}._iui3-table-cell[data-iui-status=negative]::selection,._iui3-table-cell[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-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}._iui3-table-cell[contenteditable]{outline-offset:-1px}._iui3-table-cell[contenteditable]:hover{outline:1px solid var(--iui-color-border-accent)}._iui3-table-cell[contenteditable]:focus{background-color:var(--iui-color-background);outline:1px solid var(--iui-color-text-accent)}._iui3-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%)}._iui3-table-header ._iui3-table-cell-shadow-left{inset-block:0}._iui3-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%)}._iui3-table-header ._iui3-table-cell-shadow-right{inset-block:0}._iui3-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}._iui3-table-paginator>._iui3-left,._iui3-table-paginator>._iui3-center,._iui3-table-paginator>._iui3-right{flex:1;align-items:center;min-inline-size:0;display:flex;position:relative}._iui3-table-paginator>._iui3-center{color:var(--iui-color-text);flex:2;justify-content:center}._iui3-table-paginator>._iui3-right{justify-content:flex-end}._iui3-table-paginator-page-size-label{color:var(--iui-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-table-paginator-ellipsis{padding-inline:var(--iui-size-xs);justify-content:center;align-items:center;display:flex}._iui3-table-paginator-ellipsis-small{padding-inline:var(--iui-size-2xs)}._iui3-table-paginator-pages-group{margin-inline:var(--iui-size-xs);align-items:center;display:inline-flex}._iui3-table-paginator-page-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-table-paginator-page-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-table-paginator-page-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-table-paginator-page-button:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-table-paginator-page-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-table-paginator-page-button[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-table-paginator-page-button[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-table-paginator-page-button-small{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small)}._iui3-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);--_iui-button-active-stripe-background:var(--iui-color-border-accent);--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-icon-fill:var(--iui-color-icon-accent);--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-table-paginator-page-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block);inset-inline:var(--_iui-button-active-stripe-inset-inline);background:var(--_iui-button-active-stripe-background);position:absolute}._iui3-table-paginator-page-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);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-table-column-filter{padding:var(--iui-size-s);align-items:flex-end;gap:var(--iui-size-s);flex-direction:column;display:inline-flex}._iui3-table-column-filter>._iui3-input-grid:not([data-iui-label-placement=inline]){inline-size:100%}._iui3-table-column-filter>._iui3-button-bar{align-content:center;gap:var(--iui-size-xs);inline-size:100%;display:flex}._iui3-table-column-filter>._iui3-button-bar>._iui3-button:first-of-type{margin-inline-start:auto}._iui3-tabs-wrapper{display:grid;position:relative}._iui3-tabs-wrapper._iui3-horizontal{contain:inline-size;grid-template:"tabs tabs-actions""tabs-content tabs-content"1fr/1fr auto;inline-size:100%}._iui3-tabs-wrapper._iui3-horizontal ._iui3-tabs{animation-timeline:scroll(self inline);animation-name:_iui3-scroll-shadow-inset-horizontal;animation-timing-function:linear;display:flex;overflow-x:auto;container-type:inline-size}._iui3-tabs-wrapper._iui3-horizontal ._iui3-tabs._iui3-borderless{min-block-size:calc(var(--iui-size-s)*3 + var(--iui-size-xs))}@keyframes _iui3-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)}}._iui3-tabs-wrapper._iui3-horizontal ._iui3-tab{flex-shrink:0;max-inline-size:60cqi}._iui3-tabs-wrapper._iui3-horizontal ._iui3-tab:after{block-size:0;inline-size:100%}._iui3-tabs-wrapper._iui3-horizontal ._iui3-tab[aria-selected=true]:after{block-size:var(--iui-size-3xs)}._iui3-tabs-wrapper._iui3-vertical{grid-template:"tabs tabs-content"1fr"tabs-actions tabs-content"/auto minmax(0,1fr);block-size:100%}._iui3-tabs-wrapper._iui3-vertical ._iui3-tabs{animation-timeline:scroll(self inline);align-content:start;animation-name:_iui3-scroll-shadow-inset-vertical;animation-timing-function:linear;display:grid;overflow:hidden auto}._iui3-tabs-wrapper._iui3-vertical ._iui3-tabs~._iui3-tabs-content{overflow:auto}@keyframes _iui3-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)}}._iui3-tabs-wrapper._iui3-vertical ._iui3-tab:after{block-size:100%;inline-size:0}._iui3-tabs-wrapper._iui3-vertical ._iui3-tab[aria-selected=true]:after{inline-size:var(--iui-size-3xs)}._iui3-tabs-actions-wrapper{flex-direction:column;grid-area:tabs-actions;justify-content:center;display:flex}:where(._iui3-tabs-wrapper._iui3-horizontal) ._iui3-tabs-actions-wrapper{margin-inline-start:var(--iui-size-s)}:where(._iui3-tabs-wrapper._iui3-horizontal) ._iui3-tabs-actions-wrapper:before,:where(._iui3-tabs-wrapper._iui3-horizontal) ._iui3-tabs-actions-wrapper:after{content:"";flex:1}:where(._iui3-tabs-wrapper._iui3-horizontal) :where(._iui3-tabs._iui3-default)+._iui3-tabs-actions-wrapper:after{min-block-size:var(--iui-size-2xs)}:where(._iui3-tabs-wrapper._iui3-horizontal) :where(._iui3-tabs._iui3-borderless)+._iui3-tabs-actions-wrapper:after{min-block-size:var(--iui-size-xs)}:where(._iui3-tabs-wrapper._iui3-vertical) ._iui3-tabs-actions-wrapper{padding-inline:var(--iui-size-xs);margin-block-start:var(--iui-size-s)}._iui3-tabs-actions{display:flex}:where(._iui3-tabs-wrapper._iui3-horizontal) ._iui3-tabs-actions{align-items:center;column-gap:var(--iui-size-xs)}:where(._iui3-tabs-wrapper._iui3-vertical) ._iui3-tabs-actions{align-items:stretch;row-gap:var(--iui-size-xs);flex-direction:column}._iui3-tabs-content{grid-area:tabs-content}._iui3-tabs-content[hidden]{display:none!important}._iui3-tabs{position:relative}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-tabs{scroll-behavior:smooth}}}@layer itwinui.v3{._iui3-tabs ._iui3-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}._iui3-tabs ._iui3-tab[aria-selected=true]{color:var(--iui-color-text-accent)}._iui3-tabs ._iui3-tab[aria-selected=true] ._iui3-tab-icon svg{fill:currentColor}._iui3-tabs ._iui3-tab[aria-selected=true] ._iui3-tab-description{color:inherit}._iui3-tabs ._iui3-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-tabs ._iui3-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3-tab-description{color:inherit}._iui3-tabs ._iui3-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3-tab-icon svg{fill:var(--iui-color-icon-disabled)}._iui3-tabs ._iui3-tab:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-tabs ._iui3-tab-icon{grid-area:icon}._iui3-tabs ._iui3-tab-icon svg{transition:fill var(--iui-duration-1)ease-out}._iui3-tabs ._iui3-tab-icon~._iui3-tab-label,._iui3-tabs ._iui3-tab-icon~._iui3-tab-description{margin-inline-start:var(--iui-size-xs)}._iui3-tabs ._iui3-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}._iui3-tabs._iui3-green ._iui3-tab:focus{outline-color:var(--iui-color-text-positive)}._iui3-tabs._iui3-green ._iui3-tab[aria-selected=true]{color:var(--iui-color-text-positive)}._iui3-tabs._iui3-green ._iui3-tab[aria-selected=true] ._iui3-tab-icon svg{fill:currentColor}._iui3-tabs~._iui3-tabs-content{padding-block-start:var(--iui-size-s);padding-block-end:var(--iui-size-s)}._iui3-tabs._iui3-default ._iui3-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-tabs._iui3-default [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}}@layer itwinui.v3{._iui3-tabs._iui3-default ._iui3-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)}._iui3-tabs._iui3-default ._iui3-tab:after{inset-block-start:0;inset-inline-start:0}._iui3-tabs._iui3-default ._iui3-tab:hover{background-color:var(--iui-color-background-backdrop-hover)}._iui3-tabs._iui3-default ._iui3-tab[aria-selected=true]{background-color:var(--iui-color-background)}._iui3-tabs._iui3-default ._iui3-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-disabled)}._iui3-tabs._iui3-default ._iui3-tab:focus{outline-offset:-2px;outline-width:2px}._iui3-horizontal ._iui3-tabs._iui3-default ._iui3-tab[aria-selected=true]{border-block-end-color:#0000}._iui3-horizontal ._iui3-tabs._iui3-default ._iui3-tab:not(:first-child){border-inline-start:none}._iui3-horizontal ._iui3-tabs._iui3-default~._iui3-tabs-content{margin-block-start:-1px}._iui3-horizontal ._iui3-tabs._iui3-default :where(._iui3-button){block-size:100%}._iui3-vertical ._iui3-tabs._iui3-default ._iui3-tab[aria-selected=true]{border-inline-end-color:#0000}._iui3-vertical ._iui3-tabs._iui3-default ._iui3-tab:not(:first-child){border-block-start:none}._iui3-vertical ._iui3-tabs._iui3-default~._iui3-tabs-content{margin-inline-start:-1px}._iui3-vertical ._iui3-tabs._iui3-default :where(._iui3-button){inline-size:100%}._iui3-tabs._iui3-default._iui3-large ._iui3-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3-tabs._iui3-default._iui3-large ._iui3-tab-description{display:-webkit-box}._iui3-tabs._iui3-default._iui3-green ._iui3-tab:after{background-color:var(--iui-color-border-positive)}._iui3-tabs._iui3-default~._iui3-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)}._iui3-tabs._iui3-borderless ._iui3-tab{padding-block:var(--iui-size-2xs);padding-inline:calc(var(--iui-size-s)*2);background-color:#0000}._iui3-tabs._iui3-borderless ._iui3-tab:after{inset-block-end:0;inset-inline-end:0}._iui3-tabs._iui3-borderless ._iui3-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3-tabs._iui3-borderless ._iui3-tab[aria-selected=true]{background-color:var(--iui-color-background-accent-muted)}._iui3-horizontal ._iui3-tabs._iui3-borderless~._iui3-tabs-content{border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);margin-block-start:calc(0px - var(--iui-size-3xs))}._iui3-vertical ._iui3-tabs._iui3-borderless~._iui3-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)}._iui3-tabs._iui3-borderless._iui3-green [aria-selected=true]{background-color:var(--iui-color-background-positive-muted)}._iui3-tabs._iui3-borderless._iui3-large ._iui3-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3-tabs._iui3-borderless._iui3-large ._iui3-tab-description{display:-webkit-box}._iui3-tabs._iui3-borderless ._iui3-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3-tabs._iui3-pill{justify-content:space-evenly;gap:var(--iui-size-3xs)}._iui3-tabs._iui3-pill>._iui3-tab{flex:1 1 0}._iui3-tabs._iui3-pill._iui3-green ._iui3-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3-tabs._iui3-pill._iui3-green ._iui3-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-positive-muted)}._iui3-tabs._iui3-pill ._iui3-tab{padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:#0000;justify-content:center;inline-size:100%;display:flex}._iui3-tabs._iui3-pill ._iui3-tab:after{inset-block-end:0;inset-inline-start:0}._iui3-tabs._iui3-pill ._iui3-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3-tabs._iui3-pill ._iui3-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-accent-muted)}._iui3-tabs._iui3-pill ._iui3-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3-tabs._iui3-animated:after{content:" ";background-color:var(--iui-color-border-accent);position:absolute}._iui3-tabs._iui3-animated._iui3-green:after{background-color:var(--iui-color-border-positive)}._iui3-horizontal ._iui3-tabs._iui3-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)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-horizontal ._iui3-tabs._iui3-animated:after{transition:width var(--iui-duration-1)ease-out,left var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-vertical ._iui3-tabs._iui3-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))}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-vertical ._iui3-tabs._iui3-animated:after{transition:top var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-tabs._iui3-not-animated ._iui3-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-tabs._iui3-not-animated [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}}@layer itwinui.v3{._iui3-tabs._iui3-not-animated._iui3-green ._iui3-tab:after{background-color:var(--iui-color-border-positive)}._iui3-tab-label{-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:label;max-inline-size:60ch;display:-webkit-box;overflow:hidden}._iui3-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}._iui3-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3-tag-basic:not(a){color:var(--iui-color-text-muted)}._iui3-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}._iui3-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3-tag-button{border-radius:var(--iui-border-radius-round)}._iui3-tag-container{color:var(--iui-color-text-muted)}._iui3-tag-container>a._iui3-tag-basic{margin:var(--iui-size-3xs)}._iui3-tag-container>:not(last-child){margin-inline-end:var(--iui-size-2xs)}._iui3-tag-container>._iui3-tag-basic:not(:last-child):after{content:","}._iui3-tag-container._iui3-truncate{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._iui3-tag-container._iui3-scroll{white-space:nowrap;overflow-x:scroll}._iui3-tag-container._iui3-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)}._iui3-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}._iui3-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}._iui3-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}._iui3-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}._iui3-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}._iui3-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}._iui3-text-muted{color:var(--iui-color-text-muted)}._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-skeleton{forced-color-adjust:none;background:linear-gradient(292deg,canvastext,canvastext,canvas,canvastext,canvastext)}}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-skeleton{animation:_iui3-skeleton-shimmer var(--iui-duration-3)linear infinite}@keyframes _iui3-skeleton-shimmer{0%{background-position:200%}50%{background-position:100%}to{background-position:0%}}}}@layer itwinui.v3{._iui3-text-spacing{margin-block-end:var(--iui-size-l);padding:0}._iui3-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}._iui3-tile:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}._iui3-tile:where(:not(._iui3-folder))>:where(._iui3-tile-thumbnail){border-start-start-radius:inherit;border-start-end-radius:inherit}._iui3-tile:where(:not(._iui3-folder))>:where(:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit}._iui3-tile:where(:not(._iui3-folder))>:where(._iui3-tile-name){margin-block-start:var(--iui-size-s);margin-block-end:calc(var(--iui-size-s)*.5)}._iui3-tile:not(:hover,:focus-within) ._iui3-tile-more-options:where(:not(._iui3-visible)){clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}._iui3-tile:hover ._iui3-tile-metadata:not(:last-child),._iui3-tile:focus-within ._iui3-tile-metadata:not(:last-child){inline-size:calc(100% - var(--iui-size-xl))}._iui3-tile._iui3-new{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive)}._iui3-tile._iui3-new ._iui3-tile-name,._iui3-tile._iui3-new ._iui3-tile-description{font-weight:var(--iui-font-weight-semibold)}._iui3-tile._iui3-loading,._iui3-tile[aria-disabled=true]{--_iui-tile-title-text-color:var(--iui-color-text-disabled);--_iui-tile-body-text-color:var(--iui-color-text-disabled)}._iui3-tile._iui3-loading :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture),._iui3-tile[aria-disabled=true] :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture){filter:grayscale()}._iui3-tile._iui3-loading ._iui3-tag-container,._iui3-tile._iui3-loading ._iui3-tag-basic,._iui3-tile[aria-disabled=true] ._iui3-tag-container,._iui3-tile[aria-disabled=true] ._iui3-tag-basic{color:inherit}._iui3-tile._iui3-loading:is(:hover,:focus-within) :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture),._iui3-tile[aria-disabled=true]:is(:hover,:focus-within) :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture){transform:none}._iui3-tile._iui3-loading{cursor:progress;font-style:italic}._iui3-tile[aria-disabled=true]{cursor:not-allowed}._iui3-tile._iui3-actionable,._iui3-tile:where(:has(._iui3-link-action)){cursor:pointer;transition:box-shadow var(--iui-duration-1)ease-in-out,transform var(--iui-duration-1)50ms ease-in-out}._iui3-tile._iui3-actionable:has(._iui3-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3-tile:where(:has(._iui3-link-action)):has(._iui3-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3-tile._iui3-actionable:has(._iui3-link-action:focus-visible)._iui3-selected{outline-width:var(--iui-size-2xs)}._iui3-tile:where(:has(._iui3-link-action)):has(._iui3-link-action:focus-visible)._iui3-selected{outline-width:var(--iui-size-2xs)}@supports not selector(:has(+ *)){._iui3-tile._iui3-actionable:where(:focus-within),._iui3-tile:where(:has(._iui3-link-action)):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3-tile._iui3-actionable:where(:focus-within)._iui3-selected,._iui3-tile:where(:has(._iui3-link-action)):where(:focus-within)._iui3-selected{outline-width:var(--iui-size-2xs)}}._iui3-tile._iui3-actionable:hover,._iui3-tile:where(:has(._iui3-link-action)):hover{box-shadow:var(--iui-shadow-4);transform:translateY(-4px)}._iui3-tile._iui3-actionable:hover:before,._iui3-tile:where(:has(._iui3-link-action)):hover:before{transform:translateY(4px)}._iui3-tile._iui3-actionable:is(:hover,:focus-within) :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture),._iui3-tile:where(:has(._iui3-link-action)):is(:hover,:focus-within) :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture){transform:rotate(-4deg)}._iui3-tile._iui3-actionable:is(:hover,:focus-within,._iui3-selected) :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture):is(div,img),._iui3-tile:where(:has(._iui3-link-action)):is(:hover,:focus-within,._iui3-selected) :is(._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture):is(div,img){transform:translateZ(0)scale(1.1)}._iui3-tile._iui3-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)}._iui3-tile._iui3-selected:focus-visible{outline:var(--iui-size-2xs)solid var(--iui-color-border-accent);outline-offset:0}._iui3-tile._iui3-folder{grid-template:"thumbnail name""thumbnail content"1fr/1fr 2fr;display:grid}._iui3-tile._iui3-folder>:where(:first-child){border-start-start-radius:inherit;border-end-start-radius:inherit}._iui3-tile._iui3-folder>:where(:last-child){border-start-end-radius:inherit;border-end-end-radius:inherit}._iui3-tile._iui3-folder ._iui3-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}._iui3-tile._iui3-folder ._iui3-tile-name{grid-area:name;margin-block-start:calc(var(--iui-size-xs))}._iui3-tile._iui3-folder ._iui3-tile-content{padding:var(--iui-size-s);grid-area:content;padding-block-start:0}._iui3-tile._iui3-folder ._iui3-tile-content>*{padding:0}._iui3-tile._iui3-folder ._iui3-tile-description{block-size:100%;max-block-size:3em;-webkit-line-clamp:2;max-block-size:2lh;margin-block-end:0}._iui3-tile._iui3-positive{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive);--_iui-tile-title-text-color:var(--iui-color-text-positive)}._iui3-tile._iui3-positive::selection,._iui3-tile._iui3-positive ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-tile._iui3-positive ._iui3-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-positive)}._iui3-tile._iui3-positive._iui3-folder ._iui3-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-positive)}._iui3-tile._iui3-warning{--_iui-tile-status-icon-fill:var(--iui-color-icon-warning);--_iui-tile-title-text-color:var(--iui-color-text-warning)}._iui3-tile._iui3-warning::selection,._iui3-tile._iui3-warning ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-tile._iui3-warning ._iui3-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-warning)}._iui3-tile._iui3-warning._iui3-folder ._iui3-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-warning)}._iui3-tile._iui3-negative{--_iui-tile-status-icon-fill:var(--iui-color-icon-negative);--_iui-tile-title-text-color:var(--iui-color-text-negative)}._iui3-tile._iui3-negative::selection,._iui3-tile._iui3-negative ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-tile._iui3-negative ._iui3-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-negative)}._iui3-tile._iui3-negative._iui3-folder ._iui3-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-negative)}._iui3-tile-thumbnail-type-indicator{--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-2xs);--_iui-button-min-height:var(--iui-component-height-small);z-index:2;margin-block-start:calc(var(--iui-size-s)*.5);margin-inline:var(--iui-size-xs);border-radius:50%;place-self:start}._iui3-tile-thumbnail-type-indicator:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-tile-thumbnail-type-indicator:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-tile-thumbnail-type-indicator:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-tile-thumbnail-type-indicator[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-tile-thumbnail-type-indicator[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-tile-thumbnail-type-indicator[data-iui-active=true]{--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator{background-color:hsl(0 0% 0%/var(--iui-opacity-4));--_iui-button-icon-fill:var(--iui-color-white)}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator{background-color:hsl(0 0% 0%/var(--iui-opacity-5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator>._iui3-button-icon{filter:drop-shadow(0 2px 1px rgba(0,0,0,var(--iui-opacity-5)))}._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator:hover,._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator[data-iui-active=true]:enabled,._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator[data-iui-active=true]:enabled:hover,._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-type-indicator[data-iui-active=true]:active{background-color:rgba(0,0,0,var(--iui-opacity-4))}._iui3-tile-thumbnail-quick-action{--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-2xs);--_iui-button-min-height:var(--iui-component-height-small);z-index:2;margin-block-start:calc(var(--iui-size-s)*.5);margin-inline:var(--iui-size-xs);border-radius:50%;place-self:start end}._iui3-tile-thumbnail-quick-action:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-tile-thumbnail-quick-action:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-tile-thumbnail-quick-action:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-tile-thumbnail-quick-action[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-tile-thumbnail-quick-action[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-tile-thumbnail-quick-action[data-iui-active=true]{--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action{background-color:hsl(0 0% 0%/var(--iui-opacity-4));--_iui-button-icon-fill:var(--iui-color-white)}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action{background-color:hsl(0 0% 0%/var(--iui-opacity-5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action>._iui3-button-icon{filter:drop-shadow(0 2px 1px rgba(0,0,0,var(--iui-opacity-5)))}._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action:hover,._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action[data-iui-active=true]:enabled,._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action[data-iui-active=true]:enabled:hover,._iui3-tile-thumbnail-picture~._iui3-tile-thumbnail-quick-action[data-iui-active=true]:active{background-color:rgba(0,0,0,var(--iui-opacity-4))}._iui3-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}._iui3-tile-buttons{z-index:2;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;display:flex;overflow:hidden}._iui3-tile-buttons>._iui3-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}._iui3-tile-buttons>._iui3-button,._iui3-tile-buttons>._iui3-button:hover{border-block-start:1px solid var(--iui-color-border);border-color:var(--iui-color-border)}._iui3-tile-buttons>button:not(:last-child){border-inline-end:1px solid var(--iui-color-border)}._iui3-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}._iui3-tile-thumbnail>*{grid-area:1/1/-1/-1}._iui3-tile-thumbnail ._iui3-avatar{place-self:center}._iui3-tile-thumbnail ._iui3-thumbnail-icon{transition:transform var(--iui-duration-2)ease;place-self:center}._iui3-tile-thumbnail ._iui3-thumbnail-icon,._iui3-tile-thumbnail ._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-tile-thumbnail ._iui3-thumbnail-icon,._iui3-tile-thumbnail ._iui3-thumbnail-icon>svg{fill:canvastext}}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-tile-thumbnail-picture{transition:transform var(--iui-duration-2)ease;will-change:transform}}}@layer itwinui.v3{._iui3-tile-thumbnail-picture:is(div){background-position:50%;background-size:cover}._iui3-tile-thumbnail-picture~._iui3-thumbnail-icon,._iui3-tile-thumbnail-picture~._iui3-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)))}._iui3-tile-thumbnail-picture~._iui3-thumbnail-icon:hover,._iui3-tile-thumbnail-picture~._iui3-thumbnail-icon>svg:hover{fill:rgba(255,255,255,var(--iui-opacity-2))}._iui3-tile-content{flex-grow:2;grid-template-rows:auto 1fr auto;min-inline-size:0;padding-block-end:var(--iui-size-s);display:grid}._iui3-tile-content>*{padding-inline:var(--iui-size-s);grid-column:1;max-inline-size:100%;margin-block-end:calc(var(--iui-size-s)*.5)}._iui3-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}._iui3-tile-name-label,._iui3-tile-name-label>._iui3-link-action{z-index:1;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;overflow:hidden}._iui3-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}._iui3-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}._iui3-tile-metadata>svg,._iui3-tile-metadata ._iui3-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}._iui3-tile-metadata>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-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}._iui3-tile-status-icon,._iui3-tile-status-icon>svg{fill:var(--_iui-tile-status-icon-fill)}._iui3-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){._iui3-tile-more-options{margin:0;inset-block-end:var(--iui-size-s);inset-inline-end:0}:where(._iui3-tile._iui3-folder) ._iui3-tile-more-options{inset-inline-end:var(--iui-size-xs)}:where(._iui3-tile:has(._iui3-tile-buttons)) ._iui3-tile-more-options{inset-block-end:3.25rem}}._iui3-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}._iui3-time-picker:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3-time,._iui3-period{padding-block:var(--iui-size-s);padding-inline:var(--iui-size-xs);scrollbar-width:none;overflow-y:auto}._iui3-time:not(:first-child),._iui3-period:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3-time>ol,._iui3-period>ol{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3-time>ol>li,._iui3-period>ol>li{padding-block:calc(var(--iui-size-s)*.5);padding-inline:var(--iui-size-m);border-radius:var(--iui-border-radius-1)}._iui3-time>ol>li:focus-visible,._iui3-period>ol>li:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-time>ol>li:hover,._iui3-period>ol>li:hover{cursor:pointer;background-color:var(--iui-color-background-hover)}._iui3-time>ol>li._iui3-selected,._iui3-period>ol>li._iui3-selected{font-weight:var(--iui-font-weight-semibold);cursor:default;background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-time>ol>li._iui3-selected:focus-visible,._iui3-period>ol>li._iui3-selected:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3-period{align-items:center;display:flex}._iui3-toast-wrapper{pointer-events:none;z-index:99999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}}@layer itwinui.v3{@media screen and (max-width:400px){._iui3-toast-wrapper{inline-size:calc(100vw - 36px);margin-block-start:var(--iui-size-s)}}}@layer itwinui.v3{@media screen and (min-width:401px){._iui3-toast-wrapper{margin-block:var(--iui-size-l);min-inline-size:400px;max-inline-size:640px}}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-toast-wrapper ._iui3-toast-all{transition:all .24s cubic-bezier(0,0,.2,1)}}}@layer itwinui.v3{._iui3-toast-wrapper._iui3-placement-top{margin-inline:auto;inset-block-start:0;inset-inline:0}._iui3-toast-wrapper._iui3-placement-top-start{align-items:flex-start;inset-block-start:0;inset-inline-start:0}._iui3-toast-wrapper._iui3-placement-top-end{align-items:flex-end;inset-block-start:0;inset-inline-end:0}._iui3-toast-wrapper._iui3-placement-bottom{margin-inline:auto;inset-block-end:0;inset-inline:0}._iui3-toast-wrapper._iui3-placement-bottom ._iui3-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3-toast-wrapper._iui3-placement-bottom-start{align-items:flex-start;inset-block-end:0;inset-inline-start:0}._iui3-toast-wrapper._iui3-placement-bottom-start ._iui3-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3-toast-wrapper._iui3-placement-bottom-end{align-items:flex-end;inset-block-end:0;inset-inline-end:0}._iui3-toast-wrapper._iui3-placement-bottom-end ._iui3-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3-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}._iui3-toast>._iui3-status-area{inline-size:calc(var(--iui-size-l)*2);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}._iui3-toast>._iui3-status-area>._iui3-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3-toast>._iui3-status-area>._iui3-icon,._iui3-toast>._iui3-status-area>._iui3-icon>svg{fill:var(--iui-color-icon-muted)}._iui3-toast>._iui3-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}._iui3-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)}._iui3-toast-anchor:where(button){background:0 0;border:none;padding:0;font-family:inherit}._iui3-toast>._iui3-button{margin-inline-end:var(--iui-size-xs)}}@layer itwinui.v3{@media screen and (max-width:400px){._iui3-toast{inline-size:calc(100vw - 36px)}}}@layer itwinui.v3{@media screen and (min-width:401px){._iui3-toast{min-inline-size:400px;max-inline-size:640px}}}@layer itwinui.v3{._iui3-toast._iui3-informational{border-color:var(--iui-color-border-informational)}._iui3-toast._iui3-informational>._iui3-message::selection,._iui3-toast._iui3-informational>._iui3-message ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3-toast._iui3-informational>._iui3-status-area{background-image:linear-gradient(to right,var(--iui-color-background-informational-muted),var(--iui-color-background))}._iui3-toast._iui3-informational>._iui3-status-area>._iui3-icon,._iui3-toast._iui3-informational>._iui3-status-area>._iui3-icon>svg{fill:var(--iui-color-icon-informational)}._iui3-toast._iui3-informational>button{outline-color:var(--iui-color-text-informational)}._iui3-toast._iui3-positive{border-color:var(--iui-color-border-positive)}._iui3-toast._iui3-positive>._iui3-message::selection,._iui3-toast._iui3-positive>._iui3-message ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-toast._iui3-positive>._iui3-status-area{background-image:linear-gradient(to right,var(--iui-color-background-positive-muted),var(--iui-color-background))}._iui3-toast._iui3-positive>._iui3-status-area>._iui3-icon,._iui3-toast._iui3-positive>._iui3-status-area>._iui3-icon>svg{fill:var(--iui-color-icon-positive)}._iui3-toast._iui3-positive>button{outline-color:var(--iui-color-text-positive)}._iui3-toast._iui3-warning{border-color:var(--iui-color-border-warning)}._iui3-toast._iui3-warning>._iui3-message::selection,._iui3-toast._iui3-warning>._iui3-message ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-toast._iui3-warning>._iui3-status-area{background-image:linear-gradient(to right,var(--iui-color-background-warning-muted),var(--iui-color-background))}._iui3-toast._iui3-warning>._iui3-status-area>._iui3-icon,._iui3-toast._iui3-warning>._iui3-status-area>._iui3-icon>svg{fill:var(--iui-color-icon-warning)}._iui3-toast._iui3-warning>button{outline-color:var(--iui-color-text-warning)}._iui3-toast._iui3-negative{border-color:var(--iui-color-border-negative)}._iui3-toast._iui3-negative>._iui3-message::selection,._iui3-toast._iui3-negative>._iui3-message ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-toast._iui3-negative>._iui3-status-area{background-image:linear-gradient(to right,var(--iui-color-background-negative-muted),var(--iui-color-background))}._iui3-toast._iui3-negative>._iui3-status-area>._iui3-icon,._iui3-toast._iui3-negative>._iui3-status-area>._iui3-icon>svg{fill:var(--iui-color-icon-negative)}._iui3-toast._iui3-negative>button{outline-color:var(--iui-color-text-negative)}._iui3-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}._iui3-toggle-switch-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch-wrapper._iui3-disabled{color:graytext}}}@layer itwinui.v3{._iui3-toggle-switch-wrapper._iui3-label-on-left{grid-template-areas:"label toggle"}._iui3-toggle-switch-wrapper._iui3-label-on-right{grid-template-areas:"toggle label"}._iui3-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)}._iui3-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}._iui3-toggle-switch:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:1px}._iui3-toggle-switch-label{grid-area:label}._iui3-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}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-toggle-switch:after{transition:transform var(--iui-duration-1)ease-out,background-color var(--iui-duration-1)ease-out}}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch{border-color:canvastext}}}@layer itwinui.v3{._iui3-toggle-switch:after{background-color:var(--iui-color-icon)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:after{background-color:canvastext}}}@layer itwinui.v3{._iui3-toggle-switch:is(:hover,:focus-visible){border-color:var(--iui-color-border-foreground-hover)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:is(:hover,:focus-visible){border-color:canvastext}}}@layer itwinui.v3{._iui3-toggle-switch:is(:hover,:focus-visible):after{background-color:var(--iui-color-icon-hover)}._iui3-toggle-switch:checked{background-color:var(--iui-color-background-accent);border-color:var(--iui-color-background-accent)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:checked{background-color:highlight;border-color:highlight}}}@layer itwinui.v3{._iui3-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)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:checked:after{background-color:highlighttext}}}@layer itwinui.v3{._iui3-toggle-switch:checked~._iui3-toggle-switch-icon{opacity:var(--iui-opacity-1)}._iui3-toggle-switch:disabled{cursor:not-allowed;background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:disabled{border-color:graytext}}}@layer itwinui.v3{._iui3-toggle-switch:disabled:after{background-color:var(--iui-color-icon-disabled)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:disabled:after{opacity:.75;background-color:graytext}}}@layer itwinui.v3{._iui3-toggle-switch:disabled~._iui3-toggle-switch-icon{opacity:0}._iui3-toggle-switch:disabled~._iui3-toggle-switch-icon svg{fill:var(--iui-color-icon)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:disabled:checked{background-color:graytext}._iui3-toggle-switch:disabled:checked:after{background-color:canvas}}}@layer itwinui.v3{._iui3-toggle-switch:disabled:checked~._iui3-toggle-switch-icon{opacity:var(--iui-opacity-5)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch:disabled:checked~._iui3-toggle-switch-icon{opacity:.75}._iui3-toggle-switch:disabled:checked~._iui3-toggle-switch-icon svg{fill:canvas}}}@layer itwinui.v3{._iui3-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}._iui3-toggle-switch-icon,._iui3-toggle-switch-icon svg{inline-size:var(--_iui-toggle-switch-handle-size);block-size:var(--_iui-toggle-switch-handle-size);display:flex}._iui3-toggle-switch-icon svg{padding:calc(var(--_iui-toggle-switch-handle-size)*.125);fill:var(--iui-color-white)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-toggle-switch-icon svg{fill:highlighttext}}}@layer itwinui.v3{._iui3-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))){._iui3-tooltip{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3-tooltip[hidden]{display:none!important}._iui3-transfer-list-wrapper{column-gap:var(--iui-size-xs);grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;display:grid}._iui3-transfer-list-listbox-wrapper{gap:var(--iui-size-2xs);flex-direction:column;flex:1;display:flex}._iui3-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}._iui3-transfer-list-toolbar{gap:var(--iui-size-2xs);flex-direction:column;flex:1;justify-content:flex-end;display:flex}._iui3-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}._iui3-tree[data-iui-size=small]{--_iui-tree-node-padding-inline:var(--iui-size-2xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*14)}._iui3-sub-tree{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3-tree-item:focus-visible{outline:none}._iui3-tree-item:focus-visible>._iui3-tree-node{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-tree-item:focus-visible>._iui3-tree-node._iui3-active{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}._iui3-tree-node{cursor:pointer;padding-inline:var(--_iui-tree-node-padding-inline);border-radius:var(--iui-border-radius-1);align-items:center;display:flex}._iui3-tree-node-checkbox{margin-inline-end:var(--_iui-tree-node-padding-inline)}._iui3-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}._iui3-tree-node-content-icon,._iui3-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}}@layer itwinui.v3{@media (forced-colors:active){._iui3-tree-node-content-icon,._iui3-tree-node-content-icon svg{fill:canvastext}}}@layer itwinui.v3{:where(._iui3-tree[data-iui-size=small]) ._iui3-tree-node-content-icon,:where(._iui3-tree[data-iui-size=small]) ._iui3-tree-node-content-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3-tree-node-content-icon:first-child{margin-inline-start:calc(calc(var(--iui-component-height-small) + 2px) + var(--_iui-tree-node-padding-inline))}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-tree-node-content-expander-icon{transition:transform var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}._iui3-tree-node-content-label{flex:1;min-inline-size:0}._iui3-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px)}._iui3-tree-node-content-title,._iui3-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-tree-node-content-title{font-size:var(--iui-font-size-1)}._iui3-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}._iui3-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}._iui3-tree-node:hover ._iui3-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}._iui3-tree-node._iui3-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-tree-node._iui3-disabled{cursor:not-allowed;background-color:#0000;outline:none}._iui3-tree-node._iui3-disabled,._iui3-tree-node._iui3-disabled ._iui3-tree-node-content-caption{color:var(--iui-color-text-disabled)}:where(._iui3-button-base){font:inherit;cursor:pointer;background:0 0;border:none;padding:0}._iui3-svg-icon{flex-shrink:0;display:inline-flex}._iui3-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)))}._iui3-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem}._iui3-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem}._iui3-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem}._iui3-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em}._iui3-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}._iui3-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}}@layer itwinui.v3{@media (forced-colors:active){._iui3-svg-icon:where(:not([data-iui-icon-color]),[data-iui-icon-color=default]){--_iui-svg-fill:CanvasText}}}@layer itwinui.v3{._iui3-svg-icon[data-iui-padded=true]{padding-inline:var(--iui-size-xs)}._iui3-svg-icon+._iui3-svg-icon{padding-inline-start:0}._iui3-notification-marker{--_iui-notification-marker-color:var(--iui-color-icon-informational);position:relative}._iui3-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%)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-notification-marker:before{transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out}}}@layer itwinui.v3{._iui3-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%)}}@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-notification-marker:where([data-iui-urgent=true]):before{animation:2s infinite _iui3-pulse}@keyframes _iui3-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}}}}@layer itwinui.v3{._iui3-notification-marker[data-iui-variant=positive]{--_iui-notification-marker-color:var(--iui-color-icon-positive)}._iui3-notification-marker[data-iui-variant=warning]{--_iui-notification-marker-color:var(--iui-color-icon-warning)}._iui3-notification-marker[data-iui-variant=negative]{--_iui-notification-marker-color:var(--iui-color-icon-negative)}._iui3-notification-marker[data-iui-variant=white]{--_iui-notification-marker-color:var(--iui-color-white)}._iui3-divider{background-color:var(--iui-color-border-subtle);flex:none;align-self:stretch}}@layer itwinui.v3{@media (forced-colors:active){._iui3-divider{background-color:canvastext}}}@layer itwinui.v3{._iui3-divider:is(hr){border:none;margin:0}._iui3-divider:not([aria-orientation=vertical]){block-size:1px}._iui3-divider[aria-orientation=vertical]{min-block-size:100%;inline-size:1px}._iui3-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)}._iui3-flex-spacer{--iui-flex-spacer-flex:999;flex:var(--iui-flex-spacer-flex)}._iui3-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)))}._iui3-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(._iui3-link-box){position:relative}:where(._iui3-link-box):has(._iui3-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}@supports not selector(:has(+ *)){:where(._iui3-link-box):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}}:where(._iui3-link-action){all:unset;color:inherit;cursor:pointer}:where(._iui3-link-action):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}._iui3-workflow-diagram{vertical-align:baseline;border:none;justify-content:space-around;align-items:center;inline-size:100%;margin:0;padding:0;display:flex}._iui3-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}._iui3-workflow-diagram-step:first-of-type,._iui3-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)}._iui3-workflow-diagram-step:before,._iui3-workflow-diagram-step:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3-workflow-diagram-step:before{background-color:var(--_iui-workflow-diagram-track-before-color)}._iui3-workflow-diagram-step:after{background-color:var(--_iui-workflow-diagram-track-after-color)}._iui3-workflow-diagram-step:first-of-type{--_iui-workflow-diagram-track-before-color:transparent}._iui3-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-track-after-color:transparent}._iui3-workflow-diagram-content{padding-block:var(--iui-size-3xs);padding-inline:var(--iui-size-m);font-weight:var(--iui-font-weight-normal);text-align:center;background-color:var(--_iui-workflow-diagram-circle-background-color);border:1px solid var(--_iui-workflow-diagram-circle-border-color);border-radius:var(--_iui-workflow-diagram-circle-border-radius)}}@layer itwinui.v3{._iui3-root{--_iui-v3-loaded: 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/1957/react/assets/index-DjxMsM5m.js b/1957/react/assets/index-DjxMsM5m.js
new file mode 100644
index 00000000000..05f152da1fa
--- /dev/null
+++ b/1957/react/assets/index-DjxMsM5m.js
@@ -0,0 +1,146 @@
+var Lm=Object.defineProperty;var Om=(e,t,n)=>t in e?Lm(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var ft=(e,t,n)=>(Om(e,typeof t!="symbol"?t+"":t,n),n);function Pm(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 Nr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Er(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var tl={exports:{}},ai,Cu;function Nm(){if(Cu)return ai;Cu=1;var e=1e3,t=e*60,n=t*60,r=n*24,o=r*7,a=r*365.25;ai=function(d,A){A=A||{};var C=typeof d;if(C==="string"&&d.length>0)return i(d);if(C==="number"&&isFinite(d))return A.long?s(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 C=parseFloat(A[1]),E=(A[2]||"ms").toLowerCase();switch(E){case"years":case"year":case"yrs":case"yr":case"y":return C*a;case"weeks":case"week":case"w":return C*o;case"days":case"day":case"d":return C*r;case"hours":case"hour":case"hrs":case"hr":case"h":return C*n;case"minutes":case"minute":case"mins":case"min":case"m":return C*t;case"seconds":case"second":case"secs":case"sec":case"s":return C*e;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return C;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 s(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,C,E){var m=A>=C*1.5;return Math.round(d/C)+" "+E+(m?"s":"")}return ai}function Mm(e){n.debug=n,n.default=n,n.coerce=s,n.disable=a,n.enable=o,n.enabled=i,n.humanize=Nm(),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 C=0;C<d.length;C++)A=(A<<5)-A+d.charCodeAt(C),A|=0;return n.colors[Math.abs(A)%n.colors.length]}n.selectColor=t;function n(d){let A,C=null,E,m;function p(...b){if(!p.enabled)return;const f=p,D=Number(new Date),y=D-(A||D);f.diff=y,f.prev=A,f.curr=D,A=D,b[0]=n.coerce(b[0]),typeof b[0]!="string"&&b.unshift("%O");let S=0;b[0]=b[0].replace(/%([a-zA-Z%])/g,(w,I)=>{if(w==="%%")return"%";S++;const L=n.formatters[I];if(typeof L=="function"){const H=b[S];w=L.call(f,H),b.splice(S,1),S--}return w}),n.formatArgs.call(f,b),(f.log||n.log).apply(f,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:()=>C!==null?C:(E!==n.namespaces&&(E=n.namespaces,m=n.enabled(d)),m),set:b=>{C=b}}),typeof n.init=="function"&&n.init(p),p}function r(d,A){const C=n(this.namespace+(typeof A>"u"?":":A)+d);return C.log=this.log,C}function o(d){n.save(d),n.namespaces=d,n.names=[],n.skips=[];let A;const C=(typeof d=="string"?d:"").split(/[\s,]+/),E=C.length;for(A=0;A<E;A++)C[A]&&(d=C[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,C;for(A=0,C=n.skips.length;A<C;A++)if(n.skips[A].test(d))return!1;for(A=0,C=n.names.length;A<C;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 s(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 $m=Mm;(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,C=0;u[0].replace(/%[a-zA-Z%]/g,E=>{E!=="%%"&&(A++,E==="%c"&&(C=A))}),u.splice(C,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=$m(t);const{formatters:s}=e.exports;s.j=function(u){try{return JSON.stringify(u)}catch(d){return"[UnexpectedJSONParseError]: "+d.message}}})(tl,tl.exports);var zm=tl.exports;const jm=Er(zm),$2=jm("ladle"),UA="%[a-f0-9]{2}",fu=new RegExp("("+UA+")|([^%]+?)","gi"),mu=new RegExp("("+UA+")+","gi");function nl(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([],nl(n),nl(r))}function Vm(e){try{return decodeURIComponent(e)}catch{let t=e.match(fu)||[];for(let n=1;n<t.length;n++)e=nl(t,n).join(""),t=e.match(fu)||[];return e}}function Hm(e){const t={"%FE%FF":"��","%FF%FE":"��"};let n=mu.exec(e);for(;n;){try{t[n[0]]=decodeURIComponent(n[0])}catch{const o=Vm(n[0]);o!==n[0]&&(t[n[0]]=o)}n=mu.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 Um(e){if(typeof e!="string")throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return decodeURIComponent(e)}catch{return Hm(e)}}function WA(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 Wm(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 Gm=e=>e==null,qm=e=>encodeURIComponent(e).replace(/[!'()*]/g,t=>`%${t.charCodeAt(0).toString(16).toUpperCase()}`),rl=Symbol("encodeFragmentIdentifier");function Ym(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,[T0(t,e),"[",o,"]"].join("")]:[...n,[T0(t,e),"[",T0(o,e),"]=",T0(r,e)].join("")]};case"bracket":return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[T0(t,e),"[]"].join("")]:[...n,[T0(t,e),"[]=",T0(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,[T0(t,e),":list="].join("")]:[...n,[T0(t,e),":list=",T0(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?[[T0(n,e),t,T0(o,e)].join("")]:[[r,T0(o,e)].join(e.arrayFormatSeparator)])}default:return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,T0(t,e)]:[...n,[T0(t,e),"=",T0(r,e)].join("")]}}function Km(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&&J2(r,e).includes(e.arrayFormatSeparator);r=i?J2(r,e):r;const l=a||i?r.split(e.arrayFormatSeparator).map(s=>J2(s,e)):r===null?r:J2(r,e);o[n]=l};case"bracket-separator":return(n,r,o)=>{const a=/(\[])$/.test(n);if(n=n.replace(/\[]$/,""),!a){o[n]=r&&J2(r,e);return}const i=r===null?[]:r.split(e.arrayFormatSeparator).map(l=>J2(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 GA(e){if(typeof e!="string"||e.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function T0(e,t){return t.encode?t.strict?qm(e):encodeURIComponent(e):e}function J2(e,t){return t.decode?Um(e):e}function qA(e){return Array.isArray(e)?e.sort():typeof e=="object"?qA(Object.keys(e)).sort((t,n)=>Number(t)-Number(n)).map(t=>e[t]):e}function YA(e){const t=e.indexOf("#");return t!==-1&&(e=e.slice(0,t)),e}function Jm(e){let t="";const n=e.indexOf("#");return n!==-1&&(t=e.slice(n)),t}function Bu(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 vs(e){e=YA(e);const t=e.indexOf("?");return t===-1?"":e.slice(t+1)}function xs(e,t){t={decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1,...t},GA(t.arrayFormatSeparator);const n=Km(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]=WA(a,"=");i===void 0&&(i=a),l=l===void 0?null:["comma","separator","bracket-separator"].includes(t.arrayFormat)?l:J2(l,t),n(J2(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]=Bu(l,t);else r[o]=Bu(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]=qA(i):o[a]=i,o},Object.create(null))}function KA(e,t){if(!e)return"";t={encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:",",...t},GA(t.arrayFormatSeparator);const n=i=>t.skipNull&&Gm(e[i])||t.skipEmptyString&&e[i]==="",r=Ym(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?T0(i,t):Array.isArray(l)?l.length===0&&t.arrayFormat==="bracket-separator"?T0(i,t)+"[]":l.reduce(r(i),[]).join("&"):T0(i,t)+"="+T0(l,t)}).filter(i=>i.length>0).join("&")}function JA(e,t){var o;t={decode:!0,...t};let[n,r]=WA(e,"#");return n===void 0&&(n=e),{url:((o=n==null?void 0:n.split("?"))==null?void 0:o[0])??"",query:xs(vs(e),t),...t&&t.parseFragmentIdentifier&&r?{fragmentIdentifier:J2(r,t)}:{}}}function XA(e,t){t={encode:!0,strict:!0,[rl]:!0,...t};const n=YA(e.url).split("?")[0]||"",r=vs(e.url),o={...xs(r,{sort:!1}),...e.query};let a=KA(o,t);a&&(a=`?${a}`);let i=Jm(e.url);if(e.fragmentIdentifier){const l=new URL(n);l.hash=e.fragmentIdentifier,i=t[rl]?l.hash:`#${e.fragmentIdentifier}`}return`${n}${a}${i}`}function ZA(e,t,n){n={parseFragmentIdentifier:!0,[rl]:!1,...n};const{url:r,query:o,fragmentIdentifier:a}=JA(e,n);return XA({url:r,query:Wm(o,t),fragmentIdentifier:a},n)}function Xm(e,t,n){const r=Array.isArray(t)?o=>!t.includes(o):(o,a)=>!t(o,a);return ZA(e,r,n)}const W2=Object.freeze(Object.defineProperty({__proto__:null,exclude:Xm,extract:vs,parse:xs,parseUrl:JA,pick:ZA,stringify:KA,stringifyUrl:XA},Symbol.toStringTag,{value:"Module"})),xt="-",QA=(e,t)=>W2.parse(e).story||t,Zm=e=>!!W2.parse(e).story,ed=e=>typeof e!="string"?"":e.charAt(0).toUpperCase()+e.slice(1),td=e=>e?e.split(`${xt}${xt}`).reverse().map(t=>ed(t.replace(/-/g," "))).join(" - "):"",ii=(e,t,n)=>{const r=[],o=(i,l,s,u)=>{const d=l.shift();let A=!!n,C=[];s[0]===d&&(C=[...s.slice(1)],A=!0);const E=i.findIndex(m=>m.subId===d);d&&(E===-1&&i.push({id:`${u}${d}`,subId:d,name:ed(d.replace(/-/g," ")),isLinkable:l.length===0,isExpanded:A,isFocused:!1,children:[]}),o(i[E>-1?E:i.length-1].children,l,C,`${u}${d}--`))},a=t?t.split(`${xt}${xt}`):[];return e.forEach(i=>{const l=i.split(`${xt}${xt}`);o(r,l,a,"")}),r},Qm=(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},nd=(e,t)=>{const n=e.sort(Qm);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(s=>{s.startsWith(l)&&o.add(s)})}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 So={exports:{}};So.exports;(function(e,t){var n=200,r="__lodash_hash_undefined__",o=800,a=16,i=9007199254740991,l="[object Arguments]",s="[object Array]",u="[object AsyncFunction]",d="[object Boolean]",A="[object Date]",C="[object Error]",E="[object Function]",m="[object GeneratorFunction]",p="[object Map]",b="[object Number]",f="[object Null]",D="[object Object]",y="[object Proxy]",S="[object RegExp]",F="[object Set]",w="[object String]",I="[object Undefined]",L="[object WeakMap]",H="[object ArrayBuffer]",O="[object DataView]",J="[object Float32Array]",k="[object Float64Array]",M="[object Int8Array]",R="[object Int16Array]",P="[object Int32Array]",U="[object Uint8Array]",V="[object Uint8ClampedArray]",T="[object Uint16Array]",j="[object Uint32Array]",$=/[\\^$.*+?()[\]{}|]/g,G=/^\[object .+?Constructor\]$/,Y=/^(?:0|[1-9]\d*)$/,K={};K[J]=K[k]=K[M]=K[R]=K[P]=K[U]=K[V]=K[T]=K[j]=!0,K[l]=K[s]=K[H]=K[d]=K[O]=K[A]=K[C]=K[E]=K[p]=K[b]=K[D]=K[S]=K[F]=K[w]=K[L]=!1;var Q=typeof Nr=="object"&&Nr&&Nr.Object===Object&&Nr,o0=typeof self=="object"&&self&&self.Object===Object&&self,n0=Q||o0||Function("return this")(),l0=t&&!t.nodeType&&t,a0=l0&&!0&&e&&!e.nodeType&&e,D0=a0&&a0.exports===l0,z0=D0&&Q.process,C2=function(){try{var x=a0&&a0.require&&a0.require("util").types;return x||z0&&z0.binding&&z0.binding("util")}catch{}}(),S2=C2&&C2.isTypedArray;function qa(x,_,N){switch(N.length){case 0:return x.call(_);case 1:return x.call(_,N[0]);case 2:return x.call(_,N[0],N[1]);case 3:return x.call(_,N[0],N[1],N[2])}return x.apply(_,N)}function t0(x,_){for(var N=-1,Z=Array(x);++N<x;)Z[N]=_(N);return Z}function pt(x){return function(_){return x(_)}}function wr(x,_){return x==null?void 0:x[_]}function hn(x,_){return function(N){return x(_(N))}}var Sf=Array.prototype,Ff=Function.prototype,Tr=Object.prototype,Ya=n0["__core-js_shared__"],_r=Ff.toString,G2=Tr.hasOwnProperty,Jc=function(){var x=/[^.]+$/.exec(Ya&&Ya.keys&&Ya.keys.IE_PROTO||"");return x?"Symbol(src)_1."+x:""}(),Xc=Tr.toString,wf=_r.call(Object),Tf=RegExp("^"+_r.call(G2).replace($,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Ir=D0?n0.Buffer:void 0,Zc=n0.Symbol,Qc=n0.Uint8Array,eu=Ir?Ir.allocUnsafe:void 0,tu=hn(Object.getPrototypeOf,Object),nu=Object.create,_f=Tr.propertyIsEnumerable,If=Sf.splice,ze=Zc?Zc.toStringTag:void 0,kr=function(){try{var x=Xa(Object,"defineProperty");return x({},"",{}),x}catch{}}(),kf=Ir?Ir.isBuffer:void 0,ru=Math.max,Rf=Date.now,ou=Xa(n0,"Map"),yn=Xa(Object,"create"),Lf=function(){function x(){}return function(_){if(!Ve(_))return{};if(nu)return nu(_);x.prototype=_;var N=new x;return x.prototype=void 0,N}}();function je(x){var _=-1,N=x==null?0:x.length;for(this.clear();++_<N;){var Z=x[_];this.set(Z[0],Z[1])}}function Of(){this.__data__=yn?yn(null):{},this.size=0}function Pf(x){var _=this.has(x)&&delete this.__data__[x];return this.size-=_?1:0,_}function Nf(x){var _=this.__data__;if(yn){var N=_[x];return N===r?void 0:N}return G2.call(_,x)?_[x]:void 0}function Mf(x){var _=this.__data__;return yn?_[x]!==void 0:G2.call(_,x)}function $f(x,_){var N=this.__data__;return this.size+=this.has(x)?0:1,N[x]=yn&&_===void 0?r:_,this}je.prototype.clear=Of,je.prototype.delete=Pf,je.prototype.get=Nf,je.prototype.has=Mf,je.prototype.set=$f;function q2(x){var _=-1,N=x==null?0:x.length;for(this.clear();++_<N;){var Z=x[_];this.set(Z[0],Z[1])}}function zf(){this.__data__=[],this.size=0}function jf(x){var _=this.__data__,N=Rr(_,x);if(N<0)return!1;var Z=_.length-1;return N==Z?_.pop():If.call(_,N,1),--this.size,!0}function Vf(x){var _=this.__data__,N=Rr(_,x);return N<0?void 0:_[N][1]}function Hf(x){return Rr(this.__data__,x)>-1}function Uf(x,_){var N=this.__data__,Z=Rr(N,x);return Z<0?(++this.size,N.push([x,_])):N[Z][1]=_,this}q2.prototype.clear=zf,q2.prototype.delete=jf,q2.prototype.get=Vf,q2.prototype.has=Hf,q2.prototype.set=Uf;function Dt(x){var _=-1,N=x==null?0:x.length;for(this.clear();++_<N;){var Z=x[_];this.set(Z[0],Z[1])}}function Wf(){this.size=0,this.__data__={hash:new je,map:new(ou||q2),string:new je}}function Gf(x){var _=Or(this,x).delete(x);return this.size-=_?1:0,_}function qf(x){return Or(this,x).get(x)}function Yf(x){return Or(this,x).has(x)}function Kf(x,_){var N=Or(this,x),Z=N.size;return N.set(x,_),this.size+=N.size==Z?0:1,this}Dt.prototype.clear=Wf,Dt.prototype.delete=Gf,Dt.prototype.get=qf,Dt.prototype.has=Yf,Dt.prototype.set=Kf;function Ct(x){var _=this.__data__=new q2(x);this.size=_.size}function Jf(){this.__data__=new q2,this.size=0}function Xf(x){var _=this.__data__,N=_.delete(x);return this.size=_.size,N}function Zf(x){return this.__data__.get(x)}function Qf(x){return this.__data__.has(x)}function em(x,_){var N=this.__data__;if(N instanceof q2){var Z=N.__data__;if(!ou||Z.length<n-1)return Z.push([x,_]),this.size=++N.size,this;N=this.__data__=new Dt(Z)}return N.set(x,_),this.size=N.size,this}Ct.prototype.clear=Jf,Ct.prototype.delete=Xf,Ct.prototype.get=Zf,Ct.prototype.has=Qf,Ct.prototype.set=em;function tm(x,_){var N=ei(x),Z=!N&&Qa(x),u0=!N&&!Z&&cu(x),C0=!N&&!Z&&!u0&&Au(x),g0=N||Z||u0||C0,c0=g0?t0(x.length,String):[],h0=c0.length;for(var f2 in x)(_||G2.call(x,f2))&&!(g0&&(f2=="length"||u0&&(f2=="offset"||f2=="parent")||C0&&(f2=="buffer"||f2=="byteLength"||f2=="byteOffset")||lu(f2,h0)))&&c0.push(f2);return c0}function Ka(x,_,N){(N!==void 0&&!Pr(x[_],N)||N===void 0&&!(_ in x))&&Ja(x,_,N)}function nm(x,_,N){var Z=x[_];(!(G2.call(x,_)&&Pr(Z,N))||N===void 0&&!(_ in x))&&Ja(x,_,N)}function Rr(x,_){for(var N=x.length;N--;)if(Pr(x[N][0],_))return N;return-1}function Ja(x,_,N){_=="__proto__"&&kr?kr(x,_,{configurable:!0,enumerable:!0,value:N,writable:!0}):x[_]=N}var rm=fm();function Lr(x){return x==null?x===void 0?I:f:ze&&ze in Object(x)?mm(x):bm(x)}function au(x){return bn(x)&&Lr(x)==l}function om(x){if(!Ve(x)||hm(x))return!1;var _=ni(x)?Tf:G;return _.test(Fm(x))}function am(x){return bn(x)&&uu(x.length)&&!!K[Lr(x)]}function im(x){if(!Ve(x))return ym(x);var _=su(x),N=[];for(var Z in x)Z=="constructor"&&(_||!G2.call(x,Z))||N.push(Z);return N}function iu(x,_,N,Z,u0){x!==_&&rm(_,function(C0,g0){if(u0||(u0=new Ct),Ve(C0))lm(x,_,g0,N,iu,Z,u0);else{var c0=Z?Z(Za(x,g0),C0,g0+"",x,_,u0):void 0;c0===void 0&&(c0=C0),Ka(x,g0,c0)}},du)}function lm(x,_,N,Z,u0,C0,g0){var c0=Za(x,N),h0=Za(_,N),f2=g0.get(h0);if(f2){Ka(x,N,f2);return}var a2=C0?C0(c0,h0,N+"",x,_,g0):void 0,vn=a2===void 0;if(vn){var ri=ei(h0),oi=!ri&&cu(h0),Du=!ri&&!oi&&Au(h0);a2=h0,ri||oi||Du?ei(c0)?a2=c0:wm(c0)?a2=pm(c0):oi?(vn=!1,a2=um(h0,!0)):Du?(vn=!1,a2=dm(h0,!0)):a2=[]:Tm(h0)||Qa(h0)?(a2=c0,Qa(c0)?a2=_m(c0):(!Ve(c0)||ni(c0))&&(a2=Bm(h0))):vn=!1}vn&&(g0.set(h0,a2),u0(a2,h0,Z,C0,g0),g0.delete(h0)),Ka(x,N,a2)}function sm(x,_){return xm(vm(x,_,pu),x+"")}var cm=kr?function(x,_){return kr(x,"toString",{configurable:!0,enumerable:!1,value:km(_),writable:!0})}:pu;function um(x,_){if(_)return x.slice();var N=x.length,Z=eu?eu(N):new x.constructor(N);return x.copy(Z),Z}function Am(x){var _=new x.constructor(x.byteLength);return new Qc(_).set(new Qc(x)),_}function dm(x,_){var N=_?Am(x.buffer):x.buffer;return new x.constructor(N,x.byteOffset,x.length)}function pm(x,_){var N=-1,Z=x.length;for(_||(_=Array(Z));++N<Z;)_[N]=x[N];return _}function Dm(x,_,N,Z){var u0=!N;N||(N={});for(var C0=-1,g0=_.length;++C0<g0;){var c0=_[C0],h0=Z?Z(N[c0],x[c0],c0,N,x):void 0;h0===void 0&&(h0=x[c0]),u0?Ja(N,c0,h0):nm(N,c0,h0)}return N}function Cm(x){return sm(function(_,N){var Z=-1,u0=N.length,C0=u0>1?N[u0-1]:void 0,g0=u0>2?N[2]:void 0;for(C0=x.length>3&&typeof C0=="function"?(u0--,C0):void 0,g0&&Em(N[0],N[1],g0)&&(C0=u0<3?void 0:C0,u0=1),_=Object(_);++Z<u0;){var c0=N[Z];c0&&x(_,c0,Z,C0)}return _})}function fm(x){return function(_,N,Z){for(var u0=-1,C0=Object(_),g0=Z(_),c0=g0.length;c0--;){var h0=g0[x?c0:++u0];if(N(C0[h0],h0,C0)===!1)break}return _}}function Or(x,_){var N=x.__data__;return gm(_)?N[typeof _=="string"?"string":"hash"]:N.map}function Xa(x,_){var N=wr(x,_);return om(N)?N:void 0}function mm(x){var _=G2.call(x,ze),N=x[ze];try{x[ze]=void 0;var Z=!0}catch{}var u0=Xc.call(x);return Z&&(_?x[ze]=N:delete x[ze]),u0}function Bm(x){return typeof x.constructor=="function"&&!su(x)?Lf(tu(x)):{}}function lu(x,_){var N=typeof x;return _=_??i,!!_&&(N=="number"||N!="symbol"&&Y.test(x))&&x>-1&&x%1==0&&x<_}function Em(x,_,N){if(!Ve(N))return!1;var Z=typeof _;return(Z=="number"?ti(N)&&lu(_,N.length):Z=="string"&&_ in N)?Pr(N[_],x):!1}function gm(x){var _=typeof x;return _=="string"||_=="number"||_=="symbol"||_=="boolean"?x!=="__proto__":x===null}function hm(x){return!!Jc&&Jc in x}function su(x){var _=x&&x.constructor,N=typeof _=="function"&&_.prototype||Tr;return x===N}function ym(x){var _=[];if(x!=null)for(var N in Object(x))_.push(N);return _}function bm(x){return Xc.call(x)}function vm(x,_,N){return _=ru(_===void 0?x.length-1:_,0),function(){for(var Z=arguments,u0=-1,C0=ru(Z.length-_,0),g0=Array(C0);++u0<C0;)g0[u0]=Z[_+u0];u0=-1;for(var c0=Array(_+1);++u0<_;)c0[u0]=Z[u0];return c0[_]=N(g0),qa(x,this,c0)}}function Za(x,_){if(!(_==="constructor"&&typeof x[_]=="function")&&_!="__proto__")return x[_]}var xm=Sm(cm);function Sm(x){var _=0,N=0;return function(){var Z=Rf(),u0=a-(Z-N);if(N=Z,u0>0){if(++_>=o)return arguments[0]}else _=0;return x.apply(void 0,arguments)}}function Fm(x){if(x!=null){try{return _r.call(x)}catch{}try{return x+""}catch{}}return""}function Pr(x,_){return x===_||x!==x&&_!==_}var Qa=au(function(){return arguments}())?au:function(x){return bn(x)&&G2.call(x,"callee")&&!_f.call(x,"callee")},ei=Array.isArray;function ti(x){return x!=null&&uu(x.length)&&!ni(x)}function wm(x){return bn(x)&&ti(x)}var cu=kf||Rm;function ni(x){if(!Ve(x))return!1;var _=Lr(x);return _==E||_==m||_==u||_==y}function uu(x){return typeof x=="number"&&x>-1&&x%1==0&&x<=i}function Ve(x){var _=typeof x;return x!=null&&(_=="object"||_=="function")}function bn(x){return x!=null&&typeof x=="object"}function Tm(x){if(!bn(x)||Lr(x)!=D)return!1;var _=tu(x);if(_===null)return!0;var N=G2.call(_,"constructor")&&_.constructor;return typeof N=="function"&&N instanceof N&&_r.call(N)==wf}var Au=S2?pt(S2):am;function _m(x){return Dm(x,du(x))}function du(x){return ti(x)?tm(x,!0):im(x)}var Im=Cm(function(x,_,N){iu(x,_,N)});function km(x){return function(){return x}}function pu(x){return x}function Rm(){return!1}e.exports=Im})(So,So.exports);var e7=So.exports;const t7=Er(e7),n7="modulepreload",r7=function(e,t){return new URL(e,t).href},Eu={},B=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=r7(i,r),i in Eu)return;Eu[i]=!0;const l=i.endsWith(".css"),s=l?'[rel="stylesheet"]':"";if(!!r)for(let A=a.length-1;A>=0;A--){const C=a[A];if(C.href===i&&(!l||C.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${s}`))return;const d=document.createElement("link");if(d.rel=l?"stylesheet":n7,l||(d.as="script",d.crossOrigin=""),d.href=i,document.head.appendChild(d),l)return new Promise((A,C)=>{d.addEventListener("load",A),d.addEventListener("error",()=>C(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 rd={exports:{}},s0={};/**
+ * @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 gr=Symbol.for("react.element"),o7=Symbol.for("react.portal"),a7=Symbol.for("react.fragment"),i7=Symbol.for("react.strict_mode"),l7=Symbol.for("react.profiler"),s7=Symbol.for("react.provider"),c7=Symbol.for("react.context"),u7=Symbol.for("react.forward_ref"),A7=Symbol.for("react.suspense"),d7=Symbol.for("react.memo"),p7=Symbol.for("react.lazy"),gu=Symbol.iterator;function D7(e){return e===null||typeof e!="object"?null:(e=gu&&e[gu]||e["@@iterator"],typeof e=="function"?e:null)}var od={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ad=Object.assign,id={};function fn(e,t,n){this.props=e,this.context=t,this.refs=id,this.updater=n||od}fn.prototype.isReactComponent={};fn.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")};fn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ld(){}ld.prototype=fn.prototype;function Ss(e,t,n){this.props=e,this.context=t,this.refs=id,this.updater=n||od}var Fs=Ss.prototype=new ld;Fs.constructor=Ss;ad(Fs,fn.prototype);Fs.isPureReactComponent=!0;var hu=Array.isArray,sd=Object.prototype.hasOwnProperty,ws={current:null},cd={key:!0,ref:!0,__self:!0,__source:!0};function ud(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)sd.call(t,r)&&!cd.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(l===1)o.children=n;else if(1<l){for(var s=Array(l),u=0;u<l;u++)s[u]=arguments[u+2];o.children=s}if(e&&e.defaultProps)for(r in l=e.defaultProps,l)o[r]===void 0&&(o[r]=l[r]);return{$$typeof:gr,type:e,key:a,ref:i,props:o,_owner:ws.current}}function C7(e,t){return{$$typeof:gr,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function Ts(e){return typeof e=="object"&&e!==null&&e.$$typeof===gr}function f7(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var yu=/\/+/g;function li(e,t){return typeof e=="object"&&e!==null&&e.key!=null?f7(""+e.key):t.toString(36)}function io(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 gr:case o7:i=!0}}if(i)return i=e,o=o(i),e=r===""?"."+li(i,0):r,hu(o)?(n="",e!=null&&(n=e.replace(yu,"$&/")+"/"),io(o,t,n,"",function(u){return u})):o!=null&&(Ts(o)&&(o=C7(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(yu,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=r===""?".":r+":",hu(e))for(var l=0;l<e.length;l++){a=e[l];var s=r+li(a,l);i+=io(a,t,n,s,o)}else if(s=D7(e),typeof s=="function")for(e=s.call(e),l=0;!(a=e.next()).done;)a=a.value,s=r+li(a,l++),i+=io(a,t,n,s,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 Mr(e,t,n){if(e==null)return e;var r=[],o=0;return io(e,r,"","",function(a){return t.call(n,a,o++)}),r}function m7(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 K0={current:null},lo={transition:null},B7={ReactCurrentDispatcher:K0,ReactCurrentBatchConfig:lo,ReactCurrentOwner:ws};s0.Children={map:Mr,forEach:function(e,t,n){Mr(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return Mr(e,function(){t++}),t},toArray:function(e){return Mr(e,function(t){return t})||[]},only:function(e){if(!Ts(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};s0.Component=fn;s0.Fragment=a7;s0.Profiler=l7;s0.PureComponent=Ss;s0.StrictMode=i7;s0.Suspense=A7;s0.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=B7;s0.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=ad({},e.props),o=e.key,a=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(a=t.ref,i=ws.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(s in t)sd.call(t,s)&&!cd.hasOwnProperty(s)&&(r[s]=t[s]===void 0&&l!==void 0?l[s]:t[s])}var s=arguments.length-2;if(s===1)r.children=n;else if(1<s){l=Array(s);for(var u=0;u<s;u++)l[u]=arguments[u+2];r.children=l}return{$$typeof:gr,type:e.type,key:o,ref:a,props:r,_owner:i}};s0.createContext=function(e){return e={$$typeof:c7,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:s7,_context:e},e.Consumer=e};s0.createElement=ud;s0.createFactory=function(e){var t=ud.bind(null,e);return t.type=e,t};s0.createRef=function(){return{current:null}};s0.forwardRef=function(e){return{$$typeof:u7,render:e}};s0.isValidElement=Ts;s0.lazy=function(e){return{$$typeof:p7,_payload:{_status:-1,_result:e},_init:m7}};s0.memo=function(e,t){return{$$typeof:d7,type:e,compare:t===void 0?null:t}};s0.startTransition=function(e){var t=lo.transition;lo.transition={};try{e()}finally{lo.transition=t}};s0.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};s0.useCallback=function(e,t){return K0.current.useCallback(e,t)};s0.useContext=function(e){return K0.current.useContext(e)};s0.useDebugValue=function(){};s0.useDeferredValue=function(e){return K0.current.useDeferredValue(e)};s0.useEffect=function(e,t){return K0.current.useEffect(e,t)};s0.useId=function(){return K0.current.useId()};s0.useImperativeHandle=function(e,t,n){return K0.current.useImperativeHandle(e,t,n)};s0.useInsertionEffect=function(e,t){return K0.current.useInsertionEffect(e,t)};s0.useLayoutEffect=function(e,t){return K0.current.useLayoutEffect(e,t)};s0.useMemo=function(e,t){return K0.current.useMemo(e,t)};s0.useReducer=function(e,t,n){return K0.current.useReducer(e,t,n)};s0.useRef=function(e){return K0.current.useRef(e)};s0.useState=function(e){return K0.current.useState(e)};s0.useSyncExternalStore=function(e,t,n){return K0.current.useSyncExternalStore(e,t,n)};s0.useTransition=function(){return K0.current.useTransition()};s0.version="18.2.0";rd.exports=s0;var c=rd.exports;const z=Er(c),_s=Pm({__proto__:null,default:z},[c]);var Ad={exports:{}},Ba={};/**
+ * @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 E7=c,g7=Symbol.for("react.element"),h7=Symbol.for("react.fragment"),y7=Object.prototype.hasOwnProperty,b7=E7.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,v7={key:!0,ref:!0,__self:!0,__source:!0};function dd(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)y7.call(t,r)&&!v7.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:g7,type:e,key:a,ref:i,props:o,_owner:b7.current}}Ba.Fragment=h7;Ba.jsx=dd;Ba.jsxs=dd;Ad.exports=Ba;var v=Ad.exports;const Is=c.createContext(void 0),bu=Is,ol=()=>c.useContext(Is);function al(){return al=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},al.apply(this,arguments)}var pd=["shift","alt","meta","mod","ctrl"],x7={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 Be(e){return(x7[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function S7(e){return pd.includes(e)}function si(e,t){return t===void 0&&(t=","),e.split(t)}function ci(e,t,n){t===void 0&&(t="+");var r=e.toLocaleLowerCase().split(t).map(function(i){return Be(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!pd.includes(i)});return al({},o,{keys:a,description:n})}(function(){typeof document<"u"&&(document.addEventListener("keydown",function(e){e.key!==void 0&&Dd([Be(e.key),Be(e.code)])}),document.addEventListener("keyup",function(e){e.key!==void 0&&Cd([Be(e.key),Be(e.code)])})),typeof window<"u"&&window.addEventListener("blur",function(){Ee.clear()})})();var Ee=new Set;function ks(e){return Array.isArray(e)}function F7(e,t){t===void 0&&(t=",");var n=ks(e)?e:e.split(t);return n.every(function(r){return Ee.has(r.trim().toLowerCase())})}function Dd(e){var t=Array.isArray(e)?e:[e];Ee.has("meta")&&Ee.forEach(function(n){return!S7(n)&&Ee.delete(n.toLowerCase())}),t.forEach(function(n){return Ee.add(n.toLowerCase())})}function Cd(e){var t=Array.isArray(e)?e:[e];e==="meta"?Ee.clear():t.forEach(function(n){return Ee.delete(n.toLowerCase())})}function w7(e,t,n){(typeof n=="function"&&n(e,t)||n===!0)&&e.preventDefault()}function T7(e,t,n){return typeof n=="function"?n(e,t):n===!0||n===void 0}function _7(e){return fd(e,["input","textarea","select"])}function fd(e,t){var n=e.target;t===void 0&&(t=!1);var r=n&&n.tagName;return ks(t)?!!(r&&t&&t.some(function(o){return o.toLowerCase()===r.toLowerCase()})):!!(r&&t&&t===!0)}function I7(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 k7=function(t,n,r){r===void 0&&(r=!1);var o=n.alt,a=n.meta,i=n.mod,l=n.shift,s=n.ctrl,u=n.keys,d=t.key,A=t.code,C=t.ctrlKey,E=t.metaKey,m=t.shiftKey,p=t.altKey,b=Be(A),f=d.toLowerCase();if(!r){if(o===!p&&f!=="alt"||l===!m&&f!=="shift")return!1;if(i){if(!E&&!C)return!1}else if(a===!E&&f!=="meta"&&f!=="os"||s===!C&&f!=="ctrl"&&f!=="control")return!1}return u&&u.length===1&&(u.includes(f)||u.includes(b))?!0:u?F7(u):!u},R7=c.createContext(void 0),L7=function(){return c.useContext(R7)};function md(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&&md(e[r],t[r])},!0):e===t}var O7=c.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),P7=function(){return c.useContext(O7)};function N7(e){var t=c.useRef(void 0);return md(t.current,e)||(t.current=e),t.current}var vu=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},M7=typeof window<"u"?c.useLayoutEffect:c.useEffect;function g2(e,t,n,r){var o=c.useRef(null),a=c.useRef(!1),i=n instanceof Array?r instanceof Array?void 0:r:n,l=ks(e)?e.join(i==null?void 0:i.splitKey):e,s=n instanceof Array?n:r instanceof Array?r:void 0,u=c.useCallback(t,s??[]),d=c.useRef(u);s?d.current=u:d.current=t;var A=N7(i),C=P7(),E=C.enabledScopes,m=L7();return M7(function(){if(!((A==null?void 0:A.enabled)===!1||!I7(E,A==null?void 0:A.scopes))){var p=function(S,F){var w;if(F===void 0&&(F=!1),!(_7(S)&&!fd(S,A==null?void 0:A.enableOnFormTags))&&!(A!=null&&A.ignoreEventWhen!=null&&A.ignoreEventWhen(S))){if(o.current!==null&&document.activeElement!==o.current&&!o.current.contains(document.activeElement)){vu(S);return}(w=S.target)!=null&&w.isContentEditable&&!(A!=null&&A.enableOnContentEditable)||si(l,A==null?void 0:A.splitKey).forEach(function(I){var L,H=ci(I,A==null?void 0:A.combinationKey);if(k7(S,H,A==null?void 0:A.ignoreModifiers)||(L=H.keys)!=null&&L.includes("*")){if(F&&a.current)return;if(w7(S,H,A==null?void 0:A.preventDefault),!T7(S,H,A==null?void 0:A.enabled)){vu(S);return}d.current(S,H),F||(a.current=!0)}})}},b=function(S){S.key!==void 0&&(Dd(Be(S.code)),((A==null?void 0:A.keydown)===void 0&&(A==null?void 0:A.keyup)!==!0||A!=null&&A.keydown)&&p(S))},f=function(S){S.key!==void 0&&(Cd(Be(S.code)),a.current=!1,A!=null&&A.keyup&&p(S,!0))},D=o.current||(i==null?void 0:i.document)||document;return D.addEventListener("keyup",f),D.addEventListener("keydown",b),m&&si(l,A==null?void 0:A.splitKey).forEach(function(y){return m.addHotkey(ci(y,A==null?void 0:A.combinationKey,A==null?void 0:A.description))}),function(){D.removeEventListener("keyup",f),D.removeEventListener("keydown",b),m&&si(l,A==null?void 0:A.splitKey).forEach(function(y){return m.removeHotkey(ci(y,A==null?void 0:A.combinationKey,A==null?void 0:A.description))})}}},[l,A,E]),o}const $7=()=>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"})]}),z7=()=>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"})}),j7=()=>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"})]}),V7=()=>(c.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",{})]})})),H7=()=>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"})]}),U7=()=>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})]}),W7=()=>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"})})}),G7=({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"})]})})},q7=()=>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})]}),Y7=()=>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"})]}),K7=()=>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"})]}),J7=()=>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"})]}),X7=()=>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 Bd={exports:{}},p2={},Ed={exports:{}},gd={};/**
+ * @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(T,j){var $=T.length;T.push(j);e:for(;0<$;){var G=$-1>>>1,Y=T[G];if(0<o(Y,j))T[G]=j,T[$]=Y,$=G;else break e}}function n(T){return T.length===0?null:T[0]}function r(T){if(T.length===0)return null;var j=T[0],$=T.pop();if($!==j){T[0]=$;e:for(var G=0,Y=T.length,K=Y>>>1;G<K;){var Q=2*(G+1)-1,o0=T[Q],n0=Q+1,l0=T[n0];if(0>o(o0,$))n0<Y&&0>o(l0,o0)?(T[G]=l0,T[n0]=$,G=n0):(T[G]=o0,T[Q]=$,G=Q);else if(n0<Y&&0>o(l0,$))T[G]=l0,T[n0]=$,G=n0;else break e}}return j}function o(T,j){var $=T.sortIndex-j.sortIndex;return $!==0?$:T.id-j.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 s=[],u=[],d=1,A=null,C=3,E=!1,m=!1,p=!1,b=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,D=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function y(T){for(var j=n(u);j!==null;){if(j.callback===null)r(u);else if(j.startTime<=T)r(u),j.sortIndex=j.expirationTime,t(s,j);else break;j=n(u)}}function S(T){if(p=!1,y(T),!m)if(n(s)!==null)m=!0,U(F);else{var j=n(u);j!==null&&V(S,j.startTime-T)}}function F(T,j){m=!1,p&&(p=!1,f(L),L=-1),E=!0;var $=C;try{for(y(j),A=n(s);A!==null&&(!(A.expirationTime>j)||T&&!J());){var G=A.callback;if(typeof G=="function"){A.callback=null,C=A.priorityLevel;var Y=G(A.expirationTime<=j);j=e.unstable_now(),typeof Y=="function"?A.callback=Y:A===n(s)&&r(s),y(j)}else r(s);A=n(s)}if(A!==null)var K=!0;else{var Q=n(u);Q!==null&&V(S,Q.startTime-j),K=!1}return K}finally{A=null,C=$,E=!1}}var w=!1,I=null,L=-1,H=5,O=-1;function J(){return!(e.unstable_now()-O<H)}function k(){if(I!==null){var T=e.unstable_now();O=T;var j=!0;try{j=I(!0,T)}finally{j?M():(w=!1,I=null)}}else w=!1}var M;if(typeof D=="function")M=function(){D(k)};else if(typeof MessageChannel<"u"){var R=new MessageChannel,P=R.port2;R.port1.onmessage=k,M=function(){P.postMessage(null)}}else M=function(){b(k,0)};function U(T){I=T,w||(w=!0,M())}function V(T,j){L=b(function(){T(e.unstable_now())},j)}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(T){T.callback=null},e.unstable_continueExecution=function(){m||E||(m=!0,U(F))},e.unstable_forceFrameRate=function(T){0>T||125<T?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):H=0<T?Math.floor(1e3/T):5},e.unstable_getCurrentPriorityLevel=function(){return C},e.unstable_getFirstCallbackNode=function(){return n(s)},e.unstable_next=function(T){switch(C){case 1:case 2:case 3:var j=3;break;default:j=C}var $=C;C=j;try{return T()}finally{C=$}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(T,j){switch(T){case 1:case 2:case 3:case 4:case 5:break;default:T=3}var $=C;C=T;try{return j()}finally{C=$}},e.unstable_scheduleCallback=function(T,j,$){var G=e.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?G+$:G):$=G,T){case 1:var Y=-1;break;case 2:Y=250;break;case 5:Y=1073741823;break;case 4:Y=1e4;break;default:Y=5e3}return Y=$+Y,T={id:d++,callback:j,priorityLevel:T,startTime:$,expirationTime:Y,sortIndex:-1},$>G?(T.sortIndex=$,t(u,T),n(s)===null&&T===n(u)&&(p?(f(L),L=-1):p=!0,V(S,$-G))):(T.sortIndex=Y,t(s,T),m||E||(m=!0,U(F))),T},e.unstable_shouldYield=J,e.unstable_wrapCallback=function(T){var j=C;return function(){var $=C;C=j;try{return T.apply(this,arguments)}finally{C=$}}}})(gd);Ed.exports=gd;var Z7=Ed.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 hd=c,u2=Z7;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 yd=new Set,Qn={};function At(e,t){en(e,t),en(e+"Capture",t)}function en(e,t){for(Qn[e]=t,e=0;e<t.length;e++)yd.add(t[e])}var ne=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),il=Object.prototype.hasOwnProperty,Q7=/^[: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]*$/,xu={},Su={};function eB(e){return il.call(Su,e)?!0:il.call(xu,e)?!1:Q7.test(e)?Su[e]=!0:(xu[e]=!0,!1)}function tB(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 nB(e,t,n,r){if(t===null||typeof t>"u"||tB(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 J0(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 $0={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){$0[e]=new J0(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];$0[t]=new J0(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){$0[e]=new J0(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){$0[e]=new J0(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){$0[e]=new J0(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){$0[e]=new J0(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){$0[e]=new J0(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){$0[e]=new J0(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){$0[e]=new J0(e,5,!1,e.toLowerCase(),null,!1,!1)});var Rs=/[\-:]([a-z])/g;function Ls(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(Rs,Ls);$0[t]=new J0(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(Rs,Ls);$0[t]=new J0(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(Rs,Ls);$0[t]=new J0(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){$0[e]=new J0(e,1,!1,e.toLowerCase(),null,!1,!1)});$0.xlinkHref=new J0("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){$0[e]=new J0(e,1,!1,e.toLowerCase(),null,!0,!0)});function Os(e,t,n,r){var o=$0.hasOwnProperty(t)?$0[t]:null;(o!==null?o.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(nB(t,n,o,r)&&(n=null),r||o===null?eB(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 le=hd.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,$r=Symbol.for("react.element"),St=Symbol.for("react.portal"),Ft=Symbol.for("react.fragment"),Ps=Symbol.for("react.strict_mode"),ll=Symbol.for("react.profiler"),bd=Symbol.for("react.provider"),vd=Symbol.for("react.context"),Ns=Symbol.for("react.forward_ref"),sl=Symbol.for("react.suspense"),cl=Symbol.for("react.suspense_list"),Ms=Symbol.for("react.memo"),de=Symbol.for("react.lazy"),xd=Symbol.for("react.offscreen"),Fu=Symbol.iterator;function xn(e){return e===null||typeof e!="object"?null:(e=Fu&&e[Fu]||e["@@iterator"],typeof e=="function"?e:null)}var x0=Object.assign,ui;function Ln(e){if(ui===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);ui=t&&t[1]||""}return`
+`+ui+e}var Ai=!1;function di(e,t){if(!e||Ai)return"";Ai=!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 s=`
+`+o[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}while(1<=i&&0<=l);break}}}finally{Ai=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ln(e):""}function rB(e){switch(e.tag){case 5:return Ln(e.type);case 16:return Ln("Lazy");case 13:return Ln("Suspense");case 19:return Ln("SuspenseList");case 0:case 2:case 15:return e=di(e.type,!1),e;case 11:return e=di(e.type.render,!1),e;case 1:return e=di(e.type,!0),e;default:return""}}function ul(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 Ft:return"Fragment";case St:return"Portal";case ll:return"Profiler";case Ps:return"StrictMode";case sl:return"Suspense";case cl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case vd:return(e.displayName||"Context")+".Consumer";case bd:return(e._context.displayName||"Context")+".Provider";case Ns:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Ms:return t=e.displayName||null,t!==null?t:ul(e.type)||"Memo";case de:t=e._payload,e=e._init;try{return ul(e(t))}catch{}}return null}function oB(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 ul(t);case 8:return t===Ps?"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 ke(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Sd(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function aB(e){var t=Sd(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 zr(e){e._valueTracker||(e._valueTracker=aB(e))}function Fd(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Sd(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Fo(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 Al(e,t){var n=t.checked;return x0({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function wu(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=ke(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 wd(e,t){t=t.checked,t!=null&&Os(e,"checked",t,!1)}function dl(e,t){wd(e,t);var n=ke(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")?pl(e,t.type,n):t.hasOwnProperty("defaultValue")&&pl(e,t.type,ke(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Tu(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 pl(e,t,n){(t!=="number"||Fo(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var On=Array.isArray;function zt(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=""+ke(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 Dl(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(q(91));return x0({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function _u(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(On(n)){if(1<n.length)throw Error(q(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:ke(n)}}function Td(e,t){var n=ke(t.value),r=ke(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 Iu(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function _d(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 Cl(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?_d(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var jr,Id=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(jr=jr||document.createElement("div"),jr.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=jr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function er(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var zn={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},iB=["Webkit","ms","Moz","O"];Object.keys(zn).forEach(function(e){iB.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),zn[t]=zn[e]})});function kd(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||zn.hasOwnProperty(e)&&zn[e]?(""+t).trim():t+"px"}function Rd(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=kd(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var lB=x0({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 fl(e,t){if(t){if(lB[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 ml(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 Bl=null;function $s(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var El=null,jt=null,Vt=null;function ku(e){if(e=br(e)){if(typeof El!="function")throw Error(q(280));var t=e.stateNode;t&&(t=ba(t),El(e.stateNode,e.type,t))}}function Ld(e){jt?Vt?Vt.push(e):Vt=[e]:jt=e}function Od(){if(jt){var e=jt,t=Vt;if(Vt=jt=null,ku(e),t)for(e=0;e<t.length;e++)ku(t[e])}}function Pd(e,t){return e(t)}function Nd(){}var pi=!1;function Md(e,t,n){if(pi)return e(t,n);pi=!0;try{return Pd(e,t,n)}finally{pi=!1,(jt!==null||Vt!==null)&&(Nd(),Od())}}function tr(e,t){var n=e.stateNode;if(n===null)return null;var r=ba(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 gl=!1;if(ne)try{var Sn={};Object.defineProperty(Sn,"passive",{get:function(){gl=!0}}),window.addEventListener("test",Sn,Sn),window.removeEventListener("test",Sn,Sn)}catch{gl=!1}function sB(e,t,n,r,o,a,i,l,s){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(d){this.onError(d)}}var jn=!1,wo=null,To=!1,hl=null,cB={onError:function(e){jn=!0,wo=e}};function uB(e,t,n,r,o,a,i,l,s){jn=!1,wo=null,sB.apply(cB,arguments)}function AB(e,t,n,r,o,a,i,l,s){if(uB.apply(this,arguments),jn){if(jn){var u=wo;jn=!1,wo=null}else throw Error(q(198));To||(To=!0,hl=u)}}function dt(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 $d(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 Ru(e){if(dt(e)!==e)throw Error(q(188))}function dB(e){var t=e.alternate;if(!t){if(t=dt(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 Ru(o),e;if(a===r)return Ru(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 zd(e){return e=dB(e),e!==null?jd(e):null}function jd(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=jd(e);if(t!==null)return t;e=e.sibling}return null}var Vd=u2.unstable_scheduleCallback,Lu=u2.unstable_cancelCallback,pB=u2.unstable_shouldYield,DB=u2.unstable_requestPaint,w0=u2.unstable_now,CB=u2.unstable_getCurrentPriorityLevel,zs=u2.unstable_ImmediatePriority,Hd=u2.unstable_UserBlockingPriority,_o=u2.unstable_NormalPriority,fB=u2.unstable_LowPriority,Ud=u2.unstable_IdlePriority,Ea=null,z2=null;function mB(e){if(z2&&typeof z2.onCommitFiberRoot=="function")try{z2.onCommitFiberRoot(Ea,e,void 0,(e.current.flags&128)===128)}catch{}}var I2=Math.clz32?Math.clz32:gB,BB=Math.log,EB=Math.LN2;function gB(e){return e>>>=0,e===0?32:31-(BB(e)/EB|0)|0}var Vr=64,Hr=4194304;function Pn(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 Io(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=Pn(l):(a&=i,a!==0&&(r=Pn(a)))}else i=n&~o,i!==0?r=Pn(i):a!==0&&(r=Pn(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-I2(t),o=1<<n,r|=e[n],t&=~o;return r}function hB(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 yB(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-I2(a),l=1<<i,s=o[i];s===-1?(!(l&n)||l&r)&&(o[i]=hB(l,t)):s<=t&&(e.expiredLanes|=l),a&=~l}}function yl(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function Wd(){var e=Vr;return Vr<<=1,!(Vr&4194240)&&(Vr=64),e}function Di(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function hr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-I2(t),e[t]=n}function bB(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-I2(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}function js(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-I2(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var p0=0;function Gd(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var qd,Vs,Yd,Kd,Jd,bl=!1,Ur=[],ye=null,be=null,ve=null,nr=new Map,rr=new Map,De=[],vB="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 Ou(e,t){switch(e){case"focusin":case"focusout":ye=null;break;case"dragenter":case"dragleave":be=null;break;case"mouseover":case"mouseout":ve=null;break;case"pointerover":case"pointerout":nr.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":rr.delete(t.pointerId)}}function Fn(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=br(t),t!==null&&Vs(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,o!==null&&t.indexOf(o)===-1&&t.push(o),e)}function xB(e,t,n,r,o){switch(t){case"focusin":return ye=Fn(ye,e,t,n,r,o),!0;case"dragenter":return be=Fn(be,e,t,n,r,o),!0;case"mouseover":return ve=Fn(ve,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return nr.set(a,Fn(nr.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,rr.set(a,Fn(rr.get(a)||null,e,t,n,r,o)),!0}return!1}function Xd(e){var t=Je(e.target);if(t!==null){var n=dt(t);if(n!==null){if(t=n.tag,t===13){if(t=$d(n),t!==null){e.blockedOn=t,Jd(e.priority,function(){Yd(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 so(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=vl(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);Bl=r,n.target.dispatchEvent(r),Bl=null}else return t=br(n),t!==null&&Vs(t),e.blockedOn=n,!1;t.shift()}return!0}function Pu(e,t,n){so(e)&&n.delete(t)}function SB(){bl=!1,ye!==null&&so(ye)&&(ye=null),be!==null&&so(be)&&(be=null),ve!==null&&so(ve)&&(ve=null),nr.forEach(Pu),rr.forEach(Pu)}function wn(e,t){e.blockedOn===t&&(e.blockedOn=null,bl||(bl=!0,u2.unstable_scheduleCallback(u2.unstable_NormalPriority,SB)))}function or(e){function t(o){return wn(o,e)}if(0<Ur.length){wn(Ur[0],e);for(var n=1;n<Ur.length;n++){var r=Ur[n];r.blockedOn===e&&(r.blockedOn=null)}}for(ye!==null&&wn(ye,e),be!==null&&wn(be,e),ve!==null&&wn(ve,e),nr.forEach(t),rr.forEach(t),n=0;n<De.length;n++)r=De[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<De.length&&(n=De[0],n.blockedOn===null);)Xd(n),n.blockedOn===null&&De.shift()}var Ht=le.ReactCurrentBatchConfig,ko=!0;function FB(e,t,n,r){var o=p0,a=Ht.transition;Ht.transition=null;try{p0=1,Hs(e,t,n,r)}finally{p0=o,Ht.transition=a}}function wB(e,t,n,r){var o=p0,a=Ht.transition;Ht.transition=null;try{p0=4,Hs(e,t,n,r)}finally{p0=o,Ht.transition=a}}function Hs(e,t,n,r){if(ko){var o=vl(e,t,n,r);if(o===null)vi(e,t,r,Ro,n),Ou(e,r);else if(xB(o,e,t,n,r))r.stopPropagation();else if(Ou(e,r),t&4&&-1<vB.indexOf(e)){for(;o!==null;){var a=br(o);if(a!==null&&qd(a),a=vl(e,t,n,r),a===null&&vi(e,t,r,Ro,n),a===o)break;o=a}o!==null&&r.stopPropagation()}else vi(e,t,r,null,n)}}var Ro=null;function vl(e,t,n,r){if(Ro=null,e=$s(r),e=Je(e),e!==null)if(t=dt(e),t===null)e=null;else if(n=t.tag,n===13){if(e=$d(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 Ro=e,null}function Zd(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(CB()){case zs:return 1;case Hd:return 4;case _o:case fB:return 16;case Ud:return 536870912;default:return 16}default:return 16}}var ge=null,Us=null,co=null;function Qd(){if(co)return co;var e,t=Us,n=t.length,r,o="value"in ge?ge.value:ge.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 co=o.slice(e,1<r?1-r:void 0)}function uo(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 Wr(){return!0}function Nu(){return!1}function D2(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)?Wr:Nu,this.isPropagationStopped=Nu,this}return x0(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=Wr)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Wr)},persist:function(){},isPersistent:Wr}),t}var mn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Ws=D2(mn),yr=x0({},mn,{view:0,detail:0}),TB=D2(yr),Ci,fi,Tn,ga=x0({},yr,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Gs,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!==Tn&&(Tn&&e.type==="mousemove"?(Ci=e.screenX-Tn.screenX,fi=e.screenY-Tn.screenY):fi=Ci=0,Tn=e),Ci)},movementY:function(e){return"movementY"in e?e.movementY:fi}}),Mu=D2(ga),_B=x0({},ga,{dataTransfer:0}),IB=D2(_B),kB=x0({},yr,{relatedTarget:0}),mi=D2(kB),RB=x0({},mn,{animationName:0,elapsedTime:0,pseudoElement:0}),LB=D2(RB),OB=x0({},mn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),PB=D2(OB),NB=x0({},mn,{data:0}),$u=D2(NB),MB={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},$B={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"},zB={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function jB(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=zB[e])?!!t[e]:!1}function Gs(){return jB}var VB=x0({},yr,{key:function(e){if(e.key){var t=MB[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=uo(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?$B[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Gs,charCode:function(e){return e.type==="keypress"?uo(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?uo(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),HB=D2(VB),UB=x0({},ga,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),zu=D2(UB),WB=x0({},yr,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Gs}),GB=D2(WB),qB=x0({},mn,{propertyName:0,elapsedTime:0,pseudoElement:0}),YB=D2(qB),KB=x0({},ga,{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}),JB=D2(KB),XB=[9,13,27,32],qs=ne&&"CompositionEvent"in window,Vn=null;ne&&"documentMode"in document&&(Vn=document.documentMode);var ZB=ne&&"TextEvent"in window&&!Vn,ep=ne&&(!qs||Vn&&8<Vn&&11>=Vn),ju=" ",Vu=!1;function tp(e,t){switch(e){case"keyup":return XB.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function np(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var wt=!1;function QB(e,t){switch(e){case"compositionend":return np(t);case"keypress":return t.which!==32?null:(Vu=!0,ju);case"textInput":return e=t.data,e===ju&&Vu?null:e;default:return null}}function eE(e,t){if(wt)return e==="compositionend"||!qs&&tp(e,t)?(e=Qd(),co=Us=ge=null,wt=!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 ep&&t.locale!=="ko"?null:t.data;default:return null}}var tE={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 Hu(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!tE[e.type]:t==="textarea"}function rp(e,t,n,r){Ld(r),t=Lo(t,"onChange"),0<t.length&&(n=new Ws("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Hn=null,ar=null;function nE(e){Dp(e,0)}function ha(e){var t=It(e);if(Fd(t))return e}function rE(e,t){if(e==="change")return t}var op=!1;if(ne){var Bi;if(ne){var Ei="oninput"in document;if(!Ei){var Uu=document.createElement("div");Uu.setAttribute("oninput","return;"),Ei=typeof Uu.oninput=="function"}Bi=Ei}else Bi=!1;op=Bi&&(!document.documentMode||9<document.documentMode)}function Wu(){Hn&&(Hn.detachEvent("onpropertychange",ap),ar=Hn=null)}function ap(e){if(e.propertyName==="value"&&ha(ar)){var t=[];rp(t,ar,e,$s(e)),Md(nE,t)}}function oE(e,t,n){e==="focusin"?(Wu(),Hn=t,ar=n,Hn.attachEvent("onpropertychange",ap)):e==="focusout"&&Wu()}function aE(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return ha(ar)}function iE(e,t){if(e==="click")return ha(t)}function lE(e,t){if(e==="input"||e==="change")return ha(t)}function sE(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var L2=typeof Object.is=="function"?Object.is:sE;function ir(e,t){if(L2(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(!il.call(t,o)||!L2(e[o],t[o]))return!1}return!0}function Gu(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function qu(e,t){var n=Gu(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=Gu(n)}}function ip(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?ip(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function lp(){for(var e=window,t=Fo();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Fo(e.document)}return t}function Ys(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 cE(e){var t=lp(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&ip(n.ownerDocument.documentElement,n)){if(r!==null&&Ys(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=qu(n,a);var i=qu(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 uE=ne&&"documentMode"in document&&11>=document.documentMode,Tt=null,xl=null,Un=null,Sl=!1;function Yu(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Sl||Tt==null||Tt!==Fo(r)||(r=Tt,"selectionStart"in r&&Ys(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}),Un&&ir(Un,r)||(Un=r,r=Lo(xl,"onSelect"),0<r.length&&(t=new Ws("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=Tt)))}function Gr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var _t={animationend:Gr("Animation","AnimationEnd"),animationiteration:Gr("Animation","AnimationIteration"),animationstart:Gr("Animation","AnimationStart"),transitionend:Gr("Transition","TransitionEnd")},gi={},sp={};ne&&(sp=document.createElement("div").style,"AnimationEvent"in window||(delete _t.animationend.animation,delete _t.animationiteration.animation,delete _t.animationstart.animation),"TransitionEvent"in window||delete _t.transitionend.transition);function ya(e){if(gi[e])return gi[e];if(!_t[e])return e;var t=_t[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in sp)return gi[e]=t[n];return e}var cp=ya("animationend"),up=ya("animationiteration"),Ap=ya("animationstart"),dp=ya("transitionend"),pp=new Map,Ku="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 Pe(e,t){pp.set(e,t),At(t,[e])}for(var hi=0;hi<Ku.length;hi++){var yi=Ku[hi],AE=yi.toLowerCase(),dE=yi[0].toUpperCase()+yi.slice(1);Pe(AE,"on"+dE)}Pe(cp,"onAnimationEnd");Pe(up,"onAnimationIteration");Pe(Ap,"onAnimationStart");Pe("dblclick","onDoubleClick");Pe("focusin","onFocus");Pe("focusout","onBlur");Pe(dp,"onTransitionEnd");en("onMouseEnter",["mouseout","mouseover"]);en("onMouseLeave",["mouseout","mouseover"]);en("onPointerEnter",["pointerout","pointerover"]);en("onPointerLeave",["pointerout","pointerover"]);At("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));At("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));At("onBeforeInput",["compositionend","keypress","textInput","paste"]);At("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));At("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));At("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nn="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(" "),pE=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nn));function Ju(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,AB(r,t,void 0,e),e.currentTarget=null}function Dp(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],s=l.instance,u=l.currentTarget;if(l=l.listener,s!==a&&o.isPropagationStopped())break e;Ju(o,l,u),a=s}else for(i=0;i<r.length;i++){if(l=r[i],s=l.instance,u=l.currentTarget,l=l.listener,s!==a&&o.isPropagationStopped())break e;Ju(o,l,u),a=s}}}if(To)throw e=hl,To=!1,hl=null,e}function m0(e,t){var n=t[Il];n===void 0&&(n=t[Il]=new Set);var r=e+"__bubble";n.has(r)||(Cp(t,e,2,!1),n.add(r))}function bi(e,t,n){var r=0;t&&(r|=4),Cp(n,e,r,t)}var qr="_reactListening"+Math.random().toString(36).slice(2);function lr(e){if(!e[qr]){e[qr]=!0,yd.forEach(function(n){n!=="selectionchange"&&(pE.has(n)||bi(n,!1,e),bi(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[qr]||(t[qr]=!0,bi("selectionchange",!1,t))}}function Cp(e,t,n,r){switch(Zd(t)){case 1:var o=FB;break;case 4:o=wB;break;default:o=Hs}n=o.bind(null,t,n,e),o=void 0,!gl||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 vi(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 s=i.tag;if((s===3||s===4)&&(s=i.stateNode.containerInfo,s===o||s.nodeType===8&&s.parentNode===o))return;i=i.return}for(;l!==null;){if(i=Je(l),i===null)return;if(s=i.tag,s===5||s===6){r=a=i;continue e}l=l.parentNode}}r=r.return}Md(function(){var u=a,d=$s(n),A=[];e:{var C=pp.get(e);if(C!==void 0){var E=Ws,m=e;switch(e){case"keypress":if(uo(n)===0)break e;case"keydown":case"keyup":E=HB;break;case"focusin":m="focus",E=mi;break;case"focusout":m="blur",E=mi;break;case"beforeblur":case"afterblur":E=mi;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":E=Mu;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":E=IB;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":E=GB;break;case cp:case up:case Ap:E=LB;break;case dp:E=YB;break;case"scroll":E=TB;break;case"wheel":E=JB;break;case"copy":case"cut":case"paste":E=PB;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":E=zu}var p=(t&4)!==0,b=!p&&e==="scroll",f=p?C!==null?C+"Capture":null:C;p=[];for(var D=u,y;D!==null;){y=D;var S=y.stateNode;if(y.tag===5&&S!==null&&(y=S,f!==null&&(S=tr(D,f),S!=null&&p.push(sr(D,S,y)))),b)break;D=D.return}0<p.length&&(C=new E(C,m,null,n,d),A.push({event:C,listeners:p}))}}if(!(t&7)){e:{if(C=e==="mouseover"||e==="pointerover",E=e==="mouseout"||e==="pointerout",C&&n!==Bl&&(m=n.relatedTarget||n.fromElement)&&(Je(m)||m[re]))break e;if((E||C)&&(C=d.window===d?d:(C=d.ownerDocument)?C.defaultView||C.parentWindow:window,E?(m=n.relatedTarget||n.toElement,E=u,m=m?Je(m):null,m!==null&&(b=dt(m),m!==b||m.tag!==5&&m.tag!==6)&&(m=null)):(E=null,m=u),E!==m)){if(p=Mu,S="onMouseLeave",f="onMouseEnter",D="mouse",(e==="pointerout"||e==="pointerover")&&(p=zu,S="onPointerLeave",f="onPointerEnter",D="pointer"),b=E==null?C:It(E),y=m==null?C:It(m),C=new p(S,D+"leave",E,n,d),C.target=b,C.relatedTarget=y,S=null,Je(d)===u&&(p=new p(f,D+"enter",m,n,d),p.target=y,p.relatedTarget=b,S=p),b=S,E&&m)t:{for(p=E,f=m,D=0,y=p;y;y=mt(y))D++;for(y=0,S=f;S;S=mt(S))y++;for(;0<D-y;)p=mt(p),D--;for(;0<y-D;)f=mt(f),y--;for(;D--;){if(p===f||f!==null&&p===f.alternate)break t;p=mt(p),f=mt(f)}p=null}else p=null;E!==null&&Xu(A,C,E,p,!1),m!==null&&b!==null&&Xu(A,b,m,p,!0)}}e:{if(C=u?It(u):window,E=C.nodeName&&C.nodeName.toLowerCase(),E==="select"||E==="input"&&C.type==="file")var F=rE;else if(Hu(C))if(op)F=lE;else{F=aE;var w=oE}else(E=C.nodeName)&&E.toLowerCase()==="input"&&(C.type==="checkbox"||C.type==="radio")&&(F=iE);if(F&&(F=F(e,u))){rp(A,F,n,d);break e}w&&w(e,C,u),e==="focusout"&&(w=C._wrapperState)&&w.controlled&&C.type==="number"&&pl(C,"number",C.value)}switch(w=u?It(u):window,e){case"focusin":(Hu(w)||w.contentEditable==="true")&&(Tt=w,xl=u,Un=null);break;case"focusout":Un=xl=Tt=null;break;case"mousedown":Sl=!0;break;case"contextmenu":case"mouseup":case"dragend":Sl=!1,Yu(A,n,d);break;case"selectionchange":if(uE)break;case"keydown":case"keyup":Yu(A,n,d)}var I;if(qs)e:{switch(e){case"compositionstart":var L="onCompositionStart";break e;case"compositionend":L="onCompositionEnd";break e;case"compositionupdate":L="onCompositionUpdate";break e}L=void 0}else wt?tp(e,n)&&(L="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(L="onCompositionStart");L&&(ep&&n.locale!=="ko"&&(wt||L!=="onCompositionStart"?L==="onCompositionEnd"&&wt&&(I=Qd()):(ge=d,Us="value"in ge?ge.value:ge.textContent,wt=!0)),w=Lo(u,L),0<w.length&&(L=new $u(L,e,null,n,d),A.push({event:L,listeners:w}),I?L.data=I:(I=np(n),I!==null&&(L.data=I)))),(I=ZB?QB(e,n):eE(e,n))&&(u=Lo(u,"onBeforeInput"),0<u.length&&(d=new $u("onBeforeInput","beforeinput",null,n,d),A.push({event:d,listeners:u}),d.data=I))}Dp(A,t)})}function sr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Lo(e,t){for(var n=t+"Capture",r=[];e!==null;){var o=e,a=o.stateNode;o.tag===5&&a!==null&&(o=a,a=tr(e,n),a!=null&&r.unshift(sr(e,a,o)),a=tr(e,t),a!=null&&r.push(sr(e,a,o))),e=e.return}return r}function mt(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Xu(e,t,n,r,o){for(var a=t._reactName,i=[];n!==null&&n!==r;){var l=n,s=l.alternate,u=l.stateNode;if(s!==null&&s===r)break;l.tag===5&&u!==null&&(l=u,o?(s=tr(n,a),s!=null&&i.unshift(sr(n,s,l))):o||(s=tr(n,a),s!=null&&i.push(sr(n,s,l)))),n=n.return}i.length!==0&&e.push({event:t,listeners:i})}var DE=/\r\n?/g,CE=/\u0000|\uFFFD/g;function Zu(e){return(typeof e=="string"?e:""+e).replace(DE,`
+`).replace(CE,"")}function Yr(e,t,n){if(t=Zu(t),Zu(e)!==t&&n)throw Error(q(425))}function Oo(){}var Fl=null,wl=null;function Tl(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 _l=typeof setTimeout=="function"?setTimeout:void 0,fE=typeof clearTimeout=="function"?clearTimeout:void 0,Qu=typeof Promise=="function"?Promise:void 0,mE=typeof queueMicrotask=="function"?queueMicrotask:typeof Qu<"u"?function(e){return Qu.resolve(null).then(e).catch(BE)}:_l;function BE(e){setTimeout(function(){throw e})}function xi(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),or(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=o}while(n);or(t)}function xe(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 e3(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 Bn=Math.random().toString(36).slice(2),M2="__reactFiber$"+Bn,cr="__reactProps$"+Bn,re="__reactContainer$"+Bn,Il="__reactEvents$"+Bn,EE="__reactListeners$"+Bn,gE="__reactHandles$"+Bn;function Je(e){var t=e[M2];if(t)return t;for(var n=e.parentNode;n;){if(t=n[re]||n[M2]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=e3(e);e!==null;){if(n=e[M2])return n;e=e3(e)}return t}e=n,n=e.parentNode}return null}function br(e){return e=e[M2]||e[re],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function It(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(q(33))}function ba(e){return e[cr]||null}var kl=[],kt=-1;function Ne(e){return{current:e}}function E0(e){0>kt||(e.current=kl[kt],kl[kt]=null,kt--)}function f0(e,t){kt++,kl[kt]=e.current,e.current=t}var Re={},U0=Ne(Re),e2=Ne(!1),nt=Re;function tn(e,t){var n=e.type.contextTypes;if(!n)return Re;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 t2(e){return e=e.childContextTypes,e!=null}function Po(){E0(e2),E0(U0)}function t3(e,t,n){if(U0.current!==Re)throw Error(q(168));f0(U0,t),f0(e2,n)}function fp(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,oB(e)||"Unknown",o));return x0({},n,r)}function No(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Re,nt=U0.current,f0(U0,e),f0(e2,e2.current),!0}function n3(e,t,n){var r=e.stateNode;if(!r)throw Error(q(169));n?(e=fp(e,t,nt),r.__reactInternalMemoizedMergedChildContext=e,E0(e2),E0(U0),f0(U0,e)):E0(e2),f0(e2,n)}var X2=null,va=!1,Si=!1;function mp(e){X2===null?X2=[e]:X2.push(e)}function hE(e){va=!0,mp(e)}function Me(){if(!Si&&X2!==null){Si=!0;var e=0,t=p0;try{var n=X2;for(p0=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}X2=null,va=!1}catch(o){throw X2!==null&&(X2=X2.slice(e+1)),Vd(zs,Me),o}finally{p0=t,Si=!1}}return null}var Rt=[],Lt=0,Mo=null,$o=0,m2=[],B2=0,rt=null,Q2=1,ee="";function Ue(e,t){Rt[Lt++]=$o,Rt[Lt++]=Mo,Mo=e,$o=t}function Bp(e,t,n){m2[B2++]=Q2,m2[B2++]=ee,m2[B2++]=rt,rt=e;var r=Q2;e=ee;var o=32-I2(r)-1;r&=~(1<<o),n+=1;var a=32-I2(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Q2=1<<32-I2(t)+o|n<<o|r,ee=a+e}else Q2=1<<a|n<<o|r,ee=e}function Ks(e){e.return!==null&&(Ue(e,1),Bp(e,1,0))}function Js(e){for(;e===Mo;)Mo=Rt[--Lt],Rt[Lt]=null,$o=Rt[--Lt],Rt[Lt]=null;for(;e===rt;)rt=m2[--B2],m2[B2]=null,ee=m2[--B2],m2[B2]=null,Q2=m2[--B2],m2[B2]=null}var c2=null,s2=null,y0=!1,_2=null;function Ep(e,t){var n=h2(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 r3(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,c2=e,s2=xe(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,c2=e,s2=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=rt!==null?{id:Q2,overflow:ee}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=h2(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,c2=e,s2=null,!0):!1;default:return!1}}function Rl(e){return(e.mode&1)!==0&&(e.flags&128)===0}function Ll(e){if(y0){var t=s2;if(t){var n=t;if(!r3(e,t)){if(Rl(e))throw Error(q(418));t=xe(n.nextSibling);var r=c2;t&&r3(e,t)?Ep(r,n):(e.flags=e.flags&-4097|2,y0=!1,c2=e)}}else{if(Rl(e))throw Error(q(418));e.flags=e.flags&-4097|2,y0=!1,c2=e}}}function o3(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;c2=e}function Kr(e){if(e!==c2)return!1;if(!y0)return o3(e),y0=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!Tl(e.type,e.memoizedProps)),t&&(t=s2)){if(Rl(e))throw gp(),Error(q(418));for(;t;)Ep(e,t),t=xe(t.nextSibling)}if(o3(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=xe(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}s2=null}}else s2=c2?xe(e.stateNode.nextSibling):null;return!0}function gp(){for(var e=s2;e;)e=xe(e.nextSibling)}function nn(){s2=c2=null,y0=!1}function Xs(e){_2===null?_2=[e]:_2.push(e)}var yE=le.ReactCurrentBatchConfig;function w2(e,t){if(e&&e.defaultProps){t=x0({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}var zo=Ne(null),jo=null,Ot=null,Zs=null;function Qs(){Zs=Ot=jo=null}function ec(e){var t=zo.current;E0(zo),e._currentValue=t}function Ol(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 Ut(e,t){jo=e,Zs=Ot=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(Q0=!0),e.firstContext=null)}function b2(e){var t=e._currentValue;if(Zs!==e)if(e={context:e,memoizedValue:t,next:null},Ot===null){if(jo===null)throw Error(q(308));Ot=e,jo.dependencies={lanes:0,firstContext:e}}else Ot=Ot.next=e;return t}var Xe=null;function tc(e){Xe===null?Xe=[e]:Xe.push(e)}function hp(e,t,n,r){var o=t.interleaved;return o===null?(n.next=n,tc(t)):(n.next=o.next,o.next=n),t.interleaved=n,oe(e,r)}function oe(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 pe=!1;function nc(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function yp(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 te(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Se(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,A0&2){var o=r.pending;return o===null?t.next=t:(t.next=o.next,o.next=t),r.pending=t,oe(e,n)}return o=r.interleaved,o===null?(t.next=t,tc(r)):(t.next=o.next,o.next=t),r.interleaved=t,oe(e,n)}function Ao(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,js(e,n)}}function a3(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 Vo(e,t,n,r){var o=e.updateQueue;pe=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,l=o.shared.pending;if(l!==null){o.shared.pending=null;var s=l,u=s.next;s.next=null,i===null?a=u:i.next=u,i=s;var d=e.alternate;d!==null&&(d=d.updateQueue,l=d.lastBaseUpdate,l!==i&&(l===null?d.firstBaseUpdate=u:l.next=u,d.lastBaseUpdate=s))}if(a!==null){var A=o.baseState;i=0,d=u=s=null,l=a;do{var C=l.lane,E=l.eventTime;if((r&C)===C){d!==null&&(d=d.next={eventTime:E,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var m=e,p=l;switch(C=t,E=n,p.tag){case 1:if(m=p.payload,typeof m=="function"){A=m.call(E,A,C);break e}A=m;break e;case 3:m.flags=m.flags&-65537|128;case 0:if(m=p.payload,C=typeof m=="function"?m.call(E,A,C):m,C==null)break e;A=x0({},A,C);break e;case 2:pe=!0}}l.callback!==null&&l.lane!==0&&(e.flags|=64,C=o.effects,C===null?o.effects=[l]:C.push(l))}else E={eventTime:E,lane:C,tag:l.tag,payload:l.payload,callback:l.callback,next:null},d===null?(u=d=E,s=A):d=d.next=E,i|=C;if(l=l.next,l===null){if(l=o.shared.pending,l===null)break;C=l,l=C.next,C.next=null,o.lastBaseUpdate=C,o.shared.pending=null}}while(!0);if(d===null&&(s=A),o.baseState=s,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);at|=i,e.lanes=i,e.memoizedState=A}}function i3(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 bp=new hd.Component().refs;function Pl(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:x0({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var xa={isMounted:function(e){return(e=e._reactInternals)?dt(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=Y0(),o=we(e),a=te(r,o);a.payload=t,n!=null&&(a.callback=n),t=Se(e,a,o),t!==null&&(k2(t,e,o,r),Ao(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=Y0(),o=we(e),a=te(r,o);a.tag=1,a.payload=t,n!=null&&(a.callback=n),t=Se(e,a,o),t!==null&&(k2(t,e,o,r),Ao(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=Y0(),r=we(e),o=te(n,r);o.tag=2,t!=null&&(o.callback=t),t=Se(e,o,r),t!==null&&(k2(t,e,r,n),Ao(t,e,r))}};function l3(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?!ir(n,r)||!ir(o,a):!0}function vp(e,t,n){var r=!1,o=Re,a=t.contextType;return typeof a=="object"&&a!==null?a=b2(a):(o=t2(t)?nt:U0.current,r=t.contextTypes,a=(r=r!=null)?tn(e,o):Re),t=new t(n,a),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=xa,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function s3(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&&xa.enqueueReplaceState(t,t.state,null)}function Nl(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=bp,nc(e);var a=t.contextType;typeof a=="object"&&a!==null?o.context=b2(a):(a=t2(t)?nt:U0.current,o.context=tn(e,a)),o.state=e.memoizedState,a=t.getDerivedStateFromProps,typeof a=="function"&&(Pl(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&&xa.enqueueReplaceState(o,o.state,null),Vo(e,n,o,r),o.state=e.memoizedState),typeof o.componentDidMount=="function"&&(e.flags|=4194308)}function _n(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===bp&&(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 Jr(e,t){throw e=Object.prototype.toString.call(t),Error(q(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function c3(e){var t=e._init;return t(e._payload)}function xp(e){function t(f,D){if(e){var y=f.deletions;y===null?(f.deletions=[D],f.flags|=16):y.push(D)}}function n(f,D){if(!e)return null;for(;D!==null;)t(f,D),D=D.sibling;return null}function r(f,D){for(f=new Map;D!==null;)D.key!==null?f.set(D.key,D):f.set(D.index,D),D=D.sibling;return f}function o(f,D){return f=Te(f,D),f.index=0,f.sibling=null,f}function a(f,D,y){return f.index=y,e?(y=f.alternate,y!==null?(y=y.index,y<D?(f.flags|=2,D):y):(f.flags|=2,D)):(f.flags|=1048576,D)}function i(f){return e&&f.alternate===null&&(f.flags|=2),f}function l(f,D,y,S){return D===null||D.tag!==6?(D=Ri(y,f.mode,S),D.return=f,D):(D=o(D,y),D.return=f,D)}function s(f,D,y,S){var F=y.type;return F===Ft?d(f,D,y.props.children,S,y.key):D!==null&&(D.elementType===F||typeof F=="object"&&F!==null&&F.$$typeof===de&&c3(F)===D.type)?(S=o(D,y.props),S.ref=_n(f,D,y),S.return=f,S):(S=Bo(y.type,y.key,y.props,null,f.mode,S),S.ref=_n(f,D,y),S.return=f,S)}function u(f,D,y,S){return D===null||D.tag!==4||D.stateNode.containerInfo!==y.containerInfo||D.stateNode.implementation!==y.implementation?(D=Li(y,f.mode,S),D.return=f,D):(D=o(D,y.children||[]),D.return=f,D)}function d(f,D,y,S,F){return D===null||D.tag!==7?(D=tt(y,f.mode,S,F),D.return=f,D):(D=o(D,y),D.return=f,D)}function A(f,D,y){if(typeof D=="string"&&D!==""||typeof D=="number")return D=Ri(""+D,f.mode,y),D.return=f,D;if(typeof D=="object"&&D!==null){switch(D.$$typeof){case $r:return y=Bo(D.type,D.key,D.props,null,f.mode,y),y.ref=_n(f,null,D),y.return=f,y;case St:return D=Li(D,f.mode,y),D.return=f,D;case de:var S=D._init;return A(f,S(D._payload),y)}if(On(D)||xn(D))return D=tt(D,f.mode,y,null),D.return=f,D;Jr(f,D)}return null}function C(f,D,y,S){var F=D!==null?D.key:null;if(typeof y=="string"&&y!==""||typeof y=="number")return F!==null?null:l(f,D,""+y,S);if(typeof y=="object"&&y!==null){switch(y.$$typeof){case $r:return y.key===F?s(f,D,y,S):null;case St:return y.key===F?u(f,D,y,S):null;case de:return F=y._init,C(f,D,F(y._payload),S)}if(On(y)||xn(y))return F!==null?null:d(f,D,y,S,null);Jr(f,y)}return null}function E(f,D,y,S,F){if(typeof S=="string"&&S!==""||typeof S=="number")return f=f.get(y)||null,l(D,f,""+S,F);if(typeof S=="object"&&S!==null){switch(S.$$typeof){case $r:return f=f.get(S.key===null?y:S.key)||null,s(D,f,S,F);case St:return f=f.get(S.key===null?y:S.key)||null,u(D,f,S,F);case de:var w=S._init;return E(f,D,y,w(S._payload),F)}if(On(S)||xn(S))return f=f.get(y)||null,d(D,f,S,F,null);Jr(D,S)}return null}function m(f,D,y,S){for(var F=null,w=null,I=D,L=D=0,H=null;I!==null&&L<y.length;L++){I.index>L?(H=I,I=null):H=I.sibling;var O=C(f,I,y[L],S);if(O===null){I===null&&(I=H);break}e&&I&&O.alternate===null&&t(f,I),D=a(O,D,L),w===null?F=O:w.sibling=O,w=O,I=H}if(L===y.length)return n(f,I),y0&&Ue(f,L),F;if(I===null){for(;L<y.length;L++)I=A(f,y[L],S),I!==null&&(D=a(I,D,L),w===null?F=I:w.sibling=I,w=I);return y0&&Ue(f,L),F}for(I=r(f,I);L<y.length;L++)H=E(I,f,L,y[L],S),H!==null&&(e&&H.alternate!==null&&I.delete(H.key===null?L:H.key),D=a(H,D,L),w===null?F=H:w.sibling=H,w=H);return e&&I.forEach(function(J){return t(f,J)}),y0&&Ue(f,L),F}function p(f,D,y,S){var F=xn(y);if(typeof F!="function")throw Error(q(150));if(y=F.call(y),y==null)throw Error(q(151));for(var w=F=null,I=D,L=D=0,H=null,O=y.next();I!==null&&!O.done;L++,O=y.next()){I.index>L?(H=I,I=null):H=I.sibling;var J=C(f,I,O.value,S);if(J===null){I===null&&(I=H);break}e&&I&&J.alternate===null&&t(f,I),D=a(J,D,L),w===null?F=J:w.sibling=J,w=J,I=H}if(O.done)return n(f,I),y0&&Ue(f,L),F;if(I===null){for(;!O.done;L++,O=y.next())O=A(f,O.value,S),O!==null&&(D=a(O,D,L),w===null?F=O:w.sibling=O,w=O);return y0&&Ue(f,L),F}for(I=r(f,I);!O.done;L++,O=y.next())O=E(I,f,L,O.value,S),O!==null&&(e&&O.alternate!==null&&I.delete(O.key===null?L:O.key),D=a(O,D,L),w===null?F=O:w.sibling=O,w=O);return e&&I.forEach(function(k){return t(f,k)}),y0&&Ue(f,L),F}function b(f,D,y,S){if(typeof y=="object"&&y!==null&&y.type===Ft&&y.key===null&&(y=y.props.children),typeof y=="object"&&y!==null){switch(y.$$typeof){case $r:e:{for(var F=y.key,w=D;w!==null;){if(w.key===F){if(F=y.type,F===Ft){if(w.tag===7){n(f,w.sibling),D=o(w,y.props.children),D.return=f,f=D;break e}}else if(w.elementType===F||typeof F=="object"&&F!==null&&F.$$typeof===de&&c3(F)===w.type){n(f,w.sibling),D=o(w,y.props),D.ref=_n(f,w,y),D.return=f,f=D;break e}n(f,w);break}else t(f,w);w=w.sibling}y.type===Ft?(D=tt(y.props.children,f.mode,S,y.key),D.return=f,f=D):(S=Bo(y.type,y.key,y.props,null,f.mode,S),S.ref=_n(f,D,y),S.return=f,f=S)}return i(f);case St:e:{for(w=y.key;D!==null;){if(D.key===w)if(D.tag===4&&D.stateNode.containerInfo===y.containerInfo&&D.stateNode.implementation===y.implementation){n(f,D.sibling),D=o(D,y.children||[]),D.return=f,f=D;break e}else{n(f,D);break}else t(f,D);D=D.sibling}D=Li(y,f.mode,S),D.return=f,f=D}return i(f);case de:return w=y._init,b(f,D,w(y._payload),S)}if(On(y))return m(f,D,y,S);if(xn(y))return p(f,D,y,S);Jr(f,y)}return typeof y=="string"&&y!==""||typeof y=="number"?(y=""+y,D!==null&&D.tag===6?(n(f,D.sibling),D=o(D,y),D.return=f,f=D):(n(f,D),D=Ri(y,f.mode,S),D.return=f,f=D),i(f)):n(f,D)}return b}var rn=xp(!0),Sp=xp(!1),vr={},j2=Ne(vr),ur=Ne(vr),Ar=Ne(vr);function Ze(e){if(e===vr)throw Error(q(174));return e}function rc(e,t){switch(f0(Ar,t),f0(ur,e),f0(j2,vr),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Cl(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Cl(t,e)}E0(j2),f0(j2,t)}function on(){E0(j2),E0(ur),E0(Ar)}function Fp(e){Ze(Ar.current);var t=Ze(j2.current),n=Cl(t,e.type);t!==n&&(f0(ur,e),f0(j2,n))}function oc(e){ur.current===e&&(E0(j2),E0(ur))}var b0=Ne(0);function Ho(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 Fi=[];function ac(){for(var e=0;e<Fi.length;e++)Fi[e]._workInProgressVersionPrimary=null;Fi.length=0}var po=le.ReactCurrentDispatcher,wi=le.ReactCurrentBatchConfig,ot=0,v0=null,k0=null,L0=null,Uo=!1,Wn=!1,dr=0,bE=0;function j0(){throw Error(q(321))}function ic(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!L2(e[n],t[n]))return!1;return!0}function lc(e,t,n,r,o,a){if(ot=a,v0=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,po.current=e===null||e.memoizedState===null?FE:wE,e=n(r,o),Wn){a=0;do{if(Wn=!1,dr=0,25<=a)throw Error(q(301));a+=1,L0=k0=null,t.updateQueue=null,po.current=TE,e=n(r,o)}while(Wn)}if(po.current=Wo,t=k0!==null&&k0.next!==null,ot=0,L0=k0=v0=null,Uo=!1,t)throw Error(q(300));return e}function sc(){var e=dr!==0;return dr=0,e}function P2(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return L0===null?v0.memoizedState=L0=e:L0=L0.next=e,L0}function v2(){if(k0===null){var e=v0.alternate;e=e!==null?e.memoizedState:null}else e=k0.next;var t=L0===null?v0.memoizedState:L0.next;if(t!==null)L0=t,k0=e;else{if(e===null)throw Error(q(310));k0=e,e={memoizedState:k0.memoizedState,baseState:k0.baseState,baseQueue:k0.baseQueue,queue:k0.queue,next:null},L0===null?v0.memoizedState=L0=e:L0=L0.next=e}return L0}function pr(e,t){return typeof t=="function"?t(e):t}function Ti(e){var t=v2(),n=t.queue;if(n===null)throw Error(q(311));n.lastRenderedReducer=e;var r=k0,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,s=null,u=a;do{var d=u.lane;if((ot&d)===d)s!==null&&(s=s.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};s===null?(l=s=A,i=r):s=s.next=A,v0.lanes|=d,at|=d}u=u.next}while(u!==null&&u!==a);s===null?i=r:s.next=l,L2(r,t.memoizedState)||(Q0=!0),t.memoizedState=r,t.baseState=i,t.baseQueue=s,n.lastRenderedState=r}if(e=n.interleaved,e!==null){o=e;do a=o.lane,v0.lanes|=a,at|=a,o=o.next;while(o!==e)}else o===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function _i(e){var t=v2(),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);L2(a,t.memoizedState)||(Q0=!0),t.memoizedState=a,t.baseQueue===null&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function wp(){}function Tp(e,t){var n=v0,r=v2(),o=t(),a=!L2(r.memoizedState,o);if(a&&(r.memoizedState=o,Q0=!0),r=r.queue,cc(kp.bind(null,n,r,e),[e]),r.getSnapshot!==t||a||L0!==null&&L0.memoizedState.tag&1){if(n.flags|=2048,Dr(9,Ip.bind(null,n,r,o,t),void 0,null),O0===null)throw Error(q(349));ot&30||_p(n,t,o)}return o}function _p(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=v0.updateQueue,t===null?(t={lastEffect:null,stores:null},v0.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Ip(e,t,n,r){t.value=n,t.getSnapshot=r,Rp(t)&&Lp(e)}function kp(e,t,n){return n(function(){Rp(t)&&Lp(e)})}function Rp(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!L2(e,n)}catch{return!0}}function Lp(e){var t=oe(e,1);t!==null&&k2(t,e,1,-1)}function u3(e){var t=P2();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:pr,lastRenderedState:e},t.queue=e,e=e.dispatch=SE.bind(null,v0,e),[t.memoizedState,e]}function Dr(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=v0.updateQueue,t===null?(t={lastEffect:null,stores:null},v0.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 Op(){return v2().memoizedState}function Do(e,t,n,r){var o=P2();v0.flags|=e,o.memoizedState=Dr(1|t,n,void 0,r===void 0?null:r)}function Sa(e,t,n,r){var o=v2();r=r===void 0?null:r;var a=void 0;if(k0!==null){var i=k0.memoizedState;if(a=i.destroy,r!==null&&ic(r,i.deps)){o.memoizedState=Dr(t,n,a,r);return}}v0.flags|=e,o.memoizedState=Dr(1|t,n,a,r)}function A3(e,t){return Do(8390656,8,e,t)}function cc(e,t){return Sa(2048,8,e,t)}function Pp(e,t){return Sa(4,2,e,t)}function Np(e,t){return Sa(4,4,e,t)}function Mp(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 $p(e,t,n){return n=n!=null?n.concat([e]):null,Sa(4,4,Mp.bind(null,t,e),n)}function uc(){}function zp(e,t){var n=v2();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&ic(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function jp(e,t){var n=v2();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&ic(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Vp(e,t,n){return ot&21?(L2(n,t)||(n=Wd(),v0.lanes|=n,at|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,Q0=!0),e.memoizedState=n)}function vE(e,t){var n=p0;p0=n!==0&&4>n?n:4,e(!0);var r=wi.transition;wi.transition={};try{e(!1),t()}finally{p0=n,wi.transition=r}}function Hp(){return v2().memoizedState}function xE(e,t,n){var r=we(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Up(e))Wp(t,n);else if(n=hp(e,t,n,r),n!==null){var o=Y0();k2(n,e,r,o),Gp(n,t,r)}}function SE(e,t,n){var r=we(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Up(e))Wp(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,L2(l,i)){var s=t.interleaved;s===null?(o.next=o,tc(t)):(o.next=s.next,s.next=o),t.interleaved=o;return}}catch{}finally{}n=hp(e,t,o,r),n!==null&&(o=Y0(),k2(n,e,r,o),Gp(n,t,r))}}function Up(e){var t=e.alternate;return e===v0||t!==null&&t===v0}function Wp(e,t){Wn=Uo=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Gp(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,js(e,n)}}var Wo={readContext:b2,useCallback:j0,useContext:j0,useEffect:j0,useImperativeHandle:j0,useInsertionEffect:j0,useLayoutEffect:j0,useMemo:j0,useReducer:j0,useRef:j0,useState:j0,useDebugValue:j0,useDeferredValue:j0,useTransition:j0,useMutableSource:j0,useSyncExternalStore:j0,useId:j0,unstable_isNewReconciler:!1},FE={readContext:b2,useCallback:function(e,t){return P2().memoizedState=[e,t===void 0?null:t],e},useContext:b2,useEffect:A3,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Do(4194308,4,Mp.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Do(4194308,4,e,t)},useInsertionEffect:function(e,t){return Do(4,2,e,t)},useMemo:function(e,t){var n=P2();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=P2();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=xE.bind(null,v0,e),[r.memoizedState,e]},useRef:function(e){var t=P2();return e={current:e},t.memoizedState=e},useState:u3,useDebugValue:uc,useDeferredValue:function(e){return P2().memoizedState=e},useTransition:function(){var e=u3(!1),t=e[0];return e=vE.bind(null,e[1]),P2().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=v0,o=P2();if(y0){if(n===void 0)throw Error(q(407));n=n()}else{if(n=t(),O0===null)throw Error(q(349));ot&30||_p(r,t,n)}o.memoizedState=n;var a={value:n,getSnapshot:t};return o.queue=a,A3(kp.bind(null,r,a,e),[e]),r.flags|=2048,Dr(9,Ip.bind(null,r,a,n,t),void 0,null),n},useId:function(){var e=P2(),t=O0.identifierPrefix;if(y0){var n=ee,r=Q2;n=(r&~(1<<32-I2(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=dr++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=bE++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},wE={readContext:b2,useCallback:zp,useContext:b2,useEffect:cc,useImperativeHandle:$p,useInsertionEffect:Pp,useLayoutEffect:Np,useMemo:jp,useReducer:Ti,useRef:Op,useState:function(){return Ti(pr)},useDebugValue:uc,useDeferredValue:function(e){var t=v2();return Vp(t,k0.memoizedState,e)},useTransition:function(){var e=Ti(pr)[0],t=v2().memoizedState;return[e,t]},useMutableSource:wp,useSyncExternalStore:Tp,useId:Hp,unstable_isNewReconciler:!1},TE={readContext:b2,useCallback:zp,useContext:b2,useEffect:cc,useImperativeHandle:$p,useInsertionEffect:Pp,useLayoutEffect:Np,useMemo:jp,useReducer:_i,useRef:Op,useState:function(){return _i(pr)},useDebugValue:uc,useDeferredValue:function(e){var t=v2();return k0===null?t.memoizedState=e:Vp(t,k0.memoizedState,e)},useTransition:function(){var e=_i(pr)[0],t=v2().memoizedState;return[e,t]},useMutableSource:wp,useSyncExternalStore:Tp,useId:Hp,unstable_isNewReconciler:!1};function an(e,t){try{var n="",r=t;do n+=rB(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 Ii(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Ml(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var _E=typeof WeakMap=="function"?WeakMap:Map;function qp(e,t,n){n=te(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){qo||(qo=!0,Yl=r),Ml(e,t)},n}function Yp(e,t,n){n=te(-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(){Ml(e,t)}}var a=e.stateNode;return a!==null&&typeof a.componentDidCatch=="function"&&(n.callback=function(){Ml(e,t),typeof r!="function"&&(Fe===null?Fe=new Set([this]):Fe.add(this));var i=t.stack;this.componentDidCatch(t.value,{componentStack:i!==null?i:""})}),n}function d3(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new _E;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=UE.bind(null,e,t,n),t.then(e,e))}function p3(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 D3(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=te(-1,1),t.tag=2,Se(n,t,1))),n.lanes|=1),e)}var IE=le.ReactCurrentOwner,Q0=!1;function G0(e,t,n,r){t.child=e===null?Sp(t,null,n,r):rn(t,e.child,n,r)}function C3(e,t,n,r,o){n=n.render;var a=t.ref;return Ut(t,o),r=lc(e,t,n,r,a,o),n=sc(),e!==null&&!Q0?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,ae(e,t,o)):(y0&&n&&Ks(t),t.flags|=1,G0(e,t,r,o),t.child)}function f3(e,t,n,r,o){if(e===null){var a=n.type;return typeof a=="function"&&!Bc(a)&&a.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=a,Kp(e,t,a,r,o)):(e=Bo(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:ir,n(i,r)&&e.ref===t.ref)return ae(e,t,o)}return t.flags|=1,e=Te(a,r),e.ref=t.ref,e.return=t,t.child=e}function Kp(e,t,n,r,o){if(e!==null){var a=e.memoizedProps;if(ir(a,r)&&e.ref===t.ref)if(Q0=!1,t.pendingProps=r=a,(e.lanes&o)!==0)e.flags&131072&&(Q0=!0);else return t.lanes=e.lanes,ae(e,t,o)}return $l(e,t,n,r,o)}function Jp(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},f0(Nt,l2),l2|=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,f0(Nt,l2),l2|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=a!==null?a.baseLanes:n,f0(Nt,l2),l2|=r}else a!==null?(r=a.baseLanes|n,t.memoizedState=null):r=n,f0(Nt,l2),l2|=r;return G0(e,t,o,n),t.child}function Xp(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function $l(e,t,n,r,o){var a=t2(n)?nt:U0.current;return a=tn(t,a),Ut(t,o),n=lc(e,t,n,r,a,o),r=sc(),e!==null&&!Q0?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,ae(e,t,o)):(y0&&r&&Ks(t),t.flags|=1,G0(e,t,n,o),t.child)}function m3(e,t,n,r,o){if(t2(n)){var a=!0;No(t)}else a=!1;if(Ut(t,o),t.stateNode===null)Co(e,t),vp(t,n,r),Nl(t,n,r,o),r=!0;else if(e===null){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,u=n.contextType;typeof u=="object"&&u!==null?u=b2(u):(u=t2(n)?nt:U0.current,u=tn(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||s!==u)&&s3(t,i,r,u),pe=!1;var C=t.memoizedState;i.state=C,Vo(t,r,i,o),s=t.memoizedState,l!==r||C!==s||e2.current||pe?(typeof d=="function"&&(Pl(t,n,d,r),s=t.memoizedState),(l=pe||l3(t,n,l,r,C,s,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=s),i.props=r,i.state=s,i.context=u,r=l):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,yp(e,t),l=t.memoizedProps,u=t.type===t.elementType?l:w2(t.type,l),i.props=u,A=t.pendingProps,C=i.context,s=n.contextType,typeof s=="object"&&s!==null?s=b2(s):(s=t2(n)?nt:U0.current,s=tn(t,s));var E=n.getDerivedStateFromProps;(d=typeof E=="function"||typeof i.getSnapshotBeforeUpdate=="function")||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(l!==A||C!==s)&&s3(t,i,r,s),pe=!1,C=t.memoizedState,i.state=C,Vo(t,r,i,o);var m=t.memoizedState;l!==A||C!==m||e2.current||pe?(typeof E=="function"&&(Pl(t,n,E,r),m=t.memoizedState),(u=pe||l3(t,n,u,r,C,m,s)||!1)?(d||typeof i.UNSAFE_componentWillUpdate!="function"&&typeof i.componentWillUpdate!="function"||(typeof i.componentWillUpdate=="function"&&i.componentWillUpdate(r,m,s),typeof i.UNSAFE_componentWillUpdate=="function"&&i.UNSAFE_componentWillUpdate(r,m,s)),typeof i.componentDidUpdate=="function"&&(t.flags|=4),typeof i.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof i.componentDidUpdate!="function"||l===e.memoizedProps&&C===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&C===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=s,r=u):(typeof i.componentDidUpdate!="function"||l===e.memoizedProps&&C===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&C===e.memoizedState||(t.flags|=1024),r=!1)}return zl(e,t,n,r,a,o)}function zl(e,t,n,r,o,a){Xp(e,t);var i=(t.flags&128)!==0;if(!r&&!i)return o&&n3(t,n,!1),ae(e,t,a);r=t.stateNode,IE.current=t;var l=i&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&i?(t.child=rn(t,e.child,null,a),t.child=rn(t,null,l,a)):G0(e,t,l,a),t.memoizedState=r.state,o&&n3(t,n,!0),t.child}function Zp(e){var t=e.stateNode;t.pendingContext?t3(e,t.pendingContext,t.pendingContext!==t.context):t.context&&t3(e,t.context,!1),rc(e,t.containerInfo)}function B3(e,t,n,r,o){return nn(),Xs(o),t.flags|=256,G0(e,t,n,r),t.child}var jl={dehydrated:null,treeContext:null,retryLane:0};function Vl(e){return{baseLanes:e,cachePool:null,transitions:null}}function Qp(e,t,n){var r=t.pendingProps,o=b0.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),f0(b0,o&1),e===null)return Ll(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=Ta(i,r,0,null),e=tt(e,r,n,null),a.return=t,e.return=t,a.sibling=e,t.child=a,t.child.memoizedState=Vl(n),t.memoizedState=jl,e):Ac(t,i));if(o=e.memoizedState,o!==null&&(l=o.dehydrated,l!==null))return kE(e,t,i,r,l,o,n);if(a){a=r.fallback,i=t.mode,o=e.child,l=o.sibling;var s={mode:"hidden",children:r.children};return!(i&1)&&t.child!==o?(r=t.child,r.childLanes=0,r.pendingProps=s,t.deletions=null):(r=Te(o,s),r.subtreeFlags=o.subtreeFlags&14680064),l!==null?a=Te(l,a):(a=tt(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?Vl(n):{baseLanes:i.baseLanes|n,cachePool:null,transitions:i.transitions},a.memoizedState=i,a.childLanes=e.childLanes&~n,t.memoizedState=jl,r}return a=e.child,e=a.sibling,r=Te(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 Ac(e,t){return t=Ta({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function Xr(e,t,n,r){return r!==null&&Xs(r),rn(t,e.child,null,n),e=Ac(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function kE(e,t,n,r,o,a,i){if(n)return t.flags&256?(t.flags&=-257,r=Ii(Error(q(422))),Xr(e,t,i,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(a=r.fallback,o=t.mode,r=Ta({mode:"visible",children:r.children},o,0,null),a=tt(a,o,i,null),a.flags|=2,r.return=t,a.return=t,r.sibling=a,t.child=r,t.mode&1&&rn(t,e.child,null,i),t.child.memoizedState=Vl(i),t.memoizedState=jl,a);if(!(t.mode&1))return Xr(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=Ii(a,r,void 0),Xr(e,t,i,r)}if(l=(i&e.childLanes)!==0,Q0||l){if(r=O0,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,oe(e,o),k2(r,e,o,-1))}return mc(),r=Ii(Error(q(421))),Xr(e,t,i,r)}return o.data==="$?"?(t.flags|=128,t.child=e.child,t=WE.bind(null,e),o._reactRetry=t,null):(e=a.treeContext,s2=xe(o.nextSibling),c2=t,y0=!0,_2=null,e!==null&&(m2[B2++]=Q2,m2[B2++]=ee,m2[B2++]=rt,Q2=e.id,ee=e.overflow,rt=t),t=Ac(t,r.children),t.flags|=4096,t)}function E3(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Ol(e.return,t,n)}function ki(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 eD(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(G0(e,t,r.children,n),r=b0.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&&E3(e,n,t);else if(e.tag===19)E3(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(f0(b0,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&&Ho(e)===null&&(o=n),n=n.sibling;n=o,n===null?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),ki(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&&Ho(e)===null){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}ki(t,!0,n,null,a);break;case"together":ki(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Co(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function ae(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),at|=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=Te(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Te(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function RE(e,t,n){switch(t.tag){case 3:Zp(t),nn();break;case 5:Fp(t);break;case 1:t2(t.type)&&No(t);break;case 4:rc(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;f0(zo,r._currentValue),r._currentValue=o;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(f0(b0,b0.current&1),t.flags|=128,null):n&t.child.childLanes?Qp(e,t,n):(f0(b0,b0.current&1),e=ae(e,t,n),e!==null?e.sibling:null);f0(b0,b0.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return eD(e,t,n);t.flags|=128}if(o=t.memoizedState,o!==null&&(o.rendering=null,o.tail=null,o.lastEffect=null),f0(b0,b0.current),r)break;return null;case 22:case 23:return t.lanes=0,Jp(e,t,n)}return ae(e,t,n)}var tD,Hl,nD,rD;tD=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}};Hl=function(){};nD=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Ze(j2.current);var a=null;switch(n){case"input":o=Al(e,o),r=Al(e,r),a=[];break;case"select":o=x0({},o,{value:void 0}),r=x0({},r,{value:void 0}),a=[];break;case"textarea":o=Dl(e,o),r=Dl(e,r),a=[];break;default:typeof o.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Oo)}fl(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"&&(Qn.hasOwnProperty(u)?a||(a=[]):(a=a||[]).push(u,null));for(u in r){var s=r[u];if(l=o!=null?o[u]:void 0,r.hasOwnProperty(u)&&s!==l&&(s!=null||l!=null))if(u==="style")if(l){for(i in l)!l.hasOwnProperty(i)||s&&s.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in s)s.hasOwnProperty(i)&&l[i]!==s[i]&&(n||(n={}),n[i]=s[i])}else n||(a||(a=[]),a.push(u,n)),n=s;else u==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,l=l?l.__html:void 0,s!=null&&l!==s&&(a=a||[]).push(u,s)):u==="children"?typeof s!="string"&&typeof s!="number"||(a=a||[]).push(u,""+s):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(Qn.hasOwnProperty(u)?(s!=null&&u==="onScroll"&&m0("scroll",e),a||l===s||(a=[])):(a=a||[]).push(u,s))}n&&(a=a||[]).push("style",n);var u=a;(t.updateQueue=u)&&(t.flags|=4)}};rD=function(e,t,n,r){n!==r&&(t.flags|=4)};function In(e,t){if(!y0)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 V0(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 LE(e,t,n){var r=t.pendingProps;switch(Js(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V0(t),null;case 1:return t2(t.type)&&Po(),V0(t),null;case 3:return r=t.stateNode,on(),E0(e2),E0(U0),ac(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Kr(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,_2!==null&&(Xl(_2),_2=null))),Hl(e,t),V0(t),null;case 5:oc(t);var o=Ze(Ar.current);if(n=t.type,e!==null&&t.stateNode!=null)nD(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 V0(t),null}if(e=Ze(j2.current),Kr(t)){r=t.stateNode,n=t.type;var a=t.memoizedProps;switch(r[M2]=t,r[cr]=a,e=(t.mode&1)!==0,n){case"dialog":m0("cancel",r),m0("close",r);break;case"iframe":case"object":case"embed":m0("load",r);break;case"video":case"audio":for(o=0;o<Nn.length;o++)m0(Nn[o],r);break;case"source":m0("error",r);break;case"img":case"image":case"link":m0("error",r),m0("load",r);break;case"details":m0("toggle",r);break;case"input":wu(r,a),m0("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!a.multiple},m0("invalid",r);break;case"textarea":_u(r,a),m0("invalid",r)}fl(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&&Yr(r.textContent,l,e),o=["children",l]):typeof l=="number"&&r.textContent!==""+l&&(a.suppressHydrationWarning!==!0&&Yr(r.textContent,l,e),o=["children",""+l]):Qn.hasOwnProperty(i)&&l!=null&&i==="onScroll"&&m0("scroll",r)}switch(n){case"input":zr(r),Tu(r,a,!0);break;case"textarea":zr(r),Iu(r);break;case"select":case"option":break;default:typeof a.onClick=="function"&&(r.onclick=Oo)}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=_d(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[M2]=t,e[cr]=r,tD(e,t,!1,!1),t.stateNode=e;e:{switch(i=ml(n,r),n){case"dialog":m0("cancel",e),m0("close",e),o=r;break;case"iframe":case"object":case"embed":m0("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nn.length;o++)m0(Nn[o],e);o=r;break;case"source":m0("error",e),o=r;break;case"img":case"image":case"link":m0("error",e),m0("load",e),o=r;break;case"details":m0("toggle",e),o=r;break;case"input":wu(e,r),o=Al(e,r),m0("invalid",e);break;case"option":o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=x0({},r,{value:void 0}),m0("invalid",e);break;case"textarea":_u(e,r),o=Dl(e,r),m0("invalid",e);break;default:o=r}fl(n,o),l=o;for(a in l)if(l.hasOwnProperty(a)){var s=l[a];a==="style"?Rd(e,s):a==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,s!=null&&Id(e,s)):a==="children"?typeof s=="string"?(n!=="textarea"||s!=="")&&er(e,s):typeof s=="number"&&er(e,""+s):a!=="suppressContentEditableWarning"&&a!=="suppressHydrationWarning"&&a!=="autoFocus"&&(Qn.hasOwnProperty(a)?s!=null&&a==="onScroll"&&m0("scroll",e):s!=null&&Os(e,a,s,i))}switch(n){case"input":zr(e),Tu(e,r,!1);break;case"textarea":zr(e),Iu(e);break;case"option":r.value!=null&&e.setAttribute("value",""+ke(r.value));break;case"select":e.multiple=!!r.multiple,a=r.value,a!=null?zt(e,!!r.multiple,a,!1):r.defaultValue!=null&&zt(e,!!r.multiple,r.defaultValue,!0);break;default:typeof o.onClick=="function"&&(e.onclick=Oo)}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 V0(t),null;case 6:if(e&&t.stateNode!=null)rD(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(q(166));if(n=Ze(Ar.current),Ze(j2.current),Kr(t)){if(r=t.stateNode,n=t.memoizedProps,r[M2]=t,(a=r.nodeValue!==n)&&(e=c2,e!==null))switch(e.tag){case 3:Yr(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Yr(r.nodeValue,n,(e.mode&1)!==0)}a&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[M2]=t,t.stateNode=r}return V0(t),null;case 13:if(E0(b0),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(y0&&s2!==null&&t.mode&1&&!(t.flags&128))gp(),nn(),t.flags|=98560,a=!1;else if(a=Kr(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[M2]=t}else nn(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;V0(t),a=!1}else _2!==null&&(Xl(_2),_2=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||b0.current&1?R0===0&&(R0=3):mc())),t.updateQueue!==null&&(t.flags|=4),V0(t),null);case 4:return on(),Hl(e,t),e===null&&lr(t.stateNode.containerInfo),V0(t),null;case 10:return ec(t.type._context),V0(t),null;case 17:return t2(t.type)&&Po(),V0(t),null;case 19:if(E0(b0),a=t.memoizedState,a===null)return V0(t),null;if(r=(t.flags&128)!==0,i=a.rendering,i===null)if(r)In(a,!1);else{if(R0!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(i=Ho(e),i!==null){for(t.flags|=128,In(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 f0(b0,b0.current&1|2),t.child}e=e.sibling}a.tail!==null&&w0()>ln&&(t.flags|=128,r=!0,In(a,!1),t.lanes=4194304)}else{if(!r)if(e=Ho(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),In(a,!0),a.tail===null&&a.tailMode==="hidden"&&!i.alternate&&!y0)return V0(t),null}else 2*w0()-a.renderingStartTime>ln&&n!==1073741824&&(t.flags|=128,r=!0,In(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=w0(),t.sibling=null,n=b0.current,f0(b0,r?n&1|2:n&1),t):(V0(t),null);case 22:case 23:return fc(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?l2&1073741824&&(V0(t),t.subtreeFlags&6&&(t.flags|=8192)):V0(t),null;case 24:return null;case 25:return null}throw Error(q(156,t.tag))}function OE(e,t){switch(Js(t),t.tag){case 1:return t2(t.type)&&Po(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return on(),E0(e2),E0(U0),ac(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return oc(t),null;case 13:if(E0(b0),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(q(340));nn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return E0(b0),null;case 4:return on(),null;case 10:return ec(t.type._context),null;case 22:case 23:return fc(),null;case 24:return null;default:return null}}var Zr=!1,H0=!1,PE=typeof WeakSet=="function"?WeakSet:Set,X=null;function Pt(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){S0(e,t,r)}else n.current=null}function Ul(e,t,n){try{n()}catch(r){S0(e,t,r)}}var g3=!1;function NE(e,t){if(Fl=ko,e=lp(),Ys(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,s=-1,u=0,d=0,A=e,C=null;t:for(;;){for(var E;A!==n||o!==0&&A.nodeType!==3||(l=i+o),A!==a||r!==0&&A.nodeType!==3||(s=i+r),A.nodeType===3&&(i+=A.nodeValue.length),(E=A.firstChild)!==null;)C=A,A=E;for(;;){if(A===e)break t;if(C===n&&++u===o&&(l=i),C===a&&++d===r&&(s=i),(E=A.nextSibling)!==null)break;A=C,C=A.parentNode}A=E}n=l===-1||s===-1?null:{start:l,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(wl={focusedElem:e,selectionRange:n},ko=!1,X=t;X!==null;)if(t=X,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,X=e;else for(;X!==null;){t=X;try{var m=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(m!==null){var p=m.memoizedProps,b=m.memoizedState,f=t.stateNode,D=f.getSnapshotBeforeUpdate(t.elementType===t.type?p:w2(t.type,p),b);f.__reactInternalSnapshotBeforeUpdate=D}break;case 3:var y=t.stateNode.containerInfo;y.nodeType===1?y.textContent="":y.nodeType===9&&y.documentElement&&y.removeChild(y.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(q(163))}}catch(S){S0(t,t.return,S)}if(e=t.sibling,e!==null){e.return=t.return,X=e;break}X=t.return}return m=g3,g3=!1,m}function Gn(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&&Ul(t,n,a)}o=o.next}while(o!==r)}}function Fa(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 Wl(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 oD(e){var t=e.alternate;t!==null&&(e.alternate=null,oD(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[M2],delete t[cr],delete t[Il],delete t[EE],delete t[gE])),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 aD(e){return e.tag===5||e.tag===3||e.tag===4}function h3(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||aD(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 Gl(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=Oo));else if(r!==4&&(e=e.child,e!==null))for(Gl(e,t,n),e=e.sibling;e!==null;)Gl(e,t,n),e=e.sibling}function ql(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(ql(e,t,n),e=e.sibling;e!==null;)ql(e,t,n),e=e.sibling}var P0=null,T2=!1;function Ae(e,t,n){for(n=n.child;n!==null;)iD(e,t,n),n=n.sibling}function iD(e,t,n){if(z2&&typeof z2.onCommitFiberUnmount=="function")try{z2.onCommitFiberUnmount(Ea,n)}catch{}switch(n.tag){case 5:H0||Pt(n,t);case 6:var r=P0,o=T2;P0=null,Ae(e,t,n),P0=r,T2=o,P0!==null&&(T2?(e=P0,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):P0.removeChild(n.stateNode));break;case 18:P0!==null&&(T2?(e=P0,n=n.stateNode,e.nodeType===8?xi(e.parentNode,n):e.nodeType===1&&xi(e,n),or(e)):xi(P0,n.stateNode));break;case 4:r=P0,o=T2,P0=n.stateNode.containerInfo,T2=!0,Ae(e,t,n),P0=r,T2=o;break;case 0:case 11:case 14:case 15:if(!H0&&(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)&&Ul(n,t,i),o=o.next}while(o!==r)}Ae(e,t,n);break;case 1:if(!H0&&(Pt(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){S0(n,t,l)}Ae(e,t,n);break;case 21:Ae(e,t,n);break;case 22:n.mode&1?(H0=(r=H0)||n.memoizedState!==null,Ae(e,t,n),H0=r):Ae(e,t,n);break;default:Ae(e,t,n)}}function y3(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new PE),t.forEach(function(r){var o=GE.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function F2(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:P0=l.stateNode,T2=!1;break e;case 3:P0=l.stateNode.containerInfo,T2=!0;break e;case 4:P0=l.stateNode.containerInfo,T2=!0;break e}l=l.return}if(P0===null)throw Error(q(160));iD(a,i,o),P0=null,T2=!1;var s=o.alternate;s!==null&&(s.return=null),o.return=null}catch(u){S0(o,t,u)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)lD(t,e),t=t.sibling}function lD(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(F2(t,e),O2(e),r&4){try{Gn(3,e,e.return),Fa(3,e)}catch(p){S0(e,e.return,p)}try{Gn(5,e,e.return)}catch(p){S0(e,e.return,p)}}break;case 1:F2(t,e),O2(e),r&512&&n!==null&&Pt(n,n.return);break;case 5:if(F2(t,e),O2(e),r&512&&n!==null&&Pt(n,n.return),e.flags&32){var o=e.stateNode;try{er(o,"")}catch(p){S0(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,s=e.updateQueue;if(e.updateQueue=null,s!==null)try{l==="input"&&a.type==="radio"&&a.name!=null&&wd(o,a),ml(l,i);var u=ml(l,a);for(i=0;i<s.length;i+=2){var d=s[i],A=s[i+1];d==="style"?Rd(o,A):d==="dangerouslySetInnerHTML"?Id(o,A):d==="children"?er(o,A):Os(o,d,A,u)}switch(l){case"input":dl(o,a);break;case"textarea":Td(o,a);break;case"select":var C=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!a.multiple;var E=a.value;E!=null?zt(o,!!a.multiple,E,!1):C!==!!a.multiple&&(a.defaultValue!=null?zt(o,!!a.multiple,a.defaultValue,!0):zt(o,!!a.multiple,a.multiple?[]:"",!1))}o[cr]=a}catch(p){S0(e,e.return,p)}}break;case 6:if(F2(t,e),O2(e),r&4){if(e.stateNode===null)throw Error(q(162));o=e.stateNode,a=e.memoizedProps;try{o.nodeValue=a}catch(p){S0(e,e.return,p)}}break;case 3:if(F2(t,e),O2(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{or(t.containerInfo)}catch(p){S0(e,e.return,p)}break;case 4:F2(t,e),O2(e);break;case 13:F2(t,e),O2(e),o=e.child,o.flags&8192&&(a=o.memoizedState!==null,o.stateNode.isHidden=a,!a||o.alternate!==null&&o.alternate.memoizedState!==null||(Dc=w0())),r&4&&y3(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(H0=(u=H0)||d,F2(t,e),H0=u):F2(t,e),O2(e),r&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(X=e,d=e.child;d!==null;){for(A=X=d;X!==null;){switch(C=X,E=C.child,C.tag){case 0:case 11:case 14:case 15:Gn(4,C,C.return);break;case 1:Pt(C,C.return);var m=C.stateNode;if(typeof m.componentWillUnmount=="function"){r=C,n=C.return;try{t=r,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(p){S0(r,n,p)}}break;case 5:Pt(C,C.return);break;case 22:if(C.memoizedState!==null){v3(A);continue}}E!==null?(E.return=C,X=E):v3(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,s=A.memoizedProps.style,i=s!=null&&s.hasOwnProperty("display")?s.display:null,l.style.display=kd("display",i))}catch(p){S0(e,e.return,p)}}}else if(A.tag===6){if(d===null)try{A.stateNode.nodeValue=u?"":A.memoizedProps}catch(p){S0(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:F2(t,e),O2(e),r&4&&y3(e);break;case 21:break;default:F2(t,e),O2(e)}}function O2(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(aD(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&&(er(o,""),r.flags&=-33);var a=h3(e);ql(e,a,o);break;case 3:case 4:var i=r.stateNode.containerInfo,l=h3(e);Gl(e,l,i);break;default:throw Error(q(161))}}catch(s){S0(e,e.return,s)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function ME(e,t,n){X=e,sD(e)}function sD(e,t,n){for(var r=(e.mode&1)!==0;X!==null;){var o=X,a=o.child;if(o.tag===22&&r){var i=o.memoizedState!==null||Zr;if(!i){var l=o.alternate,s=l!==null&&l.memoizedState!==null||H0;l=Zr;var u=H0;if(Zr=i,(H0=s)&&!u)for(X=o;X!==null;)i=X,s=i.child,i.tag===22&&i.memoizedState!==null?x3(o):s!==null?(s.return=i,X=s):x3(o);for(;a!==null;)X=a,sD(a),a=a.sibling;X=o,Zr=l,H0=u}b3(e)}else o.subtreeFlags&8772&&a!==null?(a.return=o,X=a):b3(e)}}function b3(e){for(;X!==null;){var t=X;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:H0||Fa(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!H0)if(n===null)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:w2(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var a=t.updateQueue;a!==null&&i3(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}i3(t,i,n)}break;case 5:var l=t.stateNode;if(n===null&&t.flags&4){n=l;var s=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&n.focus();break;case"img":s.src&&(n.src=s.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&&or(A)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(q(163))}H0||t.flags&512&&Wl(t)}catch(C){S0(t,t.return,C)}}if(t===e){X=null;break}if(n=t.sibling,n!==null){n.return=t.return,X=n;break}X=t.return}}function v3(e){for(;X!==null;){var t=X;if(t===e){X=null;break}var n=t.sibling;if(n!==null){n.return=t.return,X=n;break}X=t.return}}function x3(e){for(;X!==null;){var t=X;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{Fa(4,t)}catch(s){S0(t,n,s)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var o=t.return;try{r.componentDidMount()}catch(s){S0(t,o,s)}}var a=t.return;try{Wl(t)}catch(s){S0(t,a,s)}break;case 5:var i=t.return;try{Wl(t)}catch(s){S0(t,i,s)}}}catch(s){S0(t,t.return,s)}if(t===e){X=null;break}var l=t.sibling;if(l!==null){l.return=t.return,X=l;break}X=t.return}}var $E=Math.ceil,Go=le.ReactCurrentDispatcher,dc=le.ReactCurrentOwner,y2=le.ReactCurrentBatchConfig,A0=0,O0=null,_0=null,M0=0,l2=0,Nt=Ne(0),R0=0,Cr=null,at=0,wa=0,pc=0,qn=null,X0=null,Dc=0,ln=1/0,K2=null,qo=!1,Yl=null,Fe=null,Qr=!1,he=null,Yo=0,Yn=0,Kl=null,fo=-1,mo=0;function Y0(){return A0&6?w0():fo!==-1?fo:fo=w0()}function we(e){return e.mode&1?A0&2&&M0!==0?M0&-M0:yE.transition!==null?(mo===0&&(mo=Wd()),mo):(e=p0,e!==0||(e=window.event,e=e===void 0?16:Zd(e.type)),e):1}function k2(e,t,n,r){if(50<Yn)throw Yn=0,Kl=null,Error(q(185));hr(e,n,r),(!(A0&2)||e!==O0)&&(e===O0&&(!(A0&2)&&(wa|=n),R0===4&&Ce(e,M0)),n2(e,r),n===1&&A0===0&&!(t.mode&1)&&(ln=w0()+500,va&&Me()))}function n2(e,t){var n=e.callbackNode;yB(e,t);var r=Io(e,e===O0?M0:0);if(r===0)n!==null&&Lu(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&Lu(n),t===1)e.tag===0?hE(S3.bind(null,e)):mp(S3.bind(null,e)),mE(function(){!(A0&6)&&Me()}),n=null;else{switch(Gd(r)){case 1:n=zs;break;case 4:n=Hd;break;case 16:n=_o;break;case 536870912:n=Ud;break;default:n=_o}n=fD(n,cD.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function cD(e,t){if(fo=-1,mo=0,A0&6)throw Error(q(327));var n=e.callbackNode;if(Wt()&&e.callbackNode!==n)return null;var r=Io(e,e===O0?M0:0);if(r===0)return null;if(r&30||r&e.expiredLanes||t)t=Ko(e,r);else{t=r;var o=A0;A0|=2;var a=AD();(O0!==e||M0!==t)&&(K2=null,ln=w0()+500,et(e,t));do try{VE();break}catch(l){uD(e,l)}while(!0);Qs(),Go.current=a,A0=o,_0!==null?t=0:(O0=null,M0=0,t=R0)}if(t!==0){if(t===2&&(o=yl(e),o!==0&&(r=o,t=Jl(e,o))),t===1)throw n=Cr,et(e,0),Ce(e,r),n2(e,w0()),n;if(t===6)Ce(e,r);else{if(o=e.current.alternate,!(r&30)&&!zE(o)&&(t=Ko(e,r),t===2&&(a=yl(e),a!==0&&(r=a,t=Jl(e,a))),t===1))throw n=Cr,et(e,0),Ce(e,r),n2(e,w0()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(q(345));case 2:We(e,X0,K2);break;case 3:if(Ce(e,r),(r&130023424)===r&&(t=Dc+500-w0(),10<t)){if(Io(e,0)!==0)break;if(o=e.suspendedLanes,(o&r)!==r){Y0(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=_l(We.bind(null,e,X0,K2),t);break}We(e,X0,K2);break;case 4:if(Ce(e,r),(r&4194240)===r)break;for(t=e.eventTimes,o=-1;0<r;){var i=31-I2(r);a=1<<i,i=t[i],i>o&&(o=i),r&=~a}if(r=o,r=w0()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*$E(r/1960))-r,10<r){e.timeoutHandle=_l(We.bind(null,e,X0,K2),r);break}We(e,X0,K2);break;case 5:We(e,X0,K2);break;default:throw Error(q(329))}}}return n2(e,w0()),e.callbackNode===n?cD.bind(null,e):null}function Jl(e,t){var n=qn;return e.current.memoizedState.isDehydrated&&(et(e,t).flags|=256),e=Ko(e,t),e!==2&&(t=X0,X0=n,t!==null&&Xl(t)),e}function Xl(e){X0===null?X0=e:X0.push.apply(X0,e)}function zE(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(!L2(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 Ce(e,t){for(t&=~pc,t&=~wa,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-I2(t),r=1<<n;e[n]=-1,t&=~r}}function S3(e){if(A0&6)throw Error(q(327));Wt();var t=Io(e,0);if(!(t&1))return n2(e,w0()),null;var n=Ko(e,t);if(e.tag!==0&&n===2){var r=yl(e);r!==0&&(t=r,n=Jl(e,r))}if(n===1)throw n=Cr,et(e,0),Ce(e,t),n2(e,w0()),n;if(n===6)throw Error(q(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,We(e,X0,K2),n2(e,w0()),null}function Cc(e,t){var n=A0;A0|=1;try{return e(t)}finally{A0=n,A0===0&&(ln=w0()+500,va&&Me())}}function it(e){he!==null&&he.tag===0&&!(A0&6)&&Wt();var t=A0;A0|=1;var n=y2.transition,r=p0;try{if(y2.transition=null,p0=1,e)return e()}finally{p0=r,y2.transition=n,A0=t,!(A0&6)&&Me()}}function fc(){l2=Nt.current,E0(Nt)}function et(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,fE(n)),_0!==null)for(n=_0.return;n!==null;){var r=n;switch(Js(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&Po();break;case 3:on(),E0(e2),E0(U0),ac();break;case 5:oc(r);break;case 4:on();break;case 13:E0(b0);break;case 19:E0(b0);break;case 10:ec(r.type._context);break;case 22:case 23:fc()}n=n.return}if(O0=e,_0=e=Te(e.current,null),M0=l2=t,R0=0,Cr=null,pc=wa=at=0,X0=qn=null,Xe!==null){for(t=0;t<Xe.length;t++)if(n=Xe[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}Xe=null}return e}function uD(e,t){do{var n=_0;try{if(Qs(),po.current=Wo,Uo){for(var r=v0.memoizedState;r!==null;){var o=r.queue;o!==null&&(o.pending=null),r=r.next}Uo=!1}if(ot=0,L0=k0=v0=null,Wn=!1,dr=0,dc.current=null,n===null||n.return===null){R0=1,Cr=t,_0=null;break}e:{var a=e,i=n.return,l=n,s=t;if(t=M0,l.flags|=32768,s!==null&&typeof s=="object"&&typeof s.then=="function"){var u=s,d=l,A=d.tag;if(!(d.mode&1)&&(A===0||A===11||A===15)){var C=d.alternate;C?(d.updateQueue=C.updateQueue,d.memoizedState=C.memoizedState,d.lanes=C.lanes):(d.updateQueue=null,d.memoizedState=null)}var E=p3(i);if(E!==null){E.flags&=-257,D3(E,i,l,a,t),E.mode&1&&d3(a,u,t),t=E,s=u;var m=t.updateQueue;if(m===null){var p=new Set;p.add(s),t.updateQueue=p}else m.add(s);break e}else{if(!(t&1)){d3(a,u,t),mc();break e}s=Error(q(426))}}else if(y0&&l.mode&1){var b=p3(i);if(b!==null){!(b.flags&65536)&&(b.flags|=256),D3(b,i,l,a,t),Xs(an(s,l));break e}}a=s=an(s,l),R0!==4&&(R0=2),qn===null?qn=[a]:qn.push(a),a=i;do{switch(a.tag){case 3:a.flags|=65536,t&=-t,a.lanes|=t;var f=qp(a,s,t);a3(a,f);break e;case 1:l=s;var D=a.type,y=a.stateNode;if(!(a.flags&128)&&(typeof D.getDerivedStateFromError=="function"||y!==null&&typeof y.componentDidCatch=="function"&&(Fe===null||!Fe.has(y)))){a.flags|=65536,t&=-t,a.lanes|=t;var S=Yp(a,l,t);a3(a,S);break e}}a=a.return}while(a!==null)}pD(n)}catch(F){t=F,_0===n&&n!==null&&(_0=n=n.return);continue}break}while(!0)}function AD(){var e=Go.current;return Go.current=Wo,e===null?Wo:e}function mc(){(R0===0||R0===3||R0===2)&&(R0=4),O0===null||!(at&268435455)&&!(wa&268435455)||Ce(O0,M0)}function Ko(e,t){var n=A0;A0|=2;var r=AD();(O0!==e||M0!==t)&&(K2=null,et(e,t));do try{jE();break}catch(o){uD(e,o)}while(!0);if(Qs(),A0=n,Go.current=r,_0!==null)throw Error(q(261));return O0=null,M0=0,R0}function jE(){for(;_0!==null;)dD(_0)}function VE(){for(;_0!==null&&!pB();)dD(_0)}function dD(e){var t=CD(e.alternate,e,l2);e.memoizedProps=e.pendingProps,t===null?pD(e):_0=t,dc.current=null}function pD(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=OE(n,t),n!==null){n.flags&=32767,_0=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{R0=6,_0=null;return}}else if(n=LE(n,t,l2),n!==null){_0=n;return}if(t=t.sibling,t!==null){_0=t;return}_0=t=e}while(t!==null);R0===0&&(R0=5)}function We(e,t,n){var r=p0,o=y2.transition;try{y2.transition=null,p0=1,HE(e,t,n,r)}finally{y2.transition=o,p0=r}return null}function HE(e,t,n,r){do Wt();while(he!==null);if(A0&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(bB(e,a),e===O0&&(_0=O0=null,M0=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||Qr||(Qr=!0,fD(_o,function(){return Wt(),null})),a=(n.flags&15990)!==0,n.subtreeFlags&15990||a){a=y2.transition,y2.transition=null;var i=p0;p0=1;var l=A0;A0|=4,dc.current=null,NE(e,n),lD(n,e),cE(wl),ko=!!Fl,wl=Fl=null,e.current=n,ME(n),DB(),A0=l,p0=i,y2.transition=a}else e.current=n;if(Qr&&(Qr=!1,he=e,Yo=o),a=e.pendingLanes,a===0&&(Fe=null),mB(n.stateNode),n2(e,w0()),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(qo)throw qo=!1,e=Yl,Yl=null,e;return Yo&1&&e.tag!==0&&Wt(),a=e.pendingLanes,a&1?e===Kl?Yn++:(Yn=0,Kl=e):Yn=0,Me(),null}function Wt(){if(he!==null){var e=Gd(Yo),t=y2.transition,n=p0;try{if(y2.transition=null,p0=16>e?16:e,he===null)var r=!1;else{if(e=he,he=null,Yo=0,A0&6)throw Error(q(331));var o=A0;for(A0|=4,X=e.current;X!==null;){var a=X,i=a.child;if(X.flags&16){var l=a.deletions;if(l!==null){for(var s=0;s<l.length;s++){var u=l[s];for(X=u;X!==null;){var d=X;switch(d.tag){case 0:case 11:case 15:Gn(8,d,a)}var A=d.child;if(A!==null)A.return=d,X=A;else for(;X!==null;){d=X;var C=d.sibling,E=d.return;if(oD(d),d===u){X=null;break}if(C!==null){C.return=E,X=C;break}X=E}}}var m=a.alternate;if(m!==null){var p=m.child;if(p!==null){m.child=null;do{var b=p.sibling;p.sibling=null,p=b}while(p!==null)}}X=a}}if(a.subtreeFlags&2064&&i!==null)i.return=a,X=i;else e:for(;X!==null;){if(a=X,a.flags&2048)switch(a.tag){case 0:case 11:case 15:Gn(9,a,a.return)}var f=a.sibling;if(f!==null){f.return=a.return,X=f;break e}X=a.return}}var D=e.current;for(X=D;X!==null;){i=X;var y=i.child;if(i.subtreeFlags&2064&&y!==null)y.return=i,X=y;else e:for(i=D;X!==null;){if(l=X,l.flags&2048)try{switch(l.tag){case 0:case 11:case 15:Fa(9,l)}}catch(F){S0(l,l.return,F)}if(l===i){X=null;break e}var S=l.sibling;if(S!==null){S.return=l.return,X=S;break e}X=l.return}}if(A0=o,Me(),z2&&typeof z2.onPostCommitFiberRoot=="function")try{z2.onPostCommitFiberRoot(Ea,e)}catch{}r=!0}return r}finally{p0=n,y2.transition=t}}return!1}function F3(e,t,n){t=an(n,t),t=qp(e,t,1),e=Se(e,t,1),t=Y0(),e!==null&&(hr(e,1,t),n2(e,t))}function S0(e,t,n){if(e.tag===3)F3(e,e,n);else for(;t!==null;){if(t.tag===3){F3(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(Fe===null||!Fe.has(r))){e=an(n,e),e=Yp(t,e,1),t=Se(t,e,1),e=Y0(),t!==null&&(hr(t,1,e),n2(t,e));break}}t=t.return}}function UE(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=Y0(),e.pingedLanes|=e.suspendedLanes&n,O0===e&&(M0&n)===n&&(R0===4||R0===3&&(M0&130023424)===M0&&500>w0()-Dc?et(e,0):pc|=n),n2(e,t)}function DD(e,t){t===0&&(e.mode&1?(t=Hr,Hr<<=1,!(Hr&130023424)&&(Hr=4194304)):t=1);var n=Y0();e=oe(e,t),e!==null&&(hr(e,t,n),n2(e,n))}function WE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),DD(e,n)}function GE(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),DD(e,n)}var CD;CD=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||e2.current)Q0=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Q0=!1,RE(e,t,n);Q0=!!(e.flags&131072)}else Q0=!1,y0&&t.flags&1048576&&Bp(t,$o,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Co(e,t),e=t.pendingProps;var o=tn(t,U0.current);Ut(t,n),o=lc(null,t,r,e,o,n);var a=sc();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,t2(r)?(a=!0,No(t)):a=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,nc(t),o.updater=xa,t.stateNode=o,o._reactInternals=t,Nl(t,r,e,n),t=zl(null,t,r,!0,a,n)):(t.tag=0,y0&&a&&Ks(t),G0(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Co(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=YE(r),e=w2(r,e),o){case 0:t=$l(null,t,r,e,n);break e;case 1:t=m3(null,t,r,e,n);break e;case 11:t=C3(null,t,r,e,n);break e;case 14:t=f3(null,t,r,w2(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:w2(r,o),$l(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:w2(r,o),m3(e,t,r,o,n);case 3:e:{if(Zp(t),e===null)throw Error(q(387));r=t.pendingProps,a=t.memoizedState,o=a.element,yp(e,t),Vo(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=an(Error(q(423)),t),t=B3(e,t,r,n,o);break e}else if(r!==o){o=an(Error(q(424)),t),t=B3(e,t,r,n,o);break e}else for(s2=xe(t.stateNode.containerInfo.firstChild),c2=t,y0=!0,_2=null,n=Sp(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(nn(),r===o){t=ae(e,t,n);break e}G0(e,t,r,n)}t=t.child}return t;case 5:return Fp(t),e===null&&Ll(t),r=t.type,o=t.pendingProps,a=e!==null?e.memoizedProps:null,i=o.children,Tl(r,o)?i=null:a!==null&&Tl(r,a)&&(t.flags|=32),Xp(e,t),G0(e,t,i,n),t.child;case 6:return e===null&&Ll(t),null;case 13:return Qp(e,t,n);case 4:return rc(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=rn(t,null,r,n):G0(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:w2(r,o),C3(e,t,r,o,n);case 7:return G0(e,t,t.pendingProps,n),t.child;case 8:return G0(e,t,t.pendingProps.children,n),t.child;case 12:return G0(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,f0(zo,r._currentValue),r._currentValue=i,a!==null)if(L2(a.value,i)){if(a.children===o.children&&!e2.current){t=ae(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 s=l.firstContext;s!==null;){if(s.context===r){if(a.tag===1){s=te(-1,n&-n),s.tag=2;var u=a.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?s.next=s:(s.next=d.next,d.next=s),u.pending=s}}a.lanes|=n,s=a.alternate,s!==null&&(s.lanes|=n),Ol(a.return,n,t),l.lanes|=n;break}s=s.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),Ol(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}G0(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ut(t,n),o=b2(o),r=r(o),t.flags|=1,G0(e,t,r,n),t.child;case 14:return r=t.type,o=w2(r,t.pendingProps),o=w2(r.type,o),f3(e,t,r,o,n);case 15:return Kp(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:w2(r,o),Co(e,t),t.tag=1,t2(r)?(e=!0,No(t)):e=!1,Ut(t,n),vp(t,r,o),Nl(t,r,o,n),zl(null,t,r,!0,e,n);case 19:return eD(e,t,n);case 22:return Jp(e,t,n)}throw Error(q(156,t.tag))};function fD(e,t){return Vd(e,t)}function qE(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 h2(e,t,n,r){return new qE(e,t,n,r)}function Bc(e){return e=e.prototype,!(!e||!e.isReactComponent)}function YE(e){if(typeof e=="function")return Bc(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Ns)return 11;if(e===Ms)return 14}return 2}function Te(e,t){var n=e.alternate;return n===null?(n=h2(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 Bo(e,t,n,r,o,a){var i=2;if(r=e,typeof e=="function")Bc(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Ft:return tt(n.children,o,a,t);case Ps:i=8,o|=8;break;case ll:return e=h2(12,n,t,o|2),e.elementType=ll,e.lanes=a,e;case sl:return e=h2(13,n,t,o),e.elementType=sl,e.lanes=a,e;case cl:return e=h2(19,n,t,o),e.elementType=cl,e.lanes=a,e;case xd:return Ta(n,o,a,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case bd:i=10;break e;case vd:i=9;break e;case Ns:i=11;break e;case Ms:i=14;break e;case de:i=16,r=null;break e}throw Error(q(130,e==null?e:typeof e,""))}return t=h2(i,n,t,o),t.elementType=e,t.type=r,t.lanes=a,t}function tt(e,t,n,r){return e=h2(7,e,r,t),e.lanes=n,e}function Ta(e,t,n,r){return e=h2(22,e,r,t),e.elementType=xd,e.lanes=n,e.stateNode={isHidden:!1},e}function Ri(e,t,n){return e=h2(6,e,null,t),e.lanes=n,e}function Li(e,t,n){return t=h2(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function KE(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=Di(0),this.expirationTimes=Di(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Di(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Ec(e,t,n,r,o,a,i,l,s){return e=new KE(e,t,n,l,s),t===1?(t=1,a===!0&&(t|=8)):t=0,a=h2(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},nc(a),e}function JE(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:St,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function mD(e){if(!e)return Re;e=e._reactInternals;e:{if(dt(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(t2(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(t2(n))return fp(e,n,t)}return t}function BD(e,t,n,r,o,a,i,l,s){return e=Ec(n,r,!0,e,o,a,i,l,s),e.context=mD(null),n=e.current,r=Y0(),o=we(n),a=te(r,o),a.callback=t??null,Se(n,a,o),e.current.lanes=o,hr(e,o,r),n2(e,r),e}function _a(e,t,n,r){var o=t.current,a=Y0(),i=we(o);return n=mD(n),t.context===null?t.context=n:t.pendingContext=n,t=te(a,i),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=Se(o,t,i),e!==null&&(k2(e,o,i,a),Ao(e,o,i)),i}function Jo(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 w3(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function gc(e,t){w3(e,t),(e=e.alternate)&&w3(e,t)}function XE(){return null}var ED=typeof reportError=="function"?reportError:function(e){console.error(e)};function hc(e){this._internalRoot=e}Ia.prototype.render=hc.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(q(409));_a(e,t,null,null)};Ia.prototype.unmount=hc.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;it(function(){_a(null,e,null,null)}),t[re]=null}};function Ia(e){this._internalRoot=e}Ia.prototype.unstable_scheduleHydration=function(e){if(e){var t=Kd();e={blockedOn:null,target:e,priority:t};for(var n=0;n<De.length&&t!==0&&t<De[n].priority;n++);De.splice(n,0,e),n===0&&Xd(e)}};function yc(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function ka(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function T3(){}function ZE(e,t,n,r,o){if(o){if(typeof r=="function"){var a=r;r=function(){var u=Jo(i);a.call(u)}}var i=BD(t,r,e,0,null,!1,!1,"",T3);return e._reactRootContainer=i,e[re]=i.current,lr(e.nodeType===8?e.parentNode:e),it(),i}for(;o=e.lastChild;)e.removeChild(o);if(typeof r=="function"){var l=r;r=function(){var u=Jo(s);l.call(u)}}var s=Ec(e,0,!1,null,null,!1,!1,"",T3);return e._reactRootContainer=s,e[re]=s.current,lr(e.nodeType===8?e.parentNode:e),it(function(){_a(t,s,n,r)}),s}function Ra(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if(typeof o=="function"){var l=o;o=function(){var s=Jo(i);l.call(s)}}_a(t,i,e,o)}else i=ZE(n,t,e,o,r);return Jo(i)}qd=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Pn(t.pendingLanes);n!==0&&(js(t,n|1),n2(t,w0()),!(A0&6)&&(ln=w0()+500,Me()))}break;case 13:it(function(){var r=oe(e,1);if(r!==null){var o=Y0();k2(r,e,1,o)}}),gc(e,1)}};Vs=function(e){if(e.tag===13){var t=oe(e,134217728);if(t!==null){var n=Y0();k2(t,e,134217728,n)}gc(e,134217728)}};Yd=function(e){if(e.tag===13){var t=we(e),n=oe(e,t);if(n!==null){var r=Y0();k2(n,e,t,r)}gc(e,t)}};Kd=function(){return p0};Jd=function(e,t){var n=p0;try{return p0=e,t()}finally{p0=n}};El=function(e,t,n){switch(t){case"input":if(dl(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=ba(r);if(!o)throw Error(q(90));Fd(r),dl(r,o)}}}break;case"textarea":Td(e,n);break;case"select":t=n.value,t!=null&&zt(e,!!n.multiple,t,!1)}};Pd=Cc;Nd=it;var QE={usingClientEntryPoint:!1,Events:[br,It,ba,Ld,Od,Cc]},kn={findFiberByHostInstance:Je,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},eg={bundleType:kn.bundleType,version:kn.version,rendererPackageName:kn.rendererPackageName,rendererConfig:kn.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:le.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=zd(e),e===null?null:e.stateNode},findFiberByHostInstance:kn.findFiberByHostInstance||XE,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 eo=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!eo.isDisabled&&eo.supportsFiber)try{Ea=eo.inject(eg),z2=eo}catch{}}p2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=QE;p2.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!yc(t))throw Error(q(200));return JE(e,t,null,n)};p2.createRoot=function(e,t){if(!yc(e))throw Error(q(299));var n=!1,r="",o=ED;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=Ec(e,1,!1,null,null,n,!1,r,o),e[re]=t.current,lr(e.nodeType===8?e.parentNode:e),new hc(t)};p2.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=zd(t),e=e===null?null:e.stateNode,e};p2.flushSync=function(e){return it(e)};p2.hydrate=function(e,t,n){if(!ka(t))throw Error(q(200));return Ra(null,e,t,!0,n)};p2.hydrateRoot=function(e,t,n){if(!yc(e))throw Error(q(405));var r=n!=null&&n.hydratedSources||null,o=!1,a="",i=ED;if(n!=null&&(n.unstable_strictMode===!0&&(o=!0),n.identifierPrefix!==void 0&&(a=n.identifierPrefix),n.onRecoverableError!==void 0&&(i=n.onRecoverableError)),t=BD(t,null,e,1,n??null,o,!1,a,i),e[re]=t.current,lr(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 Ia(t)};p2.render=function(e,t,n){if(!ka(t))throw Error(q(200));return Ra(null,e,t,!1,n)};p2.unmountComponentAtNode=function(e){if(!ka(e))throw Error(q(40));return e._reactRootContainer?(it(function(){Ra(null,null,e,!1,function(){e._reactRootContainer=null,e[re]=null})}),!0):!1};p2.unstable_batchedUpdates=Cc;p2.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!ka(n))throw Error(q(200));if(e==null||e._reactInternals===void 0)throw Error(q(38));return Ra(e,t,n,!1,r)};p2.version="18.2.0-next-9e3b772b8-20220608";function gD(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(gD)}catch(e){console.error(e)}}gD(),Bd.exports=p2;var se=Bd.exports;const Mt=Er(se);function Zl(){return U2=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},U2.apply(this,arguments)}function bc(e,t,n){return n={path:t,exports:{},require:function(r,o){return tg(r,o??n.path)}},e(n,n.exports),n.exports}function tg(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}let Gt;typeof window<"u"?Gt=window:typeof self<"u"?Gt=self:Gt={};Gt.setTimeout;Gt.clearTimeout;function xr(){}const Rn=Gt.performance||{};Rn.now||Rn.mozNow||Rn.msNow||Rn.oNow||Rn.webkitNow;const ng=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},rg=yD()?c.useLayoutEffect:c.useEffect,_3={};let hD=xr;hD=function(t){_3[t]||(_3[t]=!0)};function og(e,t){if(e!=null)if(ig(e))e(t);else try{e.current=t}catch{throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function yD(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}function La(e){return c.forwardRef(e)}function ag(e){return yD()?e?e.ownerDocument:document:null}function ig(e){return!!(e&&{}.toString.call(e)=="[object Function]")}function lg(e){return typeof e=="string"}let bD=xr;bD=function(t){const n=c.useRef(t);c.useEffect(function(){return void(n.current=t)},[t]),c.useEffect(function(){return hD(n.current)},[])};function sg(){const e=c.useState(Object.create(null)),t=e[1];return c.useCallback(function(){t(Object.create(null))},[])}function cg(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return c.useMemo(function(){return t.every(function(r){return r==null})?null:function(r){t.forEach(function(o){og(o,r)})}},[].concat(t))}function Eo(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}const vD=function(t){const n=t.children,r=t.type,o=r===void 0?"reach-portal":r,a=c.useRef(null),i=c.useRef(null),l=sg();return rg(function(){if(!a.current)return;const s=a.current.ownerDocument;return i.current=s==null?void 0:s.createElement(o),s.body.appendChild(i.current),l(),function(){i.current&&i.current.ownerDocument&&i.current.ownerDocument.body.removeChild(i.current)}},[o,l]),i.current?se.createPortal(n,i.current):c.createElement("span",{ref:a})};vD.displayName="Portal";function ug(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 Ag=bc(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,s=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,C=n?Symbol.for("react.forward_ref"):60112,E=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,p=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,f=n?Symbol.for("react.block"):60121,D=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,S=n?Symbol.for("react.scope"):60119;function F(t0){return typeof t0=="string"||typeof t0=="function"||t0===a||t0===A||t0===l||t0===i||t0===E||t0===m||typeof t0=="object"&&t0!==null&&(t0.$$typeof===b||t0.$$typeof===p||t0.$$typeof===s||t0.$$typeof===u||t0.$$typeof===C||t0.$$typeof===D||t0.$$typeof===y||t0.$$typeof===S||t0.$$typeof===f)}function w(t0){if(typeof t0=="object"&&t0!==null){const hn=t0.$$typeof;switch(hn){case r:var pt=t0.type;switch(pt){case d:case A:case a:case l:case i:case E:return pt;default:var wr=pt&&pt.$$typeof;switch(wr){case u:case C:case b:case p:case s:return wr;default:return hn}}case o:return hn}}}const I=d,L=A,H=u,O=s,J=r,k=C,M=a,R=b,P=p,U=o,V=l,T=i,j=E;let $=!1;function G(t0){return $||($=!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.")),Y(t0)||w(t0)===d}function Y(t0){return w(t0)===A}function K(t0){return w(t0)===u}function Q(t0){return w(t0)===s}function o0(t0){return typeof t0=="object"&&t0!==null&&t0.$$typeof===r}function n0(t0){return w(t0)===C}function l0(t0){return w(t0)===a}function a0(t0){return w(t0)===b}function D0(t0){return w(t0)===p}function z0(t0){return w(t0)===o}function C2(t0){return w(t0)===l}function S2(t0){return w(t0)===i}function qa(t0){return w(t0)===E}t.AsyncMode=I,t.ConcurrentMode=L,t.ContextConsumer=H,t.ContextProvider=O,t.Element=J,t.ForwardRef=k,t.Fragment=M,t.Lazy=R,t.Memo=P,t.Portal=U,t.Profiler=V,t.StrictMode=T,t.Suspense=j,t.isAsyncMode=G,t.isConcurrentMode=Y,t.isContextConsumer=K,t.isContextProvider=Q,t.isElement=o0,t.isForwardRef=n0,t.isFragment=l0,t.isLazy=a0,t.isMemo=D0,t.isPortal=z0,t.isProfiler=C2,t.isStrictMode=S2,t.isSuspense=qa,t.isValidElementType=F,t.typeOf=w})()}),xD=bc(function(e){e.exports=Ag}),dg="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Ge=dg;let Ql=function(){};{var pg=Ge,es={},Dg=Function.call.bind(Object.prototype.hasOwnProperty);Ql=function(e){const t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}}function SD(e,t,n,r,o){for(const i in e)if(Dg(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,pg)}catch(l){a=l}if(a&&!(a instanceof Error)&&Ql((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 es)){es[a.message]=!0;const l=o?o():"";Ql("Failed "+n+" type: "+a.message+(l??""))}}}SD.resetWarningCache=function(){es={}};const I3=SD,Cg=Function.call.bind(Object.prototype.hasOwnProperty);let yt=function(){};yt=function(e){const t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}};function to(){return null}const fg=function(e,t){const n=typeof Symbol=="function"&&Symbol.iterator,r="@@iterator";function o(k){const M=k&&(n&&k[n]||k[r]);if(typeof M=="function")return M}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:C,element:E(),elementType:m(),instanceOf:p,node:y(),objectOf:f,oneOf:b,oneOfType:D,shape:S,exact:F};function l(k,M){return k===M?k!==0||1/k===1/M:k!==k&&M!==M}function s(k){this.message=k,this.stack=""}s.prototype=Error.prototype;function u(k){var M={},R=0;function P(V,T,j,$,G,Y,K){if($=$||a,Y=Y||j,K!==Ge){if(t){const Q=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 Q.name="Invariant Violation",Q}else if(typeof console<"u"){const Q=$+":"+j;!M[Q]&&R<3&&(yt("You are manually calling a React.PropTypes validation function for the `"+Y+"` prop on `"+$+"`. 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."),M[Q]=!0,R++)}}return T[j]==null?V?T[j]===null?new s("The "+G+" `"+Y+"` is marked as required "+("in `"+$+"`, but its value is `null`.")):new s("The "+G+" `"+Y+"` is marked as required in "+("`"+$+"`, but its value is `undefined`.")):null:k(T,j,$,G,Y)}const U=P.bind(null,!1);return U.isRequired=P.bind(null,!0),U}function d(k){function M(R,P,U,V,T,j){const $=R[P];if(L($)!==k){const Y=H($);return new s("Invalid "+V+" `"+T+"` of type "+("`"+Y+"` supplied to `"+U+"`, expected ")+("`"+k+"`."))}return null}return u(M)}function A(){return u(to)}function C(k){function M(R,P,U,V,T){if(typeof k!="function")return new s("Property `"+T+"` of component `"+U+"` has invalid PropType notation inside arrayOf.");const j=R[P];if(!Array.isArray(j)){const $=L(j);return new s("Invalid "+V+" `"+T+"` of type "+("`"+$+"` supplied to `"+U+"`, expected an array."))}for(let $=0;$<j.length;$++){const G=k(j,$,U,V,T+"["+$+"]",Ge);if(G instanceof Error)return G}return null}return u(M)}function E(){function k(M,R,P,U,V){const T=M[R];if(!e(T)){const j=L(T);return new s("Invalid "+U+" `"+V+"` of type "+("`"+j+"` supplied to `"+P+"`, expected a single ReactElement."))}return null}return u(k)}function m(){function k(M,R,P,U,V){const T=M[R];if(!xD.isValidElementType(T)){const j=L(T);return new s("Invalid "+U+" `"+V+"` of type "+("`"+j+"` supplied to `"+P+"`, expected a single ReactElement type."))}return null}return u(k)}function p(k){function M(R,P,U,V,T){if(!(R[P]instanceof k)){const j=k.name||a,$=J(R[P]);return new s("Invalid "+V+" `"+T+"` of type "+("`"+$+"` supplied to `"+U+"`, expected ")+("instance of `"+j+"`."))}return null}return u(M)}function b(k){if(!Array.isArray(k))return arguments.length>1?yt("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])."):yt("Invalid argument supplied to oneOf, expected an array."),to;function M(R,P,U,V,T){const j=R[P];for(let G=0;G<k.length;G++)if(l(j,k[G]))return null;const $=JSON.stringify(k,function(Y,K){return H(K)==="symbol"?String(K):K});return new s("Invalid "+V+" `"+T+"` of value `"+String(j)+"` "+("supplied to `"+U+"`, expected one of "+$+"."))}return u(M)}function f(k){function M(R,P,U,V,T){if(typeof k!="function")return new s("Property `"+T+"` of component `"+U+"` has invalid PropType notation inside objectOf.");const j=R[P],$=L(j);if($!=="object")return new s("Invalid "+V+" `"+T+"` of type "+("`"+$+"` supplied to `"+U+"`, expected an object."));for(const G in j)if(Cg(j,G)){const Y=k(j,G,U,V,T+"."+G,Ge);if(Y instanceof Error)return Y}return null}return u(M)}function D(k){if(!Array.isArray(k))return yt("Invalid argument supplied to oneOfType, expected an instance of array."),to;for(let R=0;R<k.length;R++){const P=k[R];if(typeof P!="function")return yt("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+O(P)+" at index "+R+"."),to}function M(R,P,U,V,T){for(let j=0;j<k.length;j++){const $=k[j];if($(R,P,U,V,T,Ge)==null)return null}return new s("Invalid "+V+" `"+T+"` supplied to "+("`"+U+"`."))}return u(M)}function y(){function k(M,R,P,U,V){return w(M[R])?null:new s("Invalid "+U+" `"+V+"` supplied to "+("`"+P+"`, expected a ReactNode."))}return u(k)}function S(k){function M(R,P,U,V,T){const j=R[P],$=L(j);if($!=="object")return new s("Invalid "+V+" `"+T+"` of type `"+$+"` "+("supplied to `"+U+"`, expected `object`."));for(const G in k){const Y=k[G];if(!Y)continue;const K=Y(j,G,U,V,T+"."+G,Ge);if(K)return K}return null}return u(M)}function F(k){function M(R,P,U,V,T){const j=R[P],$=L(j);if($!=="object")return new s("Invalid "+V+" `"+T+"` of type `"+$+"` "+("supplied to `"+U+"`, expected `object`."));const G=ng({},R[P],k);for(const Y in G){const K=k[Y];if(!K)return new s("Invalid "+V+" `"+T+"` key `"+Y+"` supplied to `"+U+"`.\nBad object: "+JSON.stringify(R[P],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(k),null,"  "));const Q=K(j,Y,U,V,T+"."+Y,Ge);if(Q)return Q}return null}return u(M)}function w(k){switch(typeof k){case"number":case"string":case"undefined":return!0;case"boolean":return!k;case"object":if(Array.isArray(k))return k.every(w);if(k===null||e(k))return!0;var M=o(k);if(M){const R=M.call(k);let P;if(M!==k.entries){for(;!(P=R.next()).done;)if(!w(P.value))return!1}else for(;!(P=R.next()).done;){const U=P.value;if(U&&!w(U[1]))return!1}}else return!1;return!0;default:return!1}}function I(k,M){return k==="symbol"?!0:M?M["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&M instanceof Symbol:!1}function L(k){const M=typeof k;return Array.isArray(k)?"array":k instanceof RegExp?"object":I(M,k)?"symbol":M}function H(k){if(typeof k>"u"||k===null)return""+k;const M=L(k);if(M==="object"){if(k instanceof Date)return"date";if(k instanceof RegExp)return"regexp"}return M}function O(k){const M=H(k);switch(M){case"array":case"object":return"an "+M;case"boolean":case"date":case"regexp":return"a "+M;default:return M}}function J(k){return!k.constructor||!k.constructor.name?a:k.constructor.name}return i.checkPropTypes=I3,i.resetWarningCache=I3.resetWarningCache,i.PropTypes=i,i},d0=bc(function(e){{const t=xD,n=!0;e.exports=fg(t.isElement,n)}}),ts="data-focus-lock",FD="data-focus-lock-disabled",mg="data-no-focus-lock",Bg="data-autofocus-inside";function Eg(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function gg(e,t){var n=c.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 wD(e,t){return gg(t,function(n){return e.forEach(function(r){return Eg(r,n)})})}const Oi={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};d0.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 Xo=function(){return Xo=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},Xo.apply(this,arguments)};function hg(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 TD(e){return e}function _D(e,t){t===void 0&&(t=TD);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)},s=function(){return Promise.resolve().then(l)};s(),n={push:function(u){i.push(u),s()},filter:function(u){return i=i.filter(u),n}}}}}function vc(e,t){return t===void 0&&(t=TD),_D(e,t)}function ID(e){e===void 0&&(e={});const t=_D(null);return t.options=Xo({async:!0,ssr:!1},e),t}const kD=function(e){const t=e.sideCar,n=hg(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 c.createElement(r,Xo({},n))};kD.isSideCarExport=!0;function yg(e,t){return e.useMedium(t),kD}const RD=vc({},function(e){const t=e.target,n=e.currentTarget;return{target:t,currentTarget:n}}),LD=vc(),bg=vc(),vg=ID({async:!0}),xg=[],Oa=c.forwardRef(function(t,n){let r;const o=c.useState(),a=o[0],i=o[1],l=c.useRef(),s=c.useRef(!1),u=c.useRef(null),d=t.children,A=t.disabled,C=t.noFocusGuards,E=t.persistentFocus,m=t.crossFrame,p=t.autoFocus,b=t.allowTextSelection,f=t.group,D=t.className,y=t.whiteList,S=t.shards,F=S===void 0?xg:S,w=t.as,I=w===void 0?"div":w,L=t.lockProps,H=L===void 0?{}:L,O=t.sideCar,J=t.returnFocus,k=t.onActivation,M=t.onDeactivation,R=c.useState({}),P=R[0],U=c.useCallback(function(){u.current=u.current||document&&document.activeElement,l.current&&k&&k(l.current),s.current=!0},[k]),V=c.useCallback(function(){s.current=!1,M&&M(l.current)},[M]),T=c.useCallback(function(n0){const l0=u.current;if(J&&l0&&l0.focus){const a0=typeof J=="object"?J:void 0;u.current=null,n0?Promise.resolve().then(function(){return l0.focus(a0)}):l0.focus(a0)}},[J]),j=c.useCallback(function(n0){s.current&&RD.useMedium(n0)},[]),$=LD.useMedium,G=c.useCallback(function(n0){l.current!==n0&&(l.current=n0,i(n0))},[]);typeof b<"u"&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),c.useEffect(function(){l.current||console.error("FocusLock: could not obtain ref to internal node")},[]);const Y=Zl((r={},r[FD]=A&&"disabled",r[ts]=f,r),H),K=C!==!0,Q=K&&C!=="tail",o0=wD([n,G]);return c.createElement(c.Fragment,null,K&&[c.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:A?-1:0,style:Oi}),c.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:A?-1:1,style:Oi})],!A&&c.createElement(O,{id:P,sideCar:vg,observed:a,disabled:A,persistentFocus:E,crossFrame:m,autoFocus:p,whiteList:y,shards:F,onActivation:U,onDeactivation:V,returnFocus:T}),c.createElement(I,Zl({ref:o0},Y,{className:D,onBlur:$,onFocus:j}),d),Q&&c.createElement("div",{"data-focus-guard":!0,tabIndex:A?-1:0,style:Oi}))});Oa.propTypes={children:d0.node,disabled:d0.bool,returnFocus:d0.oneOfType([d0.bool,d0.object]),noFocusGuards:d0.bool,allowTextSelection:d0.bool,autoFocus:d0.bool,persistentFocus:d0.bool,crossFrame:d0.bool,group:d0.string,className:d0.string,whiteList:d0.func,shards:d0.arrayOf(d0.any),as:d0.oneOfType([d0.string,d0.func,d0.object]),lockProps:d0.object,onActivation:d0.func,onDeactivation:d0.func,sideCar:d0.any.isRequired};Oa.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 ns(e,t){return ns=Object.setPrototypeOf||function(r,o){return r.__proto__=o,r},ns(e,t)}function Sg(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,ns(e,t)}function Fg(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function wg(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 s=function(u){Sg(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 E=a.indexOf(this);a.splice(E,1),l()},A.render=function(){return c.createElement(o,this.props)},d}(c.PureComponent);return Fg(s,"displayName","SideEffect("+n(o)+")"),s}}const Le=function(e){const t=Array(e.length);for(let n=0;n<e.length;++n)t[n]=e[n];return t},rs=function(e){return Array.isArray(e)?e:[e]},Tg=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 OD=function(e){return e.parentNode?OD(e.parentNode):e};const xc=function(e){return rs(e).filter(Boolean).reduce(function(n,r){const o=r.getAttribute(ts);return n.push.apply(n,o?Tg(Le(OD(r).querySelectorAll("["+ts+'="'+o+'"]:not(['+FD+'="disabled"])'))):[r]),n},[])},_g=function(e){return!e||!e.getPropertyValue?!1:e.getPropertyValue("display")==="none"||e.getPropertyValue("visibility")==="hidden"};var PD=function(e){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!_g(window.getComputedStyle(e,null))&&PD(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)};const Ig=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},Sc=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},Zo=function(e){return!Sc(e)},kg=function(e){return!!e},Rg=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},ND=function(e,t,n){return Le(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(Rg)},Lg=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],os=Lg.join(","),Og=os+", [data-focus-guard]",Fc=function(e,t){return e.reduce(function(n,r){return n.concat(Le(r.querySelectorAll(t?Og:os)),r.parentNode?Le(r.parentNode.querySelectorAll(os)).filter(function(o){return o===r}):[])},[])},Pg=function(e){const t=e.querySelectorAll("["+Bg+"]");return Le(t).map(function(n){return Fc([n])}).reduce(function(n,r){return n.concat(r)},[])},wc=function(e){return Le(e).filter(function(t){return PD(t)}).filter(function(t){return Ig(t)})},as=function(e,t){return ND(wc(Fc(e,t)),!0,t)},k3=function(e){return ND(wc(Fc(e)),!1)},Ng=function(e){return wc(Pg(e))};var is=function(e,t){return t===void 0&&(t=[]),t.push(e),e.parentNode&&is(e.parentNode,t),t};const Pi=function(e,t){const n=is(e),r=is(t);for(let o=0;o<n.length;o+=1){const a=n[o];if(r.indexOf(a)>=0)return a}return!1},MD=function(e,t,n){const r=rs(e),o=rs(t),a=r[0];let i=!1;return o.filter(Boolean).forEach(function(l){i=Pi(i||l,l)||i,n.filter(Boolean).forEach(function(s){const u=Pi(a,s);u&&(!i||u.contains(i)?i=u:i=Pi(u,i))})}),i},Mg=function(e){return e.reduce(function(t,n){return t.concat(Ng(n))},[])},$g=function(e){const t=xc(e).filter(Zo),n=MD(e,e,t),r=as([n],!0),o=as(t).filter(function(a){const i=a.node;return Zo(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:Sc(i)}})},zg=function(e){return e===document.activeElement},jg=function(e){return!!Le(e.querySelectorAll("iframe")).some(function(t){return zg(t)})},$D=function(e){const t=document&&document.activeElement;return!t||t.dataset&&t.dataset.focusGuard?!1:xc(e).reduce(function(n,r){return n||r.contains(t)||jg(r)},!1)},Vg=function(){return document&&Le(document.querySelectorAll("["+mg+"]")).some(function(e){return e.contains(document.activeElement)})},zD=function(e){return e.tagName==="INPUT"&&e.type==="radio"},Hg=function(e,t){return t.filter(zD).filter(function(n){return n.name===e.name}).filter(function(n){return n.checked})[0]||e},Tc=function(e,t){return zD(e)&&e.name?Hg(e,t):e},Ug=function(e){const t=new Set;return e.forEach(function(n){return t.add(Tc(n,e))}),e.filter(function(n){return t.has(n)})},R3=function(e){return e[0]&&e.length>1?Tc(e[0],e):e[0]},L3=function(e,t){return e.length>1?e.indexOf(Tc(e[t],e)):t},jD="NEW_FOCUS",Wg=function(e,t,n,r){const o=e.length,a=e[0],i=e[o-1],l=Sc(n);if(e.indexOf(n)>=0)return;const s=t.indexOf(n),u=r?t.indexOf(r):s,d=r?e.indexOf(r):-1,A=s-u,C=t.indexOf(a),E=t.indexOf(i),m=Ug(t),p=m.indexOf(n)-(r?m.indexOf(r):s),b=L3(e,0),f=L3(e,o-1);if(s===-1||d===-1)return jD;if(!A&&d>=0)return d;if(s<=C&&l&&Math.abs(A)>1)return f;if(s>=E&&l&&Math.abs(A)>1)return b;if(A&&Math.abs(p)>1)return d;if(s<=C)return f;if(s>E)return b;if(A)return Math.abs(A)>1?d:(o+d+A)%o},Gg=function(e){return function(t){return t.autofocus||t.dataset&&!!t.dataset.autofocus||e.indexOf(t)>=0}},qg=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(kg)},Yg=function(e,t){const n=document&&document.activeElement,r=xc(e).filter(Zo),o=MD(n||e,e,r),a=k3(r);let i=as(r).filter(function(A){const C=A.node;return Zo(C)});if(!i[0]&&(i=a,!i[0]))return;const l=k3([o]).map(function(A){return A.node}),s=qg(l,i),u=s.map(function(A){return A.node}),d=Wg(u,l,n,t);if(d===jD){const A=a.map(function(C){return C.node}).filter(Gg(Mg(r)));return{node:A&&A.length?R3(A):R3(u)}}return d===void 0?d:s[d]},Kg=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()};let Ni=0,Mi=!1;const VD=function(e,t){const n=Yg(e,t);if(!Mi&&n){if(Ni>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Mi=!0,setTimeout(function(){Mi=!1},1);return}Ni++,Kg(n.node),Ni--}};function HD(e){const t=window,n=t.setImmediate;typeof n<"u"?n(e):setTimeout(e,1)}const Jg=function(){return document&&document.activeElement===document.body},Xg=function(){return Jg()||Vg()};let qt=null,$t=null,Yt=null,fr=!1;const Zg=function(){return!0},Qg=function(t){return(qt.whiteList||Zg)(t)},eh=function(t,n){Yt={observerNode:t,portaledElement:n}},th=function(t){return Yt&&Yt.portaledElement===t};function O3(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 nh=function(t){return t&&"current"in t?t.current:t},rh=function(t){return t?!!fr:fr==="meanwhile"},Qo=function(){let t=!1;if(qt){const n=qt,r=n.observed,o=n.persistentFocus,a=n.autoFocus,i=n.shards,l=n.crossFrame,s=r||Yt&&Yt.portaledElement,u=document&&document.activeElement;if(s){const d=[s].concat(i.map(nh).filter(Boolean));if((!u||Qg(u))&&(o||rh(l)||!Xg()||!$t&&a)&&(s&&!($D(d)||th(u))&&(document&&!$t&&u&&!a?(u.blur&&u.blur(),document.body.focus()):(t=VD(d,$t),Yt={})),fr=!1,$t=document&&document.activeElement),document){const A=document&&document.activeElement,C=$g(d),E=C.map(function(m){return m.node}).indexOf(A);E>-1&&(C.filter(function(m){const p=m.guard,b=m.node;return p&&b.dataset.focusAutoGuard}).forEach(function(m){return m.node.removeAttribute("tabIndex")}),O3(E,C.length,1,C),O3(E,-1,-1,C))}}}return t},UD=function(t){Qo()&&t&&(t.stopPropagation(),t.preventDefault())},_c=function(){return HD(Qo)},oh=function(t){const n=t.target,r=t.currentTarget;r.contains(n)||eh(r,n)},ah=function(){return null};d0.node.isRequired;const WD=function(){fr="just",setTimeout(function(){fr="meanwhile"},0)},ih=function(){document.addEventListener("focusin",UD,!0),document.addEventListener("focusout",_c),window.addEventListener("blur",WD)},lh=function(){document.removeEventListener("focusin",UD,!0),document.removeEventListener("focusout",_c),window.removeEventListener("blur",WD)};function sh(e){return e.filter(function(t){return!t.disabled})}function ch(e){const t=e.slice(-1)[0];t&&!qt&&ih();const n=qt,r=n&&t&&t.id===n.id;qt=t,n&&!r&&(n.onDeactivation(),e.filter(function(o){return o.id===n.id}).length||n.returnFocus(!t)),t?($t=null,(!r||n.observed!==t.observed)&&t.onActivation(),Qo(),HD(Qo)):(lh(),$t=null)}RD.assignSyncMedium(oh);LD.assignMedium(_c);bg.assignMedium(function(e){return e({moveFocusInside:VD,focusInside:$D})});const uh=wg(sh,ch)(ah),GD=c.forwardRef(function(t,n){return c.createElement(Oa,Zl({sideCar:uh,ref:n},t))}),qD=Oa.propTypes||{};qD.sideCar;const Ah=ug(qD,["sideCar"]);GD.propTypes=Ah;/*! *****************************************************************************
+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 Kt=function(){return Kt=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},Kt.apply(this,arguments)};function dh(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 go="right-scroll-bar-position",ho="width-before-scroll-bar",ph="with-scroll-bars-hidden",Dh="--removed-body-scroll-bar-size",YD=ID(),$i=function(){},Pa=c.forwardRef(function(e,t){const n=c.useRef(null),r=c.useState({onScrollCapture:$i,onWheelCapture:$i,onTouchMoveCapture:$i}),o=r[0],a=r[1],i=e.forwardProps,l=e.children,s=e.className,u=e.removeScrollBar,d=e.enabled,A=e.shards,C=e.sideCar,E=e.noIsolation,m=e.inert,p=e.allowPinchZoom,b=e.as,f=b===void 0?"div":b,D=dh(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),y=C,S=wD([n,t]),F=Kt({},D,o);return c.createElement(c.Fragment,null,d&&c.createElement(y,{sideCar:YD,removeScrollBar:u,shards:A,noIsolation:E,inert:m,setCallbacks:a,allowPinchZoom:!!p,lockRef:n}),i?c.cloneElement(c.Children.only(l),Kt({},F,{ref:S})):c.createElement(f,Kt({},F,{className:s,ref:S}),l))});Pa.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};Pa.classNames={fullWidth:ho,zeroRight:go};const Ch=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function fh(){if(!document)return null;const e=document.createElement("style");e.type="text/css";const t=Ch();return t&&e.setAttribute("nonce",t),e}function mh(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function Bh(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}const Eh=function(){let e=0,t=null;return{add:function(n){e==0&&(t=fh())&&(mh(t,n),Bh(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},gh=function(){const e=Eh();return function(t){c.useEffect(function(){return e.add(t),function(){e.remove()}},[])}},KD=function(){const e=gh();return function(n){const r=n.styles;return e(r),null}},hh={left:0,top:0,right:0,gap:0},zi=function(e){return parseInt(e||"",10)||0},yh=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[zi(n),zi(r),zi(o)]},P3=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return hh;const t=yh(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])}},bh=KD(),vh=function(e,t,n,r){const o=e.left,a=e.top,i=e.right,l=e.gap;return n===void 0&&(n="margin"),`
+  .`+ph+` {
+   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("")+`
+  }
+  
+  .`+go+` {
+    right: `+l+"px "+r+`;
+  }
+  
+  .`+ho+` {
+    margin-right: `+l+"px "+r+`;
+  }
+  
+  .`+go+" ."+go+` {
+    right: 0 `+r+`;
+  }
+  
+  .`+ho+" ."+ho+` {
+    margin-right: 0 `+r+`;
+  }
+  
+  body {
+    `+Dh+": "+l+`px;
+  }
+`},xh=function(e){const t=c.useState(P3(e.gapMode)),n=t[0],r=t[1];c.useEffect(function(){r(P3(e.gapMode))},[e.gapMode]);const o=e.noRelative,a=e.noImportant,i=e.gapMode,l=i===void 0?"margin":i;return c.createElement(bh,{styles:vh(n,!o,l,a?"":"!important")})},Sh=function(e){const t=window.getComputedStyle(e);return t.overflowY!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowY==="visible")},Fh=function(e){const t=window.getComputedStyle(e);return t.overflowX!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowX==="visible")},N3=function(e,t){let n=t;do{if(JD(e,n)){const o=XD(e,n),a=o[1],i=o[2];if(a>i)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},wh=function(e){const t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},Th=function(e){const t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]};var JD=function(e,t){return e==="v"?Sh(t):Fh(t)},XD=function(e,t){return e==="v"?wh(t):Th(t)};const _h=function(e,t,n,r,o){const a=r;let i=n.target;const l=t.contains(i);let s=!1;const u=a>0;let d=0,A=0;do{const C=XD(e,i),E=C[0],m=C[1],p=C[2],b=m-p-E;(E||b)&&JD(e,i)&&(d+=b,A+=E),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))&&(s=!0),s};let ls=!1;if(typeof window<"u")try{const e=Object.defineProperty({},"passive",{get:function(){return ls=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{ls=!1}const Bt=ls?{passive:!1}:!1,no=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},M3=function(e){return[e.deltaX,e.deltaY]},$3=function(e){return e&&"current"in e?e.current:e},Ih=function(e,t){return e[0]===t[0]&&e[1]===t[1]},kh=function(e){return`
+  .block-interactivity-`+e+` {pointer-events: none;}
+  .allow-interactivity-`+e+` {pointer-events: all;}
+`};let Rh=0,Et=[];function Lh(e){const t=c.useRef([]),n=c.useRef([0,0]),r=c.useRef(),o=c.useState(Rh++)[0],a=c.useState(function(){return KD()})[0],i=c.useRef(e);c.useEffect(function(){i.current=e},[e]),c.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-"+o);const p=[e.lockRef.current].concat((e.shards||[]).map($3)).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=c.useCallback(function(p,b){if("touches"in p&&p.touches.length===2)return!i.current.allowPinchZoom;const f=no(p),D=n.current,y="deltaX"in p?p.deltaX:D[0]-f[0],S="deltaY"in p?p.deltaY:D[1]-f[1];let F;const w=p.target,I=Math.abs(y)>Math.abs(S)?"h":"v";let L=N3(I,w);if(!L)return!0;if(L?F=I:(F=I==="v"?"h":"v",L=N3(I,w)),!L)return!1;if(!r.current&&"changedTouches"in p&&(y||S)&&(r.current=F),!F)return!0;const H=r.current||F;return _h(H,b,p,H==="h"?y:S,!0)},[]),s=c.useCallback(function(p){const b=p;if(!Et.length||Et[Et.length-1]!==a)return;const f="deltaY"in b?M3(b):no(b),D=t.current.filter(function(y){return y.name===b.type&&y.target===b.target&&Ih(y.delta,f)})[0];if(D&&D.should){b.preventDefault();return}if(!D){const y=(i.current.shards||[]).map($3).filter(Boolean).filter(function(F){return F.contains(b.target)});(y.length>0?l(b,y[0]):!i.current.noIsolation)&&b.preventDefault()}},[]),u=c.useCallback(function(p,b,f,D){const y={name:p,delta:b,target:f,should:D};t.current.push(y),setTimeout(function(){t.current=t.current.filter(function(S){return S!==y})},1)},[]),d=c.useCallback(function(p){n.current=no(p),r.current=void 0},[]),A=c.useCallback(function(p){u(p.type,M3(p),p.target,l(p,e.lockRef.current))},[]),C=c.useCallback(function(p){u(p.type,no(p),p.target,l(p,e.lockRef.current))},[]);c.useEffect(function(){return Et.push(a),e.setCallbacks({onScrollCapture:A,onWheelCapture:A,onTouchMoveCapture:C}),document.addEventListener("wheel",s,Bt),document.addEventListener("touchmove",s,Bt),document.addEventListener("touchstart",d,Bt),function(){Et=Et.filter(function(p){return p!==a}),document.removeEventListener("wheel",s,Bt),document.removeEventListener("touchmove",s,Bt),document.removeEventListener("touchstart",d,Bt)}},[]);const E=e.removeScrollBar,m=e.inert;return c.createElement(c.Fragment,null,m?c.createElement(a,{styles:kh(o)}):null,E?c.createElement(xh,{gapMode:"margin"}):null)}const Oh=yg(YD,Lh),ZD=c.forwardRef(function(e,t){return c.createElement(Pa,Kt({},e,{ref:t,sideCar:Oh}))});ZD.classNames=Pa.classNames;function U2(){return U2=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},U2.apply(this,arguments)}function Na(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 QD={allowPinchZoom:d0.bool,dangerouslyBypassFocusLock:d0.bool,dangerouslyBypassScrollLock:d0.bool,initialFocusRef:function(){return null},onDismiss:d0.func},sn=La(function(t,n){const r=t.as,o=r===void 0?"div":r,a=t.isOpen,i=a===void 0?!0:a,l=Na(t,["as","isOpen"]);return bD("dialog"),c.useEffect(function(){i?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[i]),i?c.createElement(vD,{"data-reach-dialog-wrapper":""},c.createElement(Ph,U2({ref:n,as:o},l))):null});sn.displayName="DialogOverlay",sn.propTypes=U2({},QD,{isOpen:d0.bool});var Ph=La(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,s=t.dangerouslyBypassScrollLock,u=s===void 0?!1:s,d=t.initialFocusRef,A=t.onClick,C=t.onDismiss,E=C===void 0?xr:C,m=t.onKeyDown,p=t.onMouseDown,b=t.unstable_lockFocusAcrossFrames,f=b===void 0?!0:b,D=Na(t,["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),y=c.useRef(null),S=c.useRef(null),F=cg(S,n),w=c.useCallback(function(){d&&d.current&&d.current.focus()},[d]);function I(O){y.current===O.target&&(O.stopPropagation(),E(O))}function L(O){O.key==="Escape"&&(O.stopPropagation(),E(O))}function H(O){y.current=O.target}return c.useEffect(function(){return S.current?Nh(S.current):void 0},[]),c.createElement(GD,{autoFocus:!0,returnFocus:!0,onActivation:w,disabled:l,crossFrame:f},c.createElement(ZD,{allowPinchZoom:r,enabled:!u},c.createElement(a,U2({},D,{ref:F,"data-reach-dialog-overlay":"",onClick:Eo(A,I),onKeyDown:Eo(m,L),onMouseDown:Eo(p,H)}))))});sn.displayName="DialogOverlay",sn.propTypes=U2({},QD);const ea=La(function(t,n){const r=t.as,o=r===void 0?"div":r,a=t.onClick;t.onKeyDown;const i=Na(t,["as","onClick","onKeyDown"]);return c.createElement(o,U2({"aria-modal":"true",role:"dialog",tabIndex:-1},i,{ref:n,"data-reach-dialog-content":"",onClick:Eo(a,function(l){l.stopPropagation()})}))});ea.displayName="DialogContent",ea.propTypes={"aria-label":ta,"aria-labelledby":ta};const z3=La(function(t,n){const r=t.allowPinchZoom,o=r===void 0?!1:r,a=t.initialFocusRef,i=t.isOpen,l=t.onDismiss,s=l===void 0?xr:l,u=Na(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return c.createElement(sn,{allowPinchZoom:o,initialFocusRef:a,isOpen:i,onDismiss:s},c.createElement(ea,U2({ref:n},u)))});z3.displayName="Dialog",z3.propTypes={isOpen:d0.bool,onDismiss:d0.func,"aria-label":ta,"aria-labelledby":ta};function Nh(e){const t=[],n=[],r=ag(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 s=o.getAttribute("aria-hidden");s!==null&&s!=="false"||(t.push(s),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`."),xr)}function ta(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&&!lg(e[t])?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null}const Mh=({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}),Jt=({children:e,href:t,style:n})=>v.jsx("a",{className:"ladle-link",href:t,style:n,children:e}),lt=({children:e})=>v.jsx("code",{className:"ladle-code",children:e}),En=({children:e,close:t,isOpen:n,label:r,maxWidth:o="40em"})=>v.jsx(sn,{isOpen:n,onDismiss:()=>t(),"data-testid":"ladle-dialog-overlay",children:v.jsxs(ea,{"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(Mh,{onClick:()=>t(),"aria-label":"Close modal",style:{height:"36px",width:"36px",borderColor:"transparent",boxShadow:"none"},children:v.jsx($7,{})})}),v.jsx("div",{className:"ladle-addon-modal-body",children:e})]})});var q0;(function(e){e.Full="full",e.Preview="preview"})(q0||(q0={}));var F0;(function(e){e.Light="light",e.Dark="dark",e.Auto="auto"})(F0||(F0={}));var r0;(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"})(r0||(r0={}));var i0;(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"})(i0||(i0={}));const j3=e=>{switch(e){case r0.Boolean:return"checkbox";case r0.Number:return"number";case r0.Range:return"range";default:return"text"}},V3=(e,t)=>{switch(t){case r0.Boolean:return e.checked;case r0.Number:case r0.Range:return parseFloat(e.value);default:return e.value}},na=(e,t)=>t&&t.some(r=>r===Number(e))?Number(e):e==="true"||e==="false"?e!=="false":e,eC=(e,t)=>{const n=W2.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],s=t[i].type;if(s!==r0.Action){let u=l;switch(s){case r0.String:u=decodeURI(l);break;case r0.Boolean:u=l==="true";break;case r0.Range:u=parseFloat(l);break;case r0.Number:u=parseInt(l,10);break;case r0.Complex:u=JSON.parse(decodeURI(l));break;case r0.Radio:case r0.InlineRadio:case r0.Select:case r0.Background:u=na(decodeURI(l),t[i].options);break;case r0.InlineCheck:case r0.MultiSelect:case r0.Check:u=na(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)},$h=({controlKey:e,globalState:t,dispatch:n})=>{const r=t.control[e],o=t.control[e].name||e;if(t.control[e].type===r0.Action)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{children:"action"})]});if(t.control[e].type===r0.Function)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{children:"function"})]});if(t.control[e].type===r0.Radio||t.control[e].type===r0.InlineRadio||t.control[e].type===r0.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===r0.InlineRadio?{display:"flex"}:{},children:(t.control[e].options||[]).map(a=>{const i=t.control[e].value,s=(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===r0.InlineRadio?{paddingRight:"0.5em"}:{}},children:[v.jsx("input",{id:`${e}-${String(a)}`,type:"radio",name:e,value:String(a),onChange:()=>{n({type:i0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:na(String(a),t.control[e].options)}}})},checked:u}),v.jsx("label",{htmlFor:`${e}-${String(a)}`,children:String(s)})]},`${String(a)}-${e}`)})})]});if(t.control[e].type===r0.Check||t.control[e].type===r0.InlineCheck||t.control[e].type===r0.MultiSelect)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{style:t.control[e].type===r0.InlineCheck?{display:"flex"}:{},children:(t.control[e].options||[]).map(a=>{const i=new Set(t.control[e].value),s=(t.control[e].labels||{})[a]||a;return v.jsxs("div",{style:{display:"flex",alignItems:"center",...t.control[e].type===r0.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:i0.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(s)})]},`${String(a)}-${e}`)})})]});if(t.control[e].type===r0.Select||t.control[e].type===r0.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(s=>i[s]===a.target.value)||a.target.value;n({type:i0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:na(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===r0.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:i0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:l}}})}})})]})}if(r.type===r0.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:j3(r.type),value:r.value,min:r.min,max:r.max,step:r.step,onChange:l=>n({type:i0.UpdateControl,value:{...t.control,[e]:{...r,value:V3(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:j3(t.control[e].type),value:t.control[e].value,checked:t.control[e].type===r0.Boolean&&t.control[e].value===!0,onChange:a=>n({type:i0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:V3(a.target,t.control[e].type)}}})})})]})},zh=({globalState:e,dispatch:t})=>{const[n,r]=c.useState(!1);g2(e0.hotkeys.control,()=>r(i=>!i),{enabled:e.hotkeys&&e0.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(q7,{}),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(En,{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($h,{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:i0.UpdateControl,value:i})},type:"button",children:"Reset to defaults"})]})]})})},H3=["select","multi-select","radio","inline-radio","background","check","inline-check","range","color","date","number","text","boolean"],jh=({component:e,args:t,argTypes:n})=>{const{globalState:r,dispatch:o}=ol(),a=s=>u=>{o({type:i0.UpdateAction,value:{name:s,event:u},clear:!1})};c.useEffect(()=>{const s={};let u=0;if(t&&Object.keys(t).forEach(d=>{const A=t[d];if(r.control[d])s[d]={type:r.control[d].type,defaultValue:A,value:r.control[d].value,description:""};else{let C=r0.Complex;switch(typeof A){case"function":C=r0.Function;break;case"boolean":C=r0.Boolean;break;case"number":C=r0.Number;break;case"string":C=r0.String;break}s[d]={type:C,defaultValue:A,value:A,description:""}}}),n&&Object.keys(n).forEach(d=>{const A=n[d];if(A&&A.action){s[d]={type:r0.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(H3.indexOf(A.control.type)===-1)throw new Error(`only ${H3.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.");s[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]&&(s[d].value=r.control[d].value)}),Object.keys(s).length){const d=eC(location.search,s);Object.keys(d).forEach(A=>{s[A].value=d[A].value}),Object.keys(s).some(A=>!r.control[A]||s[A].value!==r.control[A].value)&&o({type:i0.UpdateControl,value:s})}else r.controlInitialized||o({type:i0.UpdateControlIntialized,value:!0})},[]);const i=(s,u)=>n&&n[s]&&n[s].mapping&&n[s].mapping.hasOwnProperty(u)?n[s].mapping[u]:u,l={};return Object.keys(r.control).forEach(s=>{Array.isArray(r.control[s].value)?l[s]=r.control[s].value.map(u=>i(s,u)):l[s]=i(s,r.control[s].value)}),r.controlInitialized?c.createElement(e,l):null},Vh=({children:e,msw:t})=>{const[n,r]=c.useState(!1);return c.useEffect(()=>((async()=>{if(t.length>0){const{setupWorker:a}=await B(()=>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 h(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:{...F_,...e.default&&e.default.args?e.default.args:{},...e[t].args?e[t].args:{}},argTypes:{...Ov,...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(),s=z.useMemo(()=>function(){return v.jsx(Vh,{msw:o,children:v.jsx(jh,{...a})})},[]);if(n.length===0)return v.jsx(s,{});const u=A=>z.useRef(()=>{const C=ol(),E={};return Object.keys(C.globalState.control).forEach(m=>E[m]=C.globalState.control[m].value),n[A](A===0?s:u(A-1),{...C,parameters:r,argTypes:a.argTypes,args:E})}).current,d=u(n.length-1);return l.controlInitialized?v.jsx(d,{}):v.jsx(s,{})}}var tC={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 s in a)t.call(a,s)&&a[s]&&r.push(s)}}}return r.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(tC);var Hh=tC.exports;const r2=Er(Hh),Uh=()=>typeof document>"u"?void 0:document,mr=()=>typeof window>"u"?void 0:window,ak=(...e)=>t=>{for(const n of e)if(n==null||n(t),t!=null&&t.defaultPrevented)return},ik=e=>{if(!e)return[];const t=getComputedStyle(e).getPropertyValue("transform");return Wh(t)},Wh=e=>{const t=new DOMMatrix(e);return[t.m41,t.m42]},lk=(e,t,n)=>Math.min(n,Math.max(t,e)),Gh=(e=21)=>{const t="_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";let n="";for(let r=0;r<e;r++)n+=t[Math.random()*64|0];return n},Ma=c.createContext(void 0),qh=typeof globalThis.jest<"u",Yh=typeof globalThis.beforeEach<"u"&&`${globalThis.beforeEach}`.replace(/\s/g,"")==="function(name,fn){suites[0].beforeEach(name,fn);}",Kh=typeof globalThis.__vitest_index__<"u",Jh=qh||Kh||Yh;let $a=!1;try{$a=!1}catch{}const sk=$a?()=>{let e=!1;return t=>{e||(console.warn(t),e=!0)}}:()=>()=>{},ra={fontSize:!1,themeProvider:!1},Xh=()=>{const e=c.useContext(Ma);return Zh(e),Qh(),e},Zh=e=>{c.useEffect(()=>{$a&&!ra.themeProvider&&!e&&(console.error("iTwinUI components must be used within a tree wrapped in a ThemeProvider."),ra.themeProvider=!0)},[e])},Qh=()=>{c.useEffect(()=>{$a&&!ra.fontSize&&(parseInt(getComputedStyle(document.documentElement).fontSize)<16&&console.error(`Root font size must not be overridden. 
+See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#relative-font-size`),ra.fontSize=!0)},[])},U3=new Proxy({},{get(e,t){if(typeof t=="string"&&t.startsWith("iui-"))return t.replace("iui-","_iui3-")},has(e,t){return typeof t=="string"&&t.startsWith("iui-")}}),W3=e=>(t,n)=>{const r=c.forwardRef(({as:o=e,...a},i)=>{a={...n,...a,className:ty(r2(t,n==null?void 0:n.className,a.className))};const l=o||"div";return(l==="button"||l==="a"||l==="input"&&a.type==="checkbox")&&(a.tabIndex??(a.tabIndex=0)),Xh(),c.createElement(l,{ref:i,...a})});return r.displayName=ey(t),r},nC=new Proxy(W3("div"),{get:(e,t)=>typeof t=="string"?W3(t):Reflect.get(e,t)}),ey=e=>e.replace(/-([a-z])/g,n=>n[1].toUpperCase()).substring(3),ty=(e="")=>e.split(" ").map(t=>t in U3?U3[t]:t).join(" ")||null,ny=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=>{const n=new CSSStyleSheet;return n.replaceSync(t),{default:n}})}}},rC=(...e)=>t=>{e.forEach(n=>{typeof n=="function"?n(t):n&&(n.current=t)})},za=(...e)=>c.useCallback(rC(...e),[...e]),ry=(e,t)=>{if(!e)return null;if(!c.isValidElement(e))return e;const n=t(e),r=rC(...["ref"in e?e.ref:null,"ref"in n?n.ref:null].filter(Boolean));return c.cloneElement(e,{...n,ref:r})},oy=e=>{const t=c.useRef();return[c.useCallback(r=>{var o,a,i,l,s;(o=mr())!=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;const[{contentRect:d}]=u;return e(d)})}),(s=(l=t.current)==null?void 0:l.observe)==null||s.call(l,r)))},[e]),t.current]},_e=typeof window<"u"?c.useLayoutEffect:c.useEffect,ji=20,ay=(e,t=!1,n="horizontal")=>{const r=c.useRef(null),[o,a]=c.useState(()=>t?e.length:Math.min(e.length,ji)),i=c.useRef(!0),[l,s]=c.useState(0),u=c.useRef(0),d=c.useCallback(({width:p,height:b})=>s(n==="horizontal"?p:b),[n]),[A,C]=oy(d),E=c.useRef(C);_e(()=>{t?a(e.length):(a(Math.min(e.length,ji)),i.current=!0)},[l,t,e]);const m=za(r,A);return _e(()=>{var D;if(!r.current||t){(D=E.current)==null||D.disconnect();return}const p=n==="horizontal"?"Width":"Height",b=r.current[`offset${p}`],f=r.current[`scroll${p}`];if(b<f){const y=f/o,S=Math.floor(b/y);a(S>0?S:1)}else if(i.current){const y=Array.from(r.current.children).reduce((I,L)=>I+L[`offset${p}`],0),S=o||Math.min(e.length,ji),F=y/S,w=Math.floor(b/F);isNaN(w)||a(Math.min(e.length,w*2))}i.current=!1},[l,o,t,e.length,n]),_e(()=>{u.current=l},[l]),[m,o]},G3=e=>{const[t,n]=c.useState();return _e(()=>{var a,i,l;const r=(i=(a=mr())==null?void 0:a.matchMedia)==null?void 0:i.call(a,e),o=({matches:s})=>n(s);if(r!=null){n(r.matches);try{r.addEventListener("change",o)}catch{(l=r.addListener)==null||l.call(r,o)}}return()=>{var s;try{r==null||r.removeEventListener("change",o)}catch{(s=r==null?void 0:r.removeListener)==null||s.call(r,o)}}},[e]),!!t},Ic=e=>{const t=c.useContext(e);if(!t)throw new Error(`${e.displayName} is undefined`);return t},oC=e=>{const t=c.useRef(e);return c.useEffect(()=>{t.current=e},[e]),t},kc=()=>{const[e,t]=c.useState(!1);return c.useEffect(()=>{t(!0)},[]),e},q3=()=>{const e=ly();return c.useMemo(()=>`iui-${e}`,[e])},iy=_s,ly=iy.useId??(()=>c.useMemo(()=>Gh(10),[])),aC=(e,t,n)=>{const[r,o]=c.useState(e),a=t!==void 0?t:r,i=c.useCallback(l=>{o(l),n==null||n(l)},[n,o]);return[a,i]},R2=nC.div("");function ie(e){return iC(e)?(e.nodeName||"").toLowerCase():"#document"}function o2(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ce(e){var t;return(t=(iC(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function iC(e){return e instanceof Node||e instanceof o2(e).Node}function B0(e){return e instanceof Element||e instanceof o2(e).Element}function W0(e){return e instanceof HTMLElement||e instanceof o2(e).HTMLElement}function ss(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof o2(e).ShadowRoot}function Sr(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=A2(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function sy(e){return["table","td","th"].includes(ie(e))}function Rc(e){const t=Lc(),n=A2(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 cy(e){let t=st(e);for(;W0(t)&&!cn(t);){if(Rc(t))return t;t=st(t)}return null}function Lc(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function cn(e){return["html","body","#document"].includes(ie(e))}function A2(e){return o2(e).getComputedStyle(e)}function ja(e){return B0(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function st(e){if(ie(e)==="html")return e;const t=e.assignedSlot||e.parentNode||ss(e)&&e.host||ce(e);return ss(t)?t.host:t}function lC(e){const t=st(e);return cn(t)?e.ownerDocument?e.ownerDocument.body:e.body:W0(t)&&Sr(t)?t:lC(t)}function Ie(e,t,n){var r;t===void 0&&(t=[]),n===void 0&&(n=!0);const o=lC(e),a=o===((r=e.ownerDocument)==null?void 0:r.body),i=o2(o);return a?t.concat(i,i.visualViewport||[],Sr(o)?o:[],i.frameElement&&n?Ie(i.frameElement):[]):t.concat(o,Ie(o,[],n))}function fe(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 I0(e,t){if(!e||!t)return!1;const n=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&ss(n)){let r=t;for(;r;){if(e===r)return!0;r=r.parentNode||r.host}}return!1}function sC(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function cC(){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 uy(e){return e.mozInputSource===0&&e.isTrusted?!0:cs()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function uC(e){return dy()?!1:!cs()&&e.width===0&&e.height===0||cs()&&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 AC(){return/apple/i.test(navigator.vendor)}function cs(){const e=/android/i;return e.test(sC())||e.test(cC())}function Ay(){return sC().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function dy(){return cC().includes("jsdom/")}function oa(e,t){const n=["mouse","pen"];return t||n.push("",void 0),n.includes(e)}function py(e){return"nativeEvent"in e}function Dy(e){return e.matches("html,body")}function Z0(e){return(e==null?void 0:e.ownerDocument)||document}function Vi(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 me(e){return"composedPath"in e?e.composedPath()[0]:e.target}const Cy="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function Oc(e){return W0(e)&&e.matches(Cy)}function Hi(e){e.preventDefault(),e.stopPropagation()}function fy(e){return e?e.getAttribute("role")==="combobox"&&Oc(e):!1}const us=Math.min,Xt=Math.max,aa=Math.round,ro=Math.floor,Oe=e=>({x:e,y:e}),dC=["top","right","bottom","left"],Y3=["start","end"],K3=dC.reduce((e,t)=>e.concat(t,t+"-"+Y3[0],t+"-"+Y3[1]),[]),un=Math.min,N2=Math.max,my={left:"right",right:"left",bottom:"top",top:"bottom"},By={start:"end",end:"start"};function J3(e,t,n){return N2(e,un(t,n))}function $e(e,t){return typeof e=="function"?e(t):e}function x2(e){return e.split("-")[0]}function V2(e){return e.split("-")[1]}function pC(e){return e==="x"?"y":"x"}function DC(e){return e==="y"?"height":"width"}function gn(e){return["top","bottom"].includes(x2(e))?"y":"x"}function CC(e){return pC(gn(e))}function fC(e,t,n){n===void 0&&(n=!1);const r=V2(e),o=CC(e),a=DC(o);let i=o==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=la(i)),[i,la(i)]}function Ey(e){const t=la(e);return[ia(e),t,ia(t)]}function ia(e){return e.replace(/start|end/g,t=>By[t])}function gy(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 hy(e,t,n,r){const o=V2(e);let a=gy(x2(e),n==="start",r);return o&&(a=a.map(i=>i+"-"+o),t&&(a=a.concat(a.map(ia)))),a}function la(e){return e.replace(/left|right|bottom|top/g,t=>my[t])}function yy(e){return{top:0,right:0,bottom:0,left:0,...e}}function mC(e){return typeof e!="number"?yy(e):{top:e,right:e,bottom:e,left:e}}function An(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function X3(e,t,n){let{reference:r,floating:o}=e;const a=gn(t),i=CC(t),l=DC(i),s=x2(t),u=a==="y",d=r.x+r.width/2-o.width/2,A=r.y+r.height/2-o.height/2,C=r[l]/2-o[l]/2;let E;switch(s){case"top":E={x:d,y:r.y-o.height};break;case"bottom":E={x:d,y:r.y+r.height};break;case"right":E={x:r.x+r.width,y:A};break;case"left":E={x:r.x-o.width,y:A};break;default:E={x:r.x,y:r.y}}switch(V2(t)){case"start":E[i]-=C*(n&&u?-1:1);break;case"end":E[i]+=C*(n&&u?-1:1);break}return E}const by=async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:i}=n,l=a.filter(Boolean),s=await(i.isRTL==null?void 0:i.isRTL(t));let u=await i.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:A}=X3(u,r,s),C=r,E={},m=0;for(let p=0;p<l.length;p++){const{name:b,fn:f}=l[p],{x:D,y,data:S,reset:F}=await f({x:d,y:A,initialPlacement:r,placement:C,strategy:o,middlewareData:E,rects:u,platform:i,elements:{reference:e,floating:t}});if(d=D??d,A=y??A,E={...E,[b]:{...E[b],...S}},F&&m<=50){m++,typeof F=="object"&&(F.placement&&(C=F.placement),F.rects&&(u=F.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:o}):F.rects),{x:d,y:A}=X3(u,C,s)),p=-1;continue}}return{x:d,y:A,placement:C,strategy:o,middlewareData:E}};async function dn(e,t){var n;t===void 0&&(t={});const{x:r,y:o,platform:a,rects:i,elements:l,strategy:s}=e,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:A="floating",altBoundary:C=!1,padding:E=0}=$e(t,e),m=mC(E),b=l[C?A==="floating"?"reference":"floating":A],f=An(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:s})),D=A==="floating"?{...i.floating,x:r,y:o}:i.reference,y=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),S=await(a.isElement==null?void 0:a.isElement(y))?await(a.getScale==null?void 0:a.getScale(y))||{x:1,y:1}:{x:1,y:1},F=An(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:D,offsetParent:y,strategy:s}):D);return{top:(f.top-F.top+m.top)/S.y,bottom:(F.bottom-f.bottom+m.bottom)/S.y,left:(f.left-F.left+m.left)/S.x,right:(F.right-f.right+m.right)/S.x}}function vy(e,t,n){return(e?[...n.filter(o=>V2(o)===e),...n.filter(o=>V2(o)!==e)]:n.filter(o=>x2(o)===o)).filter(o=>e?V2(o)===e||(t?ia(o)!==o:!1):!0)}const xy=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:s,elements:u}=t,{crossAxis:d=!1,alignment:A,allowedPlacements:C=K3,autoAlignment:E=!0,...m}=$e(e,t),p=A!==void 0||C===K3?vy(A||null,E,C):C,b=await dn(t,m),f=((n=i.autoPlacement)==null?void 0:n.index)||0,D=p[f];if(D==null)return{};const y=fC(D,a,await(s.isRTL==null?void 0:s.isRTL(u.floating)));if(l!==D)return{reset:{placement:p[0]}};const S=[b[x2(D)],b[y[0]],b[y[1]]],F=[...((r=i.autoPlacement)==null?void 0:r.overflows)||[],{placement:D,overflows:S}],w=p[f+1];if(w)return{data:{index:f+1,overflows:F},reset:{placement:w}};const I=F.map(O=>{const J=V2(O.placement);return[O.placement,J&&d?O.overflows.slice(0,2).reduce((k,M)=>k+M,0):O.overflows[0],O.overflows]}).sort((O,J)=>O[1]-J[1]),H=((o=I.filter(O=>O[2].slice(0,V2(O[0])?2:3).every(J=>J<=0))[0])==null?void 0:o[0])||I[0][0];return H!==l?{data:{index:f+1,overflows:F},reset:{placement:H}}:{}}}},Sy=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:s,elements:u}=t,{mainAxis:d=!0,crossAxis:A=!0,fallbackPlacements:C,fallbackStrategy:E="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:p=!0,...b}=$e(e,t);if((n=a.arrow)!=null&&n.alignmentOffset)return{};const f=x2(o),D=x2(l)===l,y=await(s.isRTL==null?void 0:s.isRTL(u.floating)),S=C||(D||!p?[la(l)]:Ey(l));!C&&m!=="none"&&S.push(...hy(l,p,m,y));const F=[l,...S],w=await dn(t,b),I=[];let L=((r=a.flip)==null?void 0:r.overflows)||[];if(d&&I.push(w[f]),A){const k=fC(o,i,y);I.push(w[k[0]],w[k[1]])}if(L=[...L,{placement:o,overflows:I}],!I.every(k=>k<=0)){var H,O;const k=(((H=a.flip)==null?void 0:H.index)||0)+1,M=F[k];if(M)return{data:{index:k,overflows:L},reset:{placement:M}};let R=(O=L.filter(P=>P.overflows[0]<=0).sort((P,U)=>P.overflows[1]-U.overflows[1])[0])==null?void 0:O.placement;if(!R)switch(E){case"bestFit":{var J;const P=(J=L.map(U=>[U.placement,U.overflows.filter(V=>V>0).reduce((V,T)=>V+T,0)]).sort((U,V)=>U[1]-V[1])[0])==null?void 0:J[0];P&&(R=P);break}case"initialPlacement":R=l;break}if(o!==R)return{reset:{placement:R}}}return{}}}};function Z3(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Q3(e){return dC.some(t=>e[t]>=0)}const Fy=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:r="referenceHidden",...o}=$e(e,t);switch(r){case"referenceHidden":{const a=await dn(t,{...o,elementContext:"reference"}),i=Z3(a,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:Q3(i)}}}case"escaped":{const a=await dn(t,{...o,altBoundary:!0}),i=Z3(a,n.floating);return{data:{escapedOffsets:i,escaped:Q3(i)}}}default:return{}}}}};function BC(e){const t=un(...e.map(a=>a.left)),n=un(...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 wy(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=>An(BC(o)))}const Ty=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:s,y:u}=$e(e,t),d=Array.from(await(a.getClientRects==null?void 0:a.getClientRects(r.reference))||[]),A=wy(d),C=An(BC(d)),E=mC(l);function m(){if(A.length===2&&A[0].left>A[1].right&&s!=null&&u!=null)return A.find(b=>s>b.left-E.left&&s<b.right+E.right&&u>b.top-E.top&&u<b.bottom+E.bottom)||C;if(A.length>=2){if(gn(n)==="y"){const O=A[0],J=A[A.length-1],k=x2(n)==="top",M=O.top,R=J.bottom,P=k?O.left:J.left,U=k?O.right:J.right,V=U-P,T=R-M;return{top:M,bottom:R,left:P,right:U,width:V,height:T,x:P,y:M}}const b=x2(n)==="left",f=N2(...A.map(O=>O.right)),D=un(...A.map(O=>O.left)),y=A.filter(O=>b?O.left===D:O.right===f),S=y[0].top,F=y[y.length-1].bottom,w=D,I=f,L=I-w,H=F-S;return{top:S,bottom:F,left:w,right:I,width:L,height:H,x:w,y:S}}return C}const p=await a.getElementRects({reference:{getBoundingClientRect:m},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 _y(e,t){const{placement:n,platform:r,elements:o}=e,a=await(r.isRTL==null?void 0:r.isRTL(o.floating)),i=x2(n),l=V2(n),s=gn(n)==="y",u=["left","top"].includes(i)?-1:1,d=a&&s?-1:1,A=$e(t,e);let{mainAxis:C,crossAxis:E,alignmentAxis:m}=typeof A=="number"?{mainAxis:A,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...A};return l&&typeof m=="number"&&(E=l==="end"?m*-1:m),s?{x:E*d,y:C*u}:{x:C*u,y:E*d}}const eA=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await _y(t,e);return{x:n+o.x,y:r+o.y,data:o}}}},Iy=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:f,y:D}=b;return{x:f,y:D}}},...s}=$e(e,t),u={x:n,y:r},d=await dn(t,s),A=gn(x2(o)),C=pC(A);let E=u[C],m=u[A];if(a){const b=C==="y"?"top":"left",f=C==="y"?"bottom":"right",D=E+d[b],y=E-d[f];E=J3(D,E,y)}if(i){const b=A==="y"?"top":"left",f=A==="y"?"bottom":"right",D=m+d[b],y=m-d[f];m=J3(D,m,y)}const p=l.fn({...t,[C]:E,[A]:m});return{...p,data:{x:p.x-n,y:p.y-r}}}}},ky=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}=$e(e,t),s=await dn(t,l),u=x2(n),d=V2(n),A=gn(n)==="y",{width:C,height:E}=r.floating;let m,p;u==="top"||u==="bottom"?(m=u,p=d===(await(o.isRTL==null?void 0:o.isRTL(a.floating))?"start":"end")?"left":"right"):(p=u,m=d==="end"?"top":"bottom");const b=E-s[m],f=C-s[p],D=!t.middlewareData.shift;let y=b,S=f;if(A){const w=C-s.left-s.right;S=d||D?un(f,w):w}else{const w=E-s.top-s.bottom;y=d||D?un(b,w):w}if(D&&!d){const w=N2(s.left,0),I=N2(s.right,0),L=N2(s.top,0),H=N2(s.bottom,0);A?S=C-2*(w!==0||I!==0?w+I:N2(s.left,s.right)):y=E-2*(L!==0||H!==0?L+H:N2(s.top,s.bottom))}await i({...t,availableWidth:S,availableHeight:y});const F=await o.getDimensions(a.floating);return C!==F.width||E!==F.height?{reset:{rects:!0}}:{}}}};function EC(e){const t=A2(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=W0(e),a=o?e.offsetWidth:n,i=o?e.offsetHeight:r,l=aa(n)!==a||aa(r)!==i;return l&&(n=a,r=i),{width:n,height:r,$:l}}function Pc(e){return B0(e)?e:e.contextElement}function Zt(e){const t=Pc(e);if(!W0(t))return Oe(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:a}=EC(t);let i=(a?aa(n.width):n.width)/r,l=(a?aa(n.height):n.height)/o;return(!i||!Number.isFinite(i))&&(i=1),(!l||!Number.isFinite(l))&&(l=1),{x:i,y:l}}const Ry=Oe(0);function gC(e){const t=o2(e);return!Lc()||!t.visualViewport?Ry:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Ly(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==o2(e)?!1:t}function ct(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);const o=e.getBoundingClientRect(),a=Pc(e);let i=Oe(1);t&&(r?B0(r)&&(i=Zt(r)):i=Zt(e));const l=Ly(a,n,r)?gC(a):Oe(0);let s=(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 C=o2(a),E=r&&B0(r)?o2(r):r;let m=C,p=m.frameElement;for(;p&&r&&E!==m;){const b=Zt(p),f=p.getBoundingClientRect(),D=A2(p),y=f.left+(p.clientLeft+parseFloat(D.paddingLeft))*b.x,S=f.top+(p.clientTop+parseFloat(D.paddingTop))*b.y;s*=b.x,u*=b.y,d*=b.x,A*=b.y,s+=y,u+=S,m=o2(p),p=m.frameElement}}return An({width:d,height:A,x:s,y:u})}const Oy=[":popover-open",":modal"];function hC(e){return Oy.some(t=>{try{return e.matches(t)}catch{return!1}})}function Py(e){let{elements:t,rect:n,offsetParent:r,strategy:o}=e;const a=o==="fixed",i=ce(r),l=t?hC(t.floating):!1;if(r===i||l&&a)return n;let s={scrollLeft:0,scrollTop:0},u=Oe(1);const d=Oe(0),A=W0(r);if((A||!A&&!a)&&((ie(r)!=="body"||Sr(i))&&(s=ja(r)),W0(r))){const C=ct(r);u=Zt(r),d.x=C.x+r.clientLeft,d.y=C.y+r.clientTop}return{width:n.width*u.x,height:n.height*u.y,x:n.x*u.x-s.scrollLeft*u.x+d.x,y:n.y*u.y-s.scrollTop*u.y+d.y}}function Ny(e){return Array.from(e.getClientRects())}function yC(e){return ct(ce(e)).left+ja(e).scrollLeft}function My(e){const t=ce(e),n=ja(e),r=e.ownerDocument.body,o=Xt(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=Xt(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-n.scrollLeft+yC(e);const l=-n.scrollTop;return A2(r).direction==="rtl"&&(i+=Xt(t.clientWidth,r.clientWidth)-o),{width:o,height:a,x:i,y:l}}function $y(e,t){const n=o2(e),r=ce(e),o=n.visualViewport;let a=r.clientWidth,i=r.clientHeight,l=0,s=0;if(o){a=o.width,i=o.height;const u=Lc();(!u||u&&t==="fixed")&&(l=o.offsetLeft,s=o.offsetTop)}return{width:a,height:i,x:l,y:s}}function zy(e,t){const n=ct(e,!0,t==="fixed"),r=n.top+e.clientTop,o=n.left+e.clientLeft,a=W0(e)?Zt(e):Oe(1),i=e.clientWidth*a.x,l=e.clientHeight*a.y,s=o*a.x,u=r*a.y;return{width:i,height:l,x:s,y:u}}function tA(e,t,n){let r;if(t==="viewport")r=$y(e,n);else if(t==="document")r=My(ce(e));else if(B0(t))r=zy(t,n);else{const o=gC(e);r={...t,x:t.x-o.x,y:t.y-o.y}}return An(r)}function bC(e,t){const n=st(e);return n===t||!B0(n)||cn(n)?!1:A2(n).position==="fixed"||bC(n,t)}function jy(e,t){const n=t.get(e);if(n)return n;let r=Ie(e,[],!1).filter(l=>B0(l)&&ie(l)!=="body"),o=null;const a=A2(e).position==="fixed";let i=a?st(e):e;for(;B0(i)&&!cn(i);){const l=A2(i),s=Rc(i);!s&&l.position==="fixed"&&(o=null),(a?!s&&!o:!s&&l.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||Sr(i)&&!s&&bC(e,i))?r=r.filter(d=>d!==i):o=l,i=st(i)}return t.set(e,r),r}function Vy(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i=[...n==="clippingAncestors"?jy(t,this._c):[].concat(n),r],l=i[0],s=i.reduce((u,d)=>{const A=tA(t,d,o);return u.top=Xt(A.top,u.top),u.right=us(A.right,u.right),u.bottom=us(A.bottom,u.bottom),u.left=Xt(A.left,u.left),u},tA(t,l,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function Hy(e){const{width:t,height:n}=EC(e);return{width:t,height:n}}function Uy(e,t,n){const r=W0(t),o=ce(t),a=n==="fixed",i=ct(e,!0,a,t);let l={scrollLeft:0,scrollTop:0};const s=Oe(0);if(r||!r&&!a)if((ie(t)!=="body"||Sr(o))&&(l=ja(t)),r){const A=ct(t,!0,a,t);s.x=A.x+t.clientLeft,s.y=A.y+t.clientTop}else o&&(s.x=yC(o));const u=i.left+l.scrollLeft-s.x,d=i.top+l.scrollTop-s.y;return{x:u,y:d,width:i.width,height:i.height}}function nA(e,t){return!W0(e)||A2(e).position==="fixed"?null:t?t(e):e.offsetParent}function vC(e,t){const n=o2(e);if(!W0(e)||hC(e))return n;let r=nA(e,t);for(;r&&sy(r)&&A2(r).position==="static";)r=nA(r,t);return r&&(ie(r)==="html"||ie(r)==="body"&&A2(r).position==="static"&&!Rc(r))?n:r||cy(e)||n}const Wy=async function(e){const t=this.getOffsetParent||vC,n=this.getDimensions;return{reference:Uy(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,...await n(e.floating)}}};function Gy(e){return A2(e).direction==="rtl"}const qy={convertOffsetParentRelativeRectToViewportRelativeRect:Py,getDocumentElement:ce,getClippingRect:Vy,getOffsetParent:vC,getElementRects:Wy,getClientRects:Ny,getDimensions:Hy,getScale:Zt,isElement:B0,isRTL:Gy};function Yy(e,t){let n=null,r;const o=ce(e);function a(){var l;clearTimeout(r),(l=n)==null||l.disconnect(),n=null}function i(l,s){l===void 0&&(l=!1),s===void 0&&(s=1),a();const{left:u,top:d,width:A,height:C}=e.getBoundingClientRect();if(l||t(),!A||!C)return;const E=ro(d),m=ro(o.clientWidth-(u+A)),p=ro(o.clientHeight-(d+C)),b=ro(u),D={rootMargin:-E+"px "+-m+"px "+-p+"px "+-b+"px",threshold:Xt(0,us(1,s))||1};let y=!0;function S(F){const w=F[0].intersectionRatio;if(w!==s){if(!y)return i();w?i(!1,w):r=setTimeout(()=>{i(!1,1e-7)},100)}y=!1}try{n=new IntersectionObserver(S,{...D,root:o.ownerDocument})}catch{n=new IntersectionObserver(S,D)}n.observe(e)}return i(!0),a}function Ky(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:s=!1}=r,u=Pc(e),d=o||a?[...u?Ie(u):[],...Ie(t)]:[];d.forEach(f=>{o&&f.addEventListener("scroll",n,{passive:!0}),a&&f.addEventListener("resize",n)});const A=u&&l?Yy(u,n):null;let C=-1,E=null;i&&(E=new ResizeObserver(f=>{let[D]=f;D&&D.target===u&&E&&(E.unobserve(t),cancelAnimationFrame(C),C=requestAnimationFrame(()=>{var y;(y=E)==null||y.observe(t)})),n()}),u&&!s&&E.observe(u),E.observe(t));let m,p=s?ct(e):null;s&&b();function b(){const f=ct(e);p&&(f.x!==p.x||f.y!==p.y||f.width!==p.width||f.height!==p.height)&&n(),p=f,m=requestAnimationFrame(b)}return n(),()=>{var f;d.forEach(D=>{o&&D.removeEventListener("scroll",n),a&&D.removeEventListener("resize",n)}),A==null||A(),(f=E)==null||f.disconnect(),E=null,s&&cancelAnimationFrame(m)}}const Jy=xy,Xy=Iy,Zy=Sy,Qy=ky,eb=Fy,tb=Ty,nb=(e,t,n)=>{const r=new Map,o={platform:qy,...n},a={...o.platform,_c:r};return by(e,t,{...o,platform:a})};var yo=typeof document<"u"?c.useLayoutEffect:c.useEffect;function sa(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(!sa(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)&&!sa(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}function xC(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function rA(e,t){const n=xC(e);return Math.round(t*n)/n}function oA(e){const t=c.useRef(e);return yo(()=>{t.current=e}),t}function rb(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:s,open:u}=e,[d,A]=c.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[C,E]=c.useState(r);sa(C,r)||E(r);const[m,p]=c.useState(null),[b,f]=c.useState(null),D=c.useCallback(V=>{V!==w.current&&(w.current=V,p(V))},[]),y=c.useCallback(V=>{V!==I.current&&(I.current=V,f(V))},[]),S=a||m,F=i||b,w=c.useRef(null),I=c.useRef(null),L=c.useRef(d),H=s!=null,O=oA(s),J=oA(o),k=c.useCallback(()=>{if(!w.current||!I.current)return;const V={placement:t,strategy:n,middleware:C};J.current&&(V.platform=J.current),nb(w.current,I.current,V).then(T=>{const j={...T,isPositioned:!0};M.current&&!sa(L.current,j)&&(L.current=j,se.flushSync(()=>{A(j)}))})},[C,t,n,J]);yo(()=>{u===!1&&L.current.isPositioned&&(L.current.isPositioned=!1,A(V=>({...V,isPositioned:!1})))},[u]);const M=c.useRef(!1);yo(()=>(M.current=!0,()=>{M.current=!1}),[]),yo(()=>{if(S&&(w.current=S),F&&(I.current=F),S&&F){if(O.current)return O.current(S,F,k);k()}},[S,F,k,O,H]);const R=c.useMemo(()=>({reference:w,floating:I,setReference:D,setFloating:y}),[D,y]),P=c.useMemo(()=>({reference:S,floating:F}),[S,F]),U=c.useMemo(()=>{const V={position:n,left:0,top:0};if(!P.floating)return V;const T=rA(P.floating,d.x),j=rA(P.floating,d.y);return l?{...V,transform:"translate("+T+"px, "+j+"px)",...xC(P.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:T,top:j}},[n,l,P.floating,d.x,d.y]);return c.useMemo(()=>({...d,update:k,refs:R,elements:P,floatingStyles:U}),[d,k,R,P,U])}/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/var ob=["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])"],ca=ob.join(","),SC=typeof Element>"u",pn=SC?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ua=!SC&&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},Aa=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},ab=function(t){var n,r=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return r===""||r==="true"},ib=function(t,n,r){if(Aa(t))return[];var o=Array.prototype.slice.apply(t.querySelectorAll(ca));return n&&pn.call(t,ca)&&o.unshift(t),o=o.filter(r),o},lb=function e(t,n,r){for(var o=[],a=Array.from(t);a.length;){var i=a.shift();if(!Aa(i,!1))if(i.tagName==="SLOT"){var l=i.assignedElements(),s=l.length?l:i.children,u=e(s,!0,r);r.flatten?o.push.apply(o,u):o.push({scopeParent:i,candidates:u})}else{var d=pn.call(i,ca);d&&r.filter(i)&&(n||!t.includes(i))&&o.push(i);var A=i.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(i),C=!Aa(A,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(i));if(A&&C){var E=e(A===!0?i.children:A.children,!0,r);r.flatten?o.push.apply(o,E):o.push({scopeParent:i,candidates:E})}else a.unshift.apply(a,i.children)}}return o},FC=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},wC=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||ab(t))&&!FC(t)?0:t.tabIndex},sb=function(t,n){var r=wC(t);return r<0&&n&&!FC(t)?0:r},cb=function(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex},TC=function(t){return t.tagName==="INPUT"},ub=function(t){return TC(t)&&t.type==="hidden"},Ab=function(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return n},db=function(t,n){for(var r=0;r<t.length;r++)if(t[r].checked&&t[r].form===n)return t[r]},pb=function(t){if(!t.name)return!0;var n=t.form||ua(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=db(o,t.form);return!a||a===t},Db=function(t){return TC(t)&&t.type==="radio"},Cb=function(t){return Db(t)&&!pb(t)},fb=function(t){var n,r=t&&ua(t),o=(n=r)===null||n===void 0?void 0:n.host,a=!1;if(r&&r!==t){var i,l,s;for(a=!!((i=o)!==null&&i!==void 0&&(l=i.ownerDocument)!==null&&l!==void 0&&l.contains(o)||t!=null&&(s=t.ownerDocument)!==null&&s!==void 0&&s.contains(t));!a&&o;){var u,d,A;r=ua(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},aA=function(t){var n=t.getBoundingClientRect(),r=n.width,o=n.height;return r===0&&o===0},mb=function(t,n){var r=n.displayCheck,o=n.getShadowRoot;if(getComputedStyle(t).visibility==="hidden")return!0;var a=pn.call(t,"details>summary:first-of-type"),i=a?t.parentElement:t;if(pn.call(i,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof o=="function"){for(var l=t;t;){var s=t.parentElement,u=ua(t);if(s&&!s.shadowRoot&&o(s)===!0)return aA(t);t.assignedSlot?t=t.assignedSlot:!s&&u!==t.ownerDocument?t=u.host:t=s}t=l}if(fb(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return aA(t);return!1},Bb=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 pn.call(n,"fieldset[disabled] *")?!0:!o.contains(t)}return!0}n=n.parentElement}return!1},Eb=function(t,n){return!(n.disabled||Aa(n)||ub(n)||mb(n,t)||Ab(n)||Bb(n))},As=function(t,n){return!(Cb(n)||wC(n)<0||!Eb(t,n))},gb=function(t){var n=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(n)||n>=0)},hb=function e(t){var n=[],r=[];return t.forEach(function(o,a){var i=!!o.scopeParent,l=i?o.scopeParent:o,s=sb(l,i),u=i?e(o.candidates):l;s===0?i?n.push.apply(n,u):n.push(l):r.push({documentOrder:a,tabIndex:s,item:o,isScope:i,content:u})}),r.sort(cb).reduce(function(o,a){return a.isScope?o.push.apply(o,a.content):o.push(a.content),o},[]).concat(n)},Va=function(t,n){n=n||{};var r;return n.getShadowRoot?r=lb([t],n.includeContainer,{filter:As.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:gb}):r=ib(t,n.includeContainer,As.bind(null,n)),hb(r)},yb=function(t,n){if(n=n||{},!t)throw new Error("No node provided");return pn.call(t,ca)===!1?!1:As(n,t)};const bb=_s.useInsertionEffect,vb=bb||(e=>e());function bt(e){const t=c.useRef(()=>{});return vb(()=>{t.current=e}),c.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)},[])}let iA=0;function He(e,t){t===void 0&&(t={});const{preventScroll:n=!1,cancelPrevious:r=!0,sync:o=!1}=t;r&&cancelAnimationFrame(iA);const a=()=>e==null?void 0:e.focus({preventScroll:n});o?a():iA=requestAnimationFrame(a)}var N0=typeof document<"u"?c.useLayoutEffect:c.useEffect;function da(){return da=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},da.apply(this,arguments)}let Ui=!1,xb=0;const lA=()=>"floating-ui-"+xb++;function Sb(){const[e,t]=c.useState(()=>Ui?lA():void 0);return N0(()=>{e==null&&t(lA())},[]),c.useEffect(()=>{Ui||(Ui=!0)},[]),e}const Fb=_s.useId,Nc=Fb||Sb;function wb(){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 Tb=c.createContext(null),_b=c.createContext(null),Mc=()=>{var e;return((e=c.useContext(Tb))==null?void 0:e.id)||null},Ha=()=>c.useContext(_b);function ut(e){return"data-floating-ui-"+e}function Kn(e){const t=c.useRef(e);return N0(()=>{t.current=e}),t}const sA=ut("safe-polygon");function bo(e,t,n){return n&&!oa(n)?0:typeof e=="number"?e:e==null?void 0:e[t]}function Ib(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,events:a,elements:{domReference:i,floating:l},refs:s}=e,{enabled:u=!0,delay:d=0,handleClose:A=null,mouseOnly:C=!1,restMs:E=0,move:m=!0}=t,p=Ha(),b=Mc(),f=Kn(A),D=Kn(d),y=c.useRef(),S=c.useRef(),F=c.useRef(),w=c.useRef(),I=c.useRef(!0),L=c.useRef(!1),H=c.useRef(()=>{}),O=c.useCallback(()=>{var R;const P=(R=o.current.openEvent)==null?void 0:R.type;return(P==null?void 0:P.includes("mouse"))&&P!=="mousedown"},[o]);c.useEffect(()=>{if(!u)return;function R(P){let{open:U}=P;U||(clearTimeout(S.current),clearTimeout(w.current),I.current=!0)}return a.on("openchange",R),()=>{a.off("openchange",R)}},[u,a]),c.useEffect(()=>{if(!u||!f.current||!n)return;function R(U){O()&&r(!1,U,"hover")}const P=Z0(l).documentElement;return P.addEventListener("mouseleave",R),()=>{P.removeEventListener("mouseleave",R)}},[l,n,r,u,f,O]);const J=c.useCallback(function(R,P,U){P===void 0&&(P=!0),U===void 0&&(U="hover");const V=bo(D.current,"close",y.current);V&&!F.current?(clearTimeout(S.current),S.current=setTimeout(()=>r(!1,R,U),V)):P&&(clearTimeout(S.current),r(!1,R,U))},[D,r]),k=c.useCallback(()=>{H.current(),F.current=void 0},[]),M=c.useCallback(()=>{if(L.current){const R=Z0(s.floating.current).body;R.style.pointerEvents="",R.removeAttribute(sA),L.current=!1}},[s]);return c.useEffect(()=>{if(!u)return;function R(){return o.current.openEvent?["click","mousedown"].includes(o.current.openEvent.type):!1}function P(T){if(clearTimeout(S.current),I.current=!1,C&&!oa(y.current)||E>0&&bo(D.current,"open")===0)return;const j=bo(D.current,"open",y.current);j?S.current=setTimeout(()=>{r(!0,T,"hover")},j):r(!0,T,"hover")}function U(T){if(R())return;H.current();const j=Z0(l);if(clearTimeout(w.current),f.current){n||clearTimeout(S.current),F.current=f.current({...e,tree:p,x:T.clientX,y:T.clientY,onClose(){M(),k(),J(T,!0,"safe-polygon")}});const G=F.current;j.addEventListener("mousemove",G),H.current=()=>{j.removeEventListener("mousemove",G)};return}(y.current==="touch"?!I0(l,T.relatedTarget):!0)&&J(T)}function V(T){R()||f.current==null||f.current({...e,tree:p,x:T.clientX,y:T.clientY,onClose(){M(),k(),J(T)}})(T)}if(B0(i)){const T=i;return n&&T.addEventListener("mouseleave",V),l==null||l.addEventListener("mouseleave",V),m&&T.addEventListener("mousemove",P,{once:!0}),T.addEventListener("mouseenter",P),T.addEventListener("mouseleave",U),()=>{n&&T.removeEventListener("mouseleave",V),l==null||l.removeEventListener("mouseleave",V),m&&T.removeEventListener("mousemove",P),T.removeEventListener("mouseenter",P),T.removeEventListener("mouseleave",U)}}},[i,l,u,e,C,E,m,J,k,M,r,n,p,D,f,o]),N0(()=>{var R;if(u&&n&&(R=f.current)!=null&&R.__options.blockPointerEvents&&O()){const U=Z0(l).body;if(U.setAttribute(sA,""),U.style.pointerEvents="none",L.current=!0,B0(i)&&l){var P;const V=i,T=p==null||(P=p.nodesRef.current.find(j=>j.id===b))==null||(P=P.context)==null?void 0:P.elements.floating;return T&&(T.style.pointerEvents=""),V.style.pointerEvents="auto",l.style.pointerEvents="auto",()=>{V.style.pointerEvents="",l.style.pointerEvents=""}}}},[u,n,b,l,i,p,f,O]),N0(()=>{n||(y.current=void 0,k(),M())},[n,k,M]),c.useEffect(()=>()=>{k(),clearTimeout(S.current),clearTimeout(w.current),M()},[u,i,k,M]),c.useMemo(()=>{if(!u)return{};function R(P){y.current=P.pointerType}return{reference:{onPointerDown:R,onPointerEnter:R,onMouseMove(P){n||E===0||(clearTimeout(w.current),w.current=setTimeout(()=>{I.current||r(!0,P.nativeEvent,"hover")},E))}},floating:{onMouseEnter(){clearTimeout(S.current)},onMouseLeave(P){J(P.nativeEvent,!1)}}}},[u,E,n,r,J])}const _C=c.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:()=>{},setState:()=>{},isInstantPhase:!1}),IC=()=>c.useContext(_C),kb=e=>{let{children:t,delay:n,timeoutMs:r=0}=e;const[o,a]=c.useReducer((s,u)=>({...s,...u}),{delay:n,timeoutMs:r,initialDelay:n,currentId:null,isInstantPhase:!1}),i=c.useRef(null),l=c.useCallback(s=>{a({currentId:s})},[]);return N0(()=>{o.currentId?i.current===null?i.current=o.currentId:a({isInstantPhase:!0}):(a({isInstantPhase:!1}),i.current=null)},[o.currentId]),c.createElement(_C.Provider,{value:c.useMemo(()=>({...o,setState:a,setCurrentId:l}),[o,l])},t)},Rb=(e,t)=>{let{open:n,onOpenChange:r}=e,{id:o}=t;const{currentId:a,setCurrentId:i,initialDelay:l,setState:s,timeoutMs:u}=IC();N0(()=>{a&&(s({delay:{open:1,close:bo(l,"close")}}),a!==o&&r(!1))},[o,r,s,a,l]),N0(()=>{function d(){r(!1),s({delay:l,currentId:null})}if(!n&&a===o){if(u){const A=window.setTimeout(d,u);return()=>{clearTimeout(A)}}d()}},[n,s,a,o,r,l,u]),N0(()=>{n&&i(o)},[n,i,o])};function Lb(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 Qt(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}let gt=new WeakMap,oo=new WeakSet,ao={},Wi=0;const Ob=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,kC=e=>e&&(e.host||kC(e.parentNode)),Pb=(e,t)=>t.map(n=>{if(e.contains(n))return n;const r=kC(n);return e.contains(r)?r:null}).filter(n=>n!=null);function Nb(e,t,n,r){const o="data-floating-ui-inert",a=r?"inert":n?"aria-hidden":null,i=Pb(t,e),l=new Set,s=new Set(i),u=[];ao[o]||(ao[o]=new WeakMap);const d=ao[o];i.forEach(A),C(t),l.clear();function A(E){!E||l.has(E)||(l.add(E),E.parentNode&&A(E.parentNode))}function C(E){!E||s.has(E)||Array.prototype.forEach.call(E.children,m=>{if(l.has(m))C(m);else{const p=a?m.getAttribute(a):null,b=p!==null&&p!=="false",f=(gt.get(m)||0)+1,D=(d.get(m)||0)+1;gt.set(m,f),d.set(m,D),u.push(m),f===1&&b&&oo.add(m),D===1&&m.setAttribute(o,""),!b&&a&&m.setAttribute(a,"true")}})}return Wi++,()=>{u.forEach(E=>{const m=(gt.get(E)||0)-1,p=(d.get(E)||0)-1;gt.set(E,m),d.set(E,p),m||(!oo.has(E)&&a&&E.removeAttribute(a),oo.delete(E)),p||E.removeAttribute(o)}),Wi--,Wi||(gt=new WeakMap,gt=new WeakMap,oo=new WeakSet,ao={})}}function cA(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=Z0(e[0]).body;return Nb(e.concat(Array.from(r.querySelectorAll("[aria-live]"))),r,t,n)}const Br=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function RC(e,t){const n=Va(e,Br());t==="prev"&&n.reverse();const r=n.indexOf(fe(Z0(e)));return n.slice(r+1)[0]}function LC(){return RC(document.body,"next")}function OC(){return RC(document.body,"prev")}function Jn(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!I0(n,r)}function Mb(e){Va(e,Br()).forEach(n=>{n.dataset.tabindex=n.getAttribute("tabindex")||"",n.setAttribute("tabindex","-1")})}function $b(e){e.querySelectorAll("[data-tabindex]").forEach(n=>{const r=n.dataset.tabindex;delete n.dataset.tabindex,r?n.setAttribute("tabindex",r):n.removeAttribute("tabindex")})}const $c={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 zb;function uA(e){e.key==="Tab"&&(e.target,clearTimeout(zb))}const pa=c.forwardRef(function(t,n){const[r,o]=c.useState();N0(()=>(AC()&&o("button"),document.addEventListener("keydown",uA),()=>{document.removeEventListener("keydown",uA)}),[]);const a={ref:n,tabIndex:0,role:r,"aria-hidden":r?void 0:!0,[ut("focus-guard")]:"",style:$c};return c.createElement("span",da({},t,a))}),PC=c.createContext(null),AA=ut("portal");function jb(e){let{id:t,root:n}=e===void 0?{}:e;const[r,o]=c.useState(null),a=Nc(),i=NC(),l=c.useRef(null);return N0(()=>()=>{r==null||r.remove(),queueMicrotask(()=>{l.current=null})},[r]),N0(()=>{if(l.current)return;const s=t?document.getElementById(t):null;if(!s)return;const u=document.createElement("div");u.id=a,u.setAttribute(AA,""),s.appendChild(u),l.current=u,o(u)},[t,a]),N0(()=>{if(l.current)return;let s=n||(i==null?void 0:i.portalNode);s&&!B0(s)&&(s=s.current),s=s||document.body;let u=null;t&&(u=document.createElement("div"),u.id=t,s.appendChild(u));const d=document.createElement("div");d.id=a,d.setAttribute(AA,""),s=u||s,s.appendChild(d),l.current=d,o(d)},[t,n,a,i]),r}function ck(e){let{children:t,id:n,root:r=null,preserveTabOrder:o=!0}=e;const a=jb({id:n,root:r}),[i,l]=c.useState(null),s=c.useRef(null),u=c.useRef(null),d=c.useRef(null),A=c.useRef(null),C=!!i&&!i.modal&&i.open&&o&&!!(r||a);return c.useEffect(()=>{if(!a||!o||i!=null&&i.modal)return;function E(m){a&&Jn(m)&&(m.type==="focusin"?$b:Mb)(a)}return a.addEventListener("focusin",E,!0),a.addEventListener("focusout",E,!0),()=>{a.removeEventListener("focusin",E,!0),a.removeEventListener("focusout",E,!0)}},[a,o,i==null?void 0:i.modal]),c.createElement(PC.Provider,{value:c.useMemo(()=>({preserveTabOrder:o,beforeOutsideRef:s,afterOutsideRef:u,beforeInsideRef:d,afterInsideRef:A,portalNode:a,setFocusManagerState:l}),[o,a])},C&&a&&c.createElement(pa,{"data-type":"outside",ref:s,onFocus:E=>{if(Jn(E,a)){var m;(m=d.current)==null||m.focus()}else{const p=OC()||(i==null?void 0:i.refs.domReference.current);p==null||p.focus()}}}),C&&a&&c.createElement("span",{"aria-owns":a.id,style:$c}),a&&se.createPortal(t,a),C&&a&&c.createElement(pa,{"data-type":"outside",ref:u,onFocus:E=>{if(Jn(E,a)){var m;(m=A.current)==null||m.focus()}else{const p=LC()||(i==null?void 0:i.refs.domReference.current);p==null||p.focus(),i!=null&&i.closeOnFocusOut&&(i==null||i.onOpenChange(!1,E.nativeEvent))}}}))}const NC=()=>c.useContext(PC),dA=20;let qe=[];function Gi(e){qe=qe.filter(n=>n.isConnected);let t=e;if(!(!t||ie(t)==="body")){if(!yb(t,Br())){const n=Va(t,Br())[0];if(!n)return;t=n}qe.push(t),qe.length>dA&&(qe=qe.slice(-dA))}}function pA(){return qe.slice().reverse().find(e=>e.isConnected)}const Vb=c.forwardRef(function(t,n){return c.createElement("button",da({},t,{type:"button",ref:n,tabIndex:-1,style:$c}))});function uk(e){const{context:t,children:n,disabled:r=!1,order:o=["content"],guards:a=!0,initialFocus:i=0,returnFocus:l=!0,modal:s=!0,visuallyHiddenDismiss:u=!1,closeOnFocusOut:d=!0}=e,{open:A,refs:C,nodeId:E,onOpenChange:m,events:p,dataRef:b,elements:{domReference:f,floating:D}}=t,y=typeof i=="number"&&i<0,S=fy(f)&&y,F=Ob()?a:!0,w=Kn(o),I=Kn(i),L=Kn(l),H=Ha(),O=NC(),J=c.useRef(null),k=c.useRef(null),M=c.useRef(!1),R=c.useRef(!1),P=O!=null,U=c.useCallback(function($){return $===void 0&&($=D),$?Va($,Br()):[]},[D]),V=c.useCallback($=>{const G=U($);return w.current.map(Y=>f&&Y==="reference"?f:D&&Y==="floating"?D:G).filter(Boolean).flat()},[f,D,w,U]);c.useEffect(()=>{if(r||!s)return;function $(Y){if(Y.key==="Tab"){I0(D,fe(Z0(D)))&&U().length===0&&!S&&Hi(Y);const K=V(),Q=me(Y);w.current[0]==="reference"&&Q===f&&(Hi(Y),Y.shiftKey?He(K[K.length-1]):He(K[1])),w.current[1]==="floating"&&Q===D&&Y.shiftKey&&(Hi(Y),He(K[0]))}}const G=Z0(D);return G.addEventListener("keydown",$),()=>{G.removeEventListener("keydown",$)}},[r,f,D,s,w,S,U,V]),c.useEffect(()=>{if(r||!d)return;function $(){R.current=!0,setTimeout(()=>{R.current=!1})}function G(Y){const K=Y.relatedTarget;queueMicrotask(()=>{const Q=!(I0(f,K)||I0(D,K)||I0(K,D)||I0(O==null?void 0:O.portalNode,K)||K!=null&&K.hasAttribute(ut("focus-guard"))||H&&(Qt(H.nodesRef.current,E).find(o0=>{var n0,l0;return I0((n0=o0.context)==null?void 0:n0.elements.floating,K)||I0((l0=o0.context)==null?void 0:l0.elements.domReference,K)})||Lb(H.nodesRef.current,E).find(o0=>{var n0,l0;return((n0=o0.context)==null?void 0:n0.elements.floating)===K||((l0=o0.context)==null?void 0:l0.elements.domReference)===K})));K&&Q&&!R.current&&K!==pA()&&(M.current=!0,m(!1,Y))})}if(D&&W0(f))return f.addEventListener("focusout",G),f.addEventListener("pointerdown",$),!s&&D.addEventListener("focusout",G),()=>{f.removeEventListener("focusout",G),f.removeEventListener("pointerdown",$),!s&&D.removeEventListener("focusout",G)}},[r,f,D,s,E,H,O,m,d]),c.useEffect(()=>{var $;if(r)return;const G=Array.from((O==null||($=O.portalNode)==null?void 0:$.querySelectorAll("["+ut("portal")+"]"))||[]);if(D){const Y=[D,...G,J.current,k.current,w.current.includes("reference")||S?f:null].filter(Q=>Q!=null),K=s||S?cA(Y,F,!F):cA(Y);return()=>{K()}}},[r,f,D,s,w,O,S,F]),N0(()=>{if(r||!D)return;const $=Z0(D),G=fe($);queueMicrotask(()=>{const Y=V(D),K=I.current,Q=(typeof K=="number"?Y[K]:K.current)||D,o0=I0(D,G);!y&&!o0&&A&&He(Q,{preventScroll:Q===D})})},[r,A,D,y,V,I]),N0(()=>{if(r||!D)return;let $=!1;const G=Z0(D),Y=fe(G),K=b.current;Gi(Y);function Q(o0){let{reason:n0,event:l0,nested:a0}=o0;n0==="escape-key"&&C.domReference.current&&Gi(C.domReference.current),n0==="hover"&&l0.type==="mouseleave"&&(M.current=!0),n0==="outside-press"&&(a0?(M.current=!1,$=!0):M.current=!(uy(l0)||uC(l0)))}return p.on("openchange",Q),()=>{p.off("openchange",Q);const o0=fe(G),n0=I0(D,o0)||H&&Qt(H.nodesRef.current,E).some(D0=>{var z0;return I0((z0=D0.context)==null?void 0:z0.elements.floating,o0)});(n0||K.openEvent&&["click","mousedown"].includes(K.openEvent.type))&&C.domReference.current&&Gi(C.domReference.current);const a0=pA();L.current&&!M.current&&W0(a0)&&(!(a0!==o0&&o0!==G.body)||n0)&&He(a0,{cancelPrevious:!1,preventScroll:$})}},[r,D,L,b,C,p,H,E]),N0(()=>{if(!(r||!O))return O.setFocusManagerState({modal:s,closeOnFocusOut:d,open:A,onOpenChange:m,refs:C}),()=>{O.setFocusManagerState(null)}},[r,O,s,A,m,C,d]),N0(()=>{if(r||!D||typeof MutationObserver!="function"||y)return;const $=()=>{const Y=D.getAttribute("tabindex");w.current.includes("floating")||fe(Z0(D))!==C.domReference.current&&U().length===0?Y!=="0"&&D.setAttribute("tabindex","0"):Y!=="-1"&&D.setAttribute("tabindex","-1")};$();const G=new MutationObserver($);return G.observe(D,{childList:!0,subtree:!0,attributes:!0}),()=>{G.disconnect()}},[r,D,C,w,U,y]);function T($){return r||!u||!s?null:c.createElement(Vb,{ref:$==="start"?J:k,onClick:G=>m(!1,G.nativeEvent)},typeof u=="string"?u:"Dismiss")}const j=!r&&F&&(P||s);return c.createElement(c.Fragment,null,j&&c.createElement(pa,{"data-type":"inside",ref:O==null?void 0:O.beforeInsideRef,onFocus:$=>{if(s){const Y=V();He(o[0]==="reference"?Y[0]:Y[Y.length-1])}else if(O!=null&&O.preserveTabOrder&&O.portalNode)if(M.current=!1,Jn($,O.portalNode)){const Y=LC()||f;Y==null||Y.focus()}else{var G;(G=O.beforeOutsideRef.current)==null||G.focus()}}}),!S&&T("start"),n,T("end"),j&&c.createElement(pa,{"data-type":"inside",ref:O==null?void 0:O.afterInsideRef,onFocus:$=>{if(s)He(V()[0]);else if(O!=null&&O.preserveTabOrder&&O.portalNode)if(d&&(M.current=!0),Jn($,O.portalNode)){const Y=OC()||f;Y==null||Y.focus()}else{var G;(G=O.afterOutsideRef.current)==null||G.focus()}}}))}function DA(e){return W0(e.target)&&e.target.tagName==="BUTTON"}function CA(e){return Oc(e)}function Ak(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,elements:{domReference:a}}=e,{enabled:i=!0,event:l="click",toggle:s=!0,ignoreMouse:u=!1,keyboardHandlers:d=!0}=t,A=c.useRef(),C=c.useRef(!1);return c.useMemo(()=>i?{reference:{onPointerDown(E){A.current=E.pointerType},onMouseDown(E){E.button===0&&(oa(A.current,!0)&&u||l!=="click"&&(n&&s&&(!o.current.openEvent||o.current.openEvent.type==="mousedown")?r(!1,E.nativeEvent,"click"):(E.preventDefault(),r(!0,E.nativeEvent,"click"))))},onClick(E){if(l==="mousedown"&&A.current){A.current=void 0;return}oa(A.current,!0)&&u||(n&&s&&(!o.current.openEvent||o.current.openEvent.type==="click")?r(!1,E.nativeEvent,"click"):r(!0,E.nativeEvent,"click"))},onKeyDown(E){A.current=void 0,!(E.defaultPrevented||!d||DA(E))&&(E.key===" "&&!CA(a)&&(E.preventDefault(),C.current=!0),E.key==="Enter"&&r(!(n&&s),E.nativeEvent,"click"))},onKeyUp(E){E.defaultPrevented||!d||DA(E)||CA(a)||E.key===" "&&C.current&&(C.current=!1,r(!(n&&s),E.nativeEvent,"click"))}}}:{},[i,o,l,u,d,a,s,n,r])}const Hb={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},Ub={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},fA=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 Wb(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,nodeId:o,elements:{reference:a,domReference:i,floating:l},dataRef:s}=e,{enabled:u=!0,escapeKey:d=!0,outsidePress:A=!0,outsidePressEvent:C="pointerdown",referencePress:E=!1,referencePressEvent:m="pointerdown",ancestorScroll:p=!1,bubbles:b,capture:f}=t,D=Ha(),y=bt(typeof A=="function"?A:()=>!1),S=typeof A=="function"?y:A,F=c.useRef(!1),w=c.useRef(!1),{escapeKey:I,outsidePress:L}=fA(b),{escapeKey:H,outsidePress:O}=fA(f),J=bt(P=>{if(!n||!u||!d||P.key!=="Escape")return;const U=D?Qt(D.nodesRef.current,o):[];if(!I&&(P.stopPropagation(),U.length>0)){let V=!0;if(U.forEach(T=>{var j;if((j=T.context)!=null&&j.open&&!T.context.dataRef.current.__escapeKeyBubbles){V=!1;return}}),!V)return}r(!1,py(P)?P.nativeEvent:P,"escape-key")}),k=bt(P=>{var U;const V=()=>{var T;J(P),(T=me(P))==null||T.removeEventListener("keydown",V)};(U=me(P))==null||U.addEventListener("keydown",V)}),M=bt(P=>{const U=F.current;F.current=!1;const V=w.current;if(w.current=!1,C==="click"&&V||U||typeof S=="function"&&!S(P))return;const T=me(P),j="["+ut("inert")+"]",$=Z0(l).querySelectorAll(j);let G=B0(T)?T:null;for(;G&&!cn(G);){const Q=st(G);if(cn(Q)||!B0(Q))break;G=Q}if($.length&&B0(T)&&!Dy(T)&&!I0(T,l)&&Array.from($).every(Q=>!I0(G,Q)))return;if(W0(T)&&l){const Q=T.clientWidth>0&&T.scrollWidth>T.clientWidth,o0=T.clientHeight>0&&T.scrollHeight>T.clientHeight;let n0=o0&&P.offsetX>T.clientWidth;if(o0&&A2(T).direction==="rtl"&&(n0=P.offsetX<=T.offsetWidth-T.clientWidth),n0||Q&&P.offsetY>T.clientHeight)return}const Y=D&&Qt(D.nodesRef.current,o).some(Q=>{var o0;return Vi(P,(o0=Q.context)==null?void 0:o0.elements.floating)});if(Vi(P,l)||Vi(P,i)||Y)return;const K=D?Qt(D.nodesRef.current,o):[];if(K.length>0){let Q=!0;if(K.forEach(o0=>{var n0;if((n0=o0.context)!=null&&n0.open&&!o0.context.dataRef.current.__outsidePressBubbles){Q=!1;return}}),!Q)return}r(!1,P,"outside-press")}),R=bt(P=>{var U;const V=()=>{var T;M(P),(T=me(P))==null||T.removeEventListener(C,V)};(U=me(P))==null||U.addEventListener(C,V)});return c.useEffect(()=>{if(!n||!u)return;s.current.__escapeKeyBubbles=I,s.current.__outsidePressBubbles=L;function P(T){r(!1,T,"ancestor-scroll")}const U=Z0(l);d&&U.addEventListener("keydown",H?k:J,H),S&&U.addEventListener(C,O?R:M,O);let V=[];return p&&(B0(i)&&(V=Ie(i)),B0(l)&&(V=V.concat(Ie(l))),!B0(a)&&a&&a.contextElement&&(V=V.concat(Ie(a.contextElement)))),V=V.filter(T=>{var j;return T!==((j=U.defaultView)==null?void 0:j.visualViewport)}),V.forEach(T=>{T.addEventListener("scroll",P,{passive:!0})}),()=>{d&&U.removeEventListener("keydown",H?k:J,H),S&&U.removeEventListener(C,O?R:M,O),V.forEach(T=>{T.removeEventListener("scroll",P)})}},[s,l,i,a,d,S,C,n,r,p,u,I,L,J,H,k,M,O,R]),c.useEffect(()=>{F.current=!1},[S,C]),c.useMemo(()=>u?{reference:{onKeyDown:J,[Hb[m]]:P=>{E&&r(!1,P.nativeEvent,"reference-press")}},floating:{onKeyDown:J,onMouseDown(){w.current=!0},onMouseUp(){w.current=!0},[Ub[C]]:()=>{F.current=!0}}}:{},[u,E,C,m,r,J])}function Gb(e){var t;e===void 0&&(e={});const{open:n=!1,onOpenChange:r,nodeId:o}=e,[a,i]=c.useState(null),l=((t=e.elements)==null?void 0:t.reference)||a,s=rb(e),u=Ha(),d=Mc()!=null,A=bt((F,w,I)=>{F&&(E.current.openEvent=w),m.emit("openchange",{open:F,event:w,reason:I,nested:d}),r==null||r(F,w,I)}),C=c.useRef(null),E=c.useRef({}),m=c.useState(()=>wb())[0],p=Nc(),b=c.useCallback(F=>{const w=B0(F)?{getBoundingClientRect:()=>F.getBoundingClientRect(),contextElement:F}:F;s.refs.setReference(w)},[s.refs]),f=c.useCallback(F=>{(B0(F)||F===null)&&(C.current=F,i(F)),(B0(s.refs.reference.current)||s.refs.reference.current===null||F!==null&&!B0(F))&&s.refs.setReference(F)},[s.refs]),D=c.useMemo(()=>({...s.refs,setReference:f,setPositionReference:b,domReference:C}),[s.refs,f,b]),y=c.useMemo(()=>({...s.elements,domReference:l}),[s.elements,l]),S=c.useMemo(()=>({...s,refs:D,elements:y,dataRef:E,nodeId:o,floatingId:p,events:m,open:n,onOpenChange:A}),[s,o,p,m,n,A,D,y]);return N0(()=>{const F=u==null?void 0:u.nodesRef.current.find(w=>w.id===o);F&&(F.context=S)}),c.useMemo(()=>({...s,context:S,refs:D,elements:y}),[s,D,y,S])}function qb(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,events:o,refs:a,elements:{domReference:i}}=e,{enabled:l=!0,visibleOnly:s=!0}=t,u=c.useRef(!1),d=c.useRef(),A=c.useRef(!0);return c.useEffect(()=>{if(!l)return;const C=o2(i);function E(){!n&&W0(i)&&i===fe(Z0(i))&&(u.current=!0)}function m(){A.current=!0}return C.addEventListener("blur",E),C.addEventListener("keydown",m,!0),()=>{C.removeEventListener("blur",E),C.removeEventListener("keydown",m,!0)}},[i,n,l]),c.useEffect(()=>{if(!l)return;function C(E){let{reason:m}=E;(m==="reference-press"||m==="escape-key")&&(u.current=!0)}return o.on("openchange",C),()=>{o.off("openchange",C)}},[o,l]),c.useEffect(()=>()=>{clearTimeout(d.current)},[]),c.useMemo(()=>l?{reference:{onPointerDown(C){uC(C.nativeEvent)||(A.current=!1)},onMouseLeave(){u.current=!1},onFocus(C){if(u.current)return;const E=me(C.nativeEvent);if(s&&B0(E))try{if(AC()&&Ay())throw Error();if(!E.matches(":focus-visible"))return}catch{if(!A.current&&!Oc(E))return}r(!0,C.nativeEvent,"focus")},onBlur(C){u.current=!1;const E=C.relatedTarget,m=B0(E)&&E.hasAttribute(ut("focus-guard"))&&E.getAttribute("data-type")==="outside";d.current=window.setTimeout(()=>{const p=fe(i?i.ownerDocument:document);!E&&p===i||I0(a.floating.current,p)||I0(i,p)||m||r(!1,C.nativeEvent,"focus")})}}}:{},[l,s,i,a,r])}const mA="active",BA="selected";function qi(e,t,n){const r=new Map,o=n==="item";let a=e;if(o&&e){const{[mA]:i,[BA]:l,...s}=e;a=s}return{...n==="floating"&&{tabIndex:-1},...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(s=>{let[u,d]=s;if(!(o&&[mA,BA].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 C,E=arguments.length,m=new Array(E),p=0;p<E;p++)m[p]=arguments[p];return(C=r.get(u))==null?void 0:C.map(b=>b(...m)).find(b=>b!==void 0)}}}else i[u]=d}),i),{})}}function Yb(e){e===void 0&&(e=[]);const t=e,n=c.useCallback(a=>qi(a,e,"reference"),t),r=c.useCallback(a=>qi(a,e,"floating"),t),o=c.useCallback(a=>qi(a,e,"item"),e.map(a=>a==null?void 0:a.item));return c.useMemo(()=>({getReferenceProps:n,getFloatingProps:r,getItemProps:o}),[n,r,o])}const Kb=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function dk(e,t){var n;t===void 0&&(t={});const{open:r,floatingId:o}=e,{enabled:a=!0,role:i="dialog"}=t,l=(n=Kb.get(i))!=null?n:i,s=Nc(),d=Mc()!=null;return c.useMemo(()=>{if(!a)return{};const A={id:o,...l&&{role:l}};return l==="tooltip"||i==="label"?{reference:{["aria-"+(i==="label"?"labelledby":"describedby")]:r?o:void 0},floating:A}:{reference:{"aria-expanded":r?"true":"false","aria-haspopup":l==="alertdialog"?"dialog":l,"aria-controls":r?o:void 0,...l==="listbox"&&{role:"combobox"},...l==="menu"&&{id:s},...l==="menu"&&d&&{role:"menuitem"},...i==="select"&&{"aria-autocomplete":"none"},...i==="combobox"&&{"aria-autocomplete":"list"}},floating:{...A,...l==="menu"&&{"aria-labelledby":s}},item(C){let{active:E,selected:m}=C;const p={role:"option",...E&&{id:o+"-option"}};switch(i){case"select":return{...p,"aria-selected":E&&m};case"combobox":return{...p,...E&&{"aria-selected":!0}}}return{}}}},[a,i,l,r,o,s,d])}function EA(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[s,u]=t[i]||[0,0],[d,A]=t[l]||[0,0];u>=r!=A>=r&&n<=(d-s)*(r-u)/(A-u)+s&&(o=!o)}return o}function Jb(e,t){return e[0]>=t.x&&e[0]<=t.x+t.width&&e[1]>=t.y&&e[1]<=t.y+t.height}function Xb(e){e===void 0&&(e={});const{buffer:t=.5,blockPointerEvents:n=!1,requireIntent:r=!0}=e;let o,a=!1,i=null,l=null,s=performance.now();function u(A,C){const E=performance.now(),m=E-s;if(i===null||l===null||m===0)return i=A,l=C,s=E,null;const p=A-i,b=C-l,D=Math.sqrt(p*p+b*b)/m;return i=A,l=C,s=E,D}const d=A=>{let{x:C,y:E,placement:m,elements:p,onClose:b,nodeId:f,tree:D}=A;return function(S){function F(){clearTimeout(o),b()}if(clearTimeout(o),!p.domReference||!p.floating||m==null||C==null||E==null)return;const{clientX:w,clientY:I}=S,L=[w,I],H=me(S),O=S.type==="mouseleave",J=I0(p.floating,H),k=I0(p.domReference,H),M=p.domReference.getBoundingClientRect(),R=p.floating.getBoundingClientRect(),P=m.split("-")[0],U=C>R.right-R.width/2,V=E>R.bottom-R.height/2,T=Jb(L,M),j=R.width>M.width,$=R.height>M.height,G=(j?M:R).left,Y=(j?M:R).right,K=($?M:R).top,Q=($?M:R).bottom;if(J&&(a=!0,!O))return;if(k&&(a=!1),k&&!O){a=!0;return}if(O&&B0(S.relatedTarget)&&I0(p.floating,S.relatedTarget)||D&&Qt(D.nodesRef.current,f).some(l0=>{let{context:a0}=l0;return a0==null?void 0:a0.open}))return;if(P==="top"&&E>=M.bottom-1||P==="bottom"&&E<=M.top+1||P==="left"&&C>=M.right-1||P==="right"&&C<=M.left+1)return F();let o0=[];switch(P){case"top":o0=[[G,M.top+1],[G,R.bottom-1],[Y,R.bottom-1],[Y,M.top+1]];break;case"bottom":o0=[[G,R.top+1],[G,M.bottom-1],[Y,M.bottom-1],[Y,R.top+1]];break;case"left":o0=[[R.right-1,Q],[R.right-1,K],[M.left+1,K],[M.left+1,Q]];break;case"right":o0=[[M.right-1,Q],[M.right-1,K],[R.left+1,K],[R.left+1,Q]];break}function n0(l0){let[a0,D0]=l0;switch(P){case"top":{const z0=[j?a0+t/2:U?a0+t*4:a0-t*4,D0+t+1],C2=[j?a0-t/2:U?a0+t*4:a0-t*4,D0+t+1],S2=[[R.left,U||j?R.bottom-t:R.top],[R.right,U?j?R.bottom-t:R.top:R.bottom-t]];return[z0,C2,...S2]}case"bottom":{const z0=[j?a0+t/2:U?a0+t*4:a0-t*4,D0-t],C2=[j?a0-t/2:U?a0+t*4:a0-t*4,D0-t],S2=[[R.left,U||j?R.top+t:R.bottom],[R.right,U?j?R.top+t:R.bottom:R.top+t]];return[z0,C2,...S2]}case"left":{const z0=[a0+t+1,$?D0+t/2:V?D0+t*4:D0-t*4],C2=[a0+t+1,$?D0-t/2:V?D0+t*4:D0-t*4];return[...[[V||$?R.right-t:R.left,R.top],[V?$?R.right-t:R.left:R.right-t,R.bottom]],z0,C2]}case"right":{const z0=[a0-t,$?D0+t/2:V?D0+t*4:D0-t*4],C2=[a0-t,$?D0-t/2:V?D0+t*4:D0-t*4],S2=[[V||$?R.left+t:R.right,R.top],[V?$?R.left+t:R.right:R.left+t,R.bottom]];return[z0,C2,...S2]}}}if(!EA([w,I],o0)){if(a&&!T)return F();if(!O&&r){const l0=u(S.clientX,S.clientY);if(l0!==null&&l0<.1)return F()}EA([w,I],n0([C,E]))?!a&&r&&(o=window.setTimeout(F,40)):F()}}};return d.__options={blockPointerEvents:n},d}const Zb=(e={})=>{const t=q3(),{placement:n="top",visible:r,onVisibleChange:o,middleware:a={flip:!0,shift:!0},autoUpdateOptions:i={},reference:l,ariaStrategy:s="description",id:u=t,...d}=e,[A,C]=aC(!1,r,o),E=Gb({placement:n,open:A,onOpenChange:C,whileElementsMounted:(...y)=>Ky(...y,i),middleware:[a.offset!==void 0?eA(a.offset):eA(4),a.flip&&Zy(),a.shift&&Xy(),a.size&&Qy(),a.autoPlacement&&Jy(),a.inline&&tb(),a.hide&&eb()].filter(Boolean),...l&&{elements:{reference:l}}}),m=c.useMemo(()=>s==="description"?{"aria-describedby":u}:s==="label"?{"aria-labelledby":u}:{},[s,u]),{delay:p}=IC();Rb(E.context,{id:q3()});const b=Yb([Ib(E.context,{delay:p??{open:50,close:250},handleClose:Xb({buffer:-1/0}),move:!1}),qb(E.context),Wb(E.context,{referencePress:!0,referencePressEvent:"click"})]);c.useEffect(()=>{if(!l)return;const y=F=>F.toLowerCase().substring(2),S={};return Object.entries({...m,...b.getReferenceProps()}).forEach(([F,w])=>{if(typeof w=="function"){const I=L=>{w({...L,nativeEvent:L})};l.addEventListener(y(F),I),S[F]=I}else w&&(S[F]=l.getAttribute(F),l.setAttribute(F,w))}),()=>{Object.entries(S).forEach(([F,w])=>{typeof w=="function"?l.removeEventListener(y(F),w):w?l.setAttribute(F,w):l.removeAttribute(F)})}},[m,l,b]);const f=c.useCallback(y=>b.getReferenceProps({...y,...m}),[b,m]),D=c.useMemo(()=>b.getFloatingProps({hidden:!A,"aria-hidden":"true",...d,id:u}),[b,d,u,A]);return c.useMemo(()=>({getReferenceProps:f,floatingProps:D,...E}),[f,D,E])},Qb=c.forwardRef((e,t)=>{const{content:n,children:r,portal:o=!0,className:a,style:i,...l}=e,s=Zb(l);return c.createElement(c.Fragment,null,ry(r,u=>({...s.getReferenceProps(u.props),ref:s.refs.setReference})),c.createElement(lv,{portal:o},c.createElement(R2,{className:r2("iui-tooltip",a),ref:za(s.refs.setFloating,t),style:{...s.floatingStyles,...i},...s.floatingProps},n)))}),ev=c.forwardRef((e,t)=>{const{as:n="span",className:r,unhideOnFocus:o=!0,children:a,...i}=e,l=kc(),s=["div","span","p"].includes(n)?c.createElement(c.Fragment,null,c.createElement(uv,{css:tv},c.createElement("slot",null)),l&&a):a;return c.createElement(R2,{as:n,className:r2("iui-visually-hidden",r),"data-iui-unhide-on-focus":o?!0:void 0,ref:t,...i},s)}),tv=`
+  :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;
+  }
+`,zc=c.createContext(void 0);zc.displayName="ButtonGroupContext";const pk=c.forwardRef((e,t)=>{const{children:n,className:r,overflowButton:o,overflowPlacement:a="end",orientation:i="horizontal",...l}=e,s=c.useMemo(()=>c.Children.toArray(n).filter(Boolean),[n]),[u,d]=ay(s,!o,i),A=za(o?u:null,t);return c.createElement(kb,{delay:{open:50,close:250}},c.createElement(zc.Provider,{value:i},c.createElement(R2,{className:r2("iui-button-group",{"iui-button-group-overflow-x":!!o&&i==="horizontal"},r),"data-iui-orientation":i==="vertical"?i:void 0,ref:A,...l},(()=>{if(!o)return n;if(!(d<s.length))return s;const C=a==="start"?s.length-d:d-1;return c.createElement(c.Fragment,null,o&&a==="start"&&o(C),a==="start"?s.slice(C+1):s.slice(0,Math.max(0,C)),o&&a==="end"&&o(C))})())))}),nv=c.forwardRef((e,t)=>{const{isActive:n,children:r,styleType:o="default",size:a,className:i,label:l,iconProps:s,labelProps:u,...d}=e,A=c.useContext(zc),C=c.createElement(jc,{ref:t,className:r2("iui-button",i),"data-iui-variant":o!=="default"?o:void 0,"data-iui-size":a,"data-iui-active":n,"aria-pressed":n,...d},c.createElement(R2,{as:"span","aria-hidden":!0,...s,className:r2("iui-button-icon",s==null?void 0:s.className)},r),l?c.createElement(ev,null,l):null);return l?c.createElement(Qb,{placement:A==="vertical"?"right":"top",...u,content:l,ariaStrategy:"none"},C):C});function Da(){return Da=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},Da.apply(this,arguments)}function rv(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 ds(e,t){return ds=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},ds(e,t)}function ov(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,ds(e,t)}const gA={disabled:!1},MC=z.createContext(null);var av=function(t){return t.scrollTop},Mn="unmounted",Ye="exited",Ke="entering",vt="entered",ps="exiting",ue=function(e){ov(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,s;return a.appearStatus=null,r.in?l?(s=Ye,a.appearStatus=Ke):s=vt:r.unmountOnExit||r.mountOnEnter?s=Mn:s=Ye,a.state={status:s},a.nextCallback=null,a}t.getDerivedStateFromProps=function(o,a){var i=o.in;return i&&a.status===Mn?{status:Ye}: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!==Ke&&i!==vt&&(a=Ke):(i===Ke||i===vt)&&(a=ps)}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===Ke){if(this.props.unmountOnExit||this.props.mountOnEnter){var i=this.props.nodeRef?this.props.nodeRef.current:Mt.findDOMNode(this);i&&av(i)}this.performEnter(o)}else this.performExit();else this.props.unmountOnExit&&this.state.status===Ye&&this.setState({status:Mn})},n.performEnter=function(o){var a=this,i=this.props.enter,l=this.context?this.context.isMounting:o,s=this.props.nodeRef?[l]:[Mt.findDOMNode(this),l],u=s[0],d=s[1],A=this.getTimeouts(),C=l?A.appear:A.enter;if(!o&&!i||gA.disabled){this.safeSetState({status:vt},function(){a.props.onEntered(u)});return}this.props.onEnter(u,d),this.safeSetState({status:Ke},function(){a.props.onEntering(u,d),a.onTransitionEnd(C,function(){a.safeSetState({status:vt},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:Mt.findDOMNode(this);if(!a||gA.disabled){this.safeSetState({status:Ye},function(){o.props.onExited(l)});return}this.props.onExit(l),this.safeSetState({status:ps},function(){o.props.onExiting(l),o.onTransitionEnd(i.exit,function(){o.safeSetState({status:Ye},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:Mt.findDOMNode(this),l=o==null&&!this.props.addEndListener;if(!i||l){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[i,this.nextCallback],u=s[0],d=s[1];this.props.addEndListener(u,d)}o!=null&&setTimeout(this.nextCallback,o)},n.render=function(){var o=this.state.status;if(o===Mn)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=rv(a,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return z.createElement(MC.Provider,{value:null},typeof i=="function"?i(o,l):z.cloneElement(z.Children.only(i),l))},t}(z.Component);ue.contextType=MC;ue.propTypes={};function ht(){}ue.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:ht,onEntering:ht,onEntered:ht,onExit:ht,onExiting:ht,onExited:ht};ue.UNMOUNTED=Mn;ue.EXITED=Ye;ue.ENTERING=Ke;ue.ENTERED=vt;ue.EXITING=ps;const iv=ue,jc=c.forwardRef((e,t)=>{const{as:n="button",disabled:r,htmlDisabled:o,...a}=e,i=kc(),l=r&&!o&&i&&n==="button",s=u=>d=>{r||u==null||u(d)};return c.createElement(R2,{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)?!0:void 0,...a,className:r2("iui-button-base",e.className),onClick:s(e.onClick),onPointerDown:s(e.onPointerDown),onPointerUp:s(e.onPointerUp)})});jc.displayName="ButtonBase";const lv=e=>{const{portal:t=!0,children:n}=e,r=kc(),o=sv(t);return r?o?se.createPortal(n,o):n:null},sv=e=>{var o;const t=c.useContext(Ma),n=(t==null?void 0:t.portalContainer)??((o=Uh())==null?void 0:o.body);return typeof e=="boolean"?e?n:null:(typeof e.to=="function"?e.to():e.to)??n},Vc=typeof document<"u",cv=Vc&&"shadowRootMode"in HTMLTemplateElement.prototype,Ds=Vc&&"adoptedStyleSheets"in Document.prototype,uv=({children:e,css:t})=>{const n=pv();return Vc?cv&&n?null:c.createElement(Av,{css:t},e):c.createElement("template",{shadowrootmode:"open"},t&&c.createElement("style",null,t),e)},Av=({children:e,css:t})=>{const n=c.useRef(null),r=dv(n,{css:t}),o=!Ds&&t?c.createElement("style",null,t):null;return r?se.createPortal(c.createElement(c.Fragment,null,o,e),r):c.createElement("template",{ref:n})};function dv(e,{css:t=""}){const[n,r]=c.useState(null),o=c.useRef(),a=oC(t);return _e(()=>{var s;const i=(s=e.current)==null?void 0:s.parentElement;if(!i)return;i.shadowRoot&&i.shadowRoot.replaceChildren();const l=i.shadowRoot||i.attachShadow({mode:"open"});if(Ds){const u=l.ownerDocument.defaultView||globalThis;o.current=new u.CSSStyleSheet,l.adoptedStyleSheets=[o.current],a.current&&o.current.replaceSync(a.current)}return queueMicrotask(()=>{se.flushSync(()=>r(l))}),()=>void r(null)},[e,a]),_e(()=>{var i;t&&Ds&&((i=o.current)==null||i.replaceSync(t))},[t]),n}function pv(){const[e,t]=c.useState(!0);return c.useEffect(()=>t(!1),[]),e}const Fr=nC.svg("",{viewBox:"0 0 16 16",width:16,height:16}),Dv=e=>c.createElement(Fr,{...e},c.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"})),Cv=e=>c.createElement(Fr,{...e},c.createElement("path",{d:"M9 12H7v-2h2v2Zm0-3H7V4h2v5Zm2.314-9H4.686L0 4.686v6.628L4.686 16h6.628L16 11.314V4.686L11.314 0Z"})),fv=e=>c.createElement(Fr,{...e},c.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"})),mv=e=>c.createElement(Fr,{...e},c.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"})),Bv={negative:e=>c.createElement(Cv,{"aria-hidden":!0,...e}),positive:e=>c.createElement(fv,{"aria-hidden":!0,...e}),warning:e=>c.createElement(mv,{"aria-hidden":!0,...e}),informational:e=>c.createElement(Dv,{"aria-hidden":!0,...e})},Ev=e=>c.createElement(Fr,{...e},c.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"})),Yi=()=>{var e,t,n;return(n=(t=(e=mr())==null?void 0:e.matchMedia)==null?void 0:t.call(e,"(prefers-reduced-motion: no-preference)"))==null?void 0:n.matches},gv=e=>{const{content:t,category:n,type:r="temporary",isVisible:o,link:a,duration:i=7e3,hasCloseButton:l,onRemove:s,animateOutTo:u,domProps:d}=e,A=c.useRef(0),{placement:C}=Ic(Ua).settings,E=C.startsWith("top")?"top":"bottom",[m,p]=c.useState(o??!0),b=o??m,[f,D]=c.useState(0),y=c.useRef(null),[S,F]=c.useState(0),w=()=>E==="top"?{marginBlockEnd:S}:{marginBlockStart:S};c.useEffect(()=>(r==="temporary"&&L(i),()=>{H()}),[i,r]),c.useEffect(()=>{!b&&!u&&F(-f)},[b,u,F,f]);const I=()=>{H(),F(-f),p(!1)},L=k=>{const M=mr();M&&(A.current=M.setTimeout(()=>{I()},k))},H=()=>{var k;(k=mr())==null||k.clearTimeout(A.current)},O=k=>{if(k){const{height:M}=k.getBoundingClientRect();D(M)}},J=k=>{let M=0,R=0;if(u&&k){const{x:P,y:U}=k.getBoundingClientRect(),{x:V,y:T}=u.getBoundingClientRect();M=V-P,R=T-U}return{translateX:M,translateY:R}};return c.createElement(iv,{timeout:{enter:240,exit:u?400:120},in:b,appear:!0,unmountOnExit:!0,onEnter:k=>{Yi()&&(k.style.transform="translateY(15%)",k.style.transitionTimingFunction="ease")},onEntered:k=>{Yi()&&(k.style.transform="translateY(0)")},onExiting:k=>{if(Yi()){const{translateX:M,translateY:R}=J(k);k.style.transform=u?`scale(0.9) translate(${M}px,${R}px)`:"scale(0.9)",k.style.opacity="0",k.style.transitionDuration=u?"400ms":"120ms",k.style.transitionTimingFunction="cubic-bezier(0.4, 0, 1, 1)"}},onExited:s},c.createElement(R2,{ref:y,className:"iui-toast-all",style:{height:f,...w()}},c.createElement("div",{ref:O},c.createElement(hv,{as:"div",category:n,content:t,link:a,type:r,hasCloseButton:l,onClose:I,...d==null?void 0:d.toastProps,contentProps:d==null?void 0:d.contentProps}))))},hv=c.forwardRef((e,t)=>{const{content:n,category:r,type:o="temporary",link:a,hasCloseButton:i,onClose:l,className:s,contentProps:u,...d}=e,A=Bv[r];return c.createElement(R2,{className:r2(`iui-toast iui-${r}`,s),ref:t,...d},c.createElement(R2,{className:"iui-status-area"},c.createElement(A,{className:"iui-icon"})),c.createElement(R2,{as:"div",...u,className:r2("iui-message",u==null?void 0:u.className)},n),a&&c.createElement(jc,{...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)&&c.createElement(nv,{size:"small",styleType:"borderless",onClick:l,"aria-label":"Close"},c.createElement(Ev,null)))}),Dk=()=>{const e=Ic(Hc);return c.useMemo(()=>{const t=n=>(r,o)=>{const a=vv();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])},hA=()=>{const{toasts:e,settings:t}=Ic(Ua);return c.createElement(R2,{className:r2("iui-toast-wrapper",`iui-placement-${t.placement}`)},e.map(n=>c.createElement(gv,{key:n.id,...n})))},yv=({children:e})=>{const[t,n]=c.useReducer(bv,{toasts:[],settings:{order:"auto",placement:"top"}});return c.createElement(Hc.Provider,{value:n},c.createElement(Ua.Provider,{value:t},e))},bv=(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},Ua=c.createContext(void 0);Ua.displayName="ToasterStateContext";const Hc=c.createContext(void 0);Hc.displayName="ToasterDispatchContext";const vv=(()=>{let e=0;return()=>++e})(),xv=c.forwardRef((e,t)=>{var b;const{theme:n="inherit",children:r,themeOptions:o={},portalContainer:a,includeCss:i=n==="inherit",...l}=e,[s,u]=c.useState(null),d=Fv(s),A=n==="inherit"?d.theme||"light":n;o.applyBackground??(o.applyBackground=!d.theme),o.highContrast??(o.highContrast=n==="inherit"?d.highContrast:void 0);const C=a||(n==="inherit"?(b=d.context)==null?void 0:b.portalContainer:void 0),[E,m]=aC(null,C),p=c.useMemo(()=>({theme:A,themeOptions:o,portalContainer:E}),[A,JSON.stringify(o),E]);return c.createElement(Ma.Provider,{value:p},i&&s?c.createElement(wv,{root:s}):null,c.createElement(Sv,{theme:A,themeOptions:o,ref:za(t,u),...l},c.createElement(yv,null,r,C?se.createPortal(c.createElement(hA,null),C):c.createElement("div",{ref:m,style:{display:"contents"}},c.createElement(hA,null)))))}),Sv=c.forwardRef((e,t)=>{const{theme:n,children:r,themeOptions:o,className:a,...i}=e,l=G3("(prefers-color-scheme: dark)"),s=G3("(prefers-contrast: more)"),u=n==="dark"||n==="os"&&l,d=(o==null?void 0:o.highContrast)??s,A=o==null?void 0:o.applyBackground;return c.createElement(R2,{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)}),Fv=e=>{var l,s;const t=c.useContext(Ma),[n,r]=c.useState(t==null?void 0:t.theme),[o,a]=c.useState((l=t==null?void 0:t.themeOptions)==null?void 0:l.highContrast),i=oC(t==null?void 0:t.theme);return _e(()=>{var C;if(i.current)return;const u=(C=e==null?void 0:e.parentElement)==null?void 0:C.closest("[data-iui-theme]");if(!u)return;const d=()=>{r(u==null?void 0:u.getAttribute("data-iui-theme")),a((u==null?void 0:u.getAttribute("data-iui-contrast"))==="high")};d();const 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:((s=t==null?void 0:t.themeOptions)==null?void 0:s.highContrast)??o,context:t}},wv=({root:e})=>(_e(()=>{getComputedStyle(e).getPropertyValue("--_iui-v3-loaded")!=="yes"&&(Jh||(async()=>{try{await B(()=>Promise.resolve().then(()=>kv),void 0,import.meta.url)}catch(t){console.log("Error loading styles.css locally",t);const n=await ny("https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css");document.adoptedStyleSheets=[...document.adoptedStyleSheets,n.default]}})())},[e]),c.createElement(c.Fragment,null)),Tv=()=>c.useContext(Is);var $C=(e=>(e.Light="light",e.Dark="dark",e.Auto="auto",e))($C||{}),zC=(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))(zC||{});const Cs={},jC=z.createContext(Cs);function _v(e){const t=z.useContext(jC);return z.useMemo(function(){return typeof e=="function"?e(t):{...t,...e}},[t,e])}function Iv(e){let t;return e.disableParentContext?t=typeof e.components=="function"?e.components(Cs):e.components||Cs:t=_v(e.components),z.createElement(jC.Provider,{value:t},e.children)}const kv=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Rv=matchMedia("(prefers-color-scheme: dark)").matches,Lv=({children:e})=>{var a,i;const{globalState:t,dispatch:n}=Tv(),r=t.theme==="dark"?"dark":"light",o=(i=(a=t.control)==null?void 0:a["high-contrast"])==null?void 0:i.value;return c.useLayoutEffect(()=>{n({type:zC.UpdateTheme,value:$C[Rv?"Dark":"Light"]})},[]),c.useLayoutEffect(()=>{document.documentElement.dataset.iuiTheme=r,document.documentElement.dataset.iuiContrast=o?"high":"default"},[r,o]),c.useEffect(()=>{const l=new URLSearchParams(window.location.search),s=l.get("path");if(s&&!l.get("story")){const u=s.substring((s.indexOf("-")??0)+1);u&&(window.location.href=`${window.location.href}&story=${u}`)}},[]),v.jsx(xv,{theme:r,themeOptions:{applyBackground:!1,highContrast:o},children:e})},Ov={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}},Pv=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"CustomIcon")}))),Nv=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"Empty")}))),Mv=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"Informational")}))),$v=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"Negative")}))),zv=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"Positive")}))),jv=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"Sticky")}))),Vv=c.lazy(()=>B(()=>import("./Alert.stories-B0KCPTpE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(e=>({default:h(e,"Warning")}))),Hv=c.lazy(()=>B(()=>import("./Anchor.stories-BbZgokz6.js"),__vite__mapDeps([5,4]),import.meta.url).then(e=>({default:h(e,"AsButton")}))),Uv=c.lazy(()=>B(()=>import("./Anchor.stories-BbZgokz6.js"),__vite__mapDeps([5,4]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Wv=c.lazy(()=>B(()=>import("./Anchor.stories-BbZgokz6.js"),__vite__mapDeps([5,4]),import.meta.url).then(e=>({default:h(e,"External")}))),Gv=c.lazy(()=>B(()=>import("./Anchor.stories-BbZgokz6.js"),__vite__mapDeps([5,4]),import.meta.url).then(e=>({default:h(e,"Underline")}))),qv=c.lazy(()=>B(()=>import("./Avatar.stories-YZfCl5Tk.js"),__vite__mapDeps([6,7,8]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Yv=c.lazy(()=>B(()=>import("./Avatar.stories-YZfCl5Tk.js"),__vite__mapDeps([6,7,8]),import.meta.url).then(e=>({default:h(e,"CustomStatusTranslation")}))),Kv=c.lazy(()=>B(()=>import("./Avatar.stories-YZfCl5Tk.js"),__vite__mapDeps([6,7,8]),import.meta.url).then(e=>({default:h(e,"Sizes")}))),Jv=c.lazy(()=>B(()=>import("./Avatar.stories-YZfCl5Tk.js"),__vite__mapDeps([6,7,8]),import.meta.url).then(e=>({default:h(e,"Statuses")}))),Xv=c.lazy(()=>B(()=>import("./Avatar.stories-YZfCl5Tk.js"),__vite__mapDeps([6,7,8]),import.meta.url).then(e=>({default:h(e,"WithIcon")}))),Zv=c.lazy(()=>B(()=>import("./Avatar.stories-YZfCl5Tk.js"),__vite__mapDeps([6,7,8]),import.meta.url).then(e=>({default:h(e,"WithImage")}))),Qv=c.lazy(()=>B(()=>import("./AvatarGroup.stories-DR3UZSna.js"),__vite__mapDeps([9,7,8]),import.meta.url).then(e=>({default:h(e,"Animated")}))),ex=c.lazy(()=>B(()=>import("./AvatarGroup.stories-DR3UZSna.js"),__vite__mapDeps([9,7,8]),import.meta.url).then(e=>({default:h(e,"Basic")}))),tx=c.lazy(()=>B(()=>import("./AvatarGroup.stories-DR3UZSna.js"),__vite__mapDeps([9,7,8]),import.meta.url).then(e=>({default:h(e,"ManyAvatars")}))),nx=c.lazy(()=>B(()=>import("./AvatarGroup.stories-DR3UZSna.js"),__vite__mapDeps([9,7,8]),import.meta.url).then(e=>({default:h(e,"NonStacked")}))),rx=c.lazy(()=>B(()=>import("./AvatarGroup.stories-DR3UZSna.js"),__vite__mapDeps([9,7,8]),import.meta.url).then(e=>({default:h(e,"WithTooltip")}))),ox=c.lazy(()=>B(()=>import("./Badge.stories-Co4yusCF.js"),__vite__mapDeps([10,11,8]),import.meta.url).then(e=>({default:h(e,"Basic")}))),ax=c.lazy(()=>B(()=>import("./Badge.stories-Co4yusCF.js"),__vite__mapDeps([10,11,8]),import.meta.url).then(e=>({default:h(e,"LongLabel")}))),ix=c.lazy(()=>B(()=>import("./Badge.stories-Co4yusCF.js"),__vite__mapDeps([10,11,8]),import.meta.url).then(e=>({default:h(e,"Statuses")}))),lx=c.lazy(()=>B(()=>import("./Blockquote.stories-CLfDSFPc.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Basic")}))),sx=c.lazy(()=>B(()=>import("./Blockquote.stories-CLfDSFPc.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"WithFooter")}))),cx=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"Basic")}))),ux=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"CustomOverflowBackButton")}))),Ax=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"CustomOverflowDropdown")}))),dx=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"CustomSeparator")}))),px=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"FolderNavigation")}))),Dx=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"Links")}))),Cx=c.lazy(()=>B(()=>import("./Breadcrumbs.stories-BpR9wPSb.js"),__vite__mapDeps([12,13,14,15,16,4,17,18,19,20,21,22,23,24,25,26,27]),import.meta.url).then(e=>({default:h(e,"Overflow")}))),fx=c.lazy(()=>B(()=>import("./Button.stories-CA4yM_Y9.js"),__vite__mapDeps([28,29,16,30]),import.meta.url).then(e=>({default:h(e,"AsLink")}))),mx=c.lazy(()=>B(()=>import("./Button.stories-CA4yM_Y9.js"),__vite__mapDeps([28,29,16,30]),import.meta.url).then(e=>({default:h(e,"CallToAction")}))),Bx=c.lazy(()=>B(()=>import("./Button.stories-CA4yM_Y9.js"),__vite__mapDeps([28,29,16,30]),import.meta.url).then(e=>({default:h(e,"Default")}))),Ex=c.lazy(()=>B(()=>import("./Button.stories-CA4yM_Y9.js"),__vite__mapDeps([28,29,16,30]),import.meta.url).then(e=>({default:h(e,"HighVisibility")}))),gx=c.lazy(()=>B(()=>import("./Button.stories-CA4yM_Y9.js"),__vite__mapDeps([28,29,16,30]),import.meta.url).then(e=>({default:h(e,"WithIcon")}))),hx=c.lazy(()=>B(()=>import("./Button.stories-CA4yM_Y9.js"),__vite__mapDeps([28,29,16,30]),import.meta.url).then(e=>({default:h(e,"WithNotification")}))),yx=c.lazy(()=>B(()=>import("./ButtonGroup.stories-FnlSOtsd.js"),__vite__mapDeps([31,29,32,15,1,33,18,19,20,21,22,23,27,16]),import.meta.url).then(e=>({default:h(e,"InputButtonCombo")}))),bx=c.lazy(()=>B(()=>import("./ButtonGroup.stories-FnlSOtsd.js"),__vite__mapDeps([31,29,32,15,1,33,18,19,20,21,22,23,27,16]),import.meta.url).then(e=>({default:h(e,"Overflow")}))),vx=c.lazy(()=>B(()=>import("./ButtonGroup.stories-FnlSOtsd.js"),__vite__mapDeps([31,29,32,15,1,33,18,19,20,21,22,23,27,16]),import.meta.url).then(e=>({default:h(e,"Vertical")}))),xx=c.lazy(()=>B(()=>import("./ButtonGroup.stories-FnlSOtsd.js"),__vite__mapDeps([31,29,32,15,1,33,18,19,20,21,22,23,27,16]),import.meta.url).then(e=>({default:h(e,"VerticalOverflow")}))),Sx=c.lazy(()=>B(()=>import("./ButtonGroup.stories-FnlSOtsd.js"),__vite__mapDeps([31,29,32,15,1,33,18,19,20,21,22,23,27,16]),import.meta.url).then(e=>({default:h(e,"WithIcons")}))),Fx=c.lazy(()=>B(()=>import("./Carousel.stories-BzH--gxi.js"),__vite__mapDeps([34,35,36,17,33,37]),import.meta.url).then(e=>({default:h(e,"Basic")}))),wx=c.lazy(()=>B(()=>import("./Carousel.stories-BzH--gxi.js"),__vite__mapDeps([34,35,36,17,33,37]),import.meta.url).then(e=>({default:h(e,"Controlled")}))),Tx=c.lazy(()=>B(()=>import("./Carousel.stories-BzH--gxi.js"),__vite__mapDeps([34,35,36,17,33,37]),import.meta.url).then(e=>({default:h(e,"OnlyDots")}))),_x=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Ix=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),kx=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Indeterminate")}))),Rx=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Loading")}))),Lx=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Negative")}))),Ox=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Positive")}))),Px=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Visibility")}))),Nx=c.lazy(()=>B(()=>import("./Checkbox.stories-C25Qg8o9.js"),__vite__mapDeps([38,39,40]),import.meta.url).then(e=>({default:h(e,"Warning")}))),Mx=c.lazy(()=>B(()=>import("./Code.stories-BjXWWsmU.js"),__vite__mapDeps([41,37]),import.meta.url).then(e=>({default:h(e,"Basic")}))),$x=c.lazy(()=>B(()=>import("./ColorPicker.stories-CLOIPfzP.js"),__vite__mapDeps([42,23,43,44,27,16]),import.meta.url).then(e=>({default:h(e,"Advanced")}))),zx=c.lazy(()=>B(()=>import("./ColorPicker.stories-CLOIPfzP.js"),__vite__mapDeps([42,23,43,44,27,16]),import.meta.url).then(e=>({default:h(e,"Basic")}))),jx=c.lazy(()=>B(()=>import("./ColorPicker.stories-CLOIPfzP.js"),__vite__mapDeps([42,23,43,44,27,16]),import.meta.url).then(e=>({default:h(e,"WithAlpha")}))),Vx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Hx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Controlled")}))),Ux=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"CustomRenderer")}))),Wx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"DisabledItems")}))),Gx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Loading")}))),qx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"MultipleSelect")}))),Yx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Virtualized")}))),Kx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithCustomMessageIcon")}))),Jx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithLabel")}))),Xx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithMessage")}))),Zx=c.lazy(()=>B(()=>import("./ComboBox.stories-D2QKnH_J.js"),__vite__mapDeps([45,46,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithStatus")}))),Qx=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"Basic")}))),eS=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"Localized")}))),tS=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"Range")}))),nS=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"SomeDatesDisabled")}))),rS=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"WithCombinedTime")}))),oS=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"WithTime")}))),aS=c.lazy(()=>B(()=>import("./DatePicker.stories-D4rB54Lw.js"),__vite__mapDeps([57,58,23,59,60,36,17]),import.meta.url).then(e=>({default:h(e,"WithYear")}))),iS=c.lazy(()=>B(()=>import("./Dialog.stories-C_0oIi2B.js"),__vite__mapDeps([61,16,62,44,20,37]),import.meta.url).then(e=>({default:h(e,"Basic")}))),lS=c.lazy(()=>B(()=>import("./Dialog.stories-C_0oIi2B.js"),__vite__mapDeps([61,16,62,44,20,37]),import.meta.url).then(e=>({default:h(e,"DraggableAndResizable")}))),sS=c.lazy(()=>B(()=>import("./Dialog.stories-C_0oIi2B.js"),__vite__mapDeps([61,16,62,44,20,37]),import.meta.url).then(e=>({default:h(e,"DraggableRelativeToContainer")}))),cS=c.lazy(()=>B(()=>import("./Dialog.stories-C_0oIi2B.js"),__vite__mapDeps([61,16,62,44,20,37]),import.meta.url).then(e=>({default:h(e,"Modal")}))),uS=c.lazy(()=>B(()=>import("./Dialog.stories-C_0oIi2B.js"),__vite__mapDeps([61,16,62,44,20,37]),import.meta.url).then(e=>({default:h(e,"Placement")}))),AS=c.lazy(()=>B(()=>import("./DropdownButton.stories-DJrurwos.js"),__vite__mapDeps([63,24,16,18,19,20,21,22,23,25,26]),import.meta.url).then(e=>({default:h(e,"Basic")}))),dS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"Basic")}))),pS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"Submenu")}))),DS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithContent")}))),CS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithEndIcons")}))),fS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithSeparator")}))),mS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithStartIcons")}))),BS=c.lazy(()=>B(()=>import("./DropdownMenu.stories-D_Pwe5M6.js"),__vite__mapDeps([64,15,1,18,19,20,21,22,23,65,52,33,53,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithSublabels")}))),ES=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"Accordion")}))),gS=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"Basic")}))),hS=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"Borderless")}))),yS=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),bS=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"Small")}))),vS=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"StatusIcon")}))),xS=c.lazy(()=>B(()=>import("./ExpandableBlock.stories-EmR88D-k.js"),__vite__mapDeps([66,3,22,17]),import.meta.url).then(e=>({default:h(e,"WithCaption")}))),SS=c.lazy(()=>B(()=>import("./Fieldset.stories-BrmGD8-D.js"),__vite__mapDeps([67,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56,69,70,71]),import.meta.url).then(e=>({default:h(e,"Basic")}))),FS=c.lazy(()=>B(()=>import("./Fieldset.stories-BrmGD8-D.js"),__vite__mapDeps([67,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56,69,70,71]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),wS=c.lazy(()=>B(()=>import("./FileUpload.stories-A9n_Jpwz.js"),__vite__mapDeps([72,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,4]),import.meta.url).then(e=>({default:h(e,"CustomFileUploadCard")}))),TS=c.lazy(()=>B(()=>import("./FileUpload.stories-A9n_Jpwz.js"),__vite__mapDeps([72,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,4]),import.meta.url).then(e=>({default:h(e,"DefaultFileUploadCard")}))),_S=c.lazy(()=>B(()=>import("./FileUpload.stories-A9n_Jpwz.js"),__vite__mapDeps([72,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,4]),import.meta.url).then(e=>({default:h(e,"WrappingInput")}))),IS=c.lazy(()=>B(()=>import("./Flex.stories-DLZkIeGo.js"),__vite__mapDeps([74,75]),import.meta.url).then(e=>({default:h(e,"Basic")}))),kS=c.lazy(()=>B(()=>import("./Flex.stories-DLZkIeGo.js"),__vite__mapDeps([74,75]),import.meta.url).then(e=>({default:h(e,"IndividualGaps")}))),RS=c.lazy(()=>B(()=>import("./Flex.stories-DLZkIeGo.js"),__vite__mapDeps([74,75]),import.meta.url).then(e=>({default:h(e,"WithFlexItem")}))),LS=c.lazy(()=>B(()=>import("./Flex.stories-DLZkIeGo.js"),__vite__mapDeps([74,75]),import.meta.url).then(e=>({default:h(e,"WithSpacer")}))),OS=c.lazy(()=>B(()=>import("./Footer.stories-DOXV0B7d.js"),__vite__mapDeps([76,4]),import.meta.url).then(e=>({default:h(e,"AppendedCustomElements")}))),PS=c.lazy(()=>B(()=>import("./Footer.stories-DOXV0B7d.js"),__vite__mapDeps([76,4]),import.meta.url).then(e=>({default:h(e,"Basic")}))),NS=c.lazy(()=>B(()=>import("./Footer.stories-DOXV0B7d.js"),__vite__mapDeps([76,4]),import.meta.url).then(e=>({default:h(e,"BottomFixed")}))),MS=c.lazy(()=>B(()=>import("./Footer.stories-DOXV0B7d.js"),__vite__mapDeps([76,4]),import.meta.url).then(e=>({default:h(e,"CustomContent")}))),$S=c.lazy(()=>B(()=>import("./Footer.stories-DOXV0B7d.js"),__vite__mapDeps([76,4]),import.meta.url).then(e=>({default:h(e,"CustomizedDefaultAndCustomElements")}))),zS=c.lazy(()=>B(()=>import("./Footer.stories-DOXV0B7d.js"),__vite__mapDeps([76,4]),import.meta.url).then(e=>({default:h(e,"OnlyCustomElements")}))),jS=c.lazy(()=>B(()=>import("./Header.stories-BwsPaOhc.js"),__vite__mapDeps([77,78,79,18,19,20,21,22,23,17,25,26,7,8,52,33,53,3,54,65,27]),import.meta.url).then(e=>({default:h(e,"Basic")}))),VS=c.lazy(()=>B(()=>import("./Header.stories-BwsPaOhc.js"),__vite__mapDeps([77,78,79,18,19,20,21,22,23,17,25,26,7,8,52,33,53,3,54,65,27]),import.meta.url).then(e=>({default:h(e,"CenterContent")}))),HS=c.lazy(()=>B(()=>import("./Header.stories-BwsPaOhc.js"),__vite__mapDeps([77,78,79,18,19,20,21,22,23,17,25,26,7,8,52,33,53,3,54,65,27]),import.meta.url).then(e=>({default:h(e,"Full")}))),US=c.lazy(()=>B(()=>import("./Header.stories-BwsPaOhc.js"),__vite__mapDeps([77,78,79,18,19,20,21,22,23,17,25,26,7,8,52,33,53,3,54,65,27]),import.meta.url).then(e=>({default:h(e,"Slim")}))),WS=c.lazy(()=>B(()=>import("./Icon.stories-CeKI-Y2z.js"),__vite__mapDeps([80,1,81,3,75,43,44]),import.meta.url).then(e=>({default:h(e,"Autoscale")}))),GS=c.lazy(()=>B(()=>import("./Icon.stories-CeKI-Y2z.js"),__vite__mapDeps([80,1,81,3,75,43,44]),import.meta.url).then(e=>({default:h(e,"Default")}))),qS=c.lazy(()=>B(()=>import("./Icon.stories-CeKI-Y2z.js"),__vite__mapDeps([80,1,81,3,75,43,44]),import.meta.url).then(e=>({default:h(e,"Padded")}))),YS=c.lazy(()=>B(()=>import("./Icon.stories-CeKI-Y2z.js"),__vite__mapDeps([80,1,81,3,75,43,44]),import.meta.url).then(e=>({default:h(e,"Sizes")}))),KS=c.lazy(()=>B(()=>import("./Icon.stories-CeKI-Y2z.js"),__vite__mapDeps([80,1,81,3,75,43,44]),import.meta.url).then(e=>({default:h(e,"Statuses")}))),JS=c.lazy(()=>B(()=>import("./IconButton.stories-DlGB0AyU.js"),__vite__mapDeps([82,29]),import.meta.url).then(e=>({default:h(e,"Add")}))),XS=c.lazy(()=>B(()=>import("./IconButton.stories-DlGB0AyU.js"),__vite__mapDeps([82,29]),import.meta.url).then(e=>({default:h(e,"Borderless")}))),ZS=c.lazy(()=>B(()=>import("./IconButton.stories-DlGB0AyU.js"),__vite__mapDeps([82,29]),import.meta.url).then(e=>({default:h(e,"HighVisibilityAdd")}))),QS=c.lazy(()=>B(()=>import("./IconButton.stories-DlGB0AyU.js"),__vite__mapDeps([82,29]),import.meta.url).then(e=>({default:h(e,"SmallActiveAdd")}))),eF=c.lazy(()=>B(()=>import("./IdeasButton.stories-Db7gV2s4.js"),__vite__mapDeps([83,16]),import.meta.url).then(e=>({default:h(e,"Ideas")}))),tF=c.lazy(()=>B(()=>import("./IdeasButton.stories-Db7gV2s4.js"),__vite__mapDeps([83,16]),import.meta.url).then(e=>({default:h(e,"LocalizedIdeas")}))),nF=c.lazy(()=>B(()=>import("./InformationPanel.stories-BYGWMIbw.js"),__vite__mapDeps([84,32,16,85,40,17,39,35,86,56,23,33,48,27,49]),import.meta.url).then(e=>({default:h(e,"Basic")}))),rF=c.lazy(()=>B(()=>import("./InformationPanel.stories-BYGWMIbw.js"),__vite__mapDeps([84,32,16,85,40,17,39,35,86,56,23,33,48,27,49]),import.meta.url).then(e=>({default:h(e,"CustomActions")}))),oF=c.lazy(()=>B(()=>import("./InformationPanel.stories-BYGWMIbw.js"),__vite__mapDeps([84,32,16,85,40,17,39,35,86,56,23,33,48,27,49]),import.meta.url).then(e=>({default:h(e,"CustomWidth")}))),aF=c.lazy(()=>B(()=>import("./InformationPanel.stories-BYGWMIbw.js"),__vite__mapDeps([84,32,16,85,40,17,39,35,86,56,23,33,48,27,49]),import.meta.url).then(e=>({default:h(e,"Horizontal")}))),iF=c.lazy(()=>B(()=>import("./Input.stories-B0HB_JM4.js"),__vite__mapDeps([87,27]),import.meta.url).then(e=>({default:h(e,"Basic")}))),lF=c.lazy(()=>B(()=>import("./Input.stories-B0HB_JM4.js"),__vite__mapDeps([87,27]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),sF=c.lazy(()=>B(()=>import("./Input.stories-B0HB_JM4.js"),__vite__mapDeps([87,27]),import.meta.url).then(e=>({default:h(e,"Small")}))),cF=c.lazy(()=>B(()=>import("./Input.stories-B0HB_JM4.js"),__vite__mapDeps([87,27]),import.meta.url).then(e=>({default:h(e,"Status")}))),uF=c.lazy(()=>B(()=>import("./InputGrid.stories-CQZv_6k1.js"),__vite__mapDeps([88,29,89,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,90]),import.meta.url).then(e=>({default:h(e,"WithInput")}))),AF=c.lazy(()=>B(()=>import("./InputGrid.stories-CQZv_6k1.js"),__vite__mapDeps([88,29,89,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,90]),import.meta.url).then(e=>({default:h(e,"WithInputWithDecorations")}))),dF=c.lazy(()=>B(()=>import("./InputGrid.stories-CQZv_6k1.js"),__vite__mapDeps([88,29,89,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,90]),import.meta.url).then(e=>({default:h(e,"WithSearch")}))),pF=c.lazy(()=>B(()=>import("./InputGrid.stories-CQZv_6k1.js"),__vite__mapDeps([88,29,89,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,90]),import.meta.url).then(e=>({default:h(e,"WithSelect")}))),DF=c.lazy(()=>B(()=>import("./InputGroup.stories-gY3zIfBw.js"),__vite__mapDeps([91,69,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,70,39,40,71]),import.meta.url).then(e=>({default:h(e,"CheckboxGroup")}))),CF=c.lazy(()=>B(()=>import("./InputGroup.stories-gY3zIfBw.js"),__vite__mapDeps([91,69,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,70,39,40,71]),import.meta.url).then(e=>({default:h(e,"RadioGroup")}))),fF=c.lazy(()=>B(()=>import("./InputGroup.stories-gY3zIfBw.js"),__vite__mapDeps([91,69,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56,70,39,40,71]),import.meta.url).then(e=>({default:h(e,"ToggleGroup")}))),mF=c.lazy(()=>B(()=>import("./InputWithDecoration.stories-B67OwJYX.js"),__vite__mapDeps([92,29,89,50,51,3]),import.meta.url).then(e=>({default:h(e,"Basic")}))),BF=c.lazy(()=>B(()=>import("./InputWithDecoration.stories-B67OwJYX.js"),__vite__mapDeps([92,29,89,50,51,3]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),EF=c.lazy(()=>B(()=>import("./InputWithDecoration.stories-B67OwJYX.js"),__vite__mapDeps([92,29,89,50,51,3]),import.meta.url).then(e=>({default:h(e,"Small")}))),gF=c.lazy(()=>B(()=>import("./InputWithDecoration.stories-B67OwJYX.js"),__vite__mapDeps([92,29,89,50,51,3]),import.meta.url).then(e=>({default:h(e,"Status")}))),hF=c.lazy(()=>B(()=>import("./Kbd.stories-CeHGTB7i.js"),__vite__mapDeps([93,94]),import.meta.url).then(e=>({default:h(e,"Basic")}))),yF=c.lazy(()=>B(()=>import("./Kbd.stories-CeHGTB7i.js"),__vite__mapDeps([93,94]),import.meta.url).then(e=>({default:h(e,"PredefinedKey")}))),bF=c.lazy(()=>B(()=>import("./Label.stories-C_n9LIFL.js"),__vite__mapDeps([95,48,27,47,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Basic")}))),vF=c.lazy(()=>B(()=>import("./Label.stories-C_n9LIFL.js"),__vite__mapDeps([95,48,27,47,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Inline")}))),xF=c.lazy(()=>B(()=>import("./Label.stories-C_n9LIFL.js"),__vite__mapDeps([95,48,27,47,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Polymorphic")}))),SF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Basic")}))),FF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),wF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"HybridLayout")}))),TF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Inline")}))),_F=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Negative")}))),IF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Positive")}))),kF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Warning")}))),RF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithCustomIcon")}))),LF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithMessage")}))),OF=c.lazy(()=>B(()=>import("./LabeledInput.stories-6pBv83QQ.js"),__vite__mapDeps([96,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithSvgIcon")}))),PF=c.lazy(()=>B(()=>import("./LabeledSelect.stories-BfJLrsN6.js"),__vite__mapDeps([97,46,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56]),import.meta.url).then(e=>({default:h(e,"Basic")}))),NF=c.lazy(()=>B(()=>import("./LabeledSelect.stories-BfJLrsN6.js"),__vite__mapDeps([97,46,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56]),import.meta.url).then(e=>({default:h(e,"Native")}))),MF=c.lazy(()=>B(()=>import("./LabeledSelect.stories-BfJLrsN6.js"),__vite__mapDeps([97,46,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56]),import.meta.url).then(e=>({default:h(e,"Negative")}))),$F=c.lazy(()=>B(()=>import("./LabeledSelect.stories-BfJLrsN6.js"),__vite__mapDeps([97,46,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56]),import.meta.url).then(e=>({default:h(e,"Positive")}))),zF=c.lazy(()=>B(()=>import("./LabeledSelect.stories-BfJLrsN6.js"),__vite__mapDeps([97,46,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56]),import.meta.url).then(e=>({default:h(e,"Warning")}))),jF=c.lazy(()=>B(()=>import("./LabeledSelect.stories-BfJLrsN6.js"),__vite__mapDeps([97,46,68,53,19,20,21,22,23,3,54,26,47,48,27,49,50,51,52,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithCustomIcon")}))),VF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Basic")}))),HF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),UF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Inline")}))),WF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Negative")}))),GF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Positive")}))),qF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Warning")}))),YF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithCustomIcon")}))),KF=c.lazy(()=>B(()=>import("./LabeledTextarea.stories-DxOlKvcB.js"),__vite__mapDeps([98,46,1,73,27,47,48,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"WithSvgIcon")}))),JF=c.lazy(()=>B(()=>import("./List.stories-D_SHfofU.js"),__vite__mapDeps([99,1,100,21,22]),import.meta.url).then(e=>({default:h(e,"Actionable")}))),XF=c.lazy(()=>B(()=>import("./List.stories-D_SHfofU.js"),__vite__mapDeps([99,1,100,21,22]),import.meta.url).then(e=>({default:h(e,"Basic")}))),ZF=c.lazy(()=>B(()=>import("./List.stories-D_SHfofU.js"),__vite__mapDeps([99,1,100,21,22]),import.meta.url).then(e=>({default:h(e,"WithIcon")}))),QF=c.lazy(()=>B(()=>import("./Modal.stories-B3pIpt_g.js"),__vite__mapDeps([101,16,62,44,20]),import.meta.url).then(e=>({default:h(e,"Basic")}))),ew=c.lazy(()=>B(()=>import("./Modal.stories-B3pIpt_g.js"),__vite__mapDeps([101,16,62,44,20]),import.meta.url).then(e=>({default:h(e,"FullPageModal")}))),tw=c.lazy(()=>B(()=>import("./Modal.stories-B3pIpt_g.js"),__vite__mapDeps([101,16,62,44,20]),import.meta.url).then(e=>({default:h(e,"NonDismissibleModal")}))),nw=c.lazy(()=>B(()=>import("./Modal.stories-B3pIpt_g.js"),__vite__mapDeps([101,16,62,44,20]),import.meta.url).then(e=>({default:h(e,"OutsideClickAndEscDoesNotClose")}))),rw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"BadGateway")}))),ow=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"CustomHtmlMessage")}))),aw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"Forbidden")}))),iw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"Generic")}))),lw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"InternalServerError")}))),sw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"PageNotFound")}))),cw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"Redirect")}))),uw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"ServiceUnavailable")}))),Aw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"TimeOut")}))),dw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"Unauthorized")}))),pw=c.lazy(()=>B(()=>import("./NonIdealState.stories-Dqh8mq9l.js"),__vite__mapDeps([102,16,4]),import.meta.url).then(e=>({default:h(e,"WithoutMessageOrButtons")}))),Dw=c.lazy(()=>B(()=>import("./NotificationMarker.stories-Cfh0Ggxu.js"),__vite__mapDeps([103,79,30,16,33]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Cw=c.lazy(()=>B(()=>import("./NotificationMarker.stories-Cfh0Ggxu.js"),__vite__mapDeps([103,79,30,16,33]),import.meta.url).then(e=>({default:h(e,"Pulsing")}))),fw=c.lazy(()=>B(()=>import("./NotificationMarker.stories-Cfh0Ggxu.js"),__vite__mapDeps([103,79,30,16,33]),import.meta.url).then(e=>({default:h(e,"Status")}))),mw=c.lazy(()=>B(()=>import("./NotificationMarker.stories-Cfh0Ggxu.js"),__vite__mapDeps([103,79,30,16,33]),import.meta.url).then(e=>({default:h(e,"WithButtons")}))),Bw=c.lazy(()=>B(()=>import("./Overlay.stories-BTLm56m3.js"),__vite__mapDeps([104,105,40]),import.meta.url).then(e=>({default:h(e,"Linear")}))),Ew=c.lazy(()=>B(()=>import("./Overlay.stories-BTLm56m3.js"),__vite__mapDeps([104,105,40]),import.meta.url).then(e=>({default:h(e,"Radial")}))),gw=c.lazy(()=>B(()=>import("./Overview.stories-BOgrlamO.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"MDXContent")}))),hw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"Determinate")}))),yw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"DeterminateAnimated")}))),bw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"Indeterminate")}))),vw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"LabeledCenter")}))),xw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"LabeledLeftRight")}))),Sw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"Negative")}))),Fw=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"Positive")}))),ww=c.lazy(()=>B(()=>import("./ProgressLinear.stories-CdiHuwzE.js"),__vite__mapDeps([106,81,105,3]),import.meta.url).then(e=>({default:h(e,"Warning")}))),Tw=c.lazy(()=>B(()=>import("./ProgressRadial.stories-DD97CeDw.js"),__vite__mapDeps([107,40]),import.meta.url).then(e=>({default:h(e,"Determinate")}))),_w=c.lazy(()=>B(()=>import("./ProgressRadial.stories-DD97CeDw.js"),__vite__mapDeps([107,40]),import.meta.url).then(e=>({default:h(e,"DeterminateWithContent")}))),Iw=c.lazy(()=>B(()=>import("./ProgressRadial.stories-DD97CeDw.js"),__vite__mapDeps([107,40]),import.meta.url).then(e=>({default:h(e,"Indeterminate")}))),kw=c.lazy(()=>B(()=>import("./ProgressRadial.stories-DD97CeDw.js"),__vite__mapDeps([107,40]),import.meta.url).then(e=>({default:h(e,"Negative")}))),Rw=c.lazy(()=>B(()=>import("./ProgressRadial.stories-DD97CeDw.js"),__vite__mapDeps([107,40]),import.meta.url).then(e=>({default:h(e,"Positive")}))),Lw=c.lazy(()=>B(()=>import("./ProgressRadial.stories-DD97CeDw.js"),__vite__mapDeps([107,40]),import.meta.url).then(e=>({default:h(e,"Warning")}))),Ow=c.lazy(()=>B(()=>import("./Radio.stories-Bn0-OODP.js"),__vite__mapDeps([108,70]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Pw=c.lazy(()=>B(()=>import("./Radio.stories-Bn0-OODP.js"),__vite__mapDeps([108,70]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),Nw=c.lazy(()=>B(()=>import("./Radio.stories-Bn0-OODP.js"),__vite__mapDeps([108,70]),import.meta.url).then(e=>({default:h(e,"Negative")}))),Mw=c.lazy(()=>B(()=>import("./Radio.stories-Bn0-OODP.js"),__vite__mapDeps([108,70]),import.meta.url).then(e=>({default:h(e,"Positive")}))),$w=c.lazy(()=>B(()=>import("./Radio.stories-Bn0-OODP.js"),__vite__mapDeps([108,70]),import.meta.url).then(e=>({default:h(e,"Warning")}))),zw=c.lazy(()=>B(()=>import("./RadioTileGroup.stories-Mtpl3T9R.js"),__vite__mapDeps([109,78,69,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Colored")}))),jw=c.lazy(()=>B(()=>import("./RadioTileGroup.stories-Mtpl3T9R.js"),__vite__mapDeps([109,78,69,47,48,27,49,3,50,51,52,53,19,20,21,22,23,54,26,33,55,56]),import.meta.url).then(e=>({default:h(e,"Monochrome")}))),Vw=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Hw=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"BasicWithCustomItems")}))),Uw=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"BasicWithStatus")}))),Ww=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"Expandable")}))),Gw=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"ExpandableWithCustomItems")}))),qw=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"Small")}))),Yw=c.lazy(()=>B(()=>import("./SearchBox.stories-DnyIws2e.js"),__vite__mapDeps([110,90,51,3,33,111]),import.meta.url).then(e=>({default:h(e,"WithCustomAction")}))),Kw=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Basic")}))),Jw=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Borderless")}))),Xw=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Custom")}))),Zw=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),Qw=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"DisabledWithSelectedValue")}))),e1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"ManyItems")}))),t1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Multi")}))),n1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"MultiCustomRenderer")}))),r1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Native")}))),o1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"Sublabels")}))),a1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"TruncateMiddleText")}))),i1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithIcons")}))),l1=c.lazy(()=>B(()=>import("./Select.stories-Byx4QlLF.js"),__vite__mapDeps([112,2,113,53,19,20,21,22,23,3,54,26]),import.meta.url).then(e=>({default:h(e,"WithSelectedValue")}))),s1=c.lazy(()=>B(()=>import("./SideNavigation.stories-DBlcX7vy.js"),__vite__mapDeps([114,1,115,86,17,16,33,4]),import.meta.url).then(e=>({default:h(e,"ActiveItem")}))),c1=c.lazy(()=>B(()=>import("./SideNavigation.stories-DBlcX7vy.js"),__vite__mapDeps([114,1,115,86,17,16,33,4]),import.meta.url).then(e=>({default:h(e,"Basic")}))),u1=c.lazy(()=>B(()=>import("./SideNavigation.stories-DBlcX7vy.js"),__vite__mapDeps([114,1,115,86,17,16,33,4]),import.meta.url).then(e=>({default:h(e,"Submenu")}))),A1=c.lazy(()=>B(()=>import("./SkipToContentLink.stories-CZUzWDcv.js"),__vite__mapDeps([116,33,94,4]),import.meta.url).then(e=>({default:h(e,"Basic")}))),d1=c.lazy(()=>B(()=>import("./SkipToContentLink.stories-CZUzWDcv.js"),__vite__mapDeps([116,33,94,4]),import.meta.url).then(e=>({default:h(e,"CustomText")}))),p1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"Basic")}))),D1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"CustomTickNoTooltip")}))),C1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"CustomTooltip")}))),f1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"DecimalIncrement")}))),m1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),B1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"MultiThumbsAllowCrossing")}))),E1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"Range")}))),g1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"Vertical")}))),h1=c.lazy(()=>B(()=>import("./Slider.stories-B8JV_p0Q.js"),__vite__mapDeps([117,2,113,43,44,33]),import.meta.url).then(e=>({default:h(e,"WithCustomThumb")}))),y1=c.lazy(()=>B(()=>import("./SplitButton.stories-DhRdukFJ.js"),__vite__mapDeps([118,16,19,20,21,22,23,25,26]),import.meta.url).then(e=>({default:h(e,"Basic")}))),b1=c.lazy(()=>B(()=>import("./Stepper.stories-CYKOOSKT.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Basic")}))),v1=c.lazy(()=>B(()=>import("./Stepper.stories-CYKOOSKT.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"LocalizedLong")}))),x1=c.lazy(()=>B(()=>import("./Stepper.stories-CYKOOSKT.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Long")}))),S1=c.lazy(()=>B(()=>import("./Stepper.stories-CYKOOSKT.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"WithTooltips")}))),F1=c.lazy(()=>B(()=>import("./Surface.stories-2Pl8h5xy.js"),__vite__mapDeps([119,115,120,33,37,75,111,16,4]),import.meta.url).then(e=>({default:h(e,"Basic")}))),w1=c.lazy(()=>B(()=>import("./Surface.stories-2Pl8h5xy.js"),__vite__mapDeps([119,115,120,33,37,75,111,16,4]),import.meta.url).then(e=>({default:h(e,"Custom")}))),T1=c.lazy(()=>B(()=>import("./Surface.stories-2Pl8h5xy.js"),__vite__mapDeps([119,115,120,33,37,75,111,16,4]),import.meta.url).then(e=>({default:h(e,"EmptyState")}))),_1=c.lazy(()=>B(()=>import("./Surface.stories-2Pl8h5xy.js"),__vite__mapDeps([119,115,120,33,37,75,111,16,4]),import.meta.url).then(e=>({default:h(e,"NoPadding")}))),I1=c.lazy(()=>B(()=>import("./Surface.stories-2Pl8h5xy.js"),__vite__mapDeps([119,115,120,33,37,75,111,16,4]),import.meta.url).then(e=>({default:h(e,"OverflowWithButtonFooter")}))),k1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Basic")}))),R1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"ColumnManager")}))),L1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Condensed")}))),O1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"ControlledState")}))),P1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"CustomFilter")}))),N1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"CustomizedColumns")}))),M1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"DisabledRows")}))),$1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"DraggableColumns")}))),z1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Editable")}))),j1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Expandable")}))),V1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"ExpandableSubrows")}))),H1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Filters")}))),U1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Full")}))),W1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Full2")}))),G1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"GlobalFilter")}))),q1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"HorizontalScroll")}))),Y1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"InitialState")}))),K1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"LazyLoading")}))),J1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Loading")}))),X1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Localized")}))),Z1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"NoData")}))),Q1=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"ResizableColumns")}))),eT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"RowInViewport")}))),tT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"ScrollToRow")}))),nT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"SelectableMulti")}))),rT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"SelectableSingle")}))),oT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Sortable")}))),aT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"StatusAndCellIcons")}))),iT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"StickyColumns")}))),lT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"Virtualized")}))),sT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"VirtualizedSubRows")}))),cT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"WithManualPaginatorAndFilter")}))),uT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"WithPaginator")}))),AT=c.lazy(()=>B(()=>import("./Table.stories-Cq7vosfl.js"),__vite__mapDeps([121,15,81,4,85,40,17,39,35,86,56,23,16,59,60,36,47,48,27,49,3,50,51,52,53,19,20,21,22,54,26,33,55,73,37,69,18,24,25,70]),import.meta.url).then(e=>({default:h(e,"ZebraStripedRows")}))),dT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"BorderlessTabs")}))),pT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"DefaultTabs")}))),DT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"HorizontalOverflow")}))),CT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"LegacyTabs")}))),fT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"PillTabs")}))),mT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"SublabelsAndIcons")}))),BT=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"Vertical")}))),ET=c.lazy(()=>B(()=>import("./Tabs.stories-eRARlgP9.js"),__vite__mapDeps([122,123,3,55,16]),import.meta.url).then(e=>({default:h(e,"VerticalOverflow")}))),gT=c.lazy(()=>B(()=>import("./Tag.stories-FYwBnIKX.js"),__vite__mapDeps([124,125,22]),import.meta.url).then(e=>({default:h(e,"Clickable")}))),hT=c.lazy(()=>B(()=>import("./Tag.stories-FYwBnIKX.js"),__vite__mapDeps([124,125,22]),import.meta.url).then(e=>({default:h(e,"Default")}))),yT=c.lazy(()=>B(()=>import("./Tag.stories-FYwBnIKX.js"),__vite__mapDeps([124,125,22]),import.meta.url).then(e=>({default:h(e,"NoClose")}))),bT=c.lazy(()=>B(()=>import("./TagContainer.stories-4-OCjUQb.js"),__vite__mapDeps([126,127,125,22]),import.meta.url).then(e=>({default:h(e,"BasicTagsContainer")}))),vT=c.lazy(()=>B(()=>import("./TagContainer.stories-4-OCjUQb.js"),__vite__mapDeps([126,127,125,22]),import.meta.url).then(e=>({default:h(e,"DefaultTagsContainer")}))),xT=c.lazy(()=>B(()=>import("./TagContainer.stories-4-OCjUQb.js"),__vite__mapDeps([126,127,125,22]),import.meta.url).then(e=>({default:h(e,"ScrollableDefaultTagsContainer")}))),ST=c.lazy(()=>B(()=>import("./TagContainer.stories-4-OCjUQb.js"),__vite__mapDeps([126,127,125,22]),import.meta.url).then(e=>({default:h(e,"TruncatedBasicTagsContainer")}))),FT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Basic")}))),wT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Body")}))),TT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Headline")}))),_T=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Leading")}))),IT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Polymorphic")}))),kT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Skeleton")}))),RT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Small")}))),LT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Subheading")}))),OT=c.lazy(()=>B(()=>import("./Text.stories-Cf6X__Mv.js"),__vite__mapDeps([128,33]),import.meta.url).then(e=>({default:h(e,"Title")}))),PT=c.lazy(()=>B(()=>import("./Textarea.stories-T0tleGnN.js"),__vite__mapDeps([129,49,27]),import.meta.url).then(e=>({default:h(e,"Basic")}))),NT=c.lazy(()=>B(()=>import("./Textarea.stories-T0tleGnN.js"),__vite__mapDeps([129,49,27]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),MT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Actionable")}))),$T=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"AllProps")}))),zT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"AnchorLink")}))),jT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Basic")}))),VT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Condensed")}))),HT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Disabled")}))),UT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Folder")}))),WT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Loading")}))),GT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"Status")}))),qT=c.lazy(()=>B(()=>import("./Tile.stories-CCAchySZ.js"),__vite__mapDeps([130,14,123,18,19,20,21,22,23,40,120,54,11,8,127,125,16,7]),import.meta.url).then(e=>({default:h(e,"WithAvatar")}))),YT=c.lazy(()=>B(()=>import("./TimePicker.stories-3dwrZ-Gt.js"),__vite__mapDeps([131,58,50,51,3,23,60]),import.meta.url).then(e=>({default:h(e,"Basic")}))),KT=c.lazy(()=>B(()=>import("./TimePicker.stories-3dwrZ-Gt.js"),__vite__mapDeps([131,58,50,51,3,23,60]),import.meta.url).then(e=>({default:h(e,"Combined")}))),JT=c.lazy(()=>B(()=>import("./TimePicker.stories-3dwrZ-Gt.js"),__vite__mapDeps([131,58,50,51,3,23,60]),import.meta.url).then(e=>({default:h(e,"CustomRenderers")}))),XT=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"AnchorToButton")}))),ZT=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"CloseIndividual")}))),QT=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"Informational")}))),e_=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"Negative")}))),t_=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"PositionChanged")}))),n_=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"Positive")}))),r_=c.lazy(()=>B(()=>import("./Toasts.stories-CuASY0cS.js"),__vite__mapDeps([132,16,40]),import.meta.url).then(e=>({default:h(e,"Warning")}))),o_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"Basic")}))),a_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"DisabledChecked")}))),i_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"DisabledUnchecked")}))),l_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"LabelLeft")}))),s_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"LabelRight")}))),c_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"Small")}))),u_=c.lazy(()=>B(()=>import("./ToggleSwitch.stories-QLPavBkz.js"),__vite__mapDeps([133,71,54]),import.meta.url).then(e=>({default:h(e,"WithCustomIcon")}))),A_=c.lazy(()=>B(()=>import("./Tooltip.stories-DwJ0q909.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Bottom")}))),d_=c.lazy(()=>B(()=>import("./Tooltip.stories-DwJ0q909.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Controlled")}))),p_=c.lazy(()=>B(()=>import("./Tooltip.stories-DwJ0q909.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Left")}))),D_=c.lazy(()=>B(()=>import("./Tooltip.stories-DwJ0q909.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Right")}))),C_=c.lazy(()=>B(()=>import("./Tooltip.stories-DwJ0q909.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Top")}))),f_=c.lazy(()=>B(()=>import("./TransferList.stories-CgLhjzEG.js"),__vite__mapDeps([134,13,100,21,22,48,20]),import.meta.url).then(e=>({default:h(e,"Basic")}))),m_=c.lazy(()=>B(()=>import("./TransferList.stories-CgLhjzEG.js"),__vite__mapDeps([134,13,100,21,22,48,20]),import.meta.url).then(e=>({default:h(e,"WithLabel")}))),B_=c.lazy(()=>B(()=>import("./Tree.stories-D4ycV8ba.js"),__vite__mapDeps([135,1,20,56,17,39,40]),import.meta.url).then(e=>({default:h(e,"AsyncLoading")}))),E_=c.lazy(()=>B(()=>import("./Tree.stories-D4ycV8ba.js"),__vite__mapDeps([135,1,20,56,17,39,40]),import.meta.url).then(e=>({default:h(e,"Basic")}))),g_=c.lazy(()=>B(()=>import("./Tree.stories-D4ycV8ba.js"),__vite__mapDeps([135,1,20,56,17,39,40]),import.meta.url).then(e=>({default:h(e,"CustomizedExpander")}))),h_=c.lazy(()=>B(()=>import("./Tree.stories-D4ycV8ba.js"),__vite__mapDeps([135,1,20,56,17,39,40]),import.meta.url).then(e=>({default:h(e,"Full")}))),y_=c.lazy(()=>B(()=>import("./Tree.stories-D4ycV8ba.js"),__vite__mapDeps([135,1,20,56,17,39,40]),import.meta.url).then(e=>({default:h(e,"Small")}))),b_=c.lazy(()=>B(()=>import("./Tree.stories-D4ycV8ba.js"),__vite__mapDeps([135,1,20,56,17,39,40]),import.meta.url).then(e=>({default:h(e,"Virtualized")}))),v_=c.lazy(()=>B(()=>import("./WorkflowDiagram.stories-DmckodxH.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"Basic")}))),x_=c.lazy(()=>B(()=>import("./WorkflowDiagram.stories-DmckodxH.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:h(e,"WithTooltips")})));let Dn={"alert--custom-icon":{component:Pv,locStart:146,locEnd:158,entry:"src/Alert.stories.tsx"},"alert--empty":{component:Nv,locStart:137,locEnd:144,entry:"src/Alert.stories.tsx"},"alert--informational":{component:Mv,locStart:13,locEnd:26,entry:"src/Alert.stories.tsx"},"alert--negative":{component:$v,locStart:58,locEnd:71,entry:"src/Alert.stories.tsx"},"alert--positive":{component:zv,locStart:28,locEnd:41,entry:"src/Alert.stories.tsx"},"alert--sticky":{component:jv,locStart:73,locEnd:135,entry:"src/Alert.stories.tsx"},"alert--warning":{component:Vv,locStart:43,locEnd:56,entry:"src/Alert.stories.tsx"},"anchor--as-button":{component:Hv,locStart:16,locEnd:22,entry:"src/Anchor.stories.tsx"},"anchor--basic":{component:Uv,locStart:12,locEnd:14,entry:"src/Anchor.stories.tsx"},"anchor--external":{component:Wv,locStart:24,locEnd:30,entry:"src/Anchor.stories.tsx"},"anchor--underline":{component:Gv,locStart:32,locEnd:38,entry:"src/Anchor.stories.tsx"},"avatar--basic":{component:qv,locStart:13,locEnd:21,entry:"src/Avatar.stories.tsx"},"avatar--custom-status-translation":{component:Yv,locStart:115,locEnd:131,entry:"src/Avatar.stories.tsx"},"avatar--sizes":{component:Kv,locStart:49,locEnd:78,entry:"src/Avatar.stories.tsx"},"avatar--statuses":{component:Jv,locStart:80,locEnd:113,entry:"src/Avatar.stories.tsx"},"avatar--with-icon":{component:Xv,locStart:37,locEnd:47,entry:"src/Avatar.stories.tsx"},"avatar--with-image":{component:Zv,locStart:23,locEnd:35,entry:"src/Avatar.stories.tsx"},"avatargroup--animated":{component:Qv,locStart:45,locEnd:69,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--basic":{component:ex,locStart:17,locEnd:43,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--many-avatars":{component:tx,locStart:71,locEnd:110,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--non-stacked":{component:nx,locStart:112,locEnd:139,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--with-tooltip":{component:rx,locStart:141,locEnd:184,entry:"src/AvatarGroup.stories.tsx"},"badge--basic":{component:ox,locStart:12,locEnd:14,entry:"src/Badge.stories.tsx"},"badge--long-label":{component:ax,locStart:16,locEnd:22,entry:"src/Badge.stories.tsx"},"badge--statuses":{component:ix,locStart:24,locEnd:33,entry:"src/Badge.stories.tsx"},"blockquote--basic":{component:lx,locStart:12,locEnd:14,entry:"src/Blockquote.stories.tsx"},"blockquote--with-footer":{component:sx,locStart:16,locEnd:34,entry:"src/Blockquote.stories.tsx"},"breadcrumbs--basic":{component:cx,locStart:25,locEnd:39,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-back-button":{component:ux,locStart:90,locEnd:135,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-dropdown":{component:Ax,locStart:137,locEnd:193,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-separator":{component:dx,locStart:55,locEnd:69,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--folder-navigation":{component:px,locStart:195,locEnd:260,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--links":{component:Dx,locStart:41,locEnd:53,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--overflow":{component:Cx,locStart:71,locEnd:88,entry:"src/Breadcrumbs.stories.tsx"},"button--as-link":{component:fx,locStart:100,locEnd:115,entry:"src/Button.stories.tsx"},"button--call-to-action":{component:mx,locStart:13,locEnd:19,entry:"src/Button.stories.tsx"},"button--default":{component:Bx,locStart:29,locEnd:35,entry:"src/Button.stories.tsx"},"button--high-visibility":{component:Ex,locStart:21,locEnd:27,entry:"src/Button.stories.tsx"},"button--with-icon":{component:gx,locStart:37,locEnd:47,entry:"src/Button.stories.tsx"},"button--with-notification":{component:hx,locStart:49,locEnd:98,entry:"src/Button.stories.tsx"},"buttongroup--input-button-combo":{component:yx,locStart:112,locEnd:133,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--overflow":{component:bx,locStart:56,locEnd:110,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical":{component:vx,locStart:135,locEnd:160,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical-overflow":{component:xx,locStart:162,locEnd:210,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--with-icons":{component:Sx,locStart:29,locEnd:54,entry:"src/ButtonGroup.stories.tsx"},"carousel--basic":{component:Fx,locStart:13,locEnd:51,entry:"src/Carousel.stories.tsx"},"carousel--controlled":{component:wx,locStart:53,locEnd:97,entry:"src/Carousel.stories.tsx"},"carousel--only-dots":{component:Tx,locStart:100,locEnd:179,entry:"src/Carousel.stories.tsx"},"checkbox--basic":{component:_x,locStart:12,locEnd:14,entry:"src/Checkbox.stories.tsx"},"checkbox--disabled":{component:Ix,locStart:16,locEnd:18,entry:"src/Checkbox.stories.tsx"},"checkbox--indeterminate":{component:kx,locStart:19,locEnd:21,entry:"src/Checkbox.stories.tsx"},"checkbox--loading":{component:Rx,locStart:33,locEnd:35,entry:"src/Checkbox.stories.tsx"},"checkbox--negative":{component:Lx,locStart:29,locEnd:31,entry:"src/Checkbox.stories.tsx"},"checkbox--positive":{component:Ox,locStart:23,locEnd:25,entry:"src/Checkbox.stories.tsx"},"checkbox--visibility":{component:Px,locStart:37,locEnd:39,entry:"src/Checkbox.stories.tsx"},"checkbox--warning":{component:Nx,locStart:26,locEnd:28,entry:"src/Checkbox.stories.tsx"},"code--basic":{component:Mx,locStart:12,locEnd:19,entry:"src/Code.stories.tsx"},"colorpicker--advanced":{component:$x,locStart:98,locEnd:174,entry:"src/ColorPicker.stories.tsx"},"colorpicker--basic":{component:zx,locStart:57,locEnd:96,entry:"src/ColorPicker.stories.tsx"},"colorpicker--with-alpha":{component:jx,locStart:176,locEnd:250,entry:"src/ColorPicker.stories.tsx"},"combobox--basic":{component:Vx,locStart:298,locEnd:308,entry:"src/ComboBox.stories.tsx"},"combobox--controlled":{component:Hx,locStart:310,locEnd:325,entry:"src/ComboBox.stories.tsx"},"combobox--custom-renderer":{component:Ux,locStart:386,locEnd:420,entry:"src/ComboBox.stories.tsx"},"combobox--disabled-items":{component:Wx,locStart:327,locEnd:356,entry:"src/ComboBox.stories.tsx"},"combobox--loading":{component:Gx,locStart:452,locEnd:500,entry:"src/ComboBox.stories.tsx"},"combobox--multiple-select":{component:qx,locStart:515,locEnd:534,entry:"src/ComboBox.stories.tsx"},"combobox--virtualized":{component:Yx,locStart:502,locEnd:513,entry:"src/ComboBox.stories.tsx"},"combobox--with-custom-message-icon":{component:Kx,locStart:435,locEnd:450,entry:"src/ComboBox.stories.tsx"},"combobox--with-label":{component:Jx,locStart:358,locEnd:371,entry:"src/ComboBox.stories.tsx"},"combobox--with-message":{component:Xx,locStart:422,locEnd:433,entry:"src/ComboBox.stories.tsx"},"combobox--with-status":{component:Zx,locStart:373,locEnd:384,entry:"src/ComboBox.stories.tsx"},"datepicker--basic":{component:Qx,locStart:18,locEnd:47,entry:"src/DatePicker.stories.tsx"},"datepicker--localized":{component:eS,locStart:113,locEnd:142,entry:"src/DatePicker.stories.tsx"},"datepicker--range":{component:tS,locStart:172,locEnd:216,entry:"src/DatePicker.stories.tsx"},"datepicker--some-dates-disabled":{component:nS,locStart:218,locEnd:269,entry:"src/DatePicker.stories.tsx"},"datepicker--with-combined-time":{component:rS,locStart:80,locEnd:111,entry:"src/DatePicker.stories.tsx"},"datepicker--with-time":{component:oS,locStart:49,locEnd:78,entry:"src/DatePicker.stories.tsx"},"datepicker--with-year":{component:aS,locStart:143,locEnd:170,entry:"src/DatePicker.stories.tsx"},"dialog--basic":{component:iS,locStart:12,locEnd:61,entry:"src/Dialog.stories.tsx"},"dialog--draggable-and-resizable":{component:lS,locStart:124,locEnd:180,entry:"src/Dialog.stories.tsx"},"dialog--draggable-relative-to-container":{component:sS,locStart:182,locEnd:252,entry:"src/Dialog.stories.tsx"},"dialog--modal":{component:cS,locStart:63,locEnd:122,entry:"src/Dialog.stories.tsx"},"dialog--placement":{component:uS,locStart:254,locEnd:309,entry:"src/Dialog.stories.tsx"},"dropdownbutton--basic":{component:AS,locStart:12,locEnd:31,entry:"src/DropdownButton.stories.tsx"},"dropdownmenu--basic":{component:dS,locStart:28,locEnd:51,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--submenu":{component:pS,locStart:186,locEnd:242,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-content":{component:DS,locStart:289,locEnd:330,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-end-icons":{component:CS,locStart:99,locEnd:126,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-separator":{component:fS,locStart:252,locEnd:279,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-start-icons":{component:mS,locStart:62,locEnd:89,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-sublabels":{component:BS,locStart:136,locEnd:176,entry:"src/DropdownMenu.stories.tsx"},"expandableblock--accordion":{component:ES,locStart:33,locEnd:44,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--basic":{component:gS,locStart:12,locEnd:16,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--borderless":{component:hS,locStart:70,locEnd:77,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--disabled":{component:yS,locStart:79,locEnd:86,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--small":{component:bS,locStart:61,locEnd:68,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--status-icon":{component:vS,locStart:46,locEnd:59,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--with-caption":{component:xS,locStart:18,locEnd:31,entry:"src/ExpandableBlock.stories.tsx"},"fieldset--basic":{component:SS,locStart:18,locEnd:52,entry:"src/Fieldset.stories.tsx"},"fieldset--disabled":{component:FS,locStart:54,locEnd:89,entry:"src/Fieldset.stories.tsx"},"fileupload--custom-file-upload-card":{component:wS,locStart:65,locEnd:115,entry:"src/FileUpload.stories.tsx"},"fileupload--default-file-upload-card":{component:TS,locStart:48,locEnd:63,entry:"src/FileUpload.stories.tsx"},"fileupload--wrapping-input":{component:_S,locStart:24,locEnd:46,entry:"src/FileUpload.stories.tsx"},"flex--basic":{component:IS,locStart:35,locEnd:43,entry:"src/Flex.stories.tsx"},"flex--individual-gaps":{component:kS,locStart:78,locEnd:111,entry:"src/Flex.stories.tsx"},"flex--with-flex-item":{component:RS,locStart:60,locEnd:76,entry:"src/Flex.stories.tsx"},"flex--with-spacer":{component:LS,locStart:45,locEnd:58,entry:"src/Flex.stories.tsx"},"footer--appended-custom-elements":{component:OS,locStart:21,locEnd:32,entry:"src/Footer.stories.tsx"},"footer--basic":{component:PS,locStart:17,locEnd:19,entry:"src/Footer.stories.tsx"},"footer--bottom-fixed":{component:NS,locStart:80,locEnd:86,entry:"src/Footer.stories.tsx"},"footer--custom-content":{component:MS,locStart:88,locEnd:125,entry:"src/Footer.stories.tsx"},"footer--customized-default-and-custom-elements":{component:$S,locStart:47,locEnd:78,entry:"src/Footer.stories.tsx"},"footer--only-custom-elements":{component:zS,locStart:34,locEnd:45,entry:"src/Footer.stories.tsx"},"header--basic":{component:jS,locStart:174,locEnd:233,entry:"src/Header.stories.tsx"},"header--center-content":{component:VS,locStart:297,locEnd:359,entry:"src/Header.stories.tsx"},"header--full":{component:HS,locStart:52,locEnd:172,entry:"src/Header.stories.tsx"},"header--slim":{component:US,locStart:235,locEnd:295,entry:"src/Header.stories.tsx"},"icon--autoscale":{component:WS,locStart:86,locEnd:92,entry:"src/Icon.stories.tsx"},"icon--default":{component:GS,locStart:20,locEnd:26,entry:"src/Icon.stories.tsx"},"icon--padded":{component:qS,locStart:28,locEnd:41,entry:"src/Icon.stories.tsx"},"icon--sizes":{component:YS,locStart:69,locEnd:83,entry:"src/Icon.stories.tsx"},"icon--statuses":{component:KS,locStart:43,locEnd:60,entry:"src/Icon.stories.tsx"},"iconbutton--add":{component:JS,locStart:13,locEnd:19,entry:"src/IconButton.stories.tsx"},"iconbutton--borderless":{component:XS,locStart:46,locEnd:56,entry:"src/IconButton.stories.tsx"},"iconbutton--high-visibility-add":{component:ZS,locStart:34,locEnd:44,entry:"src/IconButton.stories.tsx"},"iconbutton--small-active-add":{component:QS,locStart:21,locEnd:32,entry:"src/IconButton.stories.tsx"},"ideasbutton--ideas":{component:eF,locStart:12,locEnd:14,entry:"src/IdeasButton.stories.tsx"},"ideasbutton--localized-ideas":{component:tF,locStart:16,locEnd:23,entry:"src/IdeasButton.stories.tsx"},"informationpanel--basic":{component:nF,locStart:28,locEnd:96,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-actions":{component:rF,locStart:180,locEnd:269,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-width":{component:oF,locStart:272,locEnd:308,entry:"src/InformationPanel.stories.tsx"},"informationpanel--horizontal":{component:aF,locStart:108,locEnd:177,entry:"src/InformationPanel.stories.tsx"},"input--basic":{component:iF,locStart:12,locEnd:14,entry:"src/Input.stories.tsx"},"input--disabled":{component:lF,locStart:16,locEnd:18,entry:"src/Input.stories.tsx"},"input--small":{component:sF,locStart:20,locEnd:22,entry:"src/Input.stories.tsx"},"input--status":{component:cF,locStart:24,locEnd:26,entry:"src/Input.stories.tsx"},"inputgrid--with-input":{component:uF,locStart:21,locEnd:29,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-input-with-decorations":{component:AF,locStart:31,locEnd:50,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-search":{component:dF,locStart:74,locEnd:82,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-select":{component:pF,locStart:52,locEnd:72,entry:"src/InputGrid.stories.tsx"},"inputgroup--checkbox-group":{component:DF,locStart:42,locEnd:91,entry:"src/InputGroup.stories.tsx"},"inputgroup--radio-group":{component:CF,locStart:19,locEnd:40,entry:"src/InputGroup.stories.tsx"},"inputgroup--toggle-group":{component:fF,locStart:93,locEnd:112,entry:"src/InputGroup.stories.tsx"},"inputwithdecorations--basic":{component:mF,locStart:13,locEnd:25,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--disabled":{component:BF,locStart:27,locEnd:39,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--small":{component:EF,locStart:41,locEnd:53,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--status":{component:gF,locStart:55,locEnd:67,entry:"src/InputWithDecoration.stories.tsx"},"keyboard-key--basic":{component:hF,locStart:12,locEnd:14,entry:"src/Kbd.stories.tsx"},"keyboard-key--predefined-key":{component:yF,locStart:16,locEnd:18,entry:"src/Kbd.stories.tsx"},"label--basic":{component:bF,locStart:20,locEnd:27,entry:"src/Label.stories.tsx"},"label--inline":{component:vF,locStart:29,locEnd:38,entry:"src/Label.stories.tsx"},"label--polymorphic":{component:xF,locStart:40,locEnd:49,entry:"src/Label.stories.tsx"},"labeledinput--basic":{component:SF,locStart:14,locEnd:18,entry:"src/LabeledInput.stories.tsx"},"labeledinput--disabled":{component:FF,locStart:30,locEnd:39,entry:"src/LabeledInput.stories.tsx"},"labeledinput--hybrid-layout":{component:wF,locStart:110,locEnd:121,entry:"src/LabeledInput.stories.tsx"},"labeledinput--inline":{component:TF,locStart:99,locEnd:108,entry:"src/LabeledInput.stories.tsx"},"labeledinput--negative":{component:_F,locStart:63,locEnd:72,entry:"src/LabeledInput.stories.tsx"},"labeledinput--positive":{component:IF,locStart:41,locEnd:50,entry:"src/LabeledInput.stories.tsx"},"labeledinput--warning":{component:kF,locStart:52,locEnd:61,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-custom-icon":{component:RF,locStart:74,locEnd:86,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-message":{component:LF,locStart:20,locEnd:28,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-svg-icon":{component:OF,locStart:88,locEnd:97,entry:"src/LabeledInput.stories.tsx"},"labeledselect--basic":{component:PF,locStart:22,locEnd:35,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--native":{component:NF,locStart:116,locEnd:131,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--negative":{component:MF,locStart:75,locEnd:92,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--positive":{component:$F,locStart:37,locEnd:54,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--warning":{component:zF,locStart:56,locEnd:73,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--with-custom-icon":{component:jF,locStart:94,locEnd:114,entry:"src/LabeledSelect.stories.tsx"},"labeledtextarea--basic":{component:VF,locStart:13,locEnd:21,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--disabled":{component:HF,locStart:23,locEnd:32,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--inline":{component:UF,locStart:90,locEnd:99,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--negative":{component:WF,locStart:56,locEnd:65,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--positive":{component:GF,locStart:34,locEnd:43,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--warning":{component:qF,locStart:45,locEnd:54,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-custom-icon":{component:YF,locStart:67,locEnd:77,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-svg-icon":{component:KF,locStart:79,locEnd:88,entry:"src/LabeledTextarea.stories.tsx"},"list--actionable":{component:JF,locStart:68,locEnd:83,entry:"src/List.stories.tsx"},"list--basic":{component:XF,locStart:21,locEnd:38,entry:"src/List.stories.tsx"},"list--with-icon":{component:ZF,locStart:40,locEnd:66,entry:"src/List.stories.tsx"},"modal--basic":{component:QF,locStart:17,locEnd:68,entry:"src/Modal.stories.tsx"},"modal--full-page-modal":{component:ew,locStart:179,locEnd:231,entry:"src/Modal.stories.tsx"},"modal--non-dismissible-modal":{component:tw,locStart:70,locEnd:122,entry:"src/Modal.stories.tsx"},"modal--outside-click-and-esc-does-not-close":{component:nw,locStart:124,locEnd:177,entry:"src/Modal.stories.tsx"},"nonidealstate--bad-gateway":{component:rw,locStart:167,locEnd:184,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--custom-html-message":{component:ow,locStart:224,locEnd:249,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--forbidden":{component:aw,locStart:72,locEnd:95,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--generic":{component:iw,locStart:205,locEnd:222,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--internal-server-error":{component:lw,locStart:148,locEnd:165,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--page-not-found":{component:sw,locStart:97,locEnd:121,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--redirect":{component:cw,locStart:23,locEnd:46,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--service-unavailable":{component:uw,locStart:186,locEnd:203,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--time-out":{component:Aw,locStart:123,locEnd:146,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--unauthorized":{component:dw,locStart:47,locEnd:70,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--without-message-or-buttons":{component:pw,locStart:251,locEnd:253,entry:"src/NonIdealState.stories.tsx"},"notificationmarker--basic":{component:Dw,locStart:32,locEnd:41,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--pulsing":{component:Cw,locStart:59,locEnd:73,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--status":{component:fw,locStart:75,locEnd:121,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--with-buttons":{component:mw,locStart:43,locEnd:57,entry:"src/NotificationMarker.stories.tsx"},"overlay--linear":{component:Bw,locStart:12,locEnd:37,entry:"src/Overlay.stories.tsx"},"overlay--radial":{component:Ew,locStart:39,locEnd:64,entry:"src/Overlay.stories.tsx"},"overview--readme":{component:gw,locStart:18,locEnd:26,entry:"src/Overview.stories.mdx"},"progresslinear--determinate":{component:hw,locStart:17,locEnd:19,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--determinate-animated":{component:yw,locStart:21,locEnd:23,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--indeterminate":{component:bw,locStart:25,locEnd:27,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-center":{component:vw,locStart:29,locEnd:31,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-left-right":{component:xw,locStart:33,locEnd:35,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--negative":{component:Sw,locStart:52,locEnd:65,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--positive":{component:Fw,locStart:37,locEnd:50,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--warning":{component:ww,locStart:67,locEnd:80,entry:"src/ProgressLinear.stories.tsx"},"progressradial--determinate":{component:Tw,locStart:12,locEnd:14,entry:"src/ProgressRadial.stories.tsx"},"progressradial--determinate-with-content":{component:_w,locStart:32,locEnd:34,entry:"src/ProgressRadial.stories.tsx"},"progressradial--indeterminate":{component:Iw,locStart:16,locEnd:18,entry:"src/ProgressRadial.stories.tsx"},"progressradial--negative":{component:kw,locStart:24,locEnd:26,entry:"src/ProgressRadial.stories.tsx"},"progressradial--positive":{component:Rw,locStart:20,locEnd:22,entry:"src/ProgressRadial.stories.tsx"},"progressradial--warning":{component:Lw,locStart:28,locEnd:30,entry:"src/ProgressRadial.stories.tsx"},"radio--basic":{component:Ow,locStart:12,locEnd:14,entry:"src/Radio.stories.tsx"},"radio--disabled":{component:Pw,locStart:16,locEnd:18,entry:"src/Radio.stories.tsx"},"radio--negative":{component:Nw,locStart:28,locEnd:30,entry:"src/Radio.stories.tsx"},"radio--positive":{component:Mw,locStart:20,locEnd:22,entry:"src/Radio.stories.tsx"},"radio--warning":{component:$w,locStart:24,locEnd:26,entry:"src/Radio.stories.tsx"},"radiotilegroup--colored":{component:zw,locStart:58,locEnd:133,entry:"src/RadioTileGroup.stories.tsx"},"radiotilegroup--monochrome":{component:jw,locStart:13,locEnd:56,entry:"src/RadioTileGroup.stories.tsx"},"searchbox--basic":{component:Vw,locStart:13,locEnd:15,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-custom-items":{component:Hw,locStart:17,locEnd:39,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-status":{component:Uw,locStart:41,locEnd:48,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable":{component:Ww,locStart:50,locEnd:54,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable-with-custom-items":{component:Gw,locStart:56,locEnd:73,entry:"src/SearchBox.stories.tsx"},"searchbox--small":{component:qw,locStart:75,locEnd:77,entry:"src/SearchBox.stories.tsx"},"searchbox--with-custom-action":{component:Yw,locStart:79,locEnd:115,entry:"src/SearchBox.stories.tsx"},"select--basic":{component:Kw,locStart:31,locEnd:38,entry:"src/Select.stories.tsx"},"select--borderless":{component:Jw,locStart:279,locEnd:288,entry:"src/Select.stories.tsx"},"select--custom":{component:Xw,locStart:147,locEnd:170,entry:"src/Select.stories.tsx"},"select--disabled":{component:Zw,locStart:75,locEnd:93,entry:"src/Select.stories.tsx"},"select--disabled-with-selected-value":{component:Qw,locStart:95,locEnd:113,entry:"src/Select.stories.tsx"},"select--many-items":{component:e1,locStart:115,locEnd:128,entry:"src/Select.stories.tsx"},"select--multi":{component:t1,locStart:217,locEnd:239,entry:"src/Select.stories.tsx"},"select--multi-custom-renderer":{component:n1,locStart:241,locEnd:267,entry:"src/Select.stories.tsx"},"select--native":{component:r1,locStart:269,locEnd:277,entry:"src/Select.stories.tsx"},"select--sublabels":{component:o1,locStart:129,locEnd:145,entry:"src/Select.stories.tsx"},"select--truncate-middle-text":{component:a1,locStart:172,locEnd:215,entry:"src/Select.stories.tsx"},"select--with-icons":{component:i1,locStart:40,locEnd:55,entry:"src/Select.stories.tsx"},"select--with-selected-value":{component:l1,locStart:57,locEnd:73,entry:"src/Select.stories.tsx"},"sidenavigation--active-item":{component:s1,locStart:58,locEnd:82,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--basic":{component:c1,locStart:35,locEnd:56,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--submenu":{component:u1,locStart:84,locEnd:169,entry:"src/SideNavigation.stories.tsx"},"skiptocontentlink--basic":{component:A1,locStart:12,locEnd:41,entry:"src/SkipToContentLink.stories.tsx"},"skiptocontentlink--custom-text":{component:d1,locStart:43,locEnd:74,entry:"src/SkipToContentLink.stories.tsx"},"slider--basic":{component:p1,locStart:31,locEnd:33,entry:"src/Slider.stories.tsx"},"slider--custom-tick-no-tooltip":{component:D1,locStart:115,locEnd:162,entry:"src/Slider.stories.tsx"},"slider--custom-tooltip":{component:C1,locStart:101,locEnd:113,entry:"src/Slider.stories.tsx"},"slider--decimal-increment":{component:f1,locStart:172,locEnd:174,entry:"src/Slider.stories.tsx"},"slider--disabled":{component:m1,locStart:97,locEnd:99,entry:"src/Slider.stories.tsx"},"slider--multi-thumbs-allow-crossing":{component:B1,locStart:39,locEnd:60,entry:"src/Slider.stories.tsx"},"slider--range":{component:E1,locStart:35,locEnd:37,entry:"src/Slider.stories.tsx"},"slider--vertical":{component:g1,locStart:176,locEnd:178,entry:"src/Slider.stories.tsx"},"slider--with-custom-thumb":{component:h1,locStart:62,locEnd:95,entry:"src/Slider.stories.tsx"},"splitbutton--basic":{component:y1,locStart:20,locEnd:47,entry:"src/SplitButton.stories.tsx"},"stepper--basic":{component:b1,locStart:12,locEnd:29,entry:"src/Stepper.stories.tsx"},"stepper--localized-long":{component:v1,locStart:50,locEnd:74,entry:"src/Stepper.stories.tsx"},"stepper--long":{component:x1,locStart:31,locEnd:49,entry:"src/Stepper.stories.tsx"},"stepper--with-tooltips":{component:S1,locStart:76,locEnd:93,entry:"src/Stepper.stories.tsx"},"surface--basic":{component:F1,locStart:22,locEnd:39,entry:"src/Surface.stories.tsx"},"surface--custom":{component:w1,locStart:41,locEnd:67,entry:"src/Surface.stories.tsx"},"surface--empty-state":{component:T1,locStart:172,locEnd:199,entry:"src/Surface.stories.tsx"},"surface--no-padding":{component:_1,locStart:117,locEnd:170,entry:"src/Surface.stories.tsx"},"surface--overflow-with-button-footer":{component:I1,locStart:69,locEnd:115,entry:"src/Surface.stories.tsx"},"table--basic":{component:k1,locStart:58,locEnd:103,entry:"src/Table.stories.tsx"},"table--column-manager":{component:R1,locStart:3020,locEnd:3187,entry:"src/Table.stories.tsx"},"table--condensed":{component:L1,locStart:1636,locEnd:1741,entry:"src/Table.stories.tsx"},"table--controlled-state":{component:O1,locStart:1058,locEnd:1235,entry:"src/Table.stories.tsx"},"table--custom-filter":{component:P1,locStart:2111,locEnd:2259,entry:"src/Table.stories.tsx"},"table--customized-columns":{component:N1,locStart:2923,locEnd:3018,entry:"src/Table.stories.tsx"},"table--disabled-rows":{component:M1,locStart:862,locEnd:945,entry:"src/Table.stories.tsx"},"table--draggable-columns":{component:$1,locStart:2797,locEnd:2921,entry:"src/Table.stories.tsx"},"table--editable":{component:z1,locStart:1743,locEnd:1821,entry:"src/Table.stories.tsx"},"table--expandable":{component:j1,locStart:546,locEnd:605,entry:"src/Table.stories.tsx"},"table--expandable-subrows":{component:V1,locStart:607,locEnd:701,entry:"src/Table.stories.tsx"},"table--filters":{component:H1,locStart:310,locEnd:465,entry:"src/Table.stories.tsx"},"table--full":{component:U1,locStart:1237,locEnd:1357,entry:"src/Table.stories.tsx"},"table--full2":{component:W1,locStart:1359,locEnd:1548,entry:"src/Table.stories.tsx"},"table--global-filter":{component:G1,locStart:467,locEnd:544,entry:"src/Table.stories.tsx"},"table--horizontal-scroll":{component:q1,locStart:2460,locEnd:2587,entry:"src/Table.stories.tsx"},"table--initial-state":{component:Y1,locStart:1013,locEnd:1056,entry:"src/Table.stories.tsx"},"table--lazy-loading":{component:K1,locStart:703,locEnd:777,entry:"src/Table.stories.tsx"},"table--loading":{component:J1,locStart:947,locEnd:978,entry:"src/Table.stories.tsx"},"table--localized":{component:X1,locStart:1550,locEnd:1626,entry:"src/Table.stories.tsx"},"table--no-data":{component:Z1,locStart:980,locEnd:1011,entry:"src/Table.stories.tsx"},"table--resizable-columns":{component:Q1,locStart:2269,locEnd:2392,entry:"src/Table.stories.tsx"},"table--row-in-viewport":{component:eT,locStart:779,locEnd:860,entry:"src/Table.stories.tsx"},"table--scroll-to-row":{component:tT,locStart:2660,locEnd:2733,entry:"src/Table.stories.tsx"},"table--selectable-multi":{component:nT,locStart:168,locEnd:240,entry:"src/Table.stories.tsx"},"table--selectable-single":{component:rT,locStart:105,locEnd:166,entry:"src/Table.stories.tsx"},"table--sortable":{component:oT,locStart:242,locEnd:308,entry:"src/Table.stories.tsx"},"table--status-and-cell-icons":{component:aT,locStart:3360,locEnd:3474,entry:"src/Table.stories.tsx"},"table--sticky-columns":{component:iT,locStart:3189,locEnd:3344,entry:"src/Table.stories.tsx"},"table--virtualized":{component:lT,locStart:2603,locEnd:2658,entry:"src/Table.stories.tsx"},"table--virtualized-sub-rows":{component:sT,locStart:2735,locEnd:2795,entry:"src/Table.stories.tsx"},"table--with-manual-paginator-and-filter":{component:cT,locStart:1906,locEnd:2101,entry:"src/Table.stories.tsx"},"table--with-paginator":{component:uT,locStart:1823,locEnd:1896,entry:"src/Table.stories.tsx"},"table--zebra-striped-rows":{component:AT,locStart:2394,locEnd:2458,entry:"src/Table.stories.tsx"},"tabs--borderless-tabs":{component:dT,locStart:61,locEnd:103,entry:"src/Tabs.stories.tsx"},"tabs--default-tabs":{component:pT,locStart:13,locEnd:59,entry:"src/Tabs.stories.tsx"},"tabs--horizontal-overflow":{component:DT,locStart:228,locEnd:287,entry:"src/Tabs.stories.tsx"},"tabs--legacy-tabs":{component:CT,locStart:421,locEnd:471,entry:"src/Tabs.stories.tsx"},"tabs--pill-tabs":{component:fT,locStart:105,locEnd:158,entry:"src/Tabs.stories.tsx"},"tabs--sublabels-and-icons":{component:mT,locStart:160,locEnd:226,entry:"src/Tabs.stories.tsx"},"tabs--vertical":{component:BT,locStart:353,locEnd:419,entry:"src/Tabs.stories.tsx"},"tabs--vertical-overflow":{component:ET,locStart:289,locEnd:351,entry:"src/Tabs.stories.tsx"},"tag--clickable":{component:gT,locStart:23,locEnd:25,entry:"src/Tag.stories.tsx"},"tag--default":{component:hT,locStart:12,locEnd:17,entry:"src/Tag.stories.tsx"},"tag--no-close":{component:yT,locStart:19,locEnd:21,entry:"src/Tag.stories.tsx"},"tagcontainer--basic-tags-container":{component:bT,locStart:12,locEnd:20,entry:"src/TagContainer.stories.tsx"},"tagcontainer--default-tags-container":{component:vT,locStart:22,locEnd:30,entry:"src/TagContainer.stories.tsx"},"tagcontainer--scrollable-default-tags-container":{component:xT,locStart:32,locEnd:44,entry:"src/TagContainer.stories.tsx"},"tagcontainer--truncated-basic-tags-container":{component:ST,locStart:46,locEnd:58,entry:"src/TagContainer.stories.tsx"},"text--basic":{component:FT,locStart:12,locEnd:14,entry:"src/Text.stories.tsx"},"text--body":{component:wT,locStart:16,locEnd:18,entry:"src/Text.stories.tsx"},"text--headline":{component:TT,locStart:36,locEnd:38,entry:"src/Text.stories.tsx"},"text--leading":{component:_T,locStart:24,locEnd:26,entry:"src/Text.stories.tsx"},"text--polymorphic":{component:IT,locStart:40,locEnd:46,entry:"src/Text.stories.tsx"},"text--skeleton":{component:kT,locStart:48,locEnd:50,entry:"src/Text.stories.tsx"},"text--small":{component:RT,locStart:20,locEnd:22,entry:"src/Text.stories.tsx"},"text--subheading":{component:LT,locStart:28,locEnd:30,entry:"src/Text.stories.tsx"},"text--title":{component:OT,locStart:32,locEnd:34,entry:"src/Text.stories.tsx"},"textarea--basic":{component:PT,locStart:12,locEnd:14,entry:"src/Textarea.stories.tsx"},"textarea--disabled":{component:NT,locStart:16,locEnd:18,entry:"src/Textarea.stories.tsx"},"tile--actionable":{component:MT,locStart:118,locEnd:150,entry:"src/Tile.stories.tsx"},"tile--all-props":{component:$T,locStart:63,locEnd:117,entry:"src/Tile.stories.tsx"},"tile--anchor-link":{component:zT,locStart:152,locEnd:183,entry:"src/Tile.stories.tsx"},"tile--basic":{component:jT,locStart:28,locEnd:61,entry:"src/Tile.stories.tsx"},"tile--condensed":{component:VT,locStart:185,locEnd:209,entry:"src/Tile.stories.tsx"},"tile--disabled":{component:HT,locStart:340,locEnd:378,entry:"src/Tile.stories.tsx"},"tile--folder":{component:UT,locStart:250,locEnd:278,entry:"src/Tile.stories.tsx"},"tile--loading":{component:WT,locStart:310,locEnd:338,entry:"src/Tile.stories.tsx"},"tile--status":{component:GT,locStart:280,locEnd:308,entry:"src/Tile.stories.tsx"},"tile--with-avatar":{component:qT,locStart:211,locEnd:248,entry:"src/Tile.stories.tsx"},"timepicker--basic":{component:YT,locStart:18,locEnd:55,entry:"src/TimePicker.stories.tsx"},"timepicker--combined":{component:KT,locStart:109,locEnd:152,entry:"src/TimePicker.stories.tsx"},"timepicker--custom-renderers":{component:JT,locStart:57,locEnd:107,entry:"src/TimePicker.stories.tsx"},"toasts--anchor-to-button":{component:XT,locStart:206,locEnd:249,entry:"src/Toasts.stories.tsx"},"toasts--close-individual":{component:ZT,locStart:251,locEnd:316,entry:"src/Toasts.stories.tsx"},"toasts--informational":{component:QT,locStart:90,locEnd:127,entry:"src/Toasts.stories.tsx"},"toasts--negative":{component:e_,locStart:51,locEnd:88,entry:"src/Toasts.stories.tsx"},"toasts--position-changed":{component:t_,locStart:168,locEnd:204,entry:"src/Toasts.stories.tsx"},"toasts--positive":{component:n_,locStart:12,locEnd:49,entry:"src/Toasts.stories.tsx"},"toasts--warning":{component:r_,locStart:129,locEnd:166,entry:"src/Toasts.stories.tsx"},"toggleswitch--basic":{component:o_,locStart:21,locEnd:23,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-checked":{component:a_,locStart:29,locEnd:31,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-unchecked":{component:i_,locStart:33,locEnd:35,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-left":{component:l_,locStart:47,locEnd:49,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-right":{component:s_,locStart:37,locEnd:45,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--small":{component:c_,locStart:25,locEnd:27,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--with-custom-icon":{component:u_,locStart:51,locEnd:53,entry:"src/ToggleSwitch.stories.tsx"},"tooltip--bottom":{component:A_,locStart:45,locEnd:60,entry:"src/Tooltip.stories.tsx"},"tooltip--controlled":{component:d_,locStart:79,locEnd:93,entry:"src/Tooltip.stories.tsx"},"tooltip--left":{component:p_,locStart:62,locEnd:77,entry:"src/Tooltip.stories.tsx"},"tooltip--right":{component:D_,locStart:28,locEnd:43,entry:"src/Tooltip.stories.tsx"},"tooltip--top":{component:C_,locStart:11,locEnd:26,entry:"src/Tooltip.stories.tsx"},"transferlist--basic":{component:f_,locStart:18,locEnd:150,entry:"src/TransferList.stories.tsx"},"transferlist--with-label":{component:m_,locStart:152,locEnd:286,entry:"src/TransferList.stories.tsx"},"tree--async-loading":{component:B_,locStart:233,locEnd:362,entry:"src/Tree.stories.tsx"},"tree--basic":{component:E_,locStart:20,locEnd:107,entry:"src/Tree.stories.tsx"},"tree--customized-expander":{component:g_,locStart:364,locEnd:505,entry:"src/Tree.stories.tsx"},"tree--full":{component:h_,locStart:109,locEnd:231,entry:"src/Tree.stories.tsx"},"tree--small":{component:y_,locStart:636,locEnd:724,entry:"src/Tree.stories.tsx"},"tree--virtualized":{component:b_,locStart:507,locEnd:634,entry:"src/Tree.stories.tsx"},"workflowdiagram--basic":{component:v_,locStart:12,locEnd:24,entry:"src/WorkflowDiagram.stories.tsx"},"workflowdiagram--with-tooltips":{component:x_,locStart:26,locEnd:41,entry:"src/WorkflowDiagram.stories.tsx"}},E2={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 S_=({path:e})=>c.createElement("div",{style:{paddingTop:"2em"}},c.createElement("code",{className:"ladle-code"},e)),F_={};let g={"0bb4567b":"%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%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",e2c01b11:"%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%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",bd24f6a0:"%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%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","22db9a4a":"%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%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%20React.useState%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","9ce5df60":"%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%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","64ebac84":"%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%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","460b56a2":"%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%20IconButton%2C%0A%20%20Breadcrumbs%2C%0A%20%20DropdownButton%2C%0A%20%20DropdownMenu%2C%0A%20%20MenuItem%2C%0A%20%20Input%2C%0A%20%20Tooltip%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(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'50%25'%2C%20border%3A%20'1px%20solid%20lightpink'%2C%20padding%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%3CBreadcrumbs%3E%7Bitems%7D%3C%2FBreadcrumbs%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%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%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20width%3A%20'50%25'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20725%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20150%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%3CBreadcrumbs%0A%20%20%20%20%20%20%20%20overflowButton%3D%7B(visibleCount%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20previousBreadcrumb%20%3D%0A%20%20%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%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTooltip%20content%3D%7B%60Item%20%24%7BpreviousBreadcrumb%7D%60%7D%20placement%3D'bottom'%3E%0A%20%20%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%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%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%20console.log(%60Visit%20breadcrumb%20%24%7BpreviousBreadcrumb%7D%60)%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%20styleType%3D'borderless'%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%3CSvgMore%20%2F%3E%0A%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%3C%2FTooltip%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%3E%0A%20%20%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%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%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20width%3A%20'50%25'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20725%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20150%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%3CBreadcrumbs%0A%20%20%20%20%20%20%20%20overflowButton%3D%7B(visibleCount%3A%20number)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%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%20%20.fill(null)%0A%20%20%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%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%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%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%20%20%20close()%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%20%20return%20(%0A%20%20%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%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%20%20%3C%2FMenuItem%3E%0A%20%20%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%20%20%7D)%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%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%20aria-label%3D'Dropdown%20with%20more%20breadcrumbs'%0A%20%20%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%20%20%20styleType%3D'borderless'%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)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20FolderNavigation%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20React.useMemo(%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%20React.useState(items.length%20-%201)%3B%0A%20%20const%20%5BisEditing%2C%20setIsEditing%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20breadcrumbItems%20%3D%20React.useMemo(%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",af52835b:"%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%20Button%2C%20NotificationMarker%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgEmail%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",cada4036:"%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%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%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%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%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%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%20viewport%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%20maxWidth%3A%20'clamp(300px%2C%2050%25%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%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CButtonGroup%0A%20%20%20%20%20%20%20%20%20%20orientation%3D'horizontal'%0A%20%20%20%20%20%20%20%20%20%20overflowButton%3D%7B(overflowStart)%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%3CDropdownMenu%0A%20%20%20%20%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%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%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%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%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%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%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%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%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%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%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%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%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%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%3CIconButton%20label%3D'More'%3E%0A%20%20%20%20%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%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%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%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%20%20%20%20%3C%2FButtonGroup%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%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)%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%20viewport%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20border%3A%20'1px%20solid%20hotpink'%2C%20padding%3A%208%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%3C%2F%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%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",e7bbe86a:"%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%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","694e0d79":"%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%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","3de74ee8":"%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%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%20React.useState(false)%3B%0A%20%20const%20%5BactiveColor%2C%20setActiveColor%5D%20%3D%20React.useState(ColorsList%5B5%5D)%3B%0A%20%20const%20%5BcolorName%2C%20setColorName%5D%20%3D%20React.useState(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%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setIsOpen((open)%20%3D%3E%20!open)%7D%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'%2C%20margin%3A%200%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%20React.useState(false)%3B%0A%20%20const%20%5BselectedColor%2C%20setSelectedColor%5D%20%3D%20React.useState%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%20React.useState%3C%0A%20%20%20%20(typeof%20formats)%5Bnumber%5D%0A%20%20%3E(formats%5B0%5D)%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%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%20onClick%3D%7B()%20%3D%3E%20setIsOpen((open)%20%3D%3E%20!open)%7D%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'%2C%20margin%3A%200%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%20React.useState(false)%3B%0A%20%20const%20%5BselectedColor%2C%20setSelectedColor%5D%20%3D%20React.useState%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%20React.useState%3C%0A%20%20%20%20(typeof%20formats)%5Bnumber%5D%0A%20%20%3E(formats%5B0%5D)%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%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%20onClick%3D%7B()%20%3D%3E%20setIsOpen((open)%20%3D%3E%20!open)%7D%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'%2C%20margin%3A%200%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","35f6ba46":"%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%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%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%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%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%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%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%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%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%20id%3D'picker-button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%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%20%20%7Bopened%20%26%26%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%204%20%7D%7D%3E%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%3C%2Fdiv%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%20WithCombinedTime%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%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%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%20id%3D'picker-button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%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%20%20%7Bopened%20%26%26%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%204%20%7D%7D%3E%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%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%3C%2Fdiv%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%20Localized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%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%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%20id%3D'picker-button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%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%20%20%7Bopened%20%26%26%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%204%20%7D%7D%3E%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%3C%2Fdiv%3E%0A%20%20%20%20%20%20)%7D%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%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%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%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%20id%3D'picker-button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%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%20%20%7Bopened%20%26%26%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%204%20%7D%7D%3E%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%3C%2Fdiv%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%20Range%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentStartDate%2C%20setCurrentStartDate%5D%20%3D%20React.useState(%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%20React.useState(%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%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%20id%3D'picker-button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%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%20%20%7Bopened%20%26%26%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%204%20%7D%7D%3E%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%3C%2Fdiv%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%20SomeDatesDisabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bopened%2C%20setOpened%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentStartDate%2C%20setCurrentStartDate%5D%20%3D%20React.useState(%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%20React.useState(%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%3CIconButton%20onClick%3D%7B()%20%3D%3E%20setOpened(!opened)%7D%20id%3D'picker-button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%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%20%20%7Bopened%20%26%26%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%204%20%7D%7D%3E%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%3C%2Fdiv%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","0d141acf":"%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%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%20React.useState(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%20React.useState(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%20React.useState(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%20React.useState(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%20React.useState(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",b50b5d45:"%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%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",bba7b4b3:"%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%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","480e3881":"%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%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%20React.useState%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%20React.useState%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","1f32acb5":"%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%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","009c240a":"%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%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","14ec978f":"%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%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%3CReact.Fragment%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Belement.key%20%7C%7C%20%60%24%7Belement.title%7D-%24%7Bindex%7D%60%7D%0A%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%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%2FReact.Fragment%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",dba1f6b1:"%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%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%20React.useState('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","9ae9c6f5":"%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%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",d5b589af:"%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%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",a4932f1a:"%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%20CellProps%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%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)%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)%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)%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",f81bf50a:"%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%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","274fd685":"%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%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%20React.useState%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",e7c6c5aa:"%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%20React%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%20React.useState(true)%3B%0A%20%20const%20%5Boption2%2C%20setOption2%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BallOptions%2C%20setAllOptions%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BisIndeterminate%2C%20setIsIndeterminate%5D%20%3D%20React.useState(true)%3B%0A%0A%20%20React.useEffect(()%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%20React.useState(true)%3B%0A%20%20const%20%5Boption2%2C%20setOption2%5D%20%3D%20React.useState(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","3ccde78b":"%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%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","1f43b63b":"%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%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",f9f897e7:"%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%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",de31040d:"%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%20React%20from%20'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","294e9394":"%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%20React%20from%20'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",bd4d3cf0:"%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%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",ef769fb1:"%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%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%20React.useState(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%20React.useState(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%20React.useState(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%20React.useState(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","29a32796":"%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%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",e3e9824d:"%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%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%20width%3D%7B16%7D%20height%3D%7B16%7D%20fill%3D'currentColor'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3ENormal%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%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%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%0A%20%20%20%20%20%20%3CNotificationMarker%20status%3D'negative'%20pulsing%3E%0A%20%20%20%20%20%20%20%20%3CText%20style%3D%7B%7B%20fontWeight%3A%20'700'%20%7D%7D%3EURGENT%3C%2FText%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%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%3CNotificationMarker%20status%3D'primary'%3EPrimary%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3CIconButton%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%3CNotificationMarker%20status%3D'positive'%3EPositive%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3CIconButton%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%3CNotificationMarker%20status%3D'warning'%3EWarning%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3CIconButton%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%3CNotificationMarker%20status%3D'negative'%3ENegative%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3CIconButton%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%3CNotificationMarker%20status%3D'white'%3EWhite%3C%2FNotificationMarker%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%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%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",fd4cf25d:"%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%20React%20from%20'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","6963e36f":"%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%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","869b85ac":"%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%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",e330e116:"%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%20React%20from%20'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",f08f12b7:"%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%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%20React.useState(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",e522de67:"%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%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%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%233'%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","8c51b998":"%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%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",f6eacd9b:"%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%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","7475997b":"%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%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",e4a7b95e:"%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%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",eff8bc84:"%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%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%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","7c0c4a59":"%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%20React%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%20React.useState('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%20React.useState('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%20React.useState(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","055d06f7":"%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%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","13c08bfc":"%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%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",f2e17fa6:"%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%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",cbd15c18:"%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%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",ac8d0323:"%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%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%20React.useState(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","2bfdb519":"%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%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%20React.useState(%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%20React.useState(%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%20React.useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2030)%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%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20secondStep%3D%7B15%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",bdb6b595:"%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%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%20React.useRef(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","652b90e7":"%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%20React%20from%20'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","82b78644":"%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%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%3Cdiv%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%20marginTop%3A%2040%2C%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%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%2Fdiv%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%3Cdiv%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%20marginTop%3A%2040%2C%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%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%2Fdiv%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%3Cdiv%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%20marginTop%3A%2040%2C%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%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%2Fdiv%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%3Cdiv%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%20marginTop%3A%2040%2C%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%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%2Fdiv%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%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20marginTop%3A%2040%2C%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%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%20No%20need%20to%20hover%20me%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A",f7f64a62:"%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%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%20React.useState(%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%20React.useState(%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%20(data%3A%20Array%3CTransferItemDataType%3E)%20%3D%3E%20void%2C%0A%20%20%20%20setToData%3A%20(data%3A%20Array%3CTransferItemDataType%3E)%20%3D%3E%20void%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%20React.useState(%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%20React.useState(%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%20(data%3A%20Array%3CTransferItemDataType%3E)%20%3D%3E%20void%2C%0A%20%20%20%20setToData%3A%20(data%3A%20Array%3CTransferItemDataType%3E)%20%3D%3E%20void%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","4e538e41":"%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%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%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%20%20const%20generateItem%20%3D%20React.useCallback(%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%20React.useMemo(%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%20React.useCallback(%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%7BReact.useCallback(%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%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%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%20%5BdisabledNodes%5D%20%3D%20React.useState%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%20React.useCallback(%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%20React.useMemo(%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%20React.useCallback(%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%7BReact.useCallback(%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%20React.useCallback((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%20React.useState(()%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%3E(%7B%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20React.useCallback(%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%3E(%7B%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20React.useCallback(%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%20React.useCallback(%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%7BReact.useCallback(%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%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%20%5BdisabledNodes%5D%20%3D%20React.useState(%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%20React.useCallback(%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%20React.useCallback(%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%20React.useMemo(%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%20React.useCallback(%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%7BReact.useCallback(%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%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%20%5BdisabledNodes%5D%20%3D%20React.useState%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%20React.useCallback(%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%20React.useMemo(%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%20React.useCallback(%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%3Cdiv%20style%3D%7B%7B%20height%3A%20'min(400px%2C%2090vh)'%2C%20overflow%3A%20'auto'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20%20%20nodeRenderer%3D%7BReact.useCallback(%0A%20%20%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%20%20%3CTreeNode%0A%20%20%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%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%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%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%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%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%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%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%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%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%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%20React.useState%3C%0A%20%20%20%20Record%3Cstring%2C%20boolean%3E%0A%20%20%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%20React.useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%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%20%20const%20generateItem%20%3D%20React.useCallback(%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%20React.useMemo(%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%20React.useCallback(%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%7BReact.useCallback(%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","02eaaa59":"%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%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"},w_={"alert--custom-icon":g["0bb4567b"],"alert--empty":g["0bb4567b"],"alert--informational":g["0bb4567b"],"alert--negative":g["0bb4567b"],"alert--positive":g["0bb4567b"],"alert--sticky":g["0bb4567b"],"alert--warning":g["0bb4567b"],"anchor--as-button":g.e2c01b11,"anchor--basic":g.e2c01b11,"anchor--external":g.e2c01b11,"anchor--underline":g.e2c01b11,"avatar--basic":g.bd24f6a0,"avatar--custom-status-translation":g.bd24f6a0,"avatar--sizes":g.bd24f6a0,"avatar--statuses":g.bd24f6a0,"avatar--with-icon":g.bd24f6a0,"avatar--with-image":g.bd24f6a0,"avatargroup--animated":g["22db9a4a"],"avatargroup--basic":g["22db9a4a"],"avatargroup--many-avatars":g["22db9a4a"],"avatargroup--non-stacked":g["22db9a4a"],"avatargroup--with-tooltip":g["22db9a4a"],"badge--basic":g["9ce5df60"],"badge--long-label":g["9ce5df60"],"badge--statuses":g["9ce5df60"],"blockquote--basic":g["64ebac84"],"blockquote--with-footer":g["64ebac84"],"breadcrumbs--basic":g["460b56a2"],"breadcrumbs--custom-overflow-back-button":g["460b56a2"],"breadcrumbs--custom-overflow-dropdown":g["460b56a2"],"breadcrumbs--custom-separator":g["460b56a2"],"breadcrumbs--folder-navigation":g["460b56a2"],"breadcrumbs--links":g["460b56a2"],"breadcrumbs--overflow":g["460b56a2"],"button--as-link":g.af52835b,"button--call-to-action":g.af52835b,"button--default":g.af52835b,"button--high-visibility":g.af52835b,"button--with-icon":g.af52835b,"button--with-notification":g.af52835b,"buttongroup--input-button-combo":g.cada4036,"buttongroup--overflow":g.cada4036,"buttongroup--vertical":g.cada4036,"buttongroup--vertical-overflow":g.cada4036,"buttongroup--with-icons":g.cada4036,"carousel--basic":g.fc3e20cc,"carousel--controlled":g.fc3e20cc,"carousel--only-dots":g.fc3e20cc,"checkbox--basic":g.e7bbe86a,"checkbox--disabled":g.e7bbe86a,"checkbox--indeterminate":g.e7bbe86a,"checkbox--loading":g.e7bbe86a,"checkbox--negative":g.e7bbe86a,"checkbox--positive":g.e7bbe86a,"checkbox--visibility":g.e7bbe86a,"checkbox--warning":g.e7bbe86a,"code--basic":g["694e0d79"],"colorpicker--advanced":g["3de74ee8"],"colorpicker--basic":g["3de74ee8"],"colorpicker--with-alpha":g["3de74ee8"],"combobox--basic":g.f202b86b,"combobox--controlled":g.f202b86b,"combobox--custom-renderer":g.f202b86b,"combobox--disabled-items":g.f202b86b,"combobox--loading":g.f202b86b,"combobox--multiple-select":g.f202b86b,"combobox--virtualized":g.f202b86b,"combobox--with-custom-message-icon":g.f202b86b,"combobox--with-label":g.f202b86b,"combobox--with-message":g.f202b86b,"combobox--with-status":g.f202b86b,"datepicker--basic":g["35f6ba46"],"datepicker--localized":g["35f6ba46"],"datepicker--range":g["35f6ba46"],"datepicker--some-dates-disabled":g["35f6ba46"],"datepicker--with-combined-time":g["35f6ba46"],"datepicker--with-time":g["35f6ba46"],"datepicker--with-year":g["35f6ba46"],"dialog--basic":g["0d141acf"],"dialog--draggable-and-resizable":g["0d141acf"],"dialog--draggable-relative-to-container":g["0d141acf"],"dialog--modal":g["0d141acf"],"dialog--placement":g["0d141acf"],"dropdownbutton--basic":g.b50b5d45,"dropdownmenu--basic":g["08e6ab2c"],"dropdownmenu--submenu":g["08e6ab2c"],"dropdownmenu--with-content":g["08e6ab2c"],"dropdownmenu--with-end-icons":g["08e6ab2c"],"dropdownmenu--with-separator":g["08e6ab2c"],"dropdownmenu--with-start-icons":g["08e6ab2c"],"dropdownmenu--with-sublabels":g["08e6ab2c"],"expandableblock--accordion":g.bba7b4b3,"expandableblock--basic":g.bba7b4b3,"expandableblock--borderless":g.bba7b4b3,"expandableblock--disabled":g.bba7b4b3,"expandableblock--small":g.bba7b4b3,"expandableblock--status-icon":g.bba7b4b3,"expandableblock--with-caption":g.bba7b4b3,"fieldset--basic":g["480e3881"],"fieldset--disabled":g["480e3881"],"fileupload--custom-file-upload-card":g["1f32acb5"],"fileupload--default-file-upload-card":g["1f32acb5"],"fileupload--wrapping-input":g["1f32acb5"],"flex--basic":g["009c240a"],"flex--individual-gaps":g["009c240a"],"flex--with-flex-item":g["009c240a"],"flex--with-spacer":g["009c240a"],"footer--appended-custom-elements":g["14ec978f"],"footer--basic":g["14ec978f"],"footer--bottom-fixed":g["14ec978f"],"footer--custom-content":g["14ec978f"],"footer--customized-default-and-custom-elements":g["14ec978f"],"footer--only-custom-elements":g["14ec978f"],"header--basic":g.dba1f6b1,"header--center-content":g.dba1f6b1,"header--full":g.dba1f6b1,"header--slim":g.dba1f6b1,"icon--autoscale":g["642f8b99"],"icon--default":g["642f8b99"],"icon--padded":g["642f8b99"],"icon--sizes":g["642f8b99"],"icon--statuses":g["642f8b99"],"iconbutton--add":g["9ae9c6f5"],"iconbutton--borderless":g["9ae9c6f5"],"iconbutton--high-visibility-add":g["9ae9c6f5"],"iconbutton--small-active-add":g["9ae9c6f5"],"ideasbutton--ideas":g.d5b589af,"ideasbutton--localized-ideas":g.d5b589af,"informationpanel--basic":g.a4932f1a,"informationpanel--custom-actions":g.a4932f1a,"informationpanel--custom-width":g.a4932f1a,"informationpanel--horizontal":g.a4932f1a,"input--basic":g.f81bf50a,"input--disabled":g.f81bf50a,"input--small":g.f81bf50a,"input--status":g.f81bf50a,"inputgrid--with-input":g["274fd685"],"inputgrid--with-input-with-decorations":g["274fd685"],"inputgrid--with-search":g["274fd685"],"inputgrid--with-select":g["274fd685"],"inputgroup--checkbox-group":g.e7c6c5aa,"inputgroup--radio-group":g.e7c6c5aa,"inputgroup--toggle-group":g.e7c6c5aa,"inputwithdecorations--basic":g["3ccde78b"],"inputwithdecorations--disabled":g["3ccde78b"],"inputwithdecorations--small":g["3ccde78b"],"inputwithdecorations--status":g["3ccde78b"],"keyboard-key--basic":g["1f43b63b"],"keyboard-key--predefined-key":g["1f43b63b"],"label--basic":g.f9f897e7,"label--inline":g.f9f897e7,"label--polymorphic":g.f9f897e7,"labeledinput--basic":g.de31040d,"labeledinput--disabled":g.de31040d,"labeledinput--hybrid-layout":g.de31040d,"labeledinput--inline":g.de31040d,"labeledinput--negative":g.de31040d,"labeledinput--positive":g.de31040d,"labeledinput--warning":g.de31040d,"labeledinput--with-custom-icon":g.de31040d,"labeledinput--with-message":g.de31040d,"labeledinput--with-svg-icon":g.de31040d,"labeledselect--basic":g.fe8b8be6,"labeledselect--native":g.fe8b8be6,"labeledselect--negative":g.fe8b8be6,"labeledselect--positive":g.fe8b8be6,"labeledselect--warning":g.fe8b8be6,"labeledselect--with-custom-icon":g.fe8b8be6,"labeledtextarea--basic":g["294e9394"],"labeledtextarea--disabled":g["294e9394"],"labeledtextarea--inline":g["294e9394"],"labeledtextarea--negative":g["294e9394"],"labeledtextarea--positive":g["294e9394"],"labeledtextarea--warning":g["294e9394"],"labeledtextarea--with-custom-icon":g["294e9394"],"labeledtextarea--with-svg-icon":g["294e9394"],"list--actionable":g.bd4d3cf0,"list--basic":g.bd4d3cf0,"list--with-icon":g.bd4d3cf0,"modal--basic":g.ef769fb1,"modal--full-page-modal":g.ef769fb1,"modal--non-dismissible-modal":g.ef769fb1,"modal--outside-click-and-esc-does-not-close":g.ef769fb1,"nonidealstate--bad-gateway":g["29a32796"],"nonidealstate--custom-html-message":g["29a32796"],"nonidealstate--forbidden":g["29a32796"],"nonidealstate--generic":g["29a32796"],"nonidealstate--internal-server-error":g["29a32796"],"nonidealstate--page-not-found":g["29a32796"],"nonidealstate--redirect":g["29a32796"],"nonidealstate--service-unavailable":g["29a32796"],"nonidealstate--time-out":g["29a32796"],"nonidealstate--unauthorized":g["29a32796"],"nonidealstate--without-message-or-buttons":g["29a32796"],"notificationmarker--basic":g.e3e9824d,"notificationmarker--pulsing":g.e3e9824d,"notificationmarker--status":g.e3e9824d,"notificationmarker--with-buttons":g.e3e9824d,"overlay--linear":g["3d2a705d"],"overlay--radial":g["3d2a705d"],"overview--readme":g["5c888f4f"],"progresslinear--determinate":g.fd4cf25d,"progresslinear--determinate-animated":g.fd4cf25d,"progresslinear--indeterminate":g.fd4cf25d,"progresslinear--labeled-center":g.fd4cf25d,"progresslinear--labeled-left-right":g.fd4cf25d,"progresslinear--negative":g.fd4cf25d,"progresslinear--positive":g.fd4cf25d,"progresslinear--warning":g.fd4cf25d,"progressradial--determinate":g["6963e36f"],"progressradial--determinate-with-content":g["6963e36f"],"progressradial--indeterminate":g["6963e36f"],"progressradial--negative":g["6963e36f"],"progressradial--positive":g["6963e36f"],"progressradial--warning":g["6963e36f"],"radio--basic":g["869b85ac"],"radio--disabled":g["869b85ac"],"radio--negative":g["869b85ac"],"radio--positive":g["869b85ac"],"radio--warning":g["869b85ac"],"radiotilegroup--colored":g.e330e116,"radiotilegroup--monochrome":g.e330e116,"searchbox--basic":g.f08f12b7,"searchbox--basic-with-custom-items":g.f08f12b7,"searchbox--basic-with-status":g.f08f12b7,"searchbox--expandable":g.f08f12b7,"searchbox--expandable-with-custom-items":g.f08f12b7,"searchbox--small":g.f08f12b7,"searchbox--with-custom-action":g.f08f12b7,"select--basic":g.e522de67,"select--borderless":g.e522de67,"select--custom":g.e522de67,"select--disabled":g.e522de67,"select--disabled-with-selected-value":g.e522de67,"select--many-items":g.e522de67,"select--multi":g.e522de67,"select--multi-custom-renderer":g.e522de67,"select--native":g.e522de67,"select--sublabels":g.e522de67,"select--truncate-middle-text":g.e522de67,"select--with-icons":g.e522de67,"select--with-selected-value":g.e522de67,"sidenavigation--active-item":g["3ac0ddb4"],"sidenavigation--basic":g["3ac0ddb4"],"sidenavigation--submenu":g["3ac0ddb4"],"skiptocontentlink--basic":g["8c51b998"],"skiptocontentlink--custom-text":g["8c51b998"],"slider--basic":g.cae8adc5,"slider--custom-tick-no-tooltip":g.cae8adc5,"slider--custom-tooltip":g.cae8adc5,"slider--decimal-increment":g.cae8adc5,"slider--disabled":g.cae8adc5,"slider--multi-thumbs-allow-crossing":g.cae8adc5,"slider--range":g.cae8adc5,"slider--vertical":g.cae8adc5,"slider--with-custom-thumb":g.cae8adc5,"splitbutton--basic":g.f6eacd9b,"stepper--basic":g["7475997b"],"stepper--localized-long":g["7475997b"],"stepper--long":g["7475997b"],"stepper--with-tooltips":g["7475997b"],"surface--basic":g.e4a7b95e,"surface--custom":g.e4a7b95e,"surface--empty-state":g.e4a7b95e,"surface--no-padding":g.e4a7b95e,"surface--overflow-with-button-footer":g.e4a7b95e,"table--basic":g.eff8bc84,"table--column-manager":g.eff8bc84,"table--condensed":g.eff8bc84,"table--controlled-state":g.eff8bc84,"table--custom-filter":g.eff8bc84,"table--customized-columns":g.eff8bc84,"table--disabled-rows":g.eff8bc84,"table--draggable-columns":g.eff8bc84,"table--editable":g.eff8bc84,"table--expandable":g.eff8bc84,"table--expandable-subrows":g.eff8bc84,"table--filters":g.eff8bc84,"table--full":g.eff8bc84,"table--full2":g.eff8bc84,"table--global-filter":g.eff8bc84,"table--horizontal-scroll":g.eff8bc84,"table--initial-state":g.eff8bc84,"table--lazy-loading":g.eff8bc84,"table--loading":g.eff8bc84,"table--localized":g.eff8bc84,"table--no-data":g.eff8bc84,"table--resizable-columns":g.eff8bc84,"table--row-in-viewport":g.eff8bc84,"table--scroll-to-row":g.eff8bc84,"table--selectable-multi":g.eff8bc84,"table--selectable-single":g.eff8bc84,"table--sortable":g.eff8bc84,"table--status-and-cell-icons":g.eff8bc84,"table--sticky-columns":g.eff8bc84,"table--virtualized":g.eff8bc84,"table--virtualized-sub-rows":g.eff8bc84,"table--with-manual-paginator-and-filter":g.eff8bc84,"table--with-paginator":g.eff8bc84,"table--zebra-striped-rows":g.eff8bc84,"tabs--borderless-tabs":g["7c0c4a59"],"tabs--default-tabs":g["7c0c4a59"],"tabs--horizontal-overflow":g["7c0c4a59"],"tabs--legacy-tabs":g["7c0c4a59"],"tabs--pill-tabs":g["7c0c4a59"],"tabs--sublabels-and-icons":g["7c0c4a59"],"tabs--vertical":g["7c0c4a59"],"tabs--vertical-overflow":g["7c0c4a59"],"tag--clickable":g["055d06f7"],"tag--default":g["055d06f7"],"tag--no-close":g["055d06f7"],"tagcontainer--basic-tags-container":g["13c08bfc"],"tagcontainer--default-tags-container":g["13c08bfc"],"tagcontainer--scrollable-default-tags-container":g["13c08bfc"],"tagcontainer--truncated-basic-tags-container":g["13c08bfc"],"text--basic":g.f2e17fa6,"text--body":g.f2e17fa6,"text--headline":g.f2e17fa6,"text--leading":g.f2e17fa6,"text--polymorphic":g.f2e17fa6,"text--skeleton":g.f2e17fa6,"text--small":g.f2e17fa6,"text--subheading":g.f2e17fa6,"text--title":g.f2e17fa6,"textarea--basic":g.cbd15c18,"textarea--disabled":g.cbd15c18,"tile--actionable":g.ac8d0323,"tile--all-props":g.ac8d0323,"tile--anchor-link":g.ac8d0323,"tile--basic":g.ac8d0323,"tile--condensed":g.ac8d0323,"tile--disabled":g.ac8d0323,"tile--folder":g.ac8d0323,"tile--loading":g.ac8d0323,"tile--status":g.ac8d0323,"tile--with-avatar":g.ac8d0323,"timepicker--basic":g["2bfdb519"],"timepicker--combined":g["2bfdb519"],"timepicker--custom-renderers":g["2bfdb519"],"toasts--anchor-to-button":g.bdb6b595,"toasts--close-individual":g.bdb6b595,"toasts--informational":g.bdb6b595,"toasts--negative":g.bdb6b595,"toasts--position-changed":g.bdb6b595,"toasts--positive":g.bdb6b595,"toasts--warning":g.bdb6b595,"toggleswitch--basic":g["652b90e7"],"toggleswitch--disabled-checked":g["652b90e7"],"toggleswitch--disabled-unchecked":g["652b90e7"],"toggleswitch--label-left":g["652b90e7"],"toggleswitch--label-right":g["652b90e7"],"toggleswitch--small":g["652b90e7"],"toggleswitch--with-custom-icon":g["652b90e7"],"tooltip--bottom":g["82b78644"],"tooltip--controlled":g["82b78644"],"tooltip--left":g["82b78644"],"tooltip--right":g["82b78644"],"tooltip--top":g["82b78644"],"transferlist--basic":g.f7f64a62,"transferlist--with-label":g.f7f64a62,"tree--async-loading":g["4e538e41"],"tree--basic":g["4e538e41"],"tree--customized-expander":g["4e538e41"],"tree--full":g["4e538e41"],"tree--small":g["4e538e41"],"tree--virtualized":g["4e538e41"],"workflowdiagram--basic":g["02eaaa59"],"workflowdiagram--with-tooltips":g["02eaaa59"]};const VC={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(E2).length===0?$2("No custom config found."):(E2.storyOrder&&typeof E2.storyOrder=="string"&&(E2.storyOrder=new Function("return "+E2.storyOrder)()),$2("Custom config found:"),$2(E2));var VA,HA;(HA=(VA=E2==null?void 0:E2.addons)==null?void 0:VA.width)!=null&&HA.options&&(VC.addons.width.options={});const e0=t7(VC,E2);e0.defaultStory===""&&(e0.defaultStory=nd(Object.keys(Dn),e0.storyOrder)[0]);e0.hotkeys={...e0.hotkeys,...E2.hotkeys};$2("Final config",e0);const HC=e=>{switch(W2.parse(e).theme){case F0.Light:return F0.Light;case F0.Dark:return F0.Dark;case F0.Auto:return F0.Auto;default:return"light"}},T_=({globalState:e,dispatch:t})=>{const n="Switch to dark theme.",r="Switch to light theme.",o=()=>{const a=e.theme===F0.Light?F0.Dark:F0.Light;document.documentElement.setAttribute("data-theme",a),t({type:i0.UpdateTheme,value:a})};return g2(e0.hotkeys.darkMode,o,{enabled:e.hotkeys&&e0.addons.mode.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":e.theme===F0.Light?n:r,title:e.theme===F0.Light?n:r,onClick:o,type:"button",children:[v.jsx(U7,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:e.theme===F0.Light?n:r}),v.jsxs("label",{children:["Switch to"," ",e.theme===F0.Light?F0.Dark:F0.Light," ","theme"]})]})})},UC=td(QA(location.search,e0.defaultStory));$2(`Initial document.title: ${UC}`);document.title=`${UC} | Ladle`;const fs=HC(location.search);$2(`Initial theme state: ${fs}`);fs===F0.Auto?window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-theme",F0.Dark):document.documentElement.setAttribute("data-theme",F0.Light):document.documentElement.setAttribute("data-theme",fs);var WC,yA=se;WC=yA.createRoot,yA.hydrateRoot;let GC,qC;typeof document<"u"&&(GC=document);typeof window<"u"&&(qC=window);const YC=z.createContext({document:GC,window:qC}),__=()=>c.useContext(YC),{Provider:I_,Consumer:Ck}=YC;class k_ extends c.Component{componentDidMount(){this.props.contentDidMount&&this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate&&this.props.contentDidUpdate()}render(){return z.Children.only(this.props.children)}}class KC extends c.Component{constructor(n){super(n);ft(this,"_isMounted",!1);ft(this,"nodeRef",z.createRef());ft(this,"setRef",n=>{this.nodeRef.current=n;const{forwardedRef:r}=this.props;typeof r=="function"?r(n):r&&(r.current=n)});ft(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(k_,{contentDidMount:r,contentDidUpdate:o,children:v.jsx(I_,{value:{document:n,window:a},children:v.jsx("div",{className:"frame-content",children:this.props.children})})}),l=this.getMountTarget();return[Mt.createPortal(this.props.head,this.getDoc().head),Mt.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()})}}ft(KC,"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 R_=z.forwardRef((e,t)=>v.jsx(KC,{...e,forwardedRef:t})),L_=e=>e.altKey||e.ctrlKey||e.shiftKey||e.metaKey,JC=e=>{const t=e.target||{};return!!(!e.key||t.isContentEditable||["INPUT","TEXTAREA"].includes(t.nodeName)&&!L_(e))},bA=e=>{if(JC(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)},vA=e=>{if(JC(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)},ms="data-debug-css";function xA(e,t,n){const r=t.head.querySelectorAll(`style[${ms}]`),o=t.createElement("style");return o.setAttribute(ms,"true"),o.appendChild(t.createTextNode(e)),n&&r[n]?(r[n].after(o),n+1):(t.head.appendChild(o),r.length)}function SA(e,t){const n=e.head.querySelectorAll(`style[${ms}]`);t!=null&&n[t]&&n[t].remove()}const O_=({active:e,children:t,rtl:n,width:r})=>{const{window:o,document:a}=__(),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 c.useEffect(()=>{const l=window.CSSStyleSheet.prototype.insertRule,s=window.CSSStyleSheet.prototype.deleteRule;return window.CSSStyleSheet.prototype.insertRule=function(u,d){const A=xA(u,document,d);return e&&a?xA(u,a,d):A},window.CSSStyleSheet.prototype.deleteRule=function(u){SA(document,u),e&&a&&SA(a,u)},()=>{window.CSSStyleSheet.prototype.insertRule=l,window.CSSStyleSheet.prototype.deleteRule=s}},[]),c.useEffect(()=>{if(e){i(),a==null||a.addEventListener("keydown",bA),a==null||a.addEventListener("keyup",vA);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",bA),a==null||a.removeEventListener("keyup",vA)}}},[e,n,a]),t};class P_ extends c.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 N_=({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(lt,{children:e})," you are trying to open does not exist. Typo?"]}),v.jsx("p",{children:v.jsx(Jt,{href:"/",children:"Back to home"})}),v.jsx("p",{children:v.jsx(Jt,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),v.jsx("p",{children:v.jsx(Jt,{href:"https://www.ladle.dev",children:"Docs"})})]});function XC(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=XC(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function ZC(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=XC(e))&&(r&&(r+=" "),r+=t);return r}var M_=Object.create,Wa=Object.defineProperty,$_=Object.defineProperties,z_=Object.getOwnPropertyDescriptor,j_=Object.getOwnPropertyDescriptors,QC=Object.getOwnPropertyNames,Ca=Object.getOwnPropertySymbols,V_=Object.getPrototypeOf,Uc=Object.prototype.hasOwnProperty,ef=Object.prototype.propertyIsEnumerable,FA=(e,t,n)=>t in e?Wa(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,H2=(e,t)=>{for(var n in t||(t={}))Uc.call(t,n)&&FA(e,n,t[n]);if(Ca)for(var n of Ca(t))ef.call(t,n)&&FA(e,n,t[n]);return e},Ga=(e,t)=>$_(e,j_(t)),tf=(e,t)=>{var n={};for(var r in e)Uc.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&Ca)for(var r of Ca(e))t.indexOf(r)<0&&ef.call(e,r)&&(n[r]=e[r]);return n},H_=(e,t)=>function(){return t||(0,e[QC(e)[0]])((t={exports:{}}).exports,t),t.exports},U_=(e,t)=>{for(var n in t)Wa(e,n,{get:t[n],enumerable:!0})},W_=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of QC(t))!Uc.call(e,o)&&o!==n&&Wa(e,o,{get:()=>t[o],enumerable:!(r=z_(t,o))||r.enumerable});return e},G_=(e,t,n)=>(n=e!=null?M_(V_(e)):{},W_(t||!e||!e.__esModule?Wa(n,"default",{value:e,enumerable:!0}):n,e)),q_=H_({"../../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 m(p){return p instanceof l?new l(p.type,m(p.content),p.alias):Array.isArray(p)?p.map(m):p.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(m){return Object.prototype.toString.call(m).slice(8,-1)},objId:function(m){return m.__id||Object.defineProperty(m,"__id",{value:++o}),m.__id},clone:function m(p,b){b=b||{};var f,D;switch(i.util.type(p)){case"Object":if(D=i.util.objId(p),b[D])return b[D];f={},b[D]=f;for(var y in p)p.hasOwnProperty(y)&&(f[y]=m(p[y],b));return f;case"Array":return D=i.util.objId(p),b[D]?b[D]:(f=[],b[D]=f,p.forEach(function(S,F){f[F]=m(S,b)}),f);default:return p}},getLanguage:function(m){for(;m;){var p=r.exec(m.className);if(p)return p[1].toLowerCase();m=m.parentElement}return"none"},setLanguage:function(m,p){m.className=m.className.replace(RegExp(r,"gi"),""),m.classList.add("language-"+p)},isActive:function(m,p,b){for(var f="no-"+p;m;){var D=m.classList;if(D.contains(p))return!0;if(D.contains(f))return!1;m=m.parentElement}return!!b}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(m,p){var b=i.util.clone(i.languages[m]);for(var f in p)b[f]=p[f];return b},insertBefore:function(m,p,b,f){f=f||i.languages;var D=f[m],y={};for(var S in D)if(D.hasOwnProperty(S)){if(S==p)for(var F in b)b.hasOwnProperty(F)&&(y[F]=b[F]);b.hasOwnProperty(S)||(y[S]=D[S])}var w=f[m];return f[m]=y,i.languages.DFS(i.languages,function(I,L){L===w&&I!=m&&(this[I]=y)}),y},DFS:function m(p,b,f,D){D=D||{};var y=i.util.objId;for(var S in p)if(p.hasOwnProperty(S)){b.call(p,S,p[S],f||S);var F=p[S],w=i.util.type(F);w==="Object"&&!D[y(F)]?(D[y(F)]=!0,m(F,b,null,D)):w==="Array"&&!D[y(F)]&&(D[y(F)]=!0,m(F,b,S,D))}}},plugins:{},highlight:function(m,p,b){var f={code:m,grammar:p,language:b};if(i.hooks.run("before-tokenize",f),!f.grammar)throw new Error('The language "'+f.language+'" has no grammar.');return f.tokens=i.tokenize(f.code,f.grammar),i.hooks.run("after-tokenize",f),l.stringify(i.util.encode(f.tokens),f.language)},tokenize:function(m,p){var b=p.rest;if(b){for(var f in b)p[f]=b[f];delete p.rest}var D=new d;return A(D,D.head,m),u(m,D,p,D.head,0),E(D)},hooks:{all:{},add:function(m,p){var b=i.hooks.all;b[m]=b[m]||[],b[m].push(p)},run:function(m,p){var b=i.hooks.all[m];if(!(!b||!b.length))for(var f=0,D;D=b[f++];)D(p)}},Token:l};function l(m,p,b,f){this.type=m,this.content=p,this.alias=b,this.length=(f||"").length|0}l.stringify=function m(p,b){if(typeof p=="string")return p;if(Array.isArray(p)){var f="";return p.forEach(function(w){f+=m(w,b)}),f}var D={type:p.type,content:m(p.content,b),tag:"span",classes:["token",p.type],attributes:{},language:b},y=p.alias;y&&(Array.isArray(y)?Array.prototype.push.apply(D.classes,y):D.classes.push(y)),i.hooks.run("wrap",D);var S="";for(var F in D.attributes)S+=" "+F+'="'+(D.attributes[F]||"").replace(/"/g,"&quot;")+'"';return"<"+D.tag+' class="'+D.classes.join(" ")+'"'+S+">"+D.content+"</"+D.tag+">"};function s(m,p,b,f){m.lastIndex=p;var D=m.exec(b);if(D&&f&&D[1]){var y=D[1].length;D.index+=y,D[0]=D[0].slice(y)}return D}function u(m,p,b,f,D,y){for(var S in b)if(!(!b.hasOwnProperty(S)||!b[S])){var F=b[S];F=Array.isArray(F)?F:[F];for(var w=0;w<F.length;++w){if(y&&y.cause==S+","+w)return;var I=F[w],L=I.inside,H=!!I.lookbehind,O=!!I.greedy,J=I.alias;if(O&&!I.pattern.global){var k=I.pattern.toString().match(/[imsuy]*$/)[0];I.pattern=RegExp(I.pattern.source,k+"g")}for(var M=I.pattern||I,R=f.next,P=D;R!==p.tail&&!(y&&P>=y.reach);P+=R.value.length,R=R.next){var U=R.value;if(p.length>m.length)return;if(!(U instanceof l)){var V=1,T;if(O){if(T=s(M,P,m,H),!T||T.index>=m.length)break;var Y=T.index,j=T.index+T[0].length,$=P;for($+=R.value.length;Y>=$;)R=R.next,$+=R.value.length;if($-=R.value.length,P=$,R.value instanceof l)continue;for(var G=R;G!==p.tail&&($<j||typeof G.value=="string");G=G.next)V++,$+=G.value.length;V--,U=m.slice(P,$),T.index-=P}else if(T=s(M,0,U,H),!T)continue;var Y=T.index,K=T[0],Q=U.slice(0,Y),o0=U.slice(Y+K.length),n0=P+U.length;y&&n0>y.reach&&(y.reach=n0);var l0=R.prev;Q&&(l0=A(p,l0,Q),P+=Q.length),C(p,l0,V);var a0=new l(S,L?i.tokenize(K,L):K,J,K);if(R=A(p,l0,a0),o0&&A(p,R,o0),V>1){var D0={cause:S+","+w,reach:n0};u(m,p,b,R.prev,P,D0),y&&D0.reach>y.reach&&(y.reach=D0.reach)}}}}}}function d(){var m={value:null,prev:null,next:null},p={value:null,prev:m,next:null};m.next=p,this.head=m,this.tail=p,this.length=0}function A(m,p,b){var f=p.next,D={value:b,prev:p,next:f};return p.next=D,f.prev=D,m.length++,D}function C(m,p,b){for(var f=p.next,D=0;D<b&&f!==m.tail;D++)f=f.next;p.next=f,f.prev=p,m.length-=D}function E(m){for(var p=[],b=m.head.next;b!==m.tail;)p.push(b.value),b=b.next;return p}return i}();t.exports=n,n.default=n}}),W=G_(q_());W.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]},W.languages.markup.tag.inside["attr-value"].inside.entity=W.languages.markup.entity,W.languages.markup.doctype.inside["internal-subset"].inside=W.languages.markup,W.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),Object.defineProperty(W.languages.markup.tag,"addInlined",{value:function(e,r){var n={},n=(n["language-"+r]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:W.languages[r]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}),r=(n["language-"+r]={pattern:/[\s\S]+/,inside:W.languages[r]},{});r[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},W.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(W.languages.markup.tag,"addAttribute",{value:function(e,t){W.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:W.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),W.languages.html=W.languages.markup,W.languages.mathml=W.languages.markup,W.languages.svg=W.languages.markup,W.languages.xml=W.languages.extend("markup",{}),W.languages.ssml=W.languages.xml,W.languages.atom=W.languages.xml,W.languages.rss=W.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"}}}(W),W.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:/[{}[\];(),.:]/},W.languages.javascript=W.languages.extend("clike",{"class-name":[W.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}|\?\?=?|\?\.?|[~:]/}),W.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,W.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:W.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:W.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:W.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:W.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:W.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),W.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:W.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"}}),W.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),W.languages.markup&&(W.languages.markup.tag.addInlined("script","javascript"),W.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")),W.languages.js=W.languages.javascript,W.languages.actionscript=W.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:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),W.languages.actionscript["class-name"].alias="function",delete W.languages.actionscript.parameter,delete W.languages.actionscript["literal-property"],W.languages.markup&&W.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:W.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}(W),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,s=l[i];if((s=s||(l=e.languages.insertBefore(o,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[i])instanceof RegExp&&(s=l[i]={pattern:s}),Array.isArray(s))for(var u=0,d=s.length;u<d;u++)s[u]instanceof RegExp&&(s[u]={pattern:s[u]}),a(s[u]);else a(s)}})}}),t.addSupport(["java","javascript","php"],t)}(W),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"))}(W),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})}(W),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,s){s=(s||"").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,s)}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}(W),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 C=0,E=A.length;C<E;C++){var m,p=A[C];p.type!=="code"?d(p.content):(m=p.content[1],p=p.content[3],m&&p&&m.type==="code-language"&&p.type==="code-block"&&typeof m.content=="string"&&(m=m.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),m="language-"+(m=(/[a-z][\w-]*/i.exec(m)||[""])[0].toLowerCase()),p.alias?typeof p.alias=="string"?p.alias=[p.alias,m]:p.alias.push(m):p.alias=[m]))}}(u.tokens)}),e.hooks.add("wrap",function(u){if(u.type==="code-block"){for(var d="",A=0,C=u.classes.length;A<C;A++){var E=u.classes[A],E=/language-(.+)/.exec(E);if(E){d=E[1];break}}var m,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(f,D){var y;return(D=D.toLowerCase())[0]==="#"?(y=D[1]==="x"?parseInt(D.slice(2),16):Number(D.slice(1)),s(y)):l[D]||f})}(u.content),p,d):d&&d!=="none"&&e.plugins.autoloader&&(m="md-"+new Date().valueOf()+"-"+Math.floor(1e16*Math.random()),u.attributes.id=m,e.plugins.autoloader.loadLanguages(d,function(){var b=document.getElementById(m);b&&(b.innerHTML=e.highlight(b.textContent,e.languages[d],d))}))}}),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(W),W.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:W.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+/},W.hooks.add("after-tokenize",function(e){if(e.language==="graphql")for(var t=e.tokens.filter(function(m){return typeof m!="string"&&m.type!=="comment"&&m.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=C(/^\($/,/^\)$/);if(a===-1)continue;for(;n<a;n++){var i=d(0);i.type==="variable"&&(E(i,"variable-input"),o.push(i.content))}n=a+1}if(A(["punctuation","property-query"])&&d(0).content==="{"&&(n++,E(d(0),"property-mutation"),0<o.length)){var l=C(/^\{$/,/^\}$/);if(l!==-1)for(var s=n;s<l;s++){var u=t[s];u.type==="variable"&&0<=o.indexOf(u.content)&&E(u,"variable-input")}}}}function d(m){return t[n+m]}function A(m,p){p=p||0;for(var b=0;b<m.length;b++){var f=d(b+p);if(!f||f.type!==m[b])return}return 1}function C(m,p){for(var b=1,f=n;f<t.length;f++){var D=t[f],y=D.content;if(D.type==="punctuation"&&typeof y=="string"){if(m.test(y))b++;else if(p.test(y)&&--b===0)return f}}return-1}function E(m,p){var b=m.alias;b?Array.isArray(b)||(m.alias=b=[b]):m.alias=b=[],b.push(p)}}),W.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,C){if(e.languages[A])return{pattern:RegExp("((?:"+C+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:A}}}}function l(A,C,E){return A={code:A,grammar:C,language:E},e.hooks.run("before-tokenize",A),A.tokens=e.tokenize(A.code,A.grammar),e.hooks.run("after-tokenize",A),A.tokens}function s(A,C,E){var b=e.tokenize(A,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),m=0,p={},b=l(b.map(function(D){if(typeof D=="string")return D;for(var y,S,D=D.content;A.indexOf((S=m++,y="___"+E.toUpperCase()+"_"+S+"___"))!==-1;);return p[y]=D,y}).join(""),C,E),f=Object.keys(p);return m=0,function D(y){for(var S=0;S<y.length;S++){if(m>=f.length)return;var F,w,I,L,H,O,J,k=y[S];typeof k=="string"||typeof k.content=="string"?(F=f[m],(J=(O=typeof k=="string"?k:k.content).indexOf(F))!==-1&&(++m,w=O.substring(0,J),H=p[F],I=void 0,(L={})["interpolation-punctuation"]=o,(L=e.tokenize(H,L)).length===3&&((I=[1,1]).push.apply(I,l(L[1],e.languages.javascript,"javascript")),L.splice.apply(L,I)),I=new e.Token("interpolation",L,r.alias,H),L=O.substring(J+F.length),H=[],w&&H.push(w),H.push(I),L&&(D(O=[L]),H.push.apply(H,O)),typeof k=="string"?(y.splice.apply(y,[S,1].concat(H)),S+=H.length-1):k.content=H)):(J=k.content,Array.isArray(J)?D(J):D([J]))}}(b),new e.Token(E,b,"language-"+E,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 C(E){for(var m=0,p=E.length;m<p;m++){var b,f,D,y=E[m];typeof y!="string"&&(b=y.content,Array.isArray(b)?y.type==="template-string"?(y=b[1],b.length===3&&typeof y!="string"&&y.type==="embedded-code"&&(f=d(y),y=y.alias,y=Array.isArray(y)?y[0]:y,D=e.languages[y])&&(b[1]=s(f,D,y))):C(b):typeof b!="string"&&C([b]))}}(A.tokens)})}(W),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}(W),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)}(W),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})}(W),W.languages.n4js=W.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/}),W.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),W.languages.n4jsd=W.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]*/}}(W),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(s,u){return s=s.replace(/<S>/g,function(){return n}).replace(/<BRACES>/g,function(){return r}).replace(/<SPREAD>/g,function(){return o}),RegExp(s,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(s){for(var u=[],d=0;d<s.length;d++){var A=s[d],C=!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--:C=!0),(C||typeof A=="string")&&0<u.length&&u[u.length-1].openedBraces===0&&(C=l(A),d<s.length-1&&(typeof s[d+1]=="string"||s[d+1].type==="plain-text")&&(C+=l(s[d+1]),s.splice(d+1,1)),0<d&&(typeof s[d-1]=="string"||s[d-1].type==="plain-text")&&(C=l(s[d-1])+C,s.splice(d-1,1),d--),s[d]=new e.Token("plain-text",C,null,C)),A.content&&typeof A.content!="string"&&i(A.content)}}var l=function(s){return s?typeof s=="string"?s:typeof s.content=="string"?s.content:s.content.map(l).join(""):""};e.hooks.add("after-tokenize",function(s){s.language!=="jsx"&&s.language!=="tsx"||i(s.tokens)})}(W),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}(W),W.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:/[{}[\]();,.:\\]/},W.languages.swift["string-literal"].forEach(function(e){e.inside.interpolation.inside=W.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}(W),W.languages.c=W.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|[?:~]|[-+*/%&|^!=<>]=?/}),W.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),W.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},W.languages.c.string],char:W.languages.c.char,comment:W.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:W.languages.c}}}}),W.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 W.languages.c.boolean,W.languages.objectivec=W.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 W.languages.objectivec["class-name"],W.languages.objc=W.languages.objectivec,W.languages.reason=W.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/}),W.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 W.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}(W),W.languages.go=W.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/}),W.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete W.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"])}(W),W.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:/[{}[\];(),.:]/},W.languages.python["string-interpolation"].inside.interpolation.inside.rest=W.languages.python,W.languages.py=W.languages.python;var Y2={};U_(Y2,{dracula:()=>K_,duotoneDark:()=>X_,duotoneLight:()=>Q_,github:()=>tI,jettwaveDark:()=>yI,jettwaveLight:()=>vI,nightOwl:()=>rI,nightOwlLight:()=>aI,oceanicNext:()=>lI,okaidia:()=>cI,oneDark:()=>SI,oneLight:()=>wI,palenight:()=>AI,shadesOfPurple:()=>pI,synthwave84:()=>CI,ultramin:()=>mI,vsDark:()=>nf,vsLight:()=>gI});var Y_={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)"}}]},K_=Y_,J_={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"}}]},X_=J_,Z_={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"}}]},Q_=Z_,eI={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"}}]},tI=eI,nI={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)"}}]},rI=nI,oI={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)"}}]},aI=oI,i2={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"},iI={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:i2.keyword}},{types:["attr-value"],style:{color:i2.string}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:i2.comment}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:i2.primitive}},{types:["boolean"],style:{color:i2.boolean}},{types:["tag"],style:{color:i2.tag}},{types:["string"],style:{color:i2.string}},{types:["punctuation"],style:{color:i2.string}},{types:["selector","char","builtin","inserted"],style:{color:i2.char}},{types:["function"],style:{color:i2.function}},{types:["operator","entity","url","variable"],style:{color:i2.variable}},{types:["keyword"],style:{color:i2.keyword}},{types:["atrule","class-name"],style:{color:i2.className}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},lI=iI,sI={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"}}]},cI=sI,uI={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)"}}]},AI=uI,dI={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)"}}]},pI=dI,DI={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"}}]},CI=DI,fI={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)"}}]},mI=fI,BI={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)"}}]},nf=BI,EI={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)"}}]},gI=EI,hI={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"}}]},yI=hI,bI={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"}}]},vI=bI,xI={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%)"}}]},SI=xI,FI={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%)"}}]},wI=FI,TI=(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(s=>{const u=H2(H2({},o[s]),l);o[s]=u}),o},{});return r.root=n,r.plain=Ga(H2({},n),{backgroundColor:void 0}),r},wA=TI,_I=(e,t)=>{const[n,r]=c.useState(wA(t,e)),o=c.useRef(),a=c.useRef();return c.useEffect(()=>{(t!==o.current||e!==a.current)&&(o.current=t,a.current=e,r(wA(t,e)))},[e,t]),n},II=e=>c.useCallback(t=>{var n=t,{className:r,style:o,line:a}=n,i=tf(n,["className","style","line"]);const l=Ga(H2({},i),{className:ZC("token-line",r)});return typeof e=="object"&&"plain"in e&&(l.style=e.plain),typeof o=="object"&&(l.style=H2(H2({},l.style||{}),o)),l},[e]),kI=e=>{const t=c.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 c.useCallback(n=>{var r=n,{token:o,className:a,style:i}=r,l=tf(r,["token","className","style"]);const s=Ga(H2({},l),{className:ZC("token",...o.types,a),children:o.content,style:t(o)});return i!=null&&(s.style=H2(H2({},s.style||{}),i)),s},[t])},RI=/\r\n|\r|\n/,TA=e=>{e.length===0?e.push({types:["plain"],content:`
+`,empty:!0}):e.length===1&&e[0].content===""&&(e[0].content=`
+`,e[0].empty=!0)},_A=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},LI=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(a=r[i]++)<o[i];){let u,d=t[i];const C=n[i][a];if(typeof C=="string"?(d=i>0?d:["plain"],u=C):(d=_A(d,C.type),C.alias&&(d=_A(d,C.alias)),u=C.content),typeof u!="string"){i++,t.push(d),n.push(u),r.push(0),o.push(u.length);continue}const E=u.split(RI),m=E.length;l.push({types:d,content:E[0]});for(let p=1;p<m;p++)TA(l),s.push(l=[]),l.push({types:d,content:E[p]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return TA(l),s},IA=LI,OI=({prism:e,code:t,grammar:n,language:r})=>{const o=c.useRef(e);return c.useMemo(()=>{if(n==null)return IA([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),IA(a.tokens)},[t,n,r])},PI=({children:e,language:t,code:n,theme:r,prism:o})=>{const a=t.toLowerCase(),i=_I(a,r),l=II(i),s=kI(i),u=o.languages[a],d=OI({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:s})},kA=e=>c.createElement(PI,Ga(H2({},e),{prism:e.prism||W,theme:e.theme||nf,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 NI=e=>{const t=W2.parse(e).source;return t==="true"?!0:t==="false"?!1:e0.addons.source.defaultState},rf=({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(kA,{code:e.trim(),language:n,theme:{...t==="dark"?Y2.nightOwl:Y2.github,plain:{...(t==="dark"?Y2.nightOwl:Y2.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:s,style:u,tokens:d,getTokenProps:A})=>v.jsx("div",{className:s,style:{...u,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em"},children:d.map((C,E)=>v.jsx("div",{children:C.map((m,p)=>v.jsx("span",{...A({token:m,key:p})},p))},E))})})):i?v.jsx(kA,{code:e.trim(),language:n,theme:{...t==="dark"?Y2.nightOwl:Y2.github,plain:{...(t==="dark"?Y2.nightOwl:Y2.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:s,style:u,tokens:d,getLineProps:A,getTokenProps:C})=>v.jsx("pre",{className:s,style:{...u,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em 0",overflow:"auto",maxHeight:"50vh"},children:d.map((E,m)=>v.jsxs("div",{id:`ladle_loc_${m+1}`,...A({line:E,key:m}),style:{display:"table-row"},children:[v.jsx("span",{className:"ladle-addon-source-lineno",style:m+1>=r&&m+1<=o?{backgroundColor:"var(--ladle-color-accent)",color:"#FFF"}:void 0,children:m+1}),v.jsx("div",{style:{display:"table-cell",paddingLeft:"0.5em"},children:E.map((p,b)=>v.jsx("span",{...C({token:p,key:b})},b))})]},m))})}):v.jsx("code",{children:e})},MI=({globalState:e})=>{if(!Dn[e.story])return v.jsx(v.Fragment,{children:"There is no story loaded."});const{entry:t,locStart:n,locEnd:r}=Dn[e.story];return c.useEffect(()=>{window.location.hash="",window.location.hash=`ladle_loc_${n}`},[n]),v.jsxs(v.Fragment,{children:[v.jsx(S_,{path:t,locStart:n,locEnd:r}),v.jsx(rf,{theme:e.theme,language:"tsx",locEnd:r,locStart:n,children:decodeURIComponent(w_[e.story])})]})},$I=({globalState:e,dispatch:t})=>{const n="Show the story source code.";return g2(e0.hotkeys.source,()=>{t({type:i0.UpdateSource,value:!e.source})},{enabled:e.hotkeys&&e0.addons.source.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":n,"data-testid":"addon-source",title:n,onClick:()=>{t({type:i0.UpdateSource,value:!e.source})},className:e.source?"source-active":"",type:"button",children:[v.jsx(Y7,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:n}),v.jsx("label",{children:"Story Source Code"}),v.jsx(En,{isOpen:e.source,close:()=>t({type:i0.UpdateSource,value:!1}),label:"Dialog with the story source code.",children:v.jsx(MI,{globalState:e})})]})})},Z2=Date;let Bs=null;const Cn=class extends Z2{constructor(t,n,r,o,a,i,l){super();let s;switch(arguments.length){case 0:Bs!==null?s=new Z2(Bs.valueOf()):s=new Z2;break;case 1:s=new Z2(t);break;default:r=typeof r>"u"?1:r,o=o||0,a=a||0,i=i||0,l=l||0,s=new Z2(t,n,r,o,a,i,l);break}return s}};Cn.UTC=Z2.UTC;Cn.now=function(){return new Cn().valueOf()};Cn.parse=function(e){return Z2.parse(e)};Cn.toString=function(){return Z2.toString()};function zI(e){const t=new Date(e.valueOf());if(isNaN(t.getTime()))throw new TypeError("mockdate: The time set is an invalid date: "+e);Date=Cn,Bs=t.valueOf()}function jI(){Date=Z2}const VI=({children:e,active:t,width:n,story:r,mode:o})=>!t&&n===0||o===q0.Preview?e:v.jsx(R_,{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}),RA=({globalState:e,dispatch:t})=>{var u;const n=Dn[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 s=n&&o?o.width:0;return Object.keys(e0.addons.width.options).forEach(d=>{d===s&&(s=e0.addons.width.options[d])}),c.useEffect(()=>{i?zI(i):jI()},[i]),c.useEffect(()=>{typeof a<"u"&&a!==e.hotkeys&&t({type:i0.UpdateHotkeys,value:a})},[a]),c.useEffect(()=>{if(s&&s!==0){t({type:i0.UpdateWidth,value:s});return}e0.addons.width.defaultState!==0&&t({type:i0.UpdateWidth,value:e0.addons.width.defaultState})},[s,e.story]),c.useEffect(()=>{e.mode!==q0.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(P_,{children:v.jsx(c.Suspense,{fallback:v.jsx(V7,{}),children:v.jsx(VI,{active:l,story:e.story,width:r,mode:e.mode,children:v.jsx(O_,{active:(l||r>0)&&e.mode!==q0.Preview,rtl:e.rtl,width:r,children:v.jsx(Iv,{components:{code:d=>v.jsx(rf,{...d,theme:e.theme})},children:v.jsx(Lv,{config:e0,globalState:e,dispatch:t,storyMeta:o,children:n?c.createElement(n.component):v.jsx(N_,{activeStory:e.story})})})})})})}):null},HI=()=>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(lt,{children:E2.stories}),"."]}),v.jsxs("p",{children:["It can be changed through the"," ",v.jsx(Jt,{href:"https://www.ladle.dev/docs/config#story-filenames",children:"configuration file"})," ","or CLI flag ",v.jsx(lt,{children:"--stories=your-glob"}),"."]}),v.jsx("p",{children:v.jsx(Jt,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),v.jsx("p",{children:v.jsx(Jt,{href:"https://www.ladle.dev",children:"Docs"})})]});var Qe;(function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"})(Qe||(Qe={}));var LA=function(e){return e},OA="beforeunload",UI="popstate";function WI(e){e===void 0&&(e={});var t=e,n=t.window,r=n===void 0?document.defaultView:n,o=r.history;function a(){var I=r.location,L=I.pathname,H=I.search,O=I.hash,J=o.state||{};return[J.idx,LA({pathname:L,search:H,hash:O,state:J.usr||null,key:J.key||"default"})]}var i=null;function l(){if(i)E.call(i),i=null;else{var I=Qe.Pop,L=a(),H=L[0],O=L[1];if(E.length){if(H!=null){var J=d-H;J&&(i={action:I,location:O,retry:function(){F(J*-1)}},F(J))}}else D(I)}}r.addEventListener(UI,l);var s=Qe.Pop,u=a(),d=u[0],A=u[1],C=NA(),E=NA();d==null&&(d=0,o.replaceState(Da({},o.state,{idx:d}),""));function m(I){return typeof I=="string"?I:qI(I)}function p(I,L){return L===void 0&&(L=null),LA(Da({pathname:A.pathname,hash:"",search:""},typeof I=="string"?YI(I):I,{state:L,key:GI()}))}function b(I,L){return[{usr:I.state,key:I.key,idx:L},m(I)]}function f(I,L,H){return!E.length||(E.call({action:I,location:L,retry:H}),!1)}function D(I){s=I;var L=a();d=L[0],A=L[1],C.call({action:s,location:A})}function y(I,L){var H=Qe.Push,O=p(I,L);function J(){y(I,L)}if(f(H,O,J)){var k=b(O,d+1),M=k[0],R=k[1];try{o.pushState(M,"",R)}catch{r.location.assign(R)}D(H)}}function S(I,L){var H=Qe.Replace,O=p(I,L);function J(){S(I,L)}if(f(H,O,J)){var k=b(O,d),M=k[0],R=k[1];o.replaceState(M,"",R),D(H)}}function F(I){o.go(I)}var w={get action(){return s},get location(){return A},createHref:m,push:y,replace:S,go:F,back:function(){F(-1)},forward:function(){F(1)},listen:function(L){return C.push(L)},block:function(L){var H=E.push(L);return E.length===1&&r.addEventListener(OA,PA),function(){H(),E.length||r.removeEventListener(OA,PA)}}};return w}function PA(e){e.preventDefault(),e.returnValue=""}function NA(){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 GI(){return Math.random().toString(36).substr(2,8)}function qI(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 YI(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 Wc=WI(),KI=()=>{Wc.push(Xn({}))},of=e=>{Object.keys(e).forEach(t=>{const n=e[t],r=e0.addons[t]?e0.addons[t].defaultState:"$$LADLE_unknown";n===r&&delete e[t]})},Ki=e=>{if(!e.controlInitialized)return;const t=W2.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};of(r),location.search!==Xn(r)&&($2(`Updating URL to ${Xn(r)}`),Wc.push(Xn(r)))},Xn=e=>{of(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===r0.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]}),`?${W2.stringify(t)}`},af=e=>e.isExpanded&&e.children&&e.children.length?af(e.children[e.children.length-1]):e.id,lf=(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=lf(e[r].children,t,e[r].id);if(o)return o}}return null},sf=(e,t,n)=>{for(let r=0;r<e.length;r++){if(e[r].id===t)return r===0?n:af(e[r-1]);if(e[r].isExpanded&&e[r].children&&e[r].children.length){const o=sf(e[r].children,t,e[r].id);if(o)return o}}return null},cf=(e,t)=>{for(let n=0;n<e.length;n++){if(e[n].id===t)return e[n].children;const r=cf(e[n].children,t);if(r.length)return r}return[]},uf=(e,t)=>e[0].isLinkable?e[0]:uf(e[0].children),Af=(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=Af(e[n].children,t);if(r)return r}}return null},df=(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=df(e[r].children,t,e[r+1]?e[r+1].id:n);if(o)return o}}return null},pf=e=>{const t=e[e.length-1];return t.isExpanded&&t.children&&t.children.length?pf(t.children):t.id},$n=(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=$n(o.children,o.id===t.id?{id:o.isExpanded?"+":"-"}:t)),o});function JI(e,t){let n;return function(...r){n!==void 0&&clearTimeout(n),n=window.setTimeout(()=>{e.apply(this,r),n=void 0},t)}}const XI=({stories:e,story:t,updateStory:n,searchActive:r,searchRef:o,setTreeRootRef:a,hotkeys:i})=>{const l=c.useRef({}),[s,u]=c.useState(ii(e,t,r));c.useEffect(()=>{u(ii(e,t,r))},[e.join(",")]);const[d,A]=c.useState(s.length?s[0].id:null),C=p=>{var b;p&&l&&l.current[p]&&((b=l.current[p])==null||b.focus()),A(p||s[0].id),!p&&o.current.focus()},E=p=>{p&&(n(p),u(ii(e,p,r)),setTimeout(()=>C(p),1))};g2(e0.hotkeys.nextStory,()=>{const p=e.findIndex(b=>b===t);E(e[p+1])},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),g2(e0.hotkeys.previousStory,()=>{const p=e.findIndex(b=>b===t);E(e[p-1])},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),g2(e0.hotkeys.nextComponent,()=>{const p=e.findIndex(D=>D===t),b=e[p].split("--"),f=b[b.length-2];for(let D=p+1;D<e.length;D++){const y=e[D].split("--");if(y[y.length-2]!==f){E(e[D]);return}}},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),g2(e0.hotkeys.previousComponent,()=>{const p=e.findIndex(D=>D===t),b=e[p].split("--"),f=b[b.length-2];for(let D=p-1;D>=0;D--){const y=e[D].split("--"),S=D>0?e[D-1].split("--"):["",""];if(y[y.length-2]!==f&&S[S.length-2]!==y[y.length-2]){E(e[D]);return}}},{preventDefault:!0,enableOnFormTags:!0,enabled:i});const m=(p,b)=>{if(!(p.metaKey||p.ctrlKey||p.altKey))switch(p.key){case"ArrowRight":p.preventDefault(),p.stopPropagation(),b.isExpanded?C(Af(s,b.id)):u($n(s,b));break;case"ArrowLeft":p.preventDefault(),p.stopPropagation(),b.isExpanded?u($n(s,b)):C(lf(s,b.id,null));break;case"ArrowUp":p.preventDefault(),p.stopPropagation(),C(sf(s,b.id,null));break;case"ArrowDown":p.preventDefault(),p.stopPropagation();const f=df(s,b.id,null);f&&C(f);break;case" ":case"Enter":p.target.href||(p.preventDefault(),p.stopPropagation(),u($n(s,b)));break;case"Home":p.preventDefault(),p.stopPropagation(),s.length&&C(s[0].id);break;case"End":p.preventDefault(),p.stopPropagation(),C(pf(s));break}};return v.jsx("ul",{role:"tree",style:{marginInlineStart:"-6px"},ref:p=>a(p),children:v.jsx(Df,{tree:s,fullTree:s,story:t,updateStory:n,onItemClick:p=>{const b=$n(s,p),f=uf(cf(b,p.id),p.id);f&&t!==f.id&&f.isExpanded&&n(f.id),u(b)},selectedItemId:d,onKeyDownFn:m,treeItemRefs:l})})},Df=({tree:e,fullTree:t,story:n,updateStory:r,onItemClick:o,onKeyDownFn:a,selectedItemId:i,treeItemRefs:l})=>v.jsx(c.Fragment,{children:e.map(s=>v.jsxs("li",{onDragStart:u=>u.preventDefault(),onKeyDown:u=>a(u,s),"aria-expanded":s.isExpanded,title:s.name,tabIndex:s.id===i&&!s.isLinkable?0:-1,ref:s.isLinkable?void 0:u=>l.current[s.id]=u,role:"treeitem",className:r2({"ladle-linkable":s.isLinkable,"ladle-active":s.id===n}),style:s.isLinkable?{}:{marginTop:"0.5em"},children:[s.isLinkable?v.jsxs("div",{style:{display:"flex"},children:[v.jsx(W7,{}),v.jsx("a",{tabIndex:s.id===i?0:-1,ref:u=>l.current[s.id]=u,href:Xn({story:s.id}),onKeyDown:u=>n!==s.id&&a(u,s),onClick:u=>{!u.ctrlKey&&!u.metaKey&&(u.preventDefault(),n!==s.id&&r(s.id))},children:s.name})]}):v.jsxs("div",{style:{display:"flex",cursor:"pointer"},title:s.name,onClick:()=>o(s),children:[v.jsx(G7,{rotate:!s.isExpanded}),v.jsx("div",{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},children:s.name})]}),Object.keys(s.children).length>0&&s.isExpanded&&v.jsx("ul",{role:"group",children:v.jsx(Df,{tree:s.children,fullTree:t,story:n,updateStory:r,selectedItemId:i,onKeyDownFn:a,onItemClick:o,treeItemRefs:l})})]},s.id))}),Cf="718ffe",Es=`ladle-settings-${Cf}`,ff={appId:Cf},ZI=e=>{const t=localStorage.getItem(Es);let n=ff;try{t&&(n=JSON.parse(t))}catch{}localStorage.setItem(Es,JSON.stringify({...n,...e}))},QI=()=>{const e=localStorage.getItem(Es);let t=ff;try{e&&(t=JSON.parse(e))}catch{}return t},e5=240,Ji=192,Xi=920,Zi=JI(ZI,250),t5=({stories:e,story:t,updateStory:n,hotkeys:r})=>{const[o,a]=c.useState(""),[i,l]=c.useState(QI().sidebarWidth||e5),[s,u]=c.useState(!1),d=c.useRef(null),A=c.useRef(null),C=c.useRef(null);c.useEffect(()=>{window.getComputedStyle(d.current.parentElement).getPropertyValue("flex-direction")==="row-reverse"&&document.documentElement.setAttribute("data-reversed","")},[]),c.useEffect(()=>{const p=f=>{s&&l(D=>{const y=document.documentElement.hasAttribute("data-reversed")?D+f.movementX:D-f.movementX;return y<Ji?(Zi({sidebarWidth:Ji}),Ji):y>Xi?(Zi({sidebarWidth:Xi}),Xi):(Zi({sidebarWidth:y}),y)})},b=()=>{s&&(document.body.style.cursor="auto",u(!1))};return window.addEventListener("mousemove",p),window.addEventListener("mouseup",b),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",b)}},[s,u,l,d.current]),g2(e0.hotkeys.search,()=>A.current.focus(),{preventDefault:!0,enabled:r});const E=o.toLocaleLowerCase().replace(new RegExp("\\s+","g"),"-"),m=e.filter(p=>p.includes(E));return v.jsxs(v.Fragment,{children:[v.jsx("div",{role:"separator","aria-orientation":"vertical",ref:d,className:r2("ladle-resize-handle",{"ladle-resize-active":s}),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(),s||(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"&&C.current.firstChild.focus()},onChange:p=>a(p.target.value)}),v.jsx(XI,{searchRef:A,stories:m,story:t,hotkeys:r,updateStory:n,searchActive:o!=="",setTreeRootRef:p=>C.current=p})]})]})},n5=e=>{switch(W2.parse(e).mode){case q0.Full:return q0.Full;case q0.Preview:return q0.Preview;default:return e0.addons.mode.defaultState}},r5=({dispatch:e})=>{const t=`Open fullscreen mode. Can be toggled by pressing ${e0.hotkeys.fullscreen.join(" or ")}.`;return v.jsx("li",{children:v.jsxs("button",{"aria-label":t,title:t,onClick:()=>e({type:i0.UpdateMode,value:q0.Preview}),type:"button",children:[v.jsx(H7,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:t}),v.jsx("label",{children:"Open fullscreen mode"})]})})};var o5=Object.create,Gc=Object.defineProperty,a5=Object.getOwnPropertyDescriptor,mf=Object.getOwnPropertyNames,i5=Object.getPrototypeOf,l5=Object.prototype.hasOwnProperty,qc=(e,t)=>function(){return t||(0,e[mf(e)[0]])((t={exports:{}}).exports,t),t.exports},s5=(e,t)=>{for(var n in t)Gc(e,n,{get:t[n],enumerable:!0})},c5=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of mf(t))!l5.call(e,o)&&o!==n&&Gc(e,o,{get:()=>t[o],enumerable:!(r=a5(t,o))||r.enumerable});return e},u5=(e,t,n)=>(n=e!=null?o5(i5(e)):{},c5(t||!e||!e.__esModule?Gc(n,"default",{value:e,enumerable:!0}):n,e)),A5=qc({"node_modules/is-object/index.js"(e,t){t.exports=function(r){return typeof r=="object"&&r!==null}}}),d5=qc({"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}}}),p5=qc({"node_modules/is-dom/index.js"(e,t){var n=A5(),r=d5();function o(a){return!n(a)||!r(window)||typeof window.Node!="function"?!1:typeof a.nodeType=="number"&&typeof a.nodeName=="string"}t.exports=o}}),fa={};s5(fa,{chromeDark:()=>Bf,chromeLight:()=>Ef});var Bf={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"},Ef={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"},gf=c.createContext([{},()=>{}]),Qi={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},vo=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,...Qi},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`}:{},...Qi},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,...Qi}}),gs="chromeLight",hf=c.createContext(vo(fa[gs])),d2=e=>c.useContext(hf)[e],Yc=e=>({theme:n=gs,...r})=>{const o=c.useMemo(()=>{switch(Object.prototype.toString.call(n)){case"[object String]":return vo(fa[n]);case"[object Object]":return vo(n);default:return vo(fa[gs])}},[n]);return z.createElement(hf.Provider,{value:o},z.createElement(e,{...r}))},D5=({expanded:e,styles:t})=>z.createElement("span",{style:{...t.base,...e?t.expanded:t.collapsed}},"▶"),C5=c.memo(e=>{e={expanded:!0,nodeRenderer:({name:d})=>z.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,s=d2("TreeNode"),u=o;return z.createElement("li",{"aria-expanded":t,role:"treeitem",style:s.treeNodeBase,title:a},z.createElement("div",{style:s.treeNodePreviewContainer,onClick:n},i||c.Children.count(r)>0?z.createElement(D5,{expanded:t,styles:s.treeNodeArrow}):l&&z.createElement("span",{style:s.treeNodePlaceholder}," "),z.createElement(u,{...e})),z.createElement("ol",{role:"group",style:s.treeNodeChildNodesContainer},t?r:void 0))}),ma="$",MA="*";function xo(e,t){return!t(e).next().done}var f5=e=>Array.from({length:e},(t,n)=>[ma].concat(Array.from({length:n},()=>"*")).join(".")),m5=(e,t,n,r,o)=>{const a=[].concat(f5(r)).concat(n).filter(l=>typeof l=="string"),i=[];return a.forEach(l=>{const s=l.split("."),u=(d,A,C)=>{if(C===s.length){i.push(A);return}const E=s[C];if(C===0)xo(d,t)&&(E===ma||E===MA)&&u(d,ma,C+1);else if(E===MA)for(const{name:m,data:p}of t(d))xo(p,t)&&u(p,`${A}.${m}`,C+1);else{const m=d[E];xo(m,t)&&u(m,`${A}.${E}`,C+1)}};u(e,"",0)}),i.reduce((l,s)=>(l[s]=!0,l),{...o})},yf=c.memo(e=>{const{data:t,dataIterator:n,path:r,depth:o,nodeRenderer:a}=e,[i,l]=c.useContext(gf),s=xo(t,n),u=!!i[r],d=c.useCallback(()=>s&&l(A=>({...A,[r]:!u})),[s,l,r,u]);return z.createElement(C5,{expanded:u,onClick:d,shouldShowArrow:s,shouldShowPlaceholder:o>0,nodeRenderer:a,...e},u?[...n(t)].map(({name:A,data:C,...E})=>z.createElement(yf,{name:A,data:C,depth:o+1,path:`${r}.${A}`,key:A,dataIterator:n,nodeRenderer:a,...E})):null)}),bf=c.memo(({name:e,data:t,dataIterator:n,nodeRenderer:r,expandPaths:o,expandLevel:a})=>{const i=d2("TreeView"),l=c.useState({}),[,s]=l;return c.useLayoutEffect(()=>s(u=>m5(t,n,o,a,u)),[t,n,o,a]),z.createElement(gf.Provider,{value:l},z.createElement("ol",{role:"tree",style:i.treeViewOutline},z.createElement(yf,{name:e,data:t,dataIterator:n,depth:0,path:ma,nodeRenderer:r})))}),Kc=({name:e,dimmed:t=!1,styles:n={}})=>{const r=d2("ObjectName"),o={...r.base,...t?r.dimmed:{},...n};return z.createElement("span",{style:o},e)},Zn=({object:e,styles:t})=>{const n=d2("ObjectValue"),r=o=>({...n[o],...t});switch(typeof e){case"bigint":return z.createElement("span",{style:r("objectValueNumber")},String(e),"n");case"number":return z.createElement("span",{style:r("objectValueNumber")},String(e));case"string":return z.createElement("span",{style:r("objectValueString")},'"',e,'"');case"boolean":return z.createElement("span",{style:r("objectValueBoolean")},String(e));case"undefined":return z.createElement("span",{style:r("objectValueUndefined")},"undefined");case"object":return e===null?z.createElement("span",{style:r("objectValueNull")},"null"):e instanceof Date?z.createElement("span",null,e.toString()):e instanceof RegExp?z.createElement("span",{style:r("objectValueRegExp")},e.toString()):Array.isArray(e)?z.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?z.createElement("span",null,`Buffer[${e.length}]`):z.createElement("span",null,e.constructor.name):z.createElement("span",null,"Object");case"function":return z.createElement("span",null,z.createElement("span",{style:r("objectValueFunctionPrefix")},"ƒ "),z.createElement("span",{style:r("objectValueFunctionName")},e.name,"()"));case"symbol":return z.createElement("span",{style:r("objectValueSymbol")},e.toString());default:return z.createElement("span",null)}},vf=Object.prototype.hasOwnProperty,B5=Object.prototype.propertyIsEnumerable;function hs(e,t){const n=Object.getOwnPropertyDescriptor(e,t);if(n.get)try{return n.get()}catch{return n.get}return e[t]}function $A(e,t){return e.length===0?[]:e.slice(1).reduce((n,r)=>n.concat([t,r]),[e[0]])}var ys=({data:e})=>{const t=d2("ObjectPreview"),n=e;if(typeof n!="object"||n===null||n instanceof Date||n instanceof RegExp)return z.createElement(Zn,{object:n});if(Array.isArray(n)){const r=t.arrayMaxProperties,o=n.slice(0,r).map((i,l)=>z.createElement(Zn,{key:l,object:i}));n.length>r&&o.push(z.createElement("span",{key:"ellipsis"},"…"));const a=n.length;return z.createElement(z.Fragment,null,z.createElement("span",{style:t.objectDescription},a===0?"":`(${a}) `),z.createElement("span",{style:t.preview},"[",$A(o,", "),"]"))}else{const r=t.objectMaxProperties,o=[];for(const i in n)if(vf.call(n,i)){let l;o.length===r-1&&Object.keys(n).length>r&&(l=z.createElement("span",{key:"ellipsis"},"…"));const s=hs(n,i);if(o.push(z.createElement("span",{key:i},z.createElement(Kc,{name:i||'""'}),": ",z.createElement(Zn,{object:s}),l)),l)break}const a=n.constructor?n.constructor.name:"Object";return z.createElement(z.Fragment,null,z.createElement("span",{style:t.objectDescription},a==="Object"?"":`${a} `),z.createElement("span",{style:t.preview},"{",$A(o,", "),"}"))}},E5=({name:e,data:t})=>typeof e=="string"?z.createElement("span",null,z.createElement(Kc,{name:e}),z.createElement("span",null,": "),z.createElement(ys,{data:t})):z.createElement(ys,{data:t}),g5=({name:e,data:t,isNonenumerable:n=!1})=>{const r=t;return z.createElement("span",null,typeof e=="string"?z.createElement(Kc,{name:e,dimmed:n}):z.createElement(ys,{data:e}),z.createElement("span",null,": "),z.createElement(Zn,{object:r}))},h5=(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[s,u]=l;yield{name:s,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(B5.call(r,l)){const s=hs(r,l);yield{name:l||'""',data:s}}else if(e){let s;try{s=hs(r,l)}catch{}s!==void 0&&(yield{name:l,data:s,isNonenumerable:!0})}e&&r!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(r),isNonenumerable:!0})}},y5=({depth:e,name:t,data:n,isNonenumerable:r})=>e===0?z.createElement(E5,{name:t,data:n}):z.createElement(g5,{name:t,data:n,isNonenumerable:r}),b5=({showNonenumerable:e=!1,sortObjectKeys:t,nodeRenderer:n,...r})=>{const o=h5(e,t),a=n||y5;return z.createElement(bf,{nodeRenderer:a,dataIterator:o,...r})},v5=Yc(b5);function x5(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,s)=>(l.includes(s)||l.push(s),l),r),r},[]);return{rowHeaders:t,colHeaders:n}}}var S5=({rows:e,columns:t,rowsData:n})=>{const r=d2("TableInspectorDataContainer"),o=d2("TableInspectorLeftBorder");return z.createElement("div",{style:r.div},z.createElement("table",{style:r.table},z.createElement("colgroup",null),z.createElement("tbody",null,e.map((a,i)=>z.createElement("tr",{key:a,style:r.tr},z.createElement("td",{style:{...r.td,...o.none}},a),t.map(l=>{const s=n[i];return typeof s=="object"&&s!==null&&vf.call(s,l)?z.createElement("td",{key:l,style:{...r.td,...o.solid}},z.createElement(Zn,{object:s[l]})):z.createElement("td",{key:l,style:{...r.td,...o.solid}})}))))))},F5=e=>z.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),w5=({sortAscending:e})=>{const t=d2("TableInspectorSortIcon"),n=e?"▲":"▼";return z.createElement("div",{style:t},n)},zA=({sortAscending:e=!1,sorted:t=!1,onClick:n=void 0,borderStyle:r={},children:o,...a})=>{const i=d2("TableInspectorTH"),[l,s]=c.useState(!1),u=c.useCallback(()=>s(!0),[]),d=c.useCallback(()=>s(!1),[]);return z.createElement("th",{...a,style:{...i.base,...r,...l?i.base[":hover"]:{}},onMouseEnter:u,onMouseLeave:d,onClick:n},z.createElement("div",{style:i.div},o),t&&z.createElement(F5,null,z.createElement(w5,{sortAscending:e})))},T5=({indexColumnText:e="(index)",columns:t=[],sorted:n,sortIndexColumn:r,sortColumn:o,sortAscending:a,onTHClick:i,onIndexTHClick:l})=>{const s=d2("TableInspectorHeaderContainer"),u=d2("TableInspectorLeftBorder");return z.createElement("div",{style:s.base},z.createElement("table",{style:s.table},z.createElement("tbody",null,z.createElement("tr",null,z.createElement(zA,{borderStyle:u.none,sorted:n&&r,sortAscending:a,onClick:l},e),t.map(d=>z.createElement(zA,{borderStyle:u.solid,key:d,sorted:n&&o===d,sortAscending:a,onClick:i.bind(null,d)},d))))))},_5=({data:e,columns:t})=>{const n=d2("TableInspector"),[{sorted:r,sortIndexColumn:o,sortColumn:a,sortAscending:i},l]=c.useState({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),s=c.useCallback(()=>{l(({sortIndexColumn:m,sortAscending:p})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:m?!p:!0}))},[]),u=c.useCallback(m=>{l(({sortColumn:p,sortAscending:b})=>({sorted:!0,sortIndexColumn:!1,sortColumn:m,sortAscending:m===p?!b:!0}))},[]);if(typeof e!="object"||e===null)return z.createElement("div",null);let{rowHeaders:d,colHeaders:A}=x5(e);t!==void 0&&(A=t);let C=d.map(m=>e[m]),E;if(a!==void 0?E=C.map((m,p)=>typeof m=="object"&&m!==null?[m[a],p]:[void 0,p]):o&&(E=d.map((m,p)=>[d[p],p])),E!==void 0){const m=(b,f)=>(D,y)=>{const S=b(D),F=b(y),w=typeof S,I=typeof F,L=(O,J)=>O<J?-1:O>J?1:0;let H;if(w===I)H=L(S,F);else{const O={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};H=L(O[w],O[I])}return f||(H=-H),H},p=E.sort(m(b=>b[0],i)).map(b=>b[1]);d=p.map(b=>d[b]),C=p.map(b=>C[b])}return z.createElement("div",{style:n.base},z.createElement(T5,{columns:A,sorted:r,sortIndexColumn:o,sortColumn:a,sortAscending:i,onTHClick:u,onIndexTHClick:s}),z.createElement(S5,{rows:d,columns:A,rowsData:C}))},I5=Yc(_5),k5=80,xf=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.length<k5,R5=({tagName:e,attributes:t,styles:n})=>z.createElement("span",{style:n.base},"<",z.createElement("span",{style:n.tagName},e),(()=>{if(t){const r=[];for(let o=0;o<t.length;o++){const a=t[o];r.push(z.createElement("span",{key:o}," ",z.createElement("span",{style:n.htmlAttributeName},a.name),'="',z.createElement("span",{style:n.htmlAttributeValue},a.value),'"'))}return r}})(),">"),jA=({tagName:e,isChildNode:t=!1,styles:n})=>z.createElement("span",{style:Object.assign({},n.base,t&&n.offsetLeft)},"</",z.createElement("span",{style:n.tagName},e),">"),L5={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},O5=({isCloseTag:e,data:t,expanded:n})=>{const r=d2("DOMNodePreview");if(e)return z.createElement(jA,{styles:r.htmlCloseTag,isChildNode:!0,tagName:t.tagName});switch(t.nodeType){case Node.ELEMENT_NODE:return z.createElement("span",null,z.createElement(R5,{tagName:t.tagName,attributes:t.attributes,styles:r.htmlOpenTag}),xf(t)?t.textContent:!n&&"…",!n&&z.createElement(jA,{tagName:t.tagName,styles:r.htmlCloseTag}));case Node.TEXT_NODE:return z.createElement("span",null,t.textContent);case Node.CDATA_SECTION_NODE:return z.createElement("span",null,"<![CDATA["+t.textContent+"]]>");case Node.COMMENT_NODE:return z.createElement("span",{style:r.htmlComment},"<!--",t.textContent,"-->");case Node.PROCESSING_INSTRUCTION_NODE:return z.createElement("span",null,t.nodeName);case Node.DOCUMENT_TYPE_NODE:return z.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 z.createElement("span",null,t.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return z.createElement("span",null,t.nodeName);default:return z.createElement("span",null,L5[t.nodeType])}},P5=function*(e){if(e&&e.childNodes){if(xf(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})}},N5=e=>z.createElement(bf,{nodeRenderer:O5,dataIterator:P5,...e}),M5=Yc(N5),$5=u5(p5()),z5=({table:e=!1,data:t,...n})=>e?z.createElement(I5,{data:t,...n}):(0,$5.default)(t)?z.createElement(M5,{data:t,...n}):z.createElement(v5,{data:t,...n});const j5=({dispatch:e,globalState:t})=>{const[n,r]=c.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(X7,{}),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(En,{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(z5,{table:!1,sortObjectKeys:!0,theme:{...t.theme===F0.Light?Ef:Bf,BASE_BACKGROUND_COLOR:"var(--ladle-bg-color-secondary)"},showNonenumerable:!1,name:a.name,data:a.event},i)),v.jsx("button",{onClick:()=>{e({type:i0.UpdateAction,clear:!0,value:void 0})},type:"button",children:"Clear actions"})]})]})})},V5=e=>{const t=W2.parse(e).rtl;return t==="true"?!0:t==="false"?!1:e0.addons.rtl.defaultState},H5=({dispatch:e,globalState:t})=>{const n="Switch text direction to right to left.",r="Switch text direction to left to right.";return g2(e0.hotkeys.rtl,()=>e({type:i0.UpdateRtl,value:!t.rtl}),{enabled:t.hotkeys&&e0.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:i0.UpdateRtl,value:!t.rtl}),type:"button",children:[v.jsx(j7,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:t.rtl?r:n}),v.jsx("label",{children:"Right to left"})]})})},U5={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"},W5=({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(lt,{children:e})),G5=({globalState:e})=>{const[t,n]=c.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(z7,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:r}),v.jsx("label",{children:"About Ladle"}),v.jsxs(En,{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(e0.hotkeys).map(o=>e0.hotkeys[o].length?v.jsxs("li",{children:[v.jsx("span",{style:{display:"inline-block",width:"200px"},children:e0.hotkeys[o].map((a,i)=>v.jsxs("span",{children:[v.jsx(W5,{children:a}),e0.hotkeys[o].length>i+1?" or ":""]},a))}),v.jsx("span",{style:{display:"inline-block"},children:U5[o]})]},o):null)}),v.jsxs("p",{children:["Hotkeys can be disabled through"," ",v.jsx(lt,{children:"Story.meta = { hotkeys: false }"}),"."]})]}):v.jsxs("p",{children:["Hotkeys are disabled for this story by"," ",v.jsx(lt,{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"}),"."]})]})]})})},q5=async(e,t,n)=>{const r=await B(()=>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{}},Y5=({violation:e})=>{const[t,n]=c.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(lt,{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"})]})},K5=({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(Y5,{violation:n},n.id))})]}):v.jsx("p",{children:"Report is loading..."}),J5=({globalState:e})=>{const[t,n]=c.useState(!1),[r,o]=c.useState(!1),[a,i]=c.useState([]);c.useEffect(()=>{},[]);const l="Show accessibility report.",s=()=>{q5(i,o,null).catch(console.error),setTimeout(()=>n(!t),100)};return g2(e0.hotkeys.a11y,()=>t?n(!1):s(),{enabled:e.hotkeys&&e0.addons.a11y.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":l,"data-testid":"addon-a11y",title:l,onClick:s,className:t?"a11y-active":"",type:"button",children:[v.jsx(K7,{}),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(En,{isOpen:t,close:()=>n(!1),label:"Dialog with the story accessibility report.",children:v.jsx(K5,{reportFinished:r,violations:a})})]})})},X5=e=>{const t=W2.parse(e).width;let n=0;return Object.keys(e0.addons.width.options).forEach(r=>{(r===t||parseInt(t,10)===e0.addons.width.options[r])&&(n=e0.addons.width.options[r])}),n!==0?n:e0.addons.width.defaultState},Z5=({globalState:e,dispatch:t})=>{const n="Change the story viewport.",[r,o]=c.useState(!1);g2(e0.hotkeys.width,()=>o(s=>!s),{enabled:e.hotkeys&&e0.addons.width.enabled});const a=Dn[e.story];let i=a&&a.meta?a.meta.meta.width:0,l=e0.addons.width.options;return Object.keys(l).forEach(s=>{s===i&&(i=l[s])}),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(J7,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:n}),v.jsx("label",{children:"Set story width"}),v.jsxs(En,{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:i0.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(s=>v.jsxs("div",{children:[v.jsx("input",{onChange:()=>t({type:i0.UpdateWidth,value:l[s]}),type:"radio",id:`width-${s}`,name:"width",value:l[s],checked:e.width===l[s]}),v.jsxs("label",{htmlFor:`width-${s}`,style:{paddingLeft:"8px"},children:[l[s],"px - ",s]})]},s)),v.jsx("p",{})]})]})})},Q5=({globalState:e,dispatch:t})=>Object.keys(e0.addons).every(n=>e0.addons[n].enabled===!1)?null:v.jsx("header",{role:"banner",className:"ladle-addons",children:v.jsxs("ul",{children:[e0.addons.control.enabled&&Object.keys(e.control).length>0&&v.jsx(zh,{globalState:e,dispatch:t}),e0.addons.theme.enabled&&v.jsx(T_,{globalState:e,dispatch:t}),e0.addons.mode.enabled&&v.jsx(r5,{globalState:e,dispatch:t}),e0.addons.width.enabled&&v.jsx(Z5,{globalState:e,dispatch:t}),e0.addons.rtl.enabled&&v.jsx(H5,{globalState:e,dispatch:t}),e0.addons.source.enabled&&v.jsx($I,{globalState:e,dispatch:t}),e0.addons.a11y.enabled&&v.jsx(J5,{globalState:e,dispatch:t}),e0.addons.ladle.enabled&&v.jsx(G5,{globalState:e,dispatch:t}),e0.addons.control.enabled&&e.action.length>0&&v.jsx(j5,{globalState:e,dispatch:t})]})}),ek=(e,t)=>{switch($2("Action dispatched",t),t.type){case i0.UpdateAll:return{...e,...t.value};case i0.UpdateMode:return{...e,mode:t.value};case i0.UpdateAction:const n={...e};return t.clear&&(n.action=[]),t.value?{...e,action:[...n.action,t.value]}:n;case i0.UpdateRtl:return{...e,rtl:t.value};case i0.UpdateSource:return{...e,source:t.value};case i0.UpdateStory:return{...e,story:t.value,control:{},controlInitialized:!1,width:0,action:[]};case i0.UpdateTheme:return{...e,theme:t.value};case i0.UpdateWidth:return{...e,width:t.value};case i0.UpdateControl:return{...e,control:t.value,controlInitialized:!0};case i0.UpdateControlIntialized:return{...e,controlInitialized:t.value};case i0.UpdateHotkeys:return{...e,hotkeys:t.value};default:return e}},bs=nd(Object.keys(Dn),e0.storyOrder);$2("Stories found",bs);const el=(e,t)=>({theme:HC(e),mode:n5(e),story:QA(e,e0.defaultStory),rtl:V5(e),source:NI(e),width:X5(e),control:eC(e,t?t.control:{}),action:[],controlInitialized:!1,hotkeys:!0}),tk=()=>{const e=el(location.search),[t,n]=c.useReducer(ek,e),r=c.useRef({});let o="";t.control&&Object.keys(t.control).forEach(i=>{t.control[i].type==="background"&&(o=t.control[i].value||"")}),g2(e0.hotkeys.fullscreen,()=>{n({type:i0.UpdateMode,value:t.mode===q0.Full?q0.Preview:q0.Full})},{preventDefault:!0,enabled:t.hotkeys&&e0.addons.mode.enabled}),c.useEffect(()=>{document.getElementsByClassName("ladle-background")[0].style.background=o},[o]),c.useEffect(()=>{r.current=t}),c.useEffect(()=>{window.ladleDispatch=n},[]);const a=r.current;return c.useEffect(()=>{var i,l;$2("Global state update",t),Zm(location.search)||Ki(t),Ki(t),t.story!==a.story&&(document.title=`${td(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===q0.Preview?(i=document.getElementById("ladle-root"))==null||i.removeAttribute("class"):(l=document.getElementById("ladle-root"))==null||l.setAttribute("class","ladle-wrapper"))},[t]),c.useEffect(()=>{const i=Wc.listen(({location:l,action:s})=>{if(s===Qe.Pop){const u={};Object.keys(t.control).forEach(A=>{const C=el(l.search,t).control[A];u[A]={...t.control[A],value:C?C.value:t.control[A].defaultValue}});const d=el(l.search,t);n({type:i0.UpdateAll,value:{...d,control:u,controlInitialized:t.story===d.story}})}});return()=>i()},[t]),t.mode===q0.Preview?v.jsx(bu.Provider,{value:{globalState:t,dispatch:n},children:v.jsx(RA,{globalState:t,dispatch:n})}):v.jsxs(bu.Provider,{value:{globalState:t,dispatch:n},children:[v.jsx("main",{className:"ladle-main",children:bs.length>0?v.jsx(RA,{globalState:t,dispatch:n}):v.jsx(HI,{})}),v.jsx(t5,{stories:bs,hotkeys:t.hotkeys,story:t.story,updateStory:i=>{KI(),Ki({...t,story:i,control:{}}),n({type:i0.UpdateStory,value:i})}}),v.jsx(Q5,{globalState:t,dispatch:n})]})},nk=document.getElementById("ladle-root"),rk=WC(nk);rk.render(v.jsx(tk,{}));export{iv as $,uk as A,R2 as B,Gb as C,Yb as D,Ak as E,ck as F,Wb as G,Ib as H,nv as I,Xb as J,qb as K,dk as L,Ky as M,eA as N,Zy as O,lv as P,Xy as Q,z as R,Bv as S,Qb as T,Qy as U,ev as V,Jy as W,tb as X,eb as Y,uv as Z,ik as _,Ev as a,Xh as a0,U3 as a1,ov as a2,av as a3,rv as a4,Da as a5,B as a6,_v as a7,Gh as a8,kc as a9,Dk as aa,ay as b,r2 as c,za as d,sk as e,pk as f,_e as g,mr as h,jc as i,v as j,oy as k,lk as l,ak as m,q3 as n,oC as o,nC as p,Fr as q,c as r,Nr as s,Er as t,Ic as u,aC as v,ry as w,rC as x,se as y,xv as z};
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = ["./Alert.stories-B0KCPTpE.js","./Placeholder-C7CVYxHs.js","./SmileyHappy-C7HDhmK-.js","./Icon-pbAsVzre.js","./Anchor-BixGaM0U.js","./Anchor.stories-BbZgokz6.js","./Avatar.stories-YZfCl5Tk.js","./Avatar-T2frsgec.js","./colors-DN-6A0ES.js","./AvatarGroup.stories-DR3UZSna.js","./Badge.stories-Co4yusCF.js","./Badge-D-raQolP.js","./Breadcrumbs.stories-BpR9wPSb.js","./ChevronRightDouble-B6kOvHRs.js","./Folder-CQ3iN8xp.js","./More-CgFlrjTV.js","./Button-C_nFjF9J.js","./SvgChevronRight-C6VlZyp4.js","./DropdownMenu-FIYbvMF3.js","./MenuItem-DAdlK6Bb.js","./focusable-DQv_vybo.js","./ListItem-ip9GMFW4.js","./LinkAction-D0M2gvZH.js","./Popover-CkBHJnxg.js","./DropdownButton-BLPr5sq5.js","./SvgCaretUpSmall-BVKtlURr.js","./SvgCaretDownSmall-CdoXcIxC.js","./Input-D0vVJrGL.js","./Button.stories-CA4yM_Y9.js","./Add-CMnT-eoE.js","./NotificationMarker-Dh32yodE.js","./ButtonGroup.stories-FnlSOtsd.js","./Edit-1xGNuYZJ.js","./Text-Cn6X0xwD.js","./Carousel.stories-BzH--gxi.js","./useIntersection-5ksHNLOp.js","./SvgChevronLeft-B2Hc4_Y5.js","./Code-13DeCnRv.js","./Checkbox.stories-C25Qg8o9.js","./Checkbox-Cit0Xd27.js","./ProgressRadial-B65sMgcN.js","./Code.stories-BjXWWsmU.js","./ColorPicker.stories-CLOIPfzP.js","./Slider-wDX7nB89.js","./useEventListener-BeqhzdR7.js","./ComboBox.stories-D2QKnH_J.js","./Camera-ChdbnOlH.js","./InputGrid-BetVfwxb.js","./Label-DNKU_rtG.js","./Textarea-C661yE2u.js","./InputWithDecorations-DpLRm_47.js","./InputFlexContainer-C5yPNOJ9.js","./MenuExtraContent-L2ud75Ru.js","./Select-BVyecqbT.js","./SvgCheckmark-pPju8St4.js","./useContainerWidth-Drn508ky.js","./VirtualScroll-CmUb1GiL.js","./DatePicker.stories-D4rB54Lw.js","./Calendar-D_OHPShH.js","./DatePicker-BoZtOKQG.js","./TimePicker-D6gsYaTW.js","./Dialog.stories-C_0oIi2B.js","./Dialog-B1YB4ruY.js","./DropdownButton.stories-DJrurwos.js","./DropdownMenu.stories-D_Pwe5M6.js","./MenuDivider-DTgQGL2e.js","./ExpandableBlock.stories-EmR88D-k.js","./Fieldset.stories-BrmGD8-D.js","./LabeledSelect-fqB1P2i5.js","./InputGroup-DPtL6Yf5.js","./Radio-CAg1e-cm.js","./ToggleSwitch-y4P0a0hf.js","./FileUpload.stories-A9n_Jpwz.js","./LabeledInput-Du-RTwaP.js","./Flex.stories-DLZkIeGo.js","./Flex-Co89GfVH.js","./Footer.stories-DOXV0B7d.js","./Header.stories-BwsPaOhc.js","./Network-Dc3tURX5.js","./Notification-Bs7mpi-T.js","./Icon.stories-CeKI-Y2z.js","./StatusWarning-BRrn9sgc.js","./IconButton.stories-DlGB0AyU.js","./IdeasButton.stories-Db7gV2s4.js","./InformationPanel.stories-BYGWMIbw.js","./Table-CHJVAlEZ.js","./WithCSSTransition-Dpufkg-9.js","./Input.stories-B0HB_JM4.js","./InputGrid.stories-CQZv_6k1.js","./Airplane-B3jcimka.js","./SearchBox-BVxfDnsq.js","./InputGroup.stories-gY3zIfBw.js","./InputWithDecoration.stories-B67OwJYX.js","./Kbd.stories-CeHGTB7i.js","./Kbd-agxtRHIg.js","./Label.stories-C_n9LIFL.js","./LabeledInput.stories-6pBv83QQ.js","./LabeledSelect.stories-BfJLrsN6.js","./LabeledTextarea.stories-DxOlKvcB.js","./List.stories-D_SHfofU.js","./List-Ck5ai4iK.js","./Modal.stories-B3pIpt_g.js","./NonIdealState.stories-Dqh8mq9l.js","./NotificationMarker.stories-Cfh0Ggxu.js","./Overlay.stories-BTLm56m3.js","./ProgressLinear-D8jKuugE.js","./ProgressLinear.stories-CdiHuwzE.js","./ProgressRadial.stories-DD97CeDw.js","./Radio.stories-Bn0-OODP.js","./RadioTileGroup.stories-Mtpl3T9R.js","./SearchBox.stories-DnyIws2e.js","./Divider-Dh_ENdTb.js","./Select.stories-Byx4QlLF.js","./SmileySad-D-5PGefZ.js","./SideNavigation.stories-DBlcX7vy.js","./Settings-DTyzRvBS.js","./SkipToContentLink.stories-CZUzWDcv.js","./Slider.stories-B8JV_p0Q.js","./SplitButton.stories-DhRdukFJ.js","./Surface.stories-2Pl8h5xy.js","./supports-BGWrFWay.js","./Table.stories-Cq7vosfl.js","./Tabs.stories-eRARlgP9.js","./Star-DYQ2c5aI.js","./Tag.stories-FYwBnIKX.js","./Tag-CdDyCkB9.js","./TagContainer.stories-4-OCjUQb.js","./TagContainer-DUgK4TG8.js","./Text.stories-Cf6X__Mv.js","./Textarea.stories-T0tleGnN.js","./Tile.stories-CCAchySZ.js","./TimePicker.stories-3dwrZ-Gt.js","./Toasts.stories-CuASY0cS.js","./ToggleSwitch.stories-QLPavBkz.js","./TransferList.stories-CgLhjzEG.js","./Tree.stories-D4ycV8ba.js"]
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}
diff --git a/1957/react/assets/manifest-B-VxemCC.webmanifest b/1957/react/assets/manifest-B-VxemCC.webmanifest
new file mode 100644
index 00000000000..c9e59885ccc
--- /dev/null
+++ b/1957/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/1957/react/assets/noto-sans-cyrillic-300-normal-CP1FDmki.woff2 b/1957/react/assets/noto-sans-cyrillic-300-normal-CP1FDmki.woff2
new file mode 100644
index 00000000000..ecc8d4958f3
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-300-normal-CP1FDmki.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-300-normal-ClXm-dlX.woff b/1957/react/assets/noto-sans-cyrillic-300-normal-ClXm-dlX.woff
new file mode 100644
index 00000000000..a62252ff70a
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-300-normal-ClXm-dlX.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-400-italic-BianQXmj.woff b/1957/react/assets/noto-sans-cyrillic-400-italic-BianQXmj.woff
new file mode 100644
index 00000000000..a4e565b6419
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-400-italic-BianQXmj.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-400-italic-CABatiyV.woff2 b/1957/react/assets/noto-sans-cyrillic-400-italic-CABatiyV.woff2
new file mode 100644
index 00000000000..7a2c659b6e3
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-400-italic-CABatiyV.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-400-normal-B3NRx7Ou.woff b/1957/react/assets/noto-sans-cyrillic-400-normal-B3NRx7Ou.woff
new file mode 100644
index 00000000000..b705dc84334
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-400-normal-B3NRx7Ou.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-400-normal-By7QAaWy.woff2 b/1957/react/assets/noto-sans-cyrillic-400-normal-By7QAaWy.woff2
new file mode 100644
index 00000000000..eaef2fd1d38
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-400-normal-By7QAaWy.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-600-normal-BQM-i0-G.woff2 b/1957/react/assets/noto-sans-cyrillic-600-normal-BQM-i0-G.woff2
new file mode 100644
index 00000000000..53fa2a2ae9c
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-600-normal-BQM-i0-G.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-600-normal-DzPzSo6j.woff b/1957/react/assets/noto-sans-cyrillic-600-normal-DzPzSo6j.woff
new file mode 100644
index 00000000000..b64f3ab4159
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-600-normal-DzPzSo6j.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-800-normal-BDWNruoQ.woff b/1957/react/assets/noto-sans-cyrillic-800-normal-BDWNruoQ.woff
new file mode 100644
index 00000000000..b738143da80
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-800-normal-BDWNruoQ.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-800-normal-BXulslGC.woff2 b/1957/react/assets/noto-sans-cyrillic-800-normal-BXulslGC.woff2
new file mode 100644
index 00000000000..549d3a17926
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-800-normal-BXulslGC.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-300-normal-CZDVogbR.woff2 b/1957/react/assets/noto-sans-cyrillic-ext-300-normal-CZDVogbR.woff2
new file mode 100644
index 00000000000..2910a8d0d02
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-300-normal-CZDVogbR.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-300-normal-hdPPrXzA.woff b/1957/react/assets/noto-sans-cyrillic-ext-300-normal-hdPPrXzA.woff
new file mode 100644
index 00000000000..67d6f65a3df
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-300-normal-hdPPrXzA.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-400-italic-0y6sYPb7.woff2 b/1957/react/assets/noto-sans-cyrillic-ext-400-italic-0y6sYPb7.woff2
new file mode 100644
index 00000000000..8e23b47e98c
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-400-italic-0y6sYPb7.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.woff b/1957/react/assets/noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.woff
new file mode 100644
index 00000000000..e9a153937fc
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.woff b/1957/react/assets/noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.woff
new file mode 100644
index 00000000000..b2b6f21b5b1
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2 b/1957/react/assets/noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2
new file mode 100644
index 00000000000..901a645469f
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-600-normal-Bz3dKip2.woff b/1957/react/assets/noto-sans-cyrillic-ext-600-normal-Bz3dKip2.woff
new file mode 100644
index 00000000000..5831fbe882c
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-600-normal-Bz3dKip2.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-600-normal-ChGqxECf.woff2 b/1957/react/assets/noto-sans-cyrillic-ext-600-normal-ChGqxECf.woff2
new file mode 100644
index 00000000000..3dbf8551474
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-600-normal-ChGqxECf.woff2 differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.woff b/1957/react/assets/noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.woff
new file mode 100644
index 00000000000..50845589446
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.woff differ
diff --git a/1957/react/assets/noto-sans-cyrillic-ext-800-normal-RCMFowXK.woff2 b/1957/react/assets/noto-sans-cyrillic-ext-800-normal-RCMFowXK.woff2
new file mode 100644
index 00000000000..2316056a7d5
Binary files /dev/null and b/1957/react/assets/noto-sans-cyrillic-ext-800-normal-RCMFowXK.woff2 differ
diff --git a/1957/react/assets/noto-sans-devanagari-300-normal-CCGO9xHm.woff b/1957/react/assets/noto-sans-devanagari-300-normal-CCGO9xHm.woff
new file mode 100644
index 00000000000..ec6837afa9b
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-300-normal-CCGO9xHm.woff differ
diff --git a/1957/react/assets/noto-sans-devanagari-300-normal-D8q7SBYl.woff2 b/1957/react/assets/noto-sans-devanagari-300-normal-D8q7SBYl.woff2
new file mode 100644
index 00000000000..61364c03217
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-300-normal-D8q7SBYl.woff2 differ
diff --git a/1957/react/assets/noto-sans-devanagari-400-italic-BbVQtrdB.woff2 b/1957/react/assets/noto-sans-devanagari-400-italic-BbVQtrdB.woff2
new file mode 100644
index 00000000000..327b6b50f45
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-400-italic-BbVQtrdB.woff2 differ
diff --git a/1957/react/assets/noto-sans-devanagari-400-italic-CvJLhbKf.woff b/1957/react/assets/noto-sans-devanagari-400-italic-CvJLhbKf.woff
new file mode 100644
index 00000000000..9d8ea6bb5b5
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-400-italic-CvJLhbKf.woff differ
diff --git a/1957/react/assets/noto-sans-devanagari-400-normal-BoDwSPfC.woff2 b/1957/react/assets/noto-sans-devanagari-400-normal-BoDwSPfC.woff2
new file mode 100644
index 00000000000..484a8f0afaa
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-400-normal-BoDwSPfC.woff2 differ
diff --git a/1957/react/assets/noto-sans-devanagari-400-normal-DlnkwVRY.woff b/1957/react/assets/noto-sans-devanagari-400-normal-DlnkwVRY.woff
new file mode 100644
index 00000000000..4b2b356dd92
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-400-normal-DlnkwVRY.woff differ
diff --git a/1957/react/assets/noto-sans-devanagari-600-normal-D4RnwROT.woff2 b/1957/react/assets/noto-sans-devanagari-600-normal-D4RnwROT.woff2
new file mode 100644
index 00000000000..7a4b7218927
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-600-normal-D4RnwROT.woff2 differ
diff --git a/1957/react/assets/noto-sans-devanagari-600-normal-tKpq7tTZ.woff b/1957/react/assets/noto-sans-devanagari-600-normal-tKpq7tTZ.woff
new file mode 100644
index 00000000000..e3d151c6308
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-600-normal-tKpq7tTZ.woff differ
diff --git a/1957/react/assets/noto-sans-devanagari-800-normal-DjiH81vx.woff b/1957/react/assets/noto-sans-devanagari-800-normal-DjiH81vx.woff
new file mode 100644
index 00000000000..13b06efa645
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-800-normal-DjiH81vx.woff differ
diff --git a/1957/react/assets/noto-sans-devanagari-800-normal-Dv4sD9xR.woff2 b/1957/react/assets/noto-sans-devanagari-800-normal-Dv4sD9xR.woff2
new file mode 100644
index 00000000000..7ce21a595cd
Binary files /dev/null and b/1957/react/assets/noto-sans-devanagari-800-normal-Dv4sD9xR.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-300-normal-DEENfrZh.woff2 b/1957/react/assets/noto-sans-greek-300-normal-DEENfrZh.woff2
new file mode 100644
index 00000000000..88e7ce31ad9
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-300-normal-DEENfrZh.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-300-normal-LsdMbNu4.woff b/1957/react/assets/noto-sans-greek-300-normal-LsdMbNu4.woff
new file mode 100644
index 00000000000..a168a1aca4d
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-300-normal-LsdMbNu4.woff differ
diff --git a/1957/react/assets/noto-sans-greek-400-italic-JyfWctor.woff b/1957/react/assets/noto-sans-greek-400-italic-JyfWctor.woff
new file mode 100644
index 00000000000..54404f3558b
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-400-italic-JyfWctor.woff differ
diff --git a/1957/react/assets/noto-sans-greek-400-italic-roH9dfV2.woff2 b/1957/react/assets/noto-sans-greek-400-italic-roH9dfV2.woff2
new file mode 100644
index 00000000000..6aeeda5f3dc
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-400-italic-roH9dfV2.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-400-normal-Dtnzxmgf.woff2 b/1957/react/assets/noto-sans-greek-400-normal-Dtnzxmgf.woff2
new file mode 100644
index 00000000000..053c5a2361e
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-400-normal-Dtnzxmgf.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-400-normal-W0pQb9dK.woff b/1957/react/assets/noto-sans-greek-400-normal-W0pQb9dK.woff
new file mode 100644
index 00000000000..b0034e4359c
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-400-normal-W0pQb9dK.woff differ
diff --git a/1957/react/assets/noto-sans-greek-600-normal-Clz0jB_g.woff2 b/1957/react/assets/noto-sans-greek-600-normal-Clz0jB_g.woff2
new file mode 100644
index 00000000000..aabccbbfbb4
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-600-normal-Clz0jB_g.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-600-normal-DUEopgYm.woff b/1957/react/assets/noto-sans-greek-600-normal-DUEopgYm.woff
new file mode 100644
index 00000000000..6c2413378a3
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-600-normal-DUEopgYm.woff differ
diff --git a/1957/react/assets/noto-sans-greek-800-normal-5nFnfq4h.woff2 b/1957/react/assets/noto-sans-greek-800-normal-5nFnfq4h.woff2
new file mode 100644
index 00000000000..bed89a5940a
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-800-normal-5nFnfq4h.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-800-normal-PJujWxCx.woff b/1957/react/assets/noto-sans-greek-800-normal-PJujWxCx.woff
new file mode 100644
index 00000000000..ef9dd655df5
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-800-normal-PJujWxCx.woff differ
diff --git a/1957/react/assets/noto-sans-greek-ext-300-normal-BjCsls6L.woff2 b/1957/react/assets/noto-sans-greek-ext-300-normal-BjCsls6L.woff2
new file mode 100644
index 00000000000..a665e465166
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-300-normal-BjCsls6L.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-ext-300-normal-CxJYDAKA.woff b/1957/react/assets/noto-sans-greek-ext-300-normal-CxJYDAKA.woff
new file mode 100644
index 00000000000..60e489b3e60
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-300-normal-CxJYDAKA.woff differ
diff --git a/1957/react/assets/noto-sans-greek-ext-400-italic-B8p6DS8N.woff b/1957/react/assets/noto-sans-greek-ext-400-italic-B8p6DS8N.woff
new file mode 100644
index 00000000000..594e096aa6b
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-400-italic-B8p6DS8N.woff differ
diff --git a/1957/react/assets/noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2 b/1957/react/assets/noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2
new file mode 100644
index 00000000000..d2ff6ceaa8a
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-ext-400-normal-B892MBUX.woff2 b/1957/react/assets/noto-sans-greek-ext-400-normal-B892MBUX.woff2
new file mode 100644
index 00000000000..380407635df
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-400-normal-B892MBUX.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-ext-400-normal-b0fyIAVu.woff b/1957/react/assets/noto-sans-greek-ext-400-normal-b0fyIAVu.woff
new file mode 100644
index 00000000000..5d16fc303d3
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-400-normal-b0fyIAVu.woff differ
diff --git a/1957/react/assets/noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2 b/1957/react/assets/noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2
new file mode 100644
index 00000000000..3a5db9a6b64
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-ext-600-normal-CoHj5uhM.woff b/1957/react/assets/noto-sans-greek-ext-600-normal-CoHj5uhM.woff
new file mode 100644
index 00000000000..803f639d00c
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-600-normal-CoHj5uhM.woff differ
diff --git a/1957/react/assets/noto-sans-greek-ext-800-normal-C-LpoPOw.woff2 b/1957/react/assets/noto-sans-greek-ext-800-normal-C-LpoPOw.woff2
new file mode 100644
index 00000000000..c4801c77aa5
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-800-normal-C-LpoPOw.woff2 differ
diff --git a/1957/react/assets/noto-sans-greek-ext-800-normal-Ct34ArFd.woff b/1957/react/assets/noto-sans-greek-ext-800-normal-Ct34ArFd.woff
new file mode 100644
index 00000000000..d0c22edd419
Binary files /dev/null and b/1957/react/assets/noto-sans-greek-ext-800-normal-Ct34ArFd.woff differ
diff --git a/1957/react/assets/noto-sans-latin-300-normal-CxMpe7T8.woff2 b/1957/react/assets/noto-sans-latin-300-normal-CxMpe7T8.woff2
new file mode 100644
index 00000000000..ecca6d52f3c
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-300-normal-CxMpe7T8.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-300-normal-DEXKGYHZ.woff b/1957/react/assets/noto-sans-latin-300-normal-DEXKGYHZ.woff
new file mode 100644
index 00000000000..bf49f4b9b22
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-300-normal-DEXKGYHZ.woff differ
diff --git a/1957/react/assets/noto-sans-latin-400-italic-CB5yl7qv.woff2 b/1957/react/assets/noto-sans-latin-400-italic-CB5yl7qv.woff2
new file mode 100644
index 00000000000..b34f7ed0591
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-400-italic-CB5yl7qv.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-400-italic-C_httkWH.woff b/1957/react/assets/noto-sans-latin-400-italic-C_httkWH.woff
new file mode 100644
index 00000000000..e59160884a5
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-400-italic-C_httkWH.woff differ
diff --git a/1957/react/assets/noto-sans-latin-400-normal-BARFNakm.woff b/1957/react/assets/noto-sans-latin-400-normal-BARFNakm.woff
new file mode 100644
index 00000000000..13f99009350
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-400-normal-BARFNakm.woff differ
diff --git a/1957/react/assets/noto-sans-latin-400-normal-DIc3SuB2.woff2 b/1957/react/assets/noto-sans-latin-400-normal-DIc3SuB2.woff2
new file mode 100644
index 00000000000..9678346a6e7
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-400-normal-DIc3SuB2.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-600-normal-TixqfKii.woff b/1957/react/assets/noto-sans-latin-600-normal-TixqfKii.woff
new file mode 100644
index 00000000000..6ebd6496519
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-600-normal-TixqfKii.woff differ
diff --git a/1957/react/assets/noto-sans-latin-600-normal-UVs-NnBe.woff2 b/1957/react/assets/noto-sans-latin-600-normal-UVs-NnBe.woff2
new file mode 100644
index 00000000000..510897057a6
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-600-normal-UVs-NnBe.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-800-normal-BKzss8KP.woff2 b/1957/react/assets/noto-sans-latin-800-normal-BKzss8KP.woff2
new file mode 100644
index 00000000000..200fb6d0ccf
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-800-normal-BKzss8KP.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-800-normal-DSSzlEFf.woff b/1957/react/assets/noto-sans-latin-800-normal-DSSzlEFf.woff
new file mode 100644
index 00000000000..8e027837df9
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-800-normal-DSSzlEFf.woff differ
diff --git a/1957/react/assets/noto-sans-latin-ext-300-normal-D0pEO5Gw.woff b/1957/react/assets/noto-sans-latin-ext-300-normal-D0pEO5Gw.woff
new file mode 100644
index 00000000000..471255e24a8
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-300-normal-D0pEO5Gw.woff differ
diff --git a/1957/react/assets/noto-sans-latin-ext-300-normal-DcbOC3yV.woff2 b/1957/react/assets/noto-sans-latin-ext-300-normal-DcbOC3yV.woff2
new file mode 100644
index 00000000000..c0c84c22edb
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-300-normal-DcbOC3yV.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-ext-400-italic-C29CxlHj.woff b/1957/react/assets/noto-sans-latin-ext-400-italic-C29CxlHj.woff
new file mode 100644
index 00000000000..c4b44dc8886
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-400-italic-C29CxlHj.woff differ
diff --git a/1957/react/assets/noto-sans-latin-ext-400-italic-zUnwQFTS.woff2 b/1957/react/assets/noto-sans-latin-ext-400-italic-zUnwQFTS.woff2
new file mode 100644
index 00000000000..421950ceef6
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-400-italic-zUnwQFTS.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-ext-400-normal-D8ImC44-.woff2 b/1957/react/assets/noto-sans-latin-ext-400-normal-D8ImC44-.woff2
new file mode 100644
index 00000000000..e22ce1e624e
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-400-normal-D8ImC44-.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-ext-400-normal-bm3wUvc3.woff b/1957/react/assets/noto-sans-latin-ext-400-normal-bm3wUvc3.woff
new file mode 100644
index 00000000000..93a670cfa73
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-400-normal-bm3wUvc3.woff differ
diff --git a/1957/react/assets/noto-sans-latin-ext-600-normal-B1ej6lef.woff b/1957/react/assets/noto-sans-latin-ext-600-normal-B1ej6lef.woff
new file mode 100644
index 00000000000..cbbc9e9b095
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-600-normal-B1ej6lef.woff differ
diff --git a/1957/react/assets/noto-sans-latin-ext-600-normal-Dp1oqsly.woff2 b/1957/react/assets/noto-sans-latin-ext-600-normal-Dp1oqsly.woff2
new file mode 100644
index 00000000000..001cffb850e
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-600-normal-Dp1oqsly.woff2 differ
diff --git a/1957/react/assets/noto-sans-latin-ext-800-normal-BSZD8-No.woff b/1957/react/assets/noto-sans-latin-ext-800-normal-BSZD8-No.woff
new file mode 100644
index 00000000000..7c5d85a8e86
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-800-normal-BSZD8-No.woff differ
diff --git a/1957/react/assets/noto-sans-latin-ext-800-normal-dQI-PttF.woff2 b/1957/react/assets/noto-sans-latin-ext-800-normal-dQI-PttF.woff2
new file mode 100644
index 00000000000..7d66f0897fb
Binary files /dev/null and b/1957/react/assets/noto-sans-latin-ext-800-normal-dQI-PttF.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 b/1957/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2
new file mode 100644
index 00000000000..95cffd6c57b
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff b/1957/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff
new file mode 100644
index 00000000000..749530be001
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff differ
diff --git a/1957/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff b/1957/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff
new file mode 100644
index 00000000000..80375193fb5
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff differ
diff --git a/1957/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 b/1957/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2
new file mode 100644
index 00000000000..04fa34752ac
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 b/1957/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2
new file mode 100644
index 00000000000..955b03863ce
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-greek-400-normal-R0Ghntyr.woff b/1957/react/assets/noto-sans-mono-greek-400-normal-R0Ghntyr.woff
new file mode 100644
index 00000000000..c378a2f80e1
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-greek-400-normal-R0Ghntyr.woff differ
diff --git a/1957/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 b/1957/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2
new file mode 100644
index 00000000000..35c4777a36f
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff b/1957/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff
new file mode 100644
index 00000000000..72ff5d54176
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff differ
diff --git a/1957/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 b/1957/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2
new file mode 100644
index 00000000000..94fa9347f90
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff b/1957/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff
new file mode 100644
index 00000000000..0c56739cf0e
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff differ
diff --git a/1957/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff b/1957/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff
new file mode 100644
index 00000000000..bc3d2925d07
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff differ
diff --git a/1957/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 b/1957/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2
new file mode 100644
index 00000000000..ece9d326437
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 differ
diff --git a/1957/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff b/1957/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff
new file mode 100644
index 00000000000..d577e77613c
Binary files /dev/null and b/1957/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff differ
diff --git a/1957/react/assets/noto-sans-vietnamese-300-normal-DgabIA12.woff b/1957/react/assets/noto-sans-vietnamese-300-normal-DgabIA12.woff
new file mode 100644
index 00000000000..ac82553c74e
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-300-normal-DgabIA12.woff differ
diff --git a/1957/react/assets/noto-sans-vietnamese-300-normal-IX_o53oz.woff2 b/1957/react/assets/noto-sans-vietnamese-300-normal-IX_o53oz.woff2
new file mode 100644
index 00000000000..669dccce7a3
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-300-normal-IX_o53oz.woff2 differ
diff --git a/1957/react/assets/noto-sans-vietnamese-400-italic-CTBtmRW_.woff b/1957/react/assets/noto-sans-vietnamese-400-italic-CTBtmRW_.woff
new file mode 100644
index 00000000000..3665f39bd79
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-400-italic-CTBtmRW_.woff differ
diff --git a/1957/react/assets/noto-sans-vietnamese-400-italic-D1xfJTm0.woff2 b/1957/react/assets/noto-sans-vietnamese-400-italic-D1xfJTm0.woff2
new file mode 100644
index 00000000000..a8871f60335
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-400-italic-D1xfJTm0.woff2 differ
diff --git a/1957/react/assets/noto-sans-vietnamese-400-normal-CsiBWUuU.woff2 b/1957/react/assets/noto-sans-vietnamese-400-normal-CsiBWUuU.woff2
new file mode 100644
index 00000000000..bc92f4de1a2
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-400-normal-CsiBWUuU.woff2 differ
diff --git a/1957/react/assets/noto-sans-vietnamese-400-normal-zWMzIoWC.woff b/1957/react/assets/noto-sans-vietnamese-400-normal-zWMzIoWC.woff
new file mode 100644
index 00000000000..a6280760dcc
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-400-normal-zWMzIoWC.woff differ
diff --git a/1957/react/assets/noto-sans-vietnamese-600-normal-BNN-id40.woff b/1957/react/assets/noto-sans-vietnamese-600-normal-BNN-id40.woff
new file mode 100644
index 00000000000..b741c0e2e66
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-600-normal-BNN-id40.woff differ
diff --git a/1957/react/assets/noto-sans-vietnamese-600-normal-D1ZLZieD.woff2 b/1957/react/assets/noto-sans-vietnamese-600-normal-D1ZLZieD.woff2
new file mode 100644
index 00000000000..0c0c92825b5
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-600-normal-D1ZLZieD.woff2 differ
diff --git a/1957/react/assets/noto-sans-vietnamese-800-normal-DtclX_T_.woff2 b/1957/react/assets/noto-sans-vietnamese-800-normal-DtclX_T_.woff2
new file mode 100644
index 00000000000..a634b0de143
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-800-normal-DtclX_T_.woff2 differ
diff --git a/1957/react/assets/noto-sans-vietnamese-800-normal-XG5K2LOr.woff b/1957/react/assets/noto-sans-vietnamese-800-normal-XG5K2LOr.woff
new file mode 100644
index 00000000000..a0f9260e295
Binary files /dev/null and b/1957/react/assets/noto-sans-vietnamese-800-normal-XG5K2LOr.woff differ
diff --git a/1957/react/assets/supports-BGWrFWay.js b/1957/react/assets/supports-BGWrFWay.js
new file mode 100644
index 00000000000..a7aa404fabf
--- /dev/null
+++ b/1957/react/assets/supports-BGWrFWay.js
@@ -0,0 +1 @@
+import{h as p}from"./index-DjxMsM5m.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/1957/react/assets/touch-icon-ByyUZD7t.png b/1957/react/assets/touch-icon-ByyUZD7t.png
new file mode 100644
index 00000000000..f47cc956762
Binary files /dev/null and b/1957/react/assets/touch-icon-ByyUZD7t.png differ
diff --git a/1957/react/assets/useContainerWidth-Drn508ky.js b/1957/react/assets/useContainerWidth-Drn508ky.js
new file mode 100644
index 00000000000..294f6541d2e
--- /dev/null
+++ b/1957/react/assets/useContainerWidth-Drn508ky.js
@@ -0,0 +1 @@
+import{r as s,k as d,d as a}from"./index-DjxMsM5m.js";const h=(n=!0)=>{const[o,r]=s.useState(0),i=s.useCallback(t=>{t&&r(t.getBoundingClientRect().width)},[]),u=s.useCallback(({width:t})=>r(t),[]),[c,e]=d(u);return n||e==null||e.disconnect(),[a(i,n?c:void 0),o]};export{h as u};
diff --git a/1957/react/assets/useEventListener-BeqhzdR7.js b/1957/react/assets/useEventListener-BeqhzdR7.js
new file mode 100644
index 00000000000..3303fe556dd
--- /dev/null
+++ b/1957/react/assets/useEventListener-BeqhzdR7.js
@@ -0,0 +1 @@
+import{r as e}from"./index-DjxMsM5m.js";const i=(s,u,r)=>{const t=e.useRef();e.useEffect(()=>{t.current=u},[u]),e.useEffect(()=>{if(!r)return;const c=o=>{var n;return(n=t.current)==null?void 0:n.call(t,o)};return r.addEventListener(s,c),()=>{r.removeEventListener(s,c)}},[s,r])};export{i as u};
diff --git a/1957/react/assets/useIntersection-5ksHNLOp.js b/1957/react/assets/useIntersection-5ksHNLOp.js
new file mode 100644
index 00000000000..00e02ad73a0
--- /dev/null
+++ b/1957/react/assets/useIntersection-5ksHNLOp.js
@@ -0,0 +1 @@
+import{r as f,h as g}from"./index-DjxMsM5m.js";const l=(r,b={},t=!0)=>{const{root:s,rootMargin:n,threshold:o}=b,e=f.useRef(()=>{});return f.useCallback(c=>{var u,a;if((u=e.current)==null||u.call(e),e.current=()=>{},!c||!((a=g())!=null&&a.IntersectionObserver))return;const i=new IntersectionObserver(([v],d)=>{v.isIntersecting&&(t&&d.disconnect(),r())},{root:s,rootMargin:n,threshold:o});i.observe(c),e.current=()=>i.disconnect()},[r,t,s,n,o])};export{l as u};
diff --git a/1957/react/index.html b/1957/react/index.html
new file mode 100644
index 00000000000..9877fe065d2
--- /dev/null
+++ b/1957/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-DjxMsM5m.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-Bl0ZS2-d.css">
+  </head>
+
+  <body>
+    <div class="ladle-background"></div>
+    <div id="ladle-root" class="ladle-wrapper"></div>
+  </body>
+</html>
diff --git a/1957/react/meta.json b/1957/react/meta.json
new file mode 100644
index 00000000000..409083f433f
--- /dev/null
+++ b/1957/react/meta.json
@@ -0,0 +1,4057 @@
+{
+  "about": {
+    "homepage": "https://www.ladle.dev",
+    "github": "https://github.com/tajo/ladle",
+    "version": 1
+  },
+  "stories": {
+    "alert--custom-icon": {
+      "name": "Custom icon",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 146,
+      "locEnd": 158,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "CustomIcon",
+      "meta": {}
+    },
+    "alert--empty": {
+      "name": "Empty",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 137,
+      "locEnd": 144,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "Empty",
+      "meta": {}
+    },
+    "alert--informational": {
+      "name": "Informational",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 13,
+      "locEnd": 26,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "Informational",
+      "meta": {}
+    },
+    "alert--negative": {
+      "name": "Negative",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 58,
+      "locEnd": 71,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "alert--positive": {
+      "name": "Positive",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 28,
+      "locEnd": 41,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "alert--sticky": {
+      "name": "Sticky",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 73,
+      "locEnd": 135,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "Sticky",
+      "meta": {}
+    },
+    "alert--warning": {
+      "name": "Warning",
+      "levels": [
+        "Alert"
+      ],
+      "locStart": 43,
+      "locEnd": 56,
+      "filePath": "src/Alert.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "anchor--as-button": {
+      "name": "As button",
+      "levels": [
+        "Anchor"
+      ],
+      "locStart": 16,
+      "locEnd": 22,
+      "filePath": "src/Anchor.stories.tsx",
+      "namedExport": "AsButton",
+      "meta": {}
+    },
+    "anchor--basic": {
+      "name": "Basic",
+      "levels": [
+        "Anchor"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/Anchor.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "anchor--external": {
+      "name": "External",
+      "levels": [
+        "Anchor"
+      ],
+      "locStart": 24,
+      "locEnd": 30,
+      "filePath": "src/Anchor.stories.tsx",
+      "namedExport": "External",
+      "meta": {}
+    },
+    "anchor--underline": {
+      "name": "Underline",
+      "levels": [
+        "Anchor"
+      ],
+      "locStart": 32,
+      "locEnd": 38,
+      "filePath": "src/Anchor.stories.tsx",
+      "namedExport": "Underline",
+      "meta": {}
+    },
+    "avatar--basic": {
+      "name": "Basic",
+      "levels": [
+        "Avatar"
+      ],
+      "locStart": 13,
+      "locEnd": 21,
+      "filePath": "src/Avatar.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "avatar--custom-status-translation": {
+      "name": "Custom status translation",
+      "levels": [
+        "Avatar"
+      ],
+      "locStart": 115,
+      "locEnd": 131,
+      "filePath": "src/Avatar.stories.tsx",
+      "namedExport": "CustomStatusTranslation",
+      "meta": {}
+    },
+    "avatar--sizes": {
+      "name": "Sizes",
+      "levels": [
+        "Avatar"
+      ],
+      "locStart": 49,
+      "locEnd": 78,
+      "filePath": "src/Avatar.stories.tsx",
+      "namedExport": "Sizes",
+      "meta": {}
+    },
+    "avatar--statuses": {
+      "name": "Statuses",
+      "levels": [
+        "Avatar"
+      ],
+      "locStart": 80,
+      "locEnd": 113,
+      "filePath": "src/Avatar.stories.tsx",
+      "namedExport": "Statuses",
+      "meta": {}
+    },
+    "avatar--with-icon": {
+      "name": "With icon",
+      "levels": [
+        "Avatar"
+      ],
+      "locStart": 37,
+      "locEnd": 47,
+      "filePath": "src/Avatar.stories.tsx",
+      "namedExport": "WithIcon",
+      "meta": {}
+    },
+    "avatar--with-image": {
+      "name": "With image",
+      "levels": [
+        "Avatar"
+      ],
+      "locStart": 23,
+      "locEnd": 35,
+      "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": 12,
+      "locEnd": 14,
+      "filePath": "src/Badge.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "badge--long-label": {
+      "name": "Long label",
+      "levels": [
+        "Badge"
+      ],
+      "locStart": 16,
+      "locEnd": 22,
+      "filePath": "src/Badge.stories.tsx",
+      "namedExport": "LongLabel",
+      "meta": {}
+    },
+    "badge--statuses": {
+      "name": "Statuses",
+      "levels": [
+        "Badge"
+      ],
+      "locStart": 24,
+      "locEnd": 33,
+      "filePath": "src/Badge.stories.tsx",
+      "namedExport": "Statuses",
+      "meta": {}
+    },
+    "blockquote--basic": {
+      "name": "Basic",
+      "levels": [
+        "Blockquote"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/Blockquote.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "blockquote--with-footer": {
+      "name": "With footer",
+      "levels": [
+        "Blockquote"
+      ],
+      "locStart": 16,
+      "locEnd": 34,
+      "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": 90,
+      "locEnd": 135,
+      "filePath": "src/Breadcrumbs.stories.tsx",
+      "namedExport": "CustomOverflowBackButton",
+      "meta": {}
+    },
+    "breadcrumbs--custom-overflow-dropdown": {
+      "name": "Custom overflow dropdown",
+      "levels": [
+        "Breadcrumbs"
+      ],
+      "locStart": 137,
+      "locEnd": 193,
+      "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": 195,
+      "locEnd": 260,
+      "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": 88,
+      "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--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": 112,
+      "locEnd": 133,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "InputButtonCombo",
+      "meta": {}
+    },
+    "buttongroup--overflow": {
+      "name": "Overflow",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 56,
+      "locEnd": 110,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "Overflow",
+      "meta": {}
+    },
+    "buttongroup--vertical": {
+      "name": "Vertical",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 135,
+      "locEnd": 160,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "Vertical",
+      "meta": {}
+    },
+    "buttongroup--vertical-overflow": {
+      "name": "Vertical overflow",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 162,
+      "locEnd": 210,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "VerticalOverflow",
+      "meta": {}
+    },
+    "buttongroup--with-icons": {
+      "name": "With icons",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 29,
+      "locEnd": 54,
+      "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": 12,
+      "locEnd": 14,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "checkbox--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "checkbox--indeterminate": {
+      "name": "Indeterminate",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 19,
+      "locEnd": 21,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Indeterminate",
+      "meta": {}
+    },
+    "checkbox--loading": {
+      "name": "Loading",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 33,
+      "locEnd": 35,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Loading",
+      "meta": {}
+    },
+    "checkbox--negative": {
+      "name": "Negative",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 29,
+      "locEnd": 31,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "checkbox--positive": {
+      "name": "Positive",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 23,
+      "locEnd": 25,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "checkbox--visibility": {
+      "name": "Visibility",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 37,
+      "locEnd": 39,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Visibility",
+      "meta": {}
+    },
+    "checkbox--warning": {
+      "name": "Warning",
+      "levels": [
+        "Checkbox"
+      ],
+      "locStart": 26,
+      "locEnd": 28,
+      "filePath": "src/Checkbox.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "code--basic": {
+      "name": "Basic",
+      "levels": [
+        "Code"
+      ],
+      "locStart": 12,
+      "locEnd": 19,
+      "filePath": "src/Code.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "colorpicker--advanced": {
+      "name": "Advanced",
+      "levels": [
+        "Colorpicker"
+      ],
+      "locStart": 98,
+      "locEnd": 174,
+      "filePath": "src/ColorPicker.stories.tsx",
+      "namedExport": "Advanced",
+      "meta": {}
+    },
+    "colorpicker--basic": {
+      "name": "Basic",
+      "levels": [
+        "Colorpicker"
+      ],
+      "locStart": 57,
+      "locEnd": 96,
+      "filePath": "src/ColorPicker.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "colorpicker--with-alpha": {
+      "name": "With alpha",
+      "levels": [
+        "Colorpicker"
+      ],
+      "locStart": 176,
+      "locEnd": 250,
+      "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": 47,
+      "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": 80,
+      "locEnd": 111,
+      "filePath": "src/DatePicker.stories.tsx",
+      "namedExport": "WithCombinedTime",
+      "meta": {}
+    },
+    "datepicker--with-time": {
+      "name": "With time",
+      "levels": [
+        "Datepicker"
+      ],
+      "locStart": 49,
+      "locEnd": 78,
+      "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": 12,
+      "locEnd": 31,
+      "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": 33,
+      "locEnd": 44,
+      "filePath": "src/ExpandableBlock.stories.tsx",
+      "namedExport": "Accordion",
+      "meta": {}
+    },
+    "expandableblock--basic": {
+      "name": "Basic",
+      "levels": [
+        "Expandableblock"
+      ],
+      "locStart": 12,
+      "locEnd": 16,
+      "filePath": "src/ExpandableBlock.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "expandableblock--borderless": {
+      "name": "Borderless",
+      "levels": [
+        "Expandableblock"
+      ],
+      "locStart": 70,
+      "locEnd": 77,
+      "filePath": "src/ExpandableBlock.stories.tsx",
+      "namedExport": "Borderless",
+      "meta": {}
+    },
+    "expandableblock--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Expandableblock"
+      ],
+      "locStart": 79,
+      "locEnd": 86,
+      "filePath": "src/ExpandableBlock.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "expandableblock--small": {
+      "name": "Small",
+      "levels": [
+        "Expandableblock"
+      ],
+      "locStart": 61,
+      "locEnd": 68,
+      "filePath": "src/ExpandableBlock.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "expandableblock--status-icon": {
+      "name": "Status icon",
+      "levels": [
+        "Expandableblock"
+      ],
+      "locStart": 46,
+      "locEnd": 59,
+      "filePath": "src/ExpandableBlock.stories.tsx",
+      "namedExport": "StatusIcon",
+      "meta": {}
+    },
+    "expandableblock--with-caption": {
+      "name": "With caption",
+      "levels": [
+        "Expandableblock"
+      ],
+      "locStart": 18,
+      "locEnd": 31,
+      "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": 35,
+      "locEnd": 43,
+      "filePath": "src/Flex.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "flex--individual-gaps": {
+      "name": "Individual gaps",
+      "levels": [
+        "Flex"
+      ],
+      "locStart": 78,
+      "locEnd": 111,
+      "filePath": "src/Flex.stories.tsx",
+      "namedExport": "IndividualGaps",
+      "meta": {}
+    },
+    "flex--with-flex-item": {
+      "name": "With flex item",
+      "levels": [
+        "Flex"
+      ],
+      "locStart": 60,
+      "locEnd": 76,
+      "filePath": "src/Flex.stories.tsx",
+      "namedExport": "WithFlexItem",
+      "meta": {}
+    },
+    "flex--with-spacer": {
+      "name": "With spacer",
+      "levels": [
+        "Flex"
+      ],
+      "locStart": 45,
+      "locEnd": 58,
+      "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": 125,
+      "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": 13,
+      "locEnd": 19,
+      "filePath": "src/IconButton.stories.tsx",
+      "namedExport": "Add",
+      "meta": {}
+    },
+    "iconbutton--borderless": {
+      "name": "Borderless",
+      "levels": [
+        "Iconbutton"
+      ],
+      "locStart": 46,
+      "locEnd": 56,
+      "filePath": "src/IconButton.stories.tsx",
+      "namedExport": "Borderless",
+      "meta": {}
+    },
+    "iconbutton--high-visibility-add": {
+      "name": "High visibility add",
+      "levels": [
+        "Iconbutton"
+      ],
+      "locStart": 34,
+      "locEnd": 44,
+      "filePath": "src/IconButton.stories.tsx",
+      "namedExport": "HighVisibilityAdd",
+      "meta": {}
+    },
+    "iconbutton--small-active-add": {
+      "name": "Small active add",
+      "levels": [
+        "Iconbutton"
+      ],
+      "locStart": 21,
+      "locEnd": 32,
+      "filePath": "src/IconButton.stories.tsx",
+      "namedExport": "SmallActiveAdd",
+      "meta": {}
+    },
+    "ideasbutton--ideas": {
+      "name": "Ideas",
+      "levels": [
+        "Ideasbutton"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/IdeasButton.stories.tsx",
+      "namedExport": "Ideas",
+      "meta": {}
+    },
+    "ideasbutton--localized-ideas": {
+      "name": "Localized ideas",
+      "levels": [
+        "Ideasbutton"
+      ],
+      "locStart": 16,
+      "locEnd": 23,
+      "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": 12,
+      "locEnd": 14,
+      "filePath": "src/Input.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "input--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Input"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "filePath": "src/Input.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "input--small": {
+      "name": "Small",
+      "levels": [
+        "Input"
+      ],
+      "locStart": 20,
+      "locEnd": 22,
+      "filePath": "src/Input.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "input--status": {
+      "name": "Status",
+      "levels": [
+        "Input"
+      ],
+      "locStart": 24,
+      "locEnd": 26,
+      "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": 13,
+      "locEnd": 25,
+      "filePath": "src/InputWithDecoration.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "inputwithdecorations--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Inputwithdecorations"
+      ],
+      "locStart": 27,
+      "locEnd": 39,
+      "filePath": "src/InputWithDecoration.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "inputwithdecorations--small": {
+      "name": "Small",
+      "levels": [
+        "Inputwithdecorations"
+      ],
+      "locStart": 41,
+      "locEnd": 53,
+      "filePath": "src/InputWithDecoration.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "inputwithdecorations--status": {
+      "name": "Status",
+      "levels": [
+        "Inputwithdecorations"
+      ],
+      "locStart": 55,
+      "locEnd": 67,
+      "filePath": "src/InputWithDecoration.stories.tsx",
+      "namedExport": "Status",
+      "meta": {}
+    },
+    "keyboard-key--basic": {
+      "name": "Basic",
+      "levels": [
+        "Keyboard key"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/Kbd.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "keyboard-key--predefined-key": {
+      "name": "Predefined key",
+      "levels": [
+        "Keyboard key"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "filePath": "src/Kbd.stories.tsx",
+      "namedExport": "PredefinedKey",
+      "meta": {}
+    },
+    "label--basic": {
+      "name": "Basic",
+      "levels": [
+        "Label"
+      ],
+      "locStart": 20,
+      "locEnd": 27,
+      "filePath": "src/Label.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "label--inline": {
+      "name": "Inline",
+      "levels": [
+        "Label"
+      ],
+      "locStart": 29,
+      "locEnd": 38,
+      "filePath": "src/Label.stories.tsx",
+      "namedExport": "Inline",
+      "meta": {}
+    },
+    "label--polymorphic": {
+      "name": "Polymorphic",
+      "levels": [
+        "Label"
+      ],
+      "locStart": 40,
+      "locEnd": 49,
+      "filePath": "src/Label.stories.tsx",
+      "namedExport": "Polymorphic",
+      "meta": {}
+    },
+    "labeledinput--basic": {
+      "name": "Basic",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 14,
+      "locEnd": 18,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "labeledinput--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 30,
+      "locEnd": 39,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "labeledinput--hybrid-layout": {
+      "name": "Hybrid layout",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 110,
+      "locEnd": 121,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "HybridLayout",
+      "meta": {}
+    },
+    "labeledinput--inline": {
+      "name": "Inline",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 99,
+      "locEnd": 108,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "Inline",
+      "meta": {}
+    },
+    "labeledinput--negative": {
+      "name": "Negative",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 63,
+      "locEnd": 72,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "labeledinput--positive": {
+      "name": "Positive",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 41,
+      "locEnd": 50,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "labeledinput--warning": {
+      "name": "Warning",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 52,
+      "locEnd": 61,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "labeledinput--with-custom-icon": {
+      "name": "With custom icon",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 74,
+      "locEnd": 86,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "WithCustomIcon",
+      "meta": {}
+    },
+    "labeledinput--with-message": {
+      "name": "With message",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 20,
+      "locEnd": 28,
+      "filePath": "src/LabeledInput.stories.tsx",
+      "namedExport": "WithMessage",
+      "meta": {}
+    },
+    "labeledinput--with-svg-icon": {
+      "name": "With svg icon",
+      "levels": [
+        "Labeledinput"
+      ],
+      "locStart": 88,
+      "locEnd": 97,
+      "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": 13,
+      "locEnd": 21,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "labeledtextarea--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 23,
+      "locEnd": 32,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "labeledtextarea--inline": {
+      "name": "Inline",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 90,
+      "locEnd": 99,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "Inline",
+      "meta": {}
+    },
+    "labeledtextarea--negative": {
+      "name": "Negative",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 56,
+      "locEnd": 65,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "labeledtextarea--positive": {
+      "name": "Positive",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 34,
+      "locEnd": 43,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "labeledtextarea--warning": {
+      "name": "Warning",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 45,
+      "locEnd": 54,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "labeledtextarea--with-custom-icon": {
+      "name": "With custom icon",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 67,
+      "locEnd": 77,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "WithCustomIcon",
+      "meta": {}
+    },
+    "labeledtextarea--with-svg-icon": {
+      "name": "With svg icon",
+      "levels": [
+        "Labeledtextarea"
+      ],
+      "locStart": 79,
+      "locEnd": 88,
+      "filePath": "src/LabeledTextarea.stories.tsx",
+      "namedExport": "WithSvgIcon",
+      "meta": {}
+    },
+    "list--actionable": {
+      "name": "Actionable",
+      "levels": [
+        "List"
+      ],
+      "locStart": 68,
+      "locEnd": 83,
+      "filePath": "src/List.stories.tsx",
+      "namedExport": "Actionable",
+      "meta": {}
+    },
+    "list--basic": {
+      "name": "Basic",
+      "levels": [
+        "List"
+      ],
+      "locStart": 21,
+      "locEnd": 38,
+      "filePath": "src/List.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "list--with-icon": {
+      "name": "With icon",
+      "levels": [
+        "List"
+      ],
+      "locStart": 40,
+      "locEnd": 66,
+      "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": 167,
+      "locEnd": 184,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "BadGateway",
+      "meta": {}
+    },
+    "nonidealstate--custom-html-message": {
+      "name": "Custom html message",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 224,
+      "locEnd": 249,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "CustomHtmlMessage",
+      "meta": {}
+    },
+    "nonidealstate--forbidden": {
+      "name": "Forbidden",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 72,
+      "locEnd": 95,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "Forbidden",
+      "meta": {}
+    },
+    "nonidealstate--generic": {
+      "name": "Generic",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 205,
+      "locEnd": 222,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "Generic",
+      "meta": {}
+    },
+    "nonidealstate--internal-server-error": {
+      "name": "Internal server error",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 148,
+      "locEnd": 165,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "InternalServerError",
+      "meta": {}
+    },
+    "nonidealstate--page-not-found": {
+      "name": "Page not found",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 97,
+      "locEnd": 121,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "PageNotFound",
+      "meta": {}
+    },
+    "nonidealstate--redirect": {
+      "name": "Redirect",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 23,
+      "locEnd": 46,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "Redirect",
+      "meta": {}
+    },
+    "nonidealstate--service-unavailable": {
+      "name": "Service unavailable",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 186,
+      "locEnd": 203,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "ServiceUnavailable",
+      "meta": {}
+    },
+    "nonidealstate--time-out": {
+      "name": "Time out",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 123,
+      "locEnd": 146,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "TimeOut",
+      "meta": {}
+    },
+    "nonidealstate--unauthorized": {
+      "name": "Unauthorized",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 47,
+      "locEnd": 70,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "Unauthorized",
+      "meta": {}
+    },
+    "nonidealstate--without-message-or-buttons": {
+      "name": "Without message or buttons",
+      "levels": [
+        "Nonidealstate"
+      ],
+      "locStart": 251,
+      "locEnd": 253,
+      "filePath": "src/NonIdealState.stories.tsx",
+      "namedExport": "WithoutMessageOrButtons",
+      "meta": {}
+    },
+    "notificationmarker--basic": {
+      "name": "Basic",
+      "levels": [
+        "Notificationmarker"
+      ],
+      "locStart": 32,
+      "locEnd": 41,
+      "filePath": "src/NotificationMarker.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "notificationmarker--pulsing": {
+      "name": "Pulsing",
+      "levels": [
+        "Notificationmarker"
+      ],
+      "locStart": 59,
+      "locEnd": 73,
+      "filePath": "src/NotificationMarker.stories.tsx",
+      "namedExport": "Pulsing",
+      "meta": {}
+    },
+    "notificationmarker--status": {
+      "name": "Status",
+      "levels": [
+        "Notificationmarker"
+      ],
+      "locStart": 75,
+      "locEnd": 121,
+      "filePath": "src/NotificationMarker.stories.tsx",
+      "namedExport": "Status",
+      "meta": {}
+    },
+    "notificationmarker--with-buttons": {
+      "name": "With buttons",
+      "levels": [
+        "Notificationmarker"
+      ],
+      "locStart": 43,
+      "locEnd": 57,
+      "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": 17,
+      "locEnd": 19,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "Determinate",
+      "meta": {}
+    },
+    "progresslinear--determinate-animated": {
+      "name": "Determinate animated",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 21,
+      "locEnd": 23,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "DeterminateAnimated",
+      "meta": {}
+    },
+    "progresslinear--indeterminate": {
+      "name": "Indeterminate",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 25,
+      "locEnd": 27,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "Indeterminate",
+      "meta": {}
+    },
+    "progresslinear--labeled-center": {
+      "name": "Labeled center",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 29,
+      "locEnd": 31,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "LabeledCenter",
+      "meta": {}
+    },
+    "progresslinear--labeled-left-right": {
+      "name": "Labeled left right",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 33,
+      "locEnd": 35,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "LabeledLeftRight",
+      "meta": {}
+    },
+    "progresslinear--negative": {
+      "name": "Negative",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 52,
+      "locEnd": 65,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "progresslinear--positive": {
+      "name": "Positive",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 37,
+      "locEnd": 50,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "progresslinear--warning": {
+      "name": "Warning",
+      "levels": [
+        "Progresslinear"
+      ],
+      "locStart": 67,
+      "locEnd": 80,
+      "filePath": "src/ProgressLinear.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "progressradial--determinate": {
+      "name": "Determinate",
+      "levels": [
+        "Progressradial"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/ProgressRadial.stories.tsx",
+      "namedExport": "Determinate",
+      "meta": {}
+    },
+    "progressradial--determinate-with-content": {
+      "name": "Determinate with content",
+      "levels": [
+        "Progressradial"
+      ],
+      "locStart": 32,
+      "locEnd": 34,
+      "filePath": "src/ProgressRadial.stories.tsx",
+      "namedExport": "DeterminateWithContent",
+      "meta": {}
+    },
+    "progressradial--indeterminate": {
+      "name": "Indeterminate",
+      "levels": [
+        "Progressradial"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "filePath": "src/ProgressRadial.stories.tsx",
+      "namedExport": "Indeterminate",
+      "meta": {}
+    },
+    "progressradial--negative": {
+      "name": "Negative",
+      "levels": [
+        "Progressradial"
+      ],
+      "locStart": 24,
+      "locEnd": 26,
+      "filePath": "src/ProgressRadial.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "progressradial--positive": {
+      "name": "Positive",
+      "levels": [
+        "Progressradial"
+      ],
+      "locStart": 20,
+      "locEnd": 22,
+      "filePath": "src/ProgressRadial.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "progressradial--warning": {
+      "name": "Warning",
+      "levels": [
+        "Progressradial"
+      ],
+      "locStart": 28,
+      "locEnd": 30,
+      "filePath": "src/ProgressRadial.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "radio--basic": {
+      "name": "Basic",
+      "levels": [
+        "Radio"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/Radio.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "radio--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Radio"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "filePath": "src/Radio.stories.tsx",
+      "namedExport": "Disabled",
+      "meta": {}
+    },
+    "radio--negative": {
+      "name": "Negative",
+      "levels": [
+        "Radio"
+      ],
+      "locStart": 28,
+      "locEnd": 30,
+      "filePath": "src/Radio.stories.tsx",
+      "namedExport": "Negative",
+      "meta": {}
+    },
+    "radio--positive": {
+      "name": "Positive",
+      "levels": [
+        "Radio"
+      ],
+      "locStart": 20,
+      "locEnd": 22,
+      "filePath": "src/Radio.stories.tsx",
+      "namedExport": "Positive",
+      "meta": {}
+    },
+    "radio--warning": {
+      "name": "Warning",
+      "levels": [
+        "Radio"
+      ],
+      "locStart": 24,
+      "locEnd": 26,
+      "filePath": "src/Radio.stories.tsx",
+      "namedExport": "Warning",
+      "meta": {}
+    },
+    "radiotilegroup--colored": {
+      "name": "Colored",
+      "levels": [
+        "Radiotilegroup"
+      ],
+      "locStart": 58,
+      "locEnd": 133,
+      "filePath": "src/RadioTileGroup.stories.tsx",
+      "namedExport": "Colored",
+      "meta": {}
+    },
+    "radiotilegroup--monochrome": {
+      "name": "Monochrome",
+      "levels": [
+        "Radiotilegroup"
+      ],
+      "locStart": 13,
+      "locEnd": 56,
+      "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": 12,
+      "locEnd": 41,
+      "filePath": "src/SkipToContentLink.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "skiptocontentlink--custom-text": {
+      "name": "Custom text",
+      "levels": [
+        "Skiptocontentlink"
+      ],
+      "locStart": 43,
+      "locEnd": 74,
+      "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": 20,
+      "locEnd": 47,
+      "filePath": "src/SplitButton.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "stepper--basic": {
+      "name": "Basic",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 12,
+      "locEnd": 29,
+      "filePath": "src/Stepper.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "stepper--localized-long": {
+      "name": "Localized long",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 50,
+      "locEnd": 74,
+      "filePath": "src/Stepper.stories.tsx",
+      "namedExport": "LocalizedLong",
+      "meta": {}
+    },
+    "stepper--long": {
+      "name": "Long",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 31,
+      "locEnd": 49,
+      "filePath": "src/Stepper.stories.tsx",
+      "namedExport": "Long",
+      "meta": {}
+    },
+    "stepper--with-tooltips": {
+      "name": "With tooltips",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 76,
+      "locEnd": 93,
+      "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": 3020,
+      "locEnd": 3187,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "ColumnManager",
+      "meta": {}
+    },
+    "table--condensed": {
+      "name": "Condensed",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1636,
+      "locEnd": 1741,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Condensed",
+      "meta": {}
+    },
+    "table--controlled-state": {
+      "name": "Controlled state",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1058,
+      "locEnd": 1235,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "ControlledState",
+      "meta": {}
+    },
+    "table--custom-filter": {
+      "name": "Custom filter",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2111,
+      "locEnd": 2259,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "CustomFilter",
+      "meta": {}
+    },
+    "table--customized-columns": {
+      "name": "Customized columns",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2923,
+      "locEnd": 3018,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "CustomizedColumns",
+      "meta": {}
+    },
+    "table--disabled-rows": {
+      "name": "Disabled rows",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 862,
+      "locEnd": 945,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "DisabledRows",
+      "meta": {}
+    },
+    "table--draggable-columns": {
+      "name": "Draggable columns",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2797,
+      "locEnd": 2921,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "DraggableColumns",
+      "meta": {}
+    },
+    "table--editable": {
+      "name": "Editable",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1743,
+      "locEnd": 1821,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Editable",
+      "meta": {}
+    },
+    "table--expandable": {
+      "name": "Expandable",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 546,
+      "locEnd": 605,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Expandable",
+      "meta": {}
+    },
+    "table--expandable-subrows": {
+      "name": "Expandable subrows",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 607,
+      "locEnd": 701,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "ExpandableSubrows",
+      "meta": {}
+    },
+    "table--filters": {
+      "name": "Filters",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 310,
+      "locEnd": 465,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Filters",
+      "meta": {}
+    },
+    "table--full": {
+      "name": "Full",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1237,
+      "locEnd": 1357,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Full",
+      "meta": {}
+    },
+    "table--full2": {
+      "name": "Full2",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1359,
+      "locEnd": 1548,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Full2",
+      "meta": {}
+    },
+    "table--global-filter": {
+      "name": "Global filter",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 467,
+      "locEnd": 544,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "GlobalFilter",
+      "meta": {}
+    },
+    "table--horizontal-scroll": {
+      "name": "Horizontal scroll",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2460,
+      "locEnd": 2587,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "HorizontalScroll",
+      "meta": {}
+    },
+    "table--initial-state": {
+      "name": "Initial state",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1013,
+      "locEnd": 1056,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "InitialState",
+      "meta": {}
+    },
+    "table--lazy-loading": {
+      "name": "Lazy loading",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 703,
+      "locEnd": 777,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "LazyLoading",
+      "meta": {}
+    },
+    "table--loading": {
+      "name": "Loading",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 947,
+      "locEnd": 978,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Loading",
+      "meta": {}
+    },
+    "table--localized": {
+      "name": "Localized",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1550,
+      "locEnd": 1626,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Localized",
+      "meta": {}
+    },
+    "table--no-data": {
+      "name": "No data",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 980,
+      "locEnd": 1011,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "NoData",
+      "meta": {}
+    },
+    "table--resizable-columns": {
+      "name": "Resizable columns",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2269,
+      "locEnd": 2392,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "ResizableColumns",
+      "meta": {}
+    },
+    "table--row-in-viewport": {
+      "name": "Row in viewport",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 779,
+      "locEnd": 860,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "RowInViewport",
+      "meta": {}
+    },
+    "table--scroll-to-row": {
+      "name": "Scroll to row",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2660,
+      "locEnd": 2733,
+      "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": 3360,
+      "locEnd": 3474,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "StatusAndCellIcons",
+      "meta": {}
+    },
+    "table--sticky-columns": {
+      "name": "Sticky columns",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 3189,
+      "locEnd": 3344,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "StickyColumns",
+      "meta": {}
+    },
+    "table--virtualized": {
+      "name": "Virtualized",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2603,
+      "locEnd": 2658,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Virtualized",
+      "meta": {}
+    },
+    "table--virtualized-sub-rows": {
+      "name": "Virtualized sub rows",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2735,
+      "locEnd": 2795,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "VirtualizedSubRows",
+      "meta": {}
+    },
+    "table--with-manual-paginator-and-filter": {
+      "name": "With manual paginator and filter",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1906,
+      "locEnd": 2101,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "WithManualPaginatorAndFilter",
+      "meta": {}
+    },
+    "table--with-paginator": {
+      "name": "With paginator",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1823,
+      "locEnd": 1896,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "WithPaginator",
+      "meta": {}
+    },
+    "table--zebra-striped-rows": {
+      "name": "Zebra striped rows",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2394,
+      "locEnd": 2458,
+      "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": 23,
+      "locEnd": 25,
+      "filePath": "src/Tag.stories.tsx",
+      "namedExport": "Clickable",
+      "meta": {}
+    },
+    "tag--default": {
+      "name": "Default",
+      "levels": [
+        "Tag"
+      ],
+      "locStart": 12,
+      "locEnd": 17,
+      "filePath": "src/Tag.stories.tsx",
+      "namedExport": "Default",
+      "meta": {}
+    },
+    "tag--no-close": {
+      "name": "No close",
+      "levels": [
+        "Tag"
+      ],
+      "locStart": 19,
+      "locEnd": 21,
+      "filePath": "src/Tag.stories.tsx",
+      "namedExport": "NoClose",
+      "meta": {}
+    },
+    "tagcontainer--basic-tags-container": {
+      "name": "Basic tags container",
+      "levels": [
+        "Tagcontainer"
+      ],
+      "locStart": 12,
+      "locEnd": 20,
+      "filePath": "src/TagContainer.stories.tsx",
+      "namedExport": "BasicTagsContainer",
+      "meta": {}
+    },
+    "tagcontainer--default-tags-container": {
+      "name": "Default tags container",
+      "levels": [
+        "Tagcontainer"
+      ],
+      "locStart": 22,
+      "locEnd": 30,
+      "filePath": "src/TagContainer.stories.tsx",
+      "namedExport": "DefaultTagsContainer",
+      "meta": {}
+    },
+    "tagcontainer--scrollable-default-tags-container": {
+      "name": "Scrollable default tags container",
+      "levels": [
+        "Tagcontainer"
+      ],
+      "locStart": 32,
+      "locEnd": 44,
+      "filePath": "src/TagContainer.stories.tsx",
+      "namedExport": "ScrollableDefaultTagsContainer",
+      "meta": {}
+    },
+    "tagcontainer--truncated-basic-tags-container": {
+      "name": "Truncated basic tags container",
+      "levels": [
+        "Tagcontainer"
+      ],
+      "locStart": 46,
+      "locEnd": 58,
+      "filePath": "src/TagContainer.stories.tsx",
+      "namedExport": "TruncatedBasicTagsContainer",
+      "meta": {}
+    },
+    "text--basic": {
+      "name": "Basic",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "text--body": {
+      "name": "Body",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Body",
+      "meta": {}
+    },
+    "text--headline": {
+      "name": "Headline",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 36,
+      "locEnd": 38,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Headline",
+      "meta": {}
+    },
+    "text--leading": {
+      "name": "Leading",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 24,
+      "locEnd": 26,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Leading",
+      "meta": {}
+    },
+    "text--polymorphic": {
+      "name": "Polymorphic",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 40,
+      "locEnd": 46,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Polymorphic",
+      "meta": {}
+    },
+    "text--skeleton": {
+      "name": "Skeleton",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 48,
+      "locEnd": 50,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Skeleton",
+      "meta": {}
+    },
+    "text--small": {
+      "name": "Small",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 20,
+      "locEnd": 22,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "text--subheading": {
+      "name": "Subheading",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 28,
+      "locEnd": 30,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Subheading",
+      "meta": {}
+    },
+    "text--title": {
+      "name": "Title",
+      "levels": [
+        "Text"
+      ],
+      "locStart": 32,
+      "locEnd": 34,
+      "filePath": "src/Text.stories.tsx",
+      "namedExport": "Title",
+      "meta": {}
+    },
+    "textarea--basic": {
+      "name": "Basic",
+      "levels": [
+        "Textarea"
+      ],
+      "locStart": 12,
+      "locEnd": 14,
+      "filePath": "src/Textarea.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "textarea--disabled": {
+      "name": "Disabled",
+      "levels": [
+        "Textarea"
+      ],
+      "locStart": 16,
+      "locEnd": 18,
+      "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": 152,
+      "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": 21,
+      "locEnd": 23,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "toggleswitch--disabled-checked": {
+      "name": "Disabled checked",
+      "levels": [
+        "Toggleswitch"
+      ],
+      "locStart": 29,
+      "locEnd": 31,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "DisabledChecked",
+      "meta": {}
+    },
+    "toggleswitch--disabled-unchecked": {
+      "name": "Disabled unchecked",
+      "levels": [
+        "Toggleswitch"
+      ],
+      "locStart": 33,
+      "locEnd": 35,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "DisabledUnchecked",
+      "meta": {}
+    },
+    "toggleswitch--label-left": {
+      "name": "Label left",
+      "levels": [
+        "Toggleswitch"
+      ],
+      "locStart": 47,
+      "locEnd": 49,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "LabelLeft",
+      "meta": {}
+    },
+    "toggleswitch--label-right": {
+      "name": "Label right",
+      "levels": [
+        "Toggleswitch"
+      ],
+      "locStart": 37,
+      "locEnd": 45,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "LabelRight",
+      "meta": {}
+    },
+    "toggleswitch--small": {
+      "name": "Small",
+      "levels": [
+        "Toggleswitch"
+      ],
+      "locStart": 25,
+      "locEnd": 27,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "toggleswitch--with-custom-icon": {
+      "name": "With custom icon",
+      "levels": [
+        "Toggleswitch"
+      ],
+      "locStart": 51,
+      "locEnd": 53,
+      "filePath": "src/ToggleSwitch.stories.tsx",
+      "namedExport": "WithCustomIcon",
+      "meta": {}
+    },
+    "tooltip--bottom": {
+      "name": "Bottom",
+      "levels": [
+        "Tooltip"
+      ],
+      "locStart": 45,
+      "locEnd": 60,
+      "filePath": "src/Tooltip.stories.tsx",
+      "namedExport": "Bottom",
+      "meta": {}
+    },
+    "tooltip--controlled": {
+      "name": "Controlled",
+      "levels": [
+        "Tooltip"
+      ],
+      "locStart": 79,
+      "locEnd": 93,
+      "filePath": "src/Tooltip.stories.tsx",
+      "namedExport": "Controlled",
+      "meta": {}
+    },
+    "tooltip--left": {
+      "name": "Left",
+      "levels": [
+        "Tooltip"
+      ],
+      "locStart": 62,
+      "locEnd": 77,
+      "filePath": "src/Tooltip.stories.tsx",
+      "namedExport": "Left",
+      "meta": {}
+    },
+    "tooltip--right": {
+      "name": "Right",
+      "levels": [
+        "Tooltip"
+      ],
+      "locStart": 28,
+      "locEnd": 43,
+      "filePath": "src/Tooltip.stories.tsx",
+      "namedExport": "Right",
+      "meta": {}
+    },
+    "tooltip--top": {
+      "name": "Top",
+      "levels": [
+        "Tooltip"
+      ],
+      "locStart": 11,
+      "locEnd": 26,
+      "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": 233,
+      "locEnd": 362,
+      "filePath": "src/Tree.stories.tsx",
+      "namedExport": "AsyncLoading",
+      "meta": {}
+    },
+    "tree--basic": {
+      "name": "Basic",
+      "levels": [
+        "Tree"
+      ],
+      "locStart": 20,
+      "locEnd": 107,
+      "filePath": "src/Tree.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "tree--customized-expander": {
+      "name": "Customized expander",
+      "levels": [
+        "Tree"
+      ],
+      "locStart": 364,
+      "locEnd": 505,
+      "filePath": "src/Tree.stories.tsx",
+      "namedExport": "CustomizedExpander",
+      "meta": {}
+    },
+    "tree--full": {
+      "name": "Full",
+      "levels": [
+        "Tree"
+      ],
+      "locStart": 109,
+      "locEnd": 231,
+      "filePath": "src/Tree.stories.tsx",
+      "namedExport": "Full",
+      "meta": {}
+    },
+    "tree--small": {
+      "name": "Small",
+      "levels": [
+        "Tree"
+      ],
+      "locStart": 636,
+      "locEnd": 724,
+      "filePath": "src/Tree.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "tree--virtualized": {
+      "name": "Virtualized",
+      "levels": [
+        "Tree"
+      ],
+      "locStart": 507,
+      "locEnd": 634,
+      "filePath": "src/Tree.stories.tsx",
+      "namedExport": "Virtualized",
+      "meta": {}
+    },
+    "workflowdiagram--basic": {
+      "name": "Basic",
+      "levels": [
+        "Workflowdiagram"
+      ],
+      "locStart": 12,
+      "locEnd": 24,
+      "filePath": "src/WorkflowDiagram.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "workflowdiagram--with-tooltips": {
+      "name": "With tooltips",
+      "levels": [
+        "Workflowdiagram"
+      ],
+      "locStart": 26,
+      "locEnd": 41,
+      "filePath": "src/WorkflowDiagram.stories.tsx",
+      "namedExport": "WithTooltips",
+      "meta": {}
+    }
+  }
+}
\ No newline at end of file