diff --git a/2298/react/assets/Add-BXQQMnQ6.js b/2298/react/assets/Add-BXQQMnQ6.js new file mode 100644 index 00000000000..6f50a2e0d6c --- /dev/null +++ b/2298/react/assets/Add-BXQQMnQ6.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Airplane-CLQJgxVR.js b/2298/react/assets/Airplane-CLQJgxVR.js new file mode 100644 index 00000000000..e6777bc9617 --- /dev/null +++ b/2298/react/assets/Airplane-CLQJgxVR.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Alert.stories-CjUc9eIJ.js b/2298/react/assets/Alert.stories-CjUc9eIJ.js new file mode 100644 index 00000000000..d7d3f3868c3 --- /dev/null +++ b/2298/react/assets/Alert.stories-CjUc9eIJ.js @@ -0,0 +1 @@ +import{r as t,B as f,c as m,u as p,S as g,p as h,I as j,a as C,j as i}from"./index-DhFzuRA5.js";import{S as v}from"./Placeholder-L-MfORW8.js";import{S as y}from"./SmileyHappy-Bh8jPs--.js";import{I as q}from"./Icon-Cr7ytm57.js";import{A as b}from"./Anchor-Bcb8Skmt.js";import"./Text-sFYhh81u.js";let u=t.createContext(void 0),k=t.forwardRef((o,n)=>{let{children:a,type:s="informational",isSticky:l=!1,clickableText:r,clickableTextProps:c,onClose:d,...x}=o;return t.createElement(e.Wrapper,{type:s,isSticky:l,ref:n,...x},t.createElement(e.Icon,null),t.createElement(e.Message,null,a,r?t.createElement(e.Action,c,r):null),d?t.createElement(e.CloseButton,{onClick:d}):null)}),E=t.forwardRef((o,n)=>{let{children:a,className:s,type:l="informational",isSticky:r=!1,...c}=o;return t.createElement(f,{className:m("iui-alert",s),"data-iui-status":l,"data-iui-variant":r?"sticky":void 0,ref:n,...c},t.createElement(u.Provider,{value:{type:l}},a))}),I=t.forwardRef((o,n)=>{let{children:a,...s}=o,{type:l}=p(u),r=g[l];return t.createElement(q,{fill:l,ref:n,...s},a??t.createElement(r,null))}),A=h.span("iui-alert-message"),M=t.forwardRef((o,n)=>{let{children:a,className:s,...l}=o,{type:r}=p(u);return t.createElement(b,{as:o.href?"a":"button",className:m("iui-button-base","iui-alert-link",s),underline:!0,"data-iui-status":r,ref:n,...l},a)}),S=t.forwardRef((o,n)=>{let{children:a,...s}=o;return t.createElement(j,{styleType:"borderless",size:"small","aria-label":"Close",ref:n,...s},a??t.createElement(C,null))});const e=Object.assign(k,{Wrapper:E,Icon:I,Message:A,Action:M,CloseButton:S}),R={title:"Alert"},U=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is an informational message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),N=()=>i.jsxs(e.Wrapper,{type:"positive",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is a positive message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),P=()=>i.jsxs(e.Wrapper,{type:"warning",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is a warning message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),z=()=>i.jsxs(e.Wrapper,{type:"negative",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is a negative message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),H=()=>i.jsxs("div",{style:{height:"150px",overflow:"overlay",textAlign:"justify",border:"solid 0.5px"},children:[i.jsxs(e.Wrapper,{type:"informational",isSticky:!0,children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is sticky!",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),i.jsx("p",{style:{margin:0,padding:"8px"},children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})]}),O=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{}),i.jsx(e.Message,{children:"This is an empty info message."})]}),_=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{children:i.jsx(y,{})}),i.jsx(e.Message,{children:"This is an info message with a custom icon."}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!"),children:i.jsx(v,{})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{_ as CustomIcon,O as Empty,U as Informational,z as Negative,N as Positive,H as Sticky,P as Warning,R as default}; diff --git a/2298/react/assets/Anchor-Bcb8Skmt.js b/2298/react/assets/Anchor-Bcb8Skmt.js new file mode 100644 index 00000000000..5fe53acadcc --- /dev/null +++ b/2298/react/assets/Anchor-Bcb8Skmt.js @@ -0,0 +1 @@ +import{r as e,B as o,c,V as u}from"./index-DhFzuRA5.js";import{a as x}from"./Text-sFYhh81u.js";const f=e.forwardRef((a,t)=>{let r=e.useContext(x),{isExternal:n,underline:i=r,children:s,...l}=a;return e.createElement(o,{as:"a","data-iui-underline":i?"true":void 0,...l,ref:t,className:c("iui-anchor",{"iui-anchor-external":n},a.className)},s,a.target==="_blank"&&e.createElement(u,null," (opens in new tab)"))});export{f as A}; diff --git a/2298/react/assets/Anchor.stories-BTl0DW_4.js b/2298/react/assets/Anchor.stories-BTl0DW_4.js new file mode 100644 index 00000000000..fe792d2b887 --- /dev/null +++ b/2298/react/assets/Anchor.stories-BTl0DW_4.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{A as t}from"./Anchor-Bcb8Skmt.js";import"./Text-sFYhh81u.js";const c={title:"Anchor"},s=()=>e.jsx(t,{href:"https://www.example.com/",children:"www.example.com"}),m=()=>e.jsx(t,{as:"button",onClick:()=>console.log("clicked"),children:"Perform action"}),l=()=>e.jsx(t,{href:"https://www.example.com/",isExternal:!0,target:"_blank",children:"www.example.com"}),w=()=>e.jsx(t,{href:"https://www.example.com/",underline:!0,children:"www.example.com"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{m as AsButton,s as Basic,l as External,w as Underline,c as default}; diff --git a/2298/react/assets/Avatar-CPLkr2HC.js b/2298/react/assets/Avatar-CPLkr2HC.js new file mode 100644 index 00000000000..fca195abbe0 --- /dev/null +++ b/2298/react/assets/Avatar-CPLkr2HC.js @@ -0,0 +1 @@ +import{r as e,B as g,c as y,V as B}from"./index-DhFzuRA5.js";import{i as k,S as p}from"./colors-ymlpSE_k.js";let S=t=>t?k(t)?p[t]:t:"";const x={away:"Away",busy:"Busy",offline:"Offline",online:"Online"},E=e.forwardRef((t,i)=>{let{size:l="small",status:a,abbreviation:s,image:r,backgroundColor:u,title:n,translatedStatusTitles:o,className:d,style:f,...m}=t,c={...x,...o};return e.createElement(g,{as:"span",className:y("iui-avatar",d),"data-iui-size":l!=="medium"?l:void 0,"data-iui-status":a,title:n,style:{backgroundColor:S(u),...f},ref:i,...m},r?null:s==null?void 0:s.substring(0,2),r,a?e.createElement(B,null,c[a]):null)});export{E as A}; diff --git a/2298/react/assets/Avatar.stories-Ccsp1euX.js b/2298/react/assets/Avatar.stories-Ccsp1euX.js new file mode 100644 index 00000000000..303bdd815b1 --- /dev/null +++ b/2298/react/assets/Avatar.stories-Ccsp1euX.js @@ -0,0 +1 @@ +import{r as i,j as e}from"./index-DhFzuRA5.js";import{A as r}from"./Avatar-CPLkr2HC.js";import{g as t}from"./colors-ymlpSE_k.js";const a=s=>i.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},i.createElement("path",{d:"M15.921 14.84l-1.803-3.994a.772.772 0 00-.4-.39L10.89 8.995h-.2A4.56 4.56 0 018 9.996a4.651 4.651 0 01-2.72-1.001h-.201l-2.806 1.461a.772.772 0 00-.4.39L.068 14.839a1.04 1.04 0 000 .78.92.92 0 00.801.39h14.25a.92.92 0 00.801-.39 1.04 1.04 0 000-.78zM7.984 8.511c2.004 0 3.607-1.925 3.607-4.255C11.591 1.012 9.988 0 7.984 0S4.377 1.013 4.377 4.255c0 2.33 1.603 4.256 3.607 4.256z"})),c={title:"Avatar"},v=()=>e.jsx(r,{abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),u=()=>e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),image:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/user-placeholder.png"}),title:"Terry Rivers"}),b=()=>e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),image:e.jsx(a,{}),title:"Terry Rivers"}),d=()=>e.jsxs("div",{style:{display:"flex",gap:4,placeItems:"center"},children:[e.jsx(r,{size:"small",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"medium",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"x-large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"})]}),T=()=>e.jsxs("div",{style:{display:"flex",gap:4,placeItems:"center"},children:[e.jsx(r,{size:"large",status:"online",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",status:"offline",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",status:"busy",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",status:"away",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"})]}),R=()=>e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),status:"away",title:"Terry Rivers",translatedStatusTitles:{away:"AFK",busy:"Do not disturb!",offline:"Disconnected",online:"Available"}});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{v as Basic,R as CustomStatusTranslation,d as Sizes,T as Statuses,b as WithIcon,u as WithImage,c as default}; diff --git a/2298/react/assets/AvatarGroup.stories-DNNczLFF.js b/2298/react/assets/AvatarGroup.stories-DNNczLFF.js new file mode 100644 index 00000000000..bd89af72a66 --- /dev/null +++ b/2298/react/assets/AvatarGroup.stories-DNNczLFF.js @@ -0,0 +1,2 @@ +import{r as a,B as b,c as M,j as r,T as f}from"./index-DhFzuRA5.js";import{A as c}from"./Avatar-CPLkr2HC.js";import{g as u}from"./colors-ymlpSE_k.js";const d=a.forwardRef((i,e)=>{let t=99,{children:n,animated:g=!1,stacked:o=!0,maxIcons:s=5,iconSize:l="small",countIconProps:m,className:A,...j}=i,p=a.Children.toArray(n),h=p.length,y=v=>p.slice(0,v).map(x=>a.cloneElement(x,{status:void 0,size:l}));return a.createElement(b,{className:M("iui-avatar-list",{"iui-animated":g,"iui-stacked":o},A),ref:e,...j},p.length<=s+1&&y(s+1),p.length>s+1&&a.createElement(a.Fragment,null,y(s),a.createElement(b,{...m,className:M("iui-avatar","iui-avatar-count",m==null?void 0:m.className),"data-iui-size":l!=="medium"?l:void 0},h<=t?`${h-s}`:`${t}+`)))}),$={title:"AvatarGroup"},N=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Ace Cash","Tanner Fraser","Ashley Miles","Jean Mullins"];return r.jsx(d,{iconSize:"medium",children:i.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},T=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Jean Mullins","Ashley Miles"];return r.jsx(d,{animated:!0,iconSize:"medium",children:i.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},k=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Ace Cash","Tanner Fraser","Ashley Miles","Jean Mullins","Nico Triplett","Drew Abel","Kendall Simons","Kennedy Gray","Charlie Mayfield","Peyton Pennington","Justice Harrington","Jessie Dodd"];return r.jsx(r.Fragment,{children:r.jsx(d,{iconSize:"large",children:Array(110).fill(null).map((e,t)=>i[t%i.length]).map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})})},w=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Ashley Miles","Jean Mullins","Charlie Mayfield","Peyton Pennington","Justice Harrington"];return r.jsx(d,{stacked:!1,iconSize:"medium",children:i.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},J=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Ashley Miles","Jean Mullins","Charlie Mayfield","Peyton Pennington","Justice Harrington"],[e,t]=a.useState(null),g=i.slice(5).join(` +`);return r.jsxs(r.Fragment,{children:[r.jsx(d,{countIconProps:{ref:t},iconSize:"medium",children:i.map((o,s)=>r.jsx(c,{abbreviation:o.split(" ").map(l=>l[0]).join(""),backgroundColor:u(o),title:o},`${o}-${s}`))}),r.jsx(f,{reference:e,content:g,placement:"right",style:{whiteSpace:"pre"}})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{T as Animated,N as Basic,k as ManyAvatars,w as NonStacked,J as WithTooltip,$ as default}; diff --git a/2298/react/assets/Badge-C3tvc-la.js b/2298/react/assets/Badge-C3tvc-la.js new file mode 100644 index 00000000000..1c480cc1dd4 --- /dev/null +++ b/2298/react/assets/Badge-C3tvc-la.js @@ -0,0 +1 @@ +import{r as u,B as g,c}from"./index-DhFzuRA5.js";import{i as f,S as m}from"./colors-ymlpSE_k.js";let B=e=>e?f(e)?m[e]:e:"",p=e=>e&&["positive","negative","warning","informational"].includes(e)?e:void 0;const x=u.forwardRef((e,a)=>{let{backgroundColor:s,style:r,className:n,children:o,...l}=e,t=s==="primary"?"informational":s,i=p(t),d=t&&!i?{"--iui-badge-background-color":B(t),...r}:{...r};return u.createElement(g,{as:"span",className:c("iui-badge",n),style:d,"data-iui-status":i,ref:a,...l},o)});export{x as B}; diff --git a/2298/react/assets/Badge.stories-tm3yWRLm.js b/2298/react/assets/Badge.stories-tm3yWRLm.js new file mode 100644 index 00000000000..8033ba00eff --- /dev/null +++ b/2298/react/assets/Badge.stories-tm3yWRLm.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{B as t}from"./Badge-C3tvc-la.js";import"./colors-ymlpSE_k.js";const a={title:"Badge"},d=()=>e.jsx(t,{backgroundColor:"skyblue",children:"Label"}),s=()=>e.jsx(t,{backgroundColor:"skyblue",title:"Long label that gets truncated",children:"Long label that gets truncated"}),l=()=>e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx(t,{backgroundColor:"positive",children:"Success"}),e.jsx(t,{backgroundColor:"negative",children:"Error"}),e.jsx(t,{backgroundColor:"primary",children:"Informational"}),e.jsx(t,{backgroundColor:"warning",children:"Warning"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{d as Basic,s as LongLabel,l as Statuses,a as default}; diff --git a/2298/react/assets/Blockquote.stories-Dl3mOu6T.js b/2298/react/assets/Blockquote.stories-Dl3mOu6T.js new file mode 100644 index 00000000000..f0282ab69ec --- /dev/null +++ b/2298/react/assets/Blockquote.stories-Dl3mOu6T.js @@ -0,0 +1 @@ +import{r as t,B as l,c as u,j as e}from"./index-DhFzuRA5.js";const r=t.forwardRef((s,n)=>{let{className:i,children:a,footer:o,...c}=s;return t.createElement(l,{as:"blockquote",className:u("iui-blockquote",i),ref:n,...c},a,o&&t.createElement("footer",null,o))}),m={title:"Blockquote"},f=()=>e.jsx(r,{children:"This is a quote"}),w=()=>e.jsx(r,{cite:"https://www.bentley.com/en",footer:e.jsxs(e.Fragment,{children:["— Greg Bentley, ",e.jsx("cite",{children:"NasdaqListed"})]}),children:e.jsx("p",{children:"For 36 years we have served engineers with our software, passionately believing that better performing and more resilient infrastructure is essential to improve the quality of life for people everywhere, sustain our environment, and grow our economies."})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{f as Basic,w as WithFooter,m as default}; diff --git a/2298/react/assets/Breadcrumbs.stories-DwdQAYBr.js b/2298/react/assets/Breadcrumbs.stories-DwdQAYBr.js new file mode 100644 index 00000000000..6a588cab635 --- /dev/null +++ b/2298/react/assets/Breadcrumbs.stories-DwdQAYBr.js @@ -0,0 +1 @@ +import{r as s,B as u,c as f,O as x,j as t,I as g}from"./index-DhFzuRA5.js";import{S as C}from"./ChevronRightDouble-gO7OL3OC.js";import{S as E}from"./Folder-DEKFwcsl.js";import{S as I}from"./More-uIWNYWHh.js";import{B as j}from"./Button-_m-IOzlX.js";import{A as k}from"./Anchor-Bcb8Skmt.js";import{S as y}from"./SvgChevronRight-CM7-XKoS.js";import{T as p}from"./Text-sFYhh81u.js";import{D as B}from"./DropdownMenu-DRhN05WH.js";import{M as v}from"./MenuItem-DISbthDF.js";import{D as R}from"./DropdownButton-Biy43FFJ.js";import{I as S}from"./Input-DfkpvfT2.js";import"./ProgressRadial-JDu8zAlM.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./SvgCaretUpSmall-DdY4evrf.js";import"./SvgCaretDownSmall-BS15oRF-.js";let A=s.forwardRef((r,n)=>{let{children:e,currentIndex:d=s.Children.count(e)-1,separator:o,overflowButton:a,className:i,...m}=r,c=s.useMemo(()=>s.Children.toArray(e),[e]);return s.createElement(u,{as:"nav",className:f("iui-breadcrumbs",i),ref:n,"aria-label":"Breadcrumb",...m},s.createElement(x,{as:"ol",itemsCount:c.length,className:"iui-breadcrumbs-list"},s.createElement(M,{currentIndex:d,overflowButton:a,separator:o},c)))}),M=r=>{let{children:n,currentIndex:e,overflowButton:d,separator:o}=r,{visibleCount:a}=x.useContext();return s.createElement(s.Fragment,null,a>1&&s.createElement(s.Fragment,null,s.createElement(b,{item:n[0],isActive:e===0}),s.createElement(h,{separator:o})),n.length-a>0&&s.createElement(s.Fragment,null,s.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},d?d(a):s.createElement(u,{as:"span",className:"iui-breadcrumbs-content"},"…")),s.createElement(h,{separator:o})),n.slice(a>1?n.length-a+1:n.length-1).map((i,m)=>{let c=a>1?1+(n.length-a)+m:n.length-1;return s.createElement(s.Fragment,{key:c},s.createElement(b,{item:n[c],isActive:e===c}),c{let e=r;return((e==null?void 0:e.type)==="span"||(e==null?void 0:e.type)==="a"||(e==null?void 0:e.type)===j)&&(e=s.createElement(w,e.props)),s.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},e&&s.cloneElement(e,{"aria-current":e.props["aria-current"]??n?"location":void 0}))},h=({separator:r})=>s.createElement(u,{as:"li",className:"iui-breadcrumbs-separator","aria-hidden":!0},r??s.createElement(y,null)),w=s.forwardRef((r,n)=>{let{as:e,...d}=r,o={...d,className:f("iui-breadcrumbs-content",r.className),ref:n};return String(e)==="span"||r.href==null&&r.onClick==null&&e==null?s.createElement(u,{as:"span",...o}):s.createElement(j,{as:e==="a"||e==null&&r.href?k:e,styleType:"borderless",...o})});const l=Object.assign(A,{Item:w}),Z={title:"Breadcrumbs"},ee=()=>t.jsxs(l,{children:[t.jsx(l.Item,{onClick:()=>console.log("Root"),children:"Root"},0),t.jsx(l.Item,{onClick:()=>console.log("Item 1"),children:"Item 1"},1),t.jsx(l.Item,{onClick:()=>console.log("Item 2"),children:"Item 2"},2)]}),te=()=>t.jsxs(l,{children:[t.jsx(l.Item,{href:"/",children:"iTwinUI"},0),t.jsx(l.Item,{href:"/?path=/docs/core-breadcrumbs",children:"Breadcrumbs"},1),t.jsx(l.Item,{children:"Links"},2)]}),re=()=>t.jsxs(l,{separator:t.jsx(C,{}),children:[t.jsx(l.Item,{onClick:()=>console.log("Root"),children:"Root"},0),t.jsx(l.Item,{onClick:()=>console.log("Item 1"),children:"Item 1"},1),t.jsx(l.Item,{onClick:()=>console.log("Item 2"),children:"Item 2"},2)]}),N=()=>{const r=Array(10).fill(null).map((n,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{children:r})};N.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(p,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),t.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid lightpink",padding:8,resize:"inline",overflow:"hidden"},children:t.jsx(r,{})})]})];const F=()=>{const r=Array(10).fill(null).map((n,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{overflowButton:n=>{const e=n>1?r.length-n:r.length-2;return t.jsx(g,{"aria-label":`Item ${e}`,onClick:()=>{console.log(`Visit breadcrumb ${e}`)},styleType:"borderless",label:`Item ${e}`,labelProps:{placement:"bottom"},children:t.jsx(I,{})})},children:r})};F.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(p,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),t.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid lightpink",padding:8,resize:"inline",overflow:"hidden"},children:t.jsx(r,{})})]})];const $=()=>{const r=Array(10).fill(null).map((n,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{overflowButton:n=>t.jsx(B,{menuItems:e=>Array(r.length-n).fill(null).map((d,o)=>{const a=n>1?o+1:o,i=()=>{console.log(`Visit breadcrumb ${a}`),e()};return t.jsxs(v,{onClick:i,children:["Item ",a]},a)}),children:t.jsx(g,{"aria-label":"Dropdown with more breadcrumbs",onClick:()=>console.log("Clicked on overflow icon"),styleType:"borderless",children:t.jsx(I,{})})}),children:r})};$.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(p,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),t.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid lightpink",padding:8,resize:"inline",overflow:"hidden"},children:t.jsx(r,{})})]})];const se=()=>{const r=s.useMemo(()=>["Root","Level 1","Level 2","Level 3","Level 4"],[]),[n,e]=s.useState(r.length-1),[d,o]=s.useState(!1),a=s.useMemo(()=>r.slice(0,n+1).map((i,m)=>t.jsx(l.Item,{onClick:()=>{n!==m?e(m):o(!0)},children:i},`Breadcrumb${m}`)),[r,n]);return t.jsxs("div",{style:{display:"inline-flex",width:450},children:[t.jsx(R,{startIcon:t.jsx(E,{"aria-hidden":!0}),styleType:"borderless",menuItems:i=>r.map((m,c)=>t.jsx(v,{onClick:()=>{e(c),o(!1),i()},children:m},`Item${c}`))}),d?t.jsx(S,{defaultValue:r.slice(0,n+1).join("/"),onChange:({target:{value:i}})=>{const m=i.substring(i.lastIndexOf("/",i.length-2)+1);e(r.findIndex(c=>m.includes(c)))},onKeyDown:({key:i})=>i==="Enter"&&o(!1),onBlur:()=>o(!1)}):t.jsx(l,{children:a})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ee as Basic,F as CustomOverflowBackButton,$ as CustomOverflowDropdown,re as CustomSeparator,se as FolderNavigation,te as Links,N as Overflow,Z as default}; diff --git a/2298/react/assets/Button-_m-IOzlX.js b/2298/react/assets/Button-_m-IOzlX.js new file mode 100644 index 00000000000..9b2a9aa2c3e --- /dev/null +++ b/2298/react/assets/Button-_m-IOzlX.js @@ -0,0 +1 @@ +import{r as e,H as x,h as B,c as s,B as n}from"./index-DhFzuRA5.js";import{P as E}from"./ProgressRadial-JDu8zAlM.js";const z=e.forwardRef((o,p)=>{let{children:r,className:h,size:d,styleType:u="default",startIcon:c,endIcon:m,labelProps:a,startIconProps:t,endIconProps:i,stretched:N,loading:l,disabled:b,...f}=o,v=e.useContext(x);return e.createElement(B,{ref:p,className:s("iui-button","iui-field",h),"data-iui-variant":u!=="default"?u:void 0,"data-iui-size":d,"data-iui-loading":l?"true":void 0,"data-iui-has-popover":v?"open":void 0,disabled:b||l,...f,style:{"--_iui-width":N?"100%":void 0,...o.style}},c&&e.createElement(n,{as:"span","aria-hidden":!0,...t,className:s("iui-button-icon",t==null?void 0:t.className)},c),r&&e.createElement(n,{as:"span",...a,className:s("iui-button-label",a==null?void 0:a.className)},r),m&&e.createElement(n,{as:"span","aria-hidden":!0,...i,className:s("iui-button-icon",i==null?void 0:i.className)},m),l&&e.createElement(E,{size:d==="small"?"x-small":"small",className:"iui-button-spinner","aria-hidden":!0}))});export{z as B}; diff --git a/2298/react/assets/Button.stories-C1OXxdt0.js b/2298/react/assets/Button.stories-C1OXxdt0.js new file mode 100644 index 00000000000..15d285b36d8 --- /dev/null +++ b/2298/react/assets/Button.stories-C1OXxdt0.js @@ -0,0 +1 @@ +import{r as l,j as t}from"./index-DhFzuRA5.js";import{S as s}from"./Add-BXQQMnQ6.js";import{S as c}from"./Placeholder-L-MfORW8.js";import{B as e}from"./Button-_m-IOzlX.js";import{N as i}from"./NotificationMarker-kkw2IUZo.js";import"./ProgressRadial-JDu8zAlM.js";const o=n=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},l.createElement("path",{d:"M16 14V4l-8 6-8-6v10z"}),l.createElement("path",{d:"M0 2h16L8 8z"})),j={title:"Button"},p=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"cta",children:"Call To Action Button"}),g=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"high-visibility",children:"High Visibility Button"}),y=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"default",children:"Default Button"}),v=()=>t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(s,{}),styleType:"high-visibility",children:"New"}),k=()=>t.jsxs("div",{style:{display:"flex",gap:"10px"},children:[t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{status:"white",children:t.jsx(o,{})}),styleType:"high-visibility",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{status:"white",children:t.jsx(o,{})}),styleType:"cta",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{children:t.jsx(o,{})}),styleType:"default",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{children:t.jsx(o,{})}),styleType:"borderless",children:"Inbox"})]}),w=()=>t.jsx(e,{as:"a",href:window.location.href,target:"_blank",startIcon:t.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:t.jsx("path",{d:"m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z"})}),children:"Open in new tab"}),r=()=>t.jsx(e,{stretched:!0,children:"Sign in"});r.decorators=[n=>t.jsx("div",{style:{width:300,outline:"1px solid",padding:8},children:t.jsx(n,{})})];const f=()=>t.jsx(e,{loading:!0,startIcon:t.jsx(c,{}),children:"Click me"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{w as AsLink,p as CallToAction,y as Default,g as HighVisibility,f as Loading,r as Stretch,v as WithIcon,k as WithNotification,j as default}; diff --git a/2298/react/assets/ButtonGroup.stories-DsMp9Eqd.js b/2298/react/assets/ButtonGroup.stories-DsMp9Eqd.js new file mode 100644 index 00000000000..1d2ada70e4e --- /dev/null +++ b/2298/react/assets/ButtonGroup.stories-DsMp9Eqd.js @@ -0,0 +1 @@ +import{r as s,j as e,b as n,I as i}from"./index-DhFzuRA5.js";import{S as a}from"./Add-BXQQMnQ6.js";import{S as m}from"./Edit-DuVLyzt6.js";import{S as h}from"./More-uIWNYWHh.js";import{S as c}from"./Placeholder-L-MfORW8.js";import{D as u}from"./DropdownMenu-DRhN05WH.js";import{M as x}from"./MenuItem-DISbthDF.js";import{T as j}from"./Text-sFYhh81u.js";import{I as b}from"./Input-DfkpvfT2.js";import{B as C}from"./Button-_m-IOzlX.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./ProgressRadial-JDu8zAlM.js";const I=o=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...o},s.createElement("path",{d:"M14 1v1H2V1h3l1-1h4l1 1zM3 3h10v12a1 1 0 01-1 1H4a1 1 0 01-1-1zm6 11h1V5H9zm-3 0h1V5H6z"})),p=o=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...o},s.createElement("path",{d:"M16 14c0-5.2-4.2-9.3-9-9.4V2L0 7.3l7 5.3V10c4.3 0 6.7 1.8 9 4"})),H={title:"ButtonGroup"},N=()=>e.jsxs(n,{role:"toolbar",children:[e.jsx(i,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(a,{})}),e.jsx(i,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(m,{})}),e.jsx(i,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(I,{})}),e.jsx(i,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(p,{})})]}),g=()=>{const o=Array.from({length:10},(r,t)=>e.jsx(i,{label:`Item #${t}`,children:e.jsx(c,{})},t));return e.jsx(n,{orientation:"horizontal",overflowButton:r=>e.jsx(u,{menuItems:t=>Array(o.length-r).fill(null).map((v,d)=>{const l=r+d;return e.jsxs(x,{onClick:t,startIcon:e.jsx(c,{}),children:["Item #",l]},l)}),children:e.jsx(i,{label:"More",children:e.jsx(h,{})})}),children:o})};g.decorators=[o=>e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),e.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid hotpink",padding:8,overflow:"hidden",resize:"inline"},children:e.jsx(o,{})})]})];const D=()=>e.jsxs(n,{children:[e.jsx(b,{defaultValue:"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ",readOnly:!0,style:{minWidth:"30ch"}}),e.jsx(C,{styleType:"high-visibility",onClick:async()=>{await navigator.clipboard.writeText("Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ"),console.log("Copied bearer token to clipboard")},children:"Copy"})]}),S=()=>e.jsxs(n,{orientation:"vertical",children:[e.jsx(i,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(a,{})}),e.jsx(i,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(m,{})}),e.jsx(i,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(I,{})}),e.jsx(i,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(p,{})})]}),k=()=>{const o=Array.from({length:10},(r,t)=>e.jsx(i,{label:`Item #${t}`,children:e.jsx(c,{})},t));return e.jsx(n,{orientation:"vertical",style:{blockSize:"100%"},overflowButton:r=>e.jsx(u,{menuItems:t=>Array(o.length-r).fill(null).map((v,d)=>{const l=r+d;return e.jsxs(x,{onClick:t,startIcon:e.jsx(c,{}),children:["Item #",l]},l)}),children:e.jsx(i,{label:"More",children:e.jsx(h,{})})}),children:o})};k.decorators=[o=>e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),e.jsx("div",{style:{blockSize:"min(20rem, 100vh)",inlineSize:"min(20rem, 100vw)",border:"1px solid hotpink",padding:8,resize:"block",overflow:"hidden"},children:e.jsx(o,{})})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{D as InputButtonCombo,g as Overflow,S as Vertical,k as VerticalOverflow,N as WithIcons,H as default}; diff --git a/2298/react/assets/Calendar-ZgETcpCB.js b/2298/react/assets/Calendar-ZgETcpCB.js new file mode 100644 index 00000000000..0ff8b340db4 --- /dev/null +++ b/2298/react/assets/Calendar-ZgETcpCB.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Camera-DKPpwBTi.js b/2298/react/assets/Camera-DKPpwBTi.js new file mode 100644 index 00000000000..d77301411f0 --- /dev/null +++ b/2298/react/assets/Camera-DKPpwBTi.js @@ -0,0 +1 @@ +import{r as a}from"./index-DhFzuRA5.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/2298/react/assets/Carousel.stories-CHOE2Gpi.js b/2298/react/assets/Carousel.stories-CHOE2Gpi.js new file mode 100644 index 00000000000..84af61dc061 --- /dev/null +++ b/2298/react/assets/Carousel.stories-CHOE2Gpi.js @@ -0,0 +1 @@ +import{r as e,d as J,e as $,f as B,g as L,B as E,c as k,m as X,h as Y,i as Z,k as M,I as P,l as ee,n as te,j as d,R as z}from"./index-DhFzuRA5.js";import{u as re}from"./useIntersection-0zo0v0Iz.js";import{S as le}from"./SvgChevronLeft-CoStY9_N.js";import{S as se}from"./SvgChevronRight-CM7-XKoS.js";import{T as oe}from"./Text-sFYhh81u.js";import{C as K}from"./Code-CP16kF9F.js";const N=e.createContext(void 0),ne=e.forwardRef((t,u)=>{let{children:r,className:l,...i}=t,a=e.useContext(N);if(!a)throw new Error("CarouselSlider must be used within Carousel");let{setSlideCount:c,idPrefix:f,scrollToSlide:o,isManuallyUpdating:s}=a,h=e.useMemo(()=>e.Children.map(r,(g,w)=>e.isValidElement(g)?e.cloneElement(g,{id:`${f}--slide-${w}`,"aria-labelledby":`${f}--dot-${w}`,index:w}):g)??[],[r,f]);J(()=>{c(h.length)},[h.length,c]);let C=e.useRef(null),x=$(C,u),y=B("(prefers-reduced-motion: no-preference)");o.current=(g,{instant:w}={})=>{var I;s.current=!0;let S=(I=C.current)==null?void 0:I.children.item(g);!C.current||!S||C.current.scrollTo({left:S.offsetLeft-C.current.offsetLeft,behavior:w||!y?"instant":"smooth"})};let b=e.useRef(),R=e.useCallback(()=>{var g,w;b.current&&((g=L())==null||g.clearTimeout(b.current)),b.current=(w=L())==null?void 0:w.setTimeout(()=>{s.current=!1},100)},[s]);return e.createElement(E,{className:k("iui-carousel-slider",l),ref:x,onScroll:R,tabIndex:-1,...i},h)}),ie=e.forwardRef((t,u)=>{let{index:r,className:l,children:i,...a}=t,c=e.useContext(N);if(!c||r==null)throw new Error("CarouselSlide must be used within Carousel");let{isManuallyUpdating:f,currentIndex:o,setCurrentIndex:s}=c,h=e.useCallback(()=>{f.current||s(r)},[r,f,s]),C=re(h,{threshold:.5},!1),x=$(C,u);return e.createElement(E,{className:k("iui-carousel-slider-item",l),role:"tabpanel","aria-roledescription":"slide",tabIndex:r===o?0:void 0,ref:x,inert:r!==o?"":void 0,...a,onKeyDown:X(t.onKeyDown,y=>{(y.key==="ArrowLeft"||y.key==="ArrowRight")&&y.preventDefault()})},i)}),O=e.forwardRef((t,u)=>{let{isActive:r,isSmaller:l,isSmall:i,className:a,...c}=t;return e.createElement(Y,{role:"tab",tabIndex:r?0:-1,className:k("iui-carousel-navigation-dot",{"iui-active":r,"iui-first":l,"iui-second":i},a),"aria-selected":r,ref:u,...c})}),U=e.forwardRef((t,u)=>{let{currentIndex:r,length:l,className:i,onSlideChange:a,children:c,...f}=t,o=e.useContext(N),s=l??(o==null?void 0:o.slideCount)??e.Children.count(c),h=r??(o==null?void 0:o.currentIndex)??0,C=t.id??(o==null?void 0:o.idPrefix),x=e.useCallback(m=>{var n,T;o&&(o.setCurrentIndex(m),o.scrollToSlide.current(m)),(T=(n=g.current)==null?void 0:n.children[m])==null||T.focus(),a==null||a(m)},[o,a]),y=e.useRef(!0),[b,R]=e.useState(s),g=e.useRef(null),[w,S]=e.useState(),[I,p]=Z(({width:m})=>{if(!g.current)return;S(m);let n=g.current.children[0].offsetWidth;R(Math.floor(m/n))});e.useEffect(()=>p==null?void 0:p.disconnect(),[p]);let F=$(u,I,g),j=e.useMemo(()=>M(h-Math.ceil(b/2)+1,0,s-b),[h,s,b]),D=e.useMemo(()=>M(h+Math.floor(b/2),b-1,s-1),[h,s,b]),_=e.useMemo(()=>Array(s).fill(null).map((m,n)=>{let T=n===j&&n!==0||n===D&&n!==s-1,q=n===j+1&&n!==1||n===D-1&&n!==s-2,G=nD;return e.createElement(O,{key:n,"aria-label":`Slide ${n+1}`,isActive:n===h,onClick:()=>x(n),isSmall:q,isSmaller:T||G,id:C&&`${C}--dot-${n}`})}),[s,j,D,h,C,x]),A=B("(prefers-reduced-motion: no-preference)");e.useEffect(()=>{var n;let m=(n=g.current)==null?void 0:n.children[j];!g.current||!m||(g.current.scrollTo({left:m.offsetLeft-g.current.offsetLeft,behavior:A&&!y.current?"smooth":"auto"}),y.current&&(y.current=!1))},[h,j,A,s,b,w]);let H=m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;let n=m.key;(n==="ArrowLeft"||n==="ArrowRight")&&m.preventDefault()},Q=m=>{switch(m.key){case"ArrowLeft":x((s+h-1)%s);break;case"ArrowRight":x((s+h+1)%s);break}};return e.createElement(e.Fragment,null,e.createElement(E,{className:k("iui-carousel-navigation-dots",i),role:"tablist","aria-label":"Slides",ref:F,onKeyDown:H,onKeyUp:Q,tabIndex:-1,...f},c??_))});let ae=e.forwardRef((t,u)=>{let{className:r,children:l,...i}=t;return e.createElement(E,{className:k("iui-carousel-navigation",r),ref:u,...i},l??e.createElement(e.Fragment,null,e.createElement(E,{className:"iui-carousel-navigation-left"},e.createElement(V,null)),e.createElement(U,null),e.createElement(E,{className:"iui-carousel-navigation-right"},e.createElement(W,null))))}),V=e.forwardRef((t,u)=>{let r=e.useContext(N);if(!r)throw new Error("CarouselNavigation should be used inside Carousel");let{slideCount:l,currentIndex:i,setCurrentIndex:a,scrollToSlide:c}=r;return e.createElement(P,{styleType:"borderless",size:"small",tabIndex:-1,"aria-label":"Previous",ref:u,...t,onClick:f=>{var s;let o=(l+i-1)%l;a(o),c.current(o,{instant:f.detail>3}),(s=t==null?void 0:t.onClick)==null||s.call(t,f)}},e.createElement(le,null))}),W=e.forwardRef((t,u)=>{let r=e.useContext(N);if(!r)throw new Error("CarouselNavigation should be used inside Carousel");let{slideCount:l,currentIndex:i,setCurrentIndex:a,scrollToSlide:c}=r;return e.createElement(P,{styleType:"borderless",size:"small",tabIndex:-1,"aria-label":"Next",ref:u,...t,onClick:f=>{var s;let o=(l+i+1)%l;a(o),c.current(o,{instant:f.detail>3}),(s=t==null?void 0:t.onClick)==null||s.call(t,f)}},e.createElement(se,null))});const ce=Object.assign(ae,{PreviousButton:V,NextButton:W});let de=e.forwardRef((t,u)=>{let r=ee(),{activeSlideIndex:l=0,onSlideChange:i,className:a,children:c,id:f=r,...o}=t,s=e.useRef(!1),h=e.useRef(null),C=$(h,u),[x,y]=e.useState(l),b=e.useRef(()=>{}),R=e.useRef(!0);e.useEffect(()=>{y(l),b.current(l,{instant:R.current}),R.current=!1},[l]);let[g,w]=e.useState(0),S=te(i);return e.useEffect(()=>{var I;(I=S.current)==null||I.call(S,x)},[S,x]),e.createElement(E,{as:"section","aria-roledescription":"carousel",ref:C,className:k("iui-carousel",a),...o,id:f},e.createElement(N.Provider,{value:{currentIndex:x,setCurrentIndex:y,slideCount:g,setSlideCount:w,idPrefix:f,isManuallyUpdating:s,scrollToSlide:b}},c))});const v=Object.assign(de,{Slider:ne,Slide:ie,Navigation:ce,DotsList:U,Dot:O}),ye={title:"Carousel"},we=()=>{const t=[{from:"#cc2b5e",to:"#753a88"},{from:"#00467f",to:"#a5cc82"},{from:"#2193b0",to:"#6dd5ed"},{from:"#ffe000",to:"#799f0c"},{from:"#e65c00",to:"#f9d423"},{from:"#1488cc",to:"#2b32b2"},{from:"#bbd2c5",to:"#536976"},{from:"#9796f0",to:"#fbc7d4"},{from:"#b79891",to:"#94716b"},{from:"#acb6e5",to:"#86fde8"}];return d.jsxs(v,{style:{width:"min(800px, 90vw)"},children:[d.jsx(v.Navigation,{}),d.jsx(v.Slider,{children:t.map(({from:u,to:r},l)=>d.jsx(v.Slide,{children:d.jsx("div",{style:{background:`linear-gradient(to right, ${u}, ${r})`,height:350,width:"100%",display:"grid",placeItems:"center"},children:d.jsx("div",{style:{fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:l+1})})},l))})]})},Se=()=>{const t=[{from:"#cc2b5e",to:"#753a88"},{from:"#00467f",to:"#a5cc82"},{from:"#2193b0",to:"#6dd5ed"},{from:"#ffe000",to:"#799f0c"},{from:"#e65c00",to:"#f9d423"},{from:"#1488cc",to:"#2b32b2"},{from:"#bbd2c5",to:"#536976"},{from:"#9796f0",to:"#fbc7d4"},{from:"#b79891",to:"#94716b"},{from:"#acb6e5",to:"#86fde8"}],[u,r]=z.useState(5);return d.jsxs(v,{style:{width:"min(800px, 90vw)"},activeSlideIndex:u,onSlideChange:l=>r(l),children:[d.jsx(v.Navigation,{}),d.jsx(v.Slider,{children:t.map(({from:l,to:i},a)=>d.jsx(v.Slide,{children:d.jsx("div",{style:{background:`linear-gradient(to right, ${l}, ${i})`,height:350,width:"100%",display:"grid",placeItems:"center"},children:d.jsx("div",{style:{fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:a+1})})},a))})]})},ue=()=>"my-custom-carousel",fe=()=>{const t=[{from:"#cc2b5e",to:"#753a88"},{from:"#00467f",to:"#a5cc82"},{from:"#2193b0",to:"#6dd5ed"},{from:"#ffe000",to:"#799f0c"},{from:"#e65c00",to:"#f9d423"},{from:"#1488cc",to:"#2b32b2"},{from:"#bbd2c5",to:"#536976"},{from:"#9796f0",to:"#fbc7d4"},{from:"#b79891",to:"#94716b"},{from:"#acb6e5",to:"#86fde8"}],u=ue(),[r,l]=z.useState(0);return d.jsxs("section",{"aria-roledescription":"carousel",tabIndex:0,onKeyUp:({key:i})=>{const a=i==="ArrowRight"?1:i==="ArrowLeft"?-1:0;l(c=>(t.length+c+a)%t.length)},style:{display:"inline-grid",width:"min(90vw, 40vh)"},children:[d.jsx(v.DotsList,{id:u,length:t.length,currentIndex:r,onSlideChange:i=>l(i),style:{justifySelf:"center",maxWidth:"min(100%, 200px)"}}),d.jsx("div",{style:{display:"grid",grid:"[slide] 1fr / [slide] 1fr",order:"-1"},children:t.map(({from:i,to:a},c)=>d.jsx("div",{role:"tabpanel",id:`${u}-slide-${c}`,onClick:({currentTarget:{clientWidth:f},clientX:o})=>{const s=f-o>f/2?-1:1;l(h=>(t.length+h+s)%t.length)},style:{gridArea:"slide",opacity:r===c?1:0,pointerEvents:r===c?"auto":"none",transition:"opacity 0.5s",cursor:"pointer"},children:d.jsx("div",{style:{background:`linear-gradient(to right, ${i}, ${a})`,height:"min(600px, 70vh)",display:"grid",placeItems:"center",fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:c+1})},c))})]})};fe.decorators=[t=>d.jsxs("div",{style:{display:"inline-grid",gap:"1rem"},children:[d.jsxs(oe,{isMuted:!0,style:{fontStyle:"italic"},children:["This example shows how ",d.jsx(K,{children:"Carousel.DotsList"})," can be used outside ",d.jsx(K,{children:"Carousel"}),".",d.jsx("br",{}),"Clicking on the right half of the slide will advance the carousel to the next slide, whereas clicking on the left half will go to the previous slide."]}),d.jsx(t,{})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{we as Basic,Se as Controlled,fe as OnlyDots,ye as default}; diff --git a/2298/react/assets/Checkbox-Bd2WmO3O.js b/2298/react/assets/Checkbox-Bd2WmO3O.js new file mode 100644 index 00000000000..391d0d69b80 --- /dev/null +++ b/2298/react/assets/Checkbox-Bd2WmO3O.js @@ -0,0 +1 @@ +import{r as e,e as v,B as r,c as l}from"./index-DhFzuRA5.js";import{P as y}from"./ProgressRadial-JDu8zAlM.js";const C=e.forwardRef((o,u)=>{let{className:d,disabled:i=!1,indeterminate:c=!1,label:s,status:m,variant:p="default",isLoading:t=!1,wrapperProps:b={},labelProps:f={},style:x,...h}=o,a=e.useRef(null),k=v(a,u);e.useEffect(()=>{a.current&&(a.current.indeterminate=c,a.current.checked=!c&&a.current.checked)});let n=e.createElement(e.Fragment,null,e.createElement(r,{as:"input",className:l("iui-checkbox",{"iui-checkbox-visibility":p==="eyeball"},d),style:x,"data-iui-loading":t?"true":void 0,disabled:i||t,type:"checkbox",ref:k,...h}),t&&e.createElement(y,{size:"x-small",indeterminate:!0})),{className:E,...N}=b,{className:g,...P}=f;return s?e.createElement(r,{as:"label",className:l("iui-checkbox-wrapper",E),"data-iui-disabled":i?"true":void 0,"data-iui-status":m,"data-iui-loading":t?"true":void 0,...N},n,s&&e.createElement(r,{as:"span",className:l("iui-checkbox-label",g),...P},s)):n});export{C}; diff --git a/2298/react/assets/Checkbox.stories-DiVwJZp7.js b/2298/react/assets/Checkbox.stories-DiVwJZp7.js new file mode 100644 index 00000000000..defd88fce0e --- /dev/null +++ b/2298/react/assets/Checkbox.stories-DiVwJZp7.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{C as t}from"./Checkbox-Bd2WmO3O.js";import"./ProgressRadial-JDu8zAlM.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/2298/react/assets/ChevronRightDouble-gO7OL3OC.js b/2298/react/assets/ChevronRightDouble-gO7OL3OC.js new file mode 100644 index 00000000000..5996618b004 --- /dev/null +++ b/2298/react/assets/ChevronRightDouble-gO7OL3OC.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Code-CP16kF9F.js b/2298/react/assets/Code-CP16kF9F.js new file mode 100644 index 00000000000..656f8792d32 --- /dev/null +++ b/2298/react/assets/Code-CP16kF9F.js @@ -0,0 +1 @@ +import{p as o}from"./index-DhFzuRA5.js";const c=o.code("iui-code");export{c as C}; diff --git a/2298/react/assets/Code.stories-DahBaHnQ.js b/2298/react/assets/Code.stories-DahBaHnQ.js new file mode 100644 index 00000000000..1eec54ac489 --- /dev/null +++ b/2298/react/assets/Code.stories-DahBaHnQ.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{C as t}from"./Code-CP16kF9F.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/2298/react/assets/ColorPicker.stories-CSpWhlG7.js b/2298/react/assets/ColorPicker.stories-CSpWhlG7.js new file mode 100644 index 00000000000..90346d905ed --- /dev/null +++ b/2298/react/assets/ColorPicker.stories-CSpWhlG7.js @@ -0,0 +1 @@ +import{k as q,r as n,o as pe,B as D,c as k,e as Z,h as Ce,V as ve,m as X,l as xe,I as _,j as C,P as ee,b as ue}from"./index-DhFzuRA5.js";import{S as ie}from"./Slider-DgOrDaKN.js";import{u as P}from"./useEventListener-hNgF1eUm.js";import{I as O}from"./Input-DfkpvfT2.js";import{B as me}from"./Button-_m-IOzlX.js";import"./ProgressRadial-JDu8zAlM.js";function ce(c,t,a){return t in c?Object.defineProperty(c,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):c[t]=a,c}let R=new Uint8Array(4),Y=new Uint32Array(R.buffer);const Ee=c=>typeof c!="string"&&"r"in c&&"g"in c&&"b"in c,we=c=>typeof c!="string"&&"h"in c&&"s"in c&&"l"in c,Ae=c=>typeof c!="string"&&"h"in c&&"s"in c&&"v"in c;class b{static create(t){return t?Ee(t)?b.fromRGB(t):we(t)?b.fromHSL(t):Ae(t)?b.fromHSV(t):typeof t=="string"?b.fromString(t,b.fromTbgr(0)):b.fromTbgr(0):b.fromTbgr(0)}toTbgr(){return this._tbgr}static fromTbgr(t){return new b(t)}static fromRgbt(t,a,l,e){return this.fromTbgr(this.computeTbgrFromComponents(t,a,l,e))}static computeTbgrFromComponents(t,a,l,e){return R[0]=t,R[1]=a,R[2]=l,R[3]=e||0,Y[0]}static fromString(t,a){let[l,e]=this.computeTbgrFromString(t,a==null?void 0:a.toTbgr());return new b(l,e)}static fromHSL(t){let a=t.a??1;return new b(this.computeTbgrFromHSL(t.h/360,t.s/100,t.l/100,Math.round((1-a)*255)),t.h)}static fromRGB(t){let a=t.a??1;return b.fromRgbt(t.r,t.g,t.b,Math.round((1-a)*255))}static fromHSV(t){let a=t.a??1,l=Math.round((1-a)*255);if(!t.s||t.h===-1){let L=255&Math.floor(255*t.v/100+.5+3e-14);return b.fromRgbt(L,L,L,0)}let e=t.h,s=t.s,i=t.v;e===360&&(e=0),e/=60;let g=Math.floor(e),p=e-g;i/=100,s/=100;let m=255&Math.floor(i*(1-s)*255+.5),h=255&Math.floor(i*(1-s*p)*255+.5),o=255&Math.floor(i*(1-s*(1-p))*255+.5),d=255&Math.floor(255*i+.5),v=0,E=0,w=0;switch(g){case 0:v=d,w=o,E=m;break;case 1:v=h,w=d,E=m;break;case 2:v=m,w=d,E=o;break;case 3:v=m,w=h,E=d;break;case 4:v=o,w=m,E=d;break;case 5:v=d,w=m,E=h;break}return new b(b.computeTbgrFromComponents(v,w,E,l),t.h)}static computeTbgrFromString(t,a){t=t.toLowerCase();let l=/^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(t);if(l){let e,s=l[1],i=l[2],g=h=>h[h.length-1]==="%",p=h=>{let o=parseFloat(h);return 255*q(g(h)?o/100:o,0,1)},m=h=>{let o=g(h)?parseFloat(h)/100*255:parseInt(h,10);return q(o,0,255)};switch(s){case"rgb":case"rgba":if(e=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(i),e)return[this.computeTbgrFromComponents(m(e[1]),m(e[2]),m(e[3]),typeof e[4]=="string"?255-p(e[4]):0),void 0];break;case"hsl":case"hsla":if(e=/^(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(i),e){let h=parseFloat(e[1]),o=parseInt(e[2],10)/100,d=parseInt(e[3],10)/100,v=typeof e[4]=="string"?255-p(e[4]):0;return[this.computeTbgrFromHSL(h/360,o,d,v),h]}break}}else if(l=/^\#([A-Fa-f\d]+)$/.exec(t)){let e=l[1],s=e.length;if(s===3)return[this.computeTbgrFromComponents(parseInt(e.charAt(0)+e.charAt(0),16),parseInt(e.charAt(1)+e.charAt(1),16),parseInt(e.charAt(2)+e.charAt(2),16),0),void 0];if(s===6)return[this.computeTbgrFromComponents(parseInt(e.charAt(0)+e.charAt(1),16),parseInt(e.charAt(2)+e.charAt(3),16),parseInt(e.charAt(4)+e.charAt(5),16),0),void 0];if(s===8)return[this.computeTbgrFromComponents(parseInt(e.charAt(0)+e.charAt(1),16),parseInt(e.charAt(2)+e.charAt(3),16),parseInt(e.charAt(4)+e.charAt(5),16),255-parseInt(e.charAt(6)+e.charAt(7),16)),void 0]}if(a)return[a,void 0];throw new Error("unable to parse string into ColorValue")}static getColors(t){return Y[0]=t,{b:R[2],g:R[1],r:R[0],t:R[3]}}getRgb(t){return Y[0]=this._tbgr,t?(R[0]<<24)+(R[1]<<16)+(R[2]<<8)+(255-R[3]):(R[0]<<16)+(R[1]<<8)+R[2]}getAlpha(){return b.getAlpha(this._tbgr)}static getAlpha(t){return Y[0]=t,255-R[3]}toHexString(t){if(t){let a=this.getRgb(t);return a<0&&(a=4294967295+a+1),`#${`00000000${a.toString(16)}`.slice(-8)}`}return`#${`000000${this.getRgb().toString(16)}`.slice(-6)}`}static computeTbgrFromHSL(t,a,l,e=0){let s=(h,o,d)=>(d<0&&(d+=1),d>1&&(d-=1),d<.16666666666666666?h+(o-h)*6*d:d<.5?o:d<.6666666666666666?h+(o-h)*6*(.6666666666666666-d):h),i=(h,o,d)=>Math.round(255*s(h,o,d));if(t=((h,o)=>(h%o+o)%o)(t,1),a=q(a,0,1),l=q(l,0,1),a===0)return l*=255,this.computeTbgrFromComponents(l,l,l,e);let p=l<=.5?l*(1+a):l+a-l*a,m=2*l-p;return this.computeTbgrFromComponents(i(m,p,t+1/3),i(m,p,t),i(m,p,t-1/3),e)}toHslColor(){return{...b.toHsl(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsl(t){let{r:a,g:l,b:e}=b.getColors(t),s=a/255,i=l/255,g=e/255,p=Math.min(s,i,g),m=Math.max(s,i,g),h=m-p,o=0,d=0;o=h===0?0:s===m?(i-g)/h%6:i===m?(g-s)/h+2:(s-i)/h+4,o=Math.round(60*o),o<0&&(o+=360);let v=(m+p)/2;return d=h===0?0:h/(1-Math.abs(2*v-1)),d=Number((100*d).toFixed(1)),v=Number((100*v).toFixed(1)),{h:o,s:d,l:v,a:this.getAlpha(t)/255}}toRgbColor(){let{r:t,g:a,b:l}=b.getColors(this._tbgr);return{r:t,g:a,b:l,a:this.getAlpha()/255}}toHsvColor(){return{...b.toHsv(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsv(t){let{r:a,g:l,b:e}=b.getColors(t),s=a/255,i=l/255,g=e/255,p=Math.min(s,i,g),m=Math.max(s,i,g),h=m-p,o=0;o=h===0?0:s===m?(i-g)/h%6:i===m?(g-s)/h+2:(s-i)/h+4,o=Math.round(60*o),o<0&&(o+=360);let d=m,v=m===0?0:h/m;return v=Number((100*v).toFixed(1)),d=Number((100*d).toFixed(1)),{h:o,s:v,v:d,a:this.getAlpha(t)/255}}equals(t){return this._tbgr===t._tbgr}static getFormattedColorNumber(t,a=1){return a===0&&Math.round(t).toString(),Number(t.toFixed(a)).toString()}toRgbString(t){let a=this.toRgbColor(),l=`${a.r}, ${a.g}, ${a.b}`;if(t){let e=a.a??1;return`rgba(${l}, ${b.getFormattedColorNumber(e,2)})`}return`rgb(${l})`}toHslString(t){let a=this.toHslColor(),l=`${b.getFormattedColorNumber(this._hue??a.h)}, ${b.getFormattedColorNumber(a.s)}%, ${b.getFormattedColorNumber(a.l)}%`;if(t){let e=a.a??1;return`hsla(${l}, ${b.getFormattedColorNumber(e,2)})`}return`hsl(${l})`}toHsvString(t){let a=this.toHsvColor(),l=`${this._hue??a.h}, ${a.s}%, ${a.v}%`;if(t){let e=a.a??1;return`hsva(${l}, ${b.getFormattedColorNumber(e,2)})`}return`hsv(${l})`}constructor(t,a){ce(this,"_tbgr",void 0),ce(this,"_hue",void 0),Y[0]=t,this._tbgr=Y[0],this._hue=a}}const Ne=c=>n.createElement(pe,c,n.createElement("path",{d:"m5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z"})),he=n.createContext(void 0),te=()=>{let c=n.useContext(he);if(c==null)throw new Error("useColorPickerContext must be used within a ColorPickerContext.Provider");return c},re=c=>c instanceof b?c:b.create(c),ae=n.forwardRef((c,t)=>{let{children:a,className:l,selectedColor:e,onChange:s,onChangeComplete:i,showAlpha:g=!1,applyBackground:p=!0,...m}=c,h=n.useRef(null),o=n.useMemo(()=>re(e),[e]),d=n.useRef(o.toTbgr()),[v,E]=n.useState(o);n.useEffect(()=>{E(o)},[o]);let[w,L]=n.useState(()=>v.toHsvColor());n.useEffect(()=>{o.toTbgr()!==d.current&&(d.current=o.toTbgr(),L(o.toHsvColor()))},[o]);let u=n.useCallback((N,I,U)=>{L(N);let j=U??b.create(N);I?i==null||i(j):s==null||s(j),d.current=j.toTbgr(),E(j)},[s,i]);return n.createElement(D,{className:k("iui-color-picker",{"iui-popover-surface":p},l),ref:Z(h,t),...m},n.createElement(he.Provider,{value:{activeColor:v,setActiveColor:E,hsvColor:w,applyHsvColorChange:u,onChangeComplete:i,showAlpha:g}},a))}),V=n.forwardRef((c,t)=>{let{color:a,style:l,onClick:e,isActive:s,className:i,...g}=c,p=n.useMemo(()=>typeof a=="string"?a:re(a).toHslString(!0),[a]);return n.createElement(D,{as:e?Ce:"span",className:k("iui-color-swatch",{"iui-active":s},i),style:{"--iui-color-swatch-background":p,...l},onClick:e,"aria-pressed":e&&s?"true":void 0,ref:t,...g},c.children??n.createElement(ve,null,p.toUpperCase()))});let Se=(c,t)=>(q(t,c.top,c.bottom)-c.top)/c.height*100,Re=(c,t)=>(q(t,c.left,c.right)-c.left)/c.width*100;const ge=n.forwardRef((c,t)=>{var oe,le,se;let{className:a,colorFieldProps:l,colorDotProps:e,opacitySliderProps:s,hueSliderProps:i,...g}=c,p=n.useRef(),m=Z(p,t),{activeColor:h,hsvColor:o,onChangeComplete:d,applyHsvColorChange:v,showAlpha:E}=te(),w=n.useMemo(()=>b.create({h:o.h,s:100,v:100}),[o.h]),L=n.useMemo(()=>o.h,[o]),u=n.useMemo(()=>E?o.a??1:1,[o.a,E]),N=n.useMemo(()=>h.toHexString(),[h]),[I,U]=n.useState(!1),j=w.toHexString(),F=100-o.v,A=o.s,J=n.useCallback((f,x)=>{let K={h:Number(f.toFixed(2)),s:o.s,v:o.v,a:o.a};v(K,x)},[v,o]),Q=n.useCallback((f,x)=>{let y=Number(f.toFixed(2)),K={h:o.h,s:o.s,v:o.v,a:y};v(K,x)},[v,o]),z=n.useRef(null),W=n.useRef(null),$=n.useCallback((f,x,y)=>{let K={h:o.h,s:f,v:100-x,a:o.a};v(K,y)},[v,o]),r=n.useCallback((f,x)=>{if(z.current&&I||z.current&&x==="onClick"){let y=Re(z.current.getBoundingClientRect(),f.clientX),K=Se(z.current.getBoundingClientRect(),f.clientY);x==="onChange"?$(y,K,!0):$(y,K,!1)}},[I,$]),S=n.useCallback(f=>{I&&(r(f,"onChange"),U(!1),f.preventDefault(),f.stopPropagation())},[I,r]);P("pointerup",S,(oe=p.current)==null?void 0:oe.ownerDocument);let T=n.useCallback(f=>{I&&(f.preventDefault(),f.stopPropagation(),r(f,"onUpdate"))},[I,r]);P("pointermove",T,(le=p.current)==null?void 0:le.ownerDocument);let M=n.useCallback(f=>{I&&(r(f,"onChange"),U(!1))},[I,r]);P("pointerleave",M,(se=p.current)==null?void 0:se.ownerDocument);let H=n.useRef({}),B=f=>{if(f.altKey)return;let x=A,y=F;switch(H.current[f.key]=!0,f.key){case"ArrowDown":y=Math.min(y+1,100),$(x,y,!1);break;case"ArrowUp":y=Math.max(y-1,0),$(x,y,!1);break;case"ArrowLeft":x=Math.max(x-1,0),$(x,y,!1);break;case"ArrowRight":x=Math.min(x+1,100),$(x,y,!1);break}},de=f=>{switch(H.current[f.key]=!1,f.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":if(H.current.ArrowUp||H.current.ArrowDown||H.current.ArrowLeft||H.current.ArrowRight)return;d==null||d(b.create(o));break}};return n.createElement(D,{className:k("iui-color-selection-wrapper",a),ref:m,...g},n.createElement(D,{as:"div",...l,className:k("iui-color-field",l==null?void 0:l.className),style:{"--iui-color-field-hue":j,"--iui-color-picker-selected-color":N,...l==null?void 0:l.style},ref:Z(z,l==null?void 0:l.ref),onPointerDown:X(l==null?void 0:l.onPointerDown,f=>{var x;f.preventDefault(),r(f,"onClick"),U(!0),(x=W.current)==null||x.focus()})},n.createElement(D,{as:"div",...e,className:k("iui-color-dot",e==null?void 0:e.className),style:{"--iui-color-dot-inset-block":`${F.toString()}% auto`,"--iui-color-dot-inset-inline":`${A.toString()}% auto`,...e==null?void 0:e.style},onPointerDown:X(e==null?void 0:e.onPointerDown,()=>{var f;U(!0),(f=W.current)==null||f.focus()}),onKeyDown:X(e==null?void 0:e.onKeyDown,B),onKeyUp:X(e==null?void 0:e.onKeyUp,de),tabIndex:0,ref:Z(W,e==null?void 0:e.ref)})),n.createElement(ie,{minLabel:"",maxLabel:"",values:[L],trackDisplayMode:"none",min:0,max:359,...i,className:k("iui-hue-slider",i==null?void 0:i.className),tooltipProps:()=>({visible:!1,...i==null?void 0:i.tooltipProps}),onChange:f=>{var x;(x=i==null?void 0:i.onChange)==null||x.call(i,f),J(f[0],!0)},onUpdate:f=>{var x;(x=i==null?void 0:i.onUpdate)==null||x.call(i,f),J(f[0],!1)},thumbProps:()=>({"aria-label":"Hue",...i==null?void 0:i.thumbProps})}),E&&n.createElement(ie,{minLabel:"",maxLabel:"",values:[u],trackDisplayMode:"none",min:0,max:1,step:.01,...s,className:k("iui-opacity-slider",s==null?void 0:s.className),tooltipProps:()=>({visible:!1,...s==null?void 0:s.tooltipProps}),onChange:f=>{var x;(x=s==null?void 0:s.onChange)==null||x.call(s,f),Q(f[0],!0)},onUpdate:f=>{var x;(x=s==null?void 0:s.onUpdate)==null||x.call(s,f),Q(f[0],!1)},style:{"--iui-color-picker-selected-color":j,...s==null?void 0:s.style},thumbProps:()=>({"aria-label":"Opacity",...s==null?void 0:s.thumbProps})}))}),fe=n.forwardRef((c,t)=>{let{defaultColorFormat:a,allowedColorFormats:l=["hsl","rgb","hex"],className:e,colorInputContainerProps:s,panelLabelProps:i,inputFieldsGroupProps:g,swapColorFormatButtonProps:p,...m}=c,h=n.useRef(null),{activeColor:o,applyHsvColorChange:d,hsvColor:v,showAlpha:E}=te(),[w,L]=n.useState(a);n.useEffect(()=>{L(a)},[a]);let[u,N]=n.useState(["","","",""]);n.useEffect(()=>{if(w==="hsl"){let r=o.toHslColor();N([b.getFormattedColorNumber(v.h),b.getFormattedColorNumber(r.s),b.getFormattedColorNumber(r.l),b.getFormattedColorNumber(r.a??o.getAlpha()/255,2)])}else if(w==="rgb"){let r=o.toRgbColor();N([r.r.toString(),r.g.toString(),r.b.toString(),b.getFormattedColorNumber(r.a??o.getAlpha()/255,2)])}else N([o.toHexString(E)]),U(!0)},[o,v.h,w,E]);let[I,U]=n.useState(!0),j=n.useCallback(()=>{let r=l[(l.indexOf(w)+1)%l.length]??l[0];L(r)},[w,l]),F=r=>!!(r&&h.current&&h.current.contains(r)),A=()=>{let r;if(w==="hex")try{let S=u[0].replace(/ /g,"").toLowerCase();if(r=b.create(S),U(!0),o.toHexString(E).toLowerCase()===S)return}catch{U(!1);return}if(w==="hsl"){let[S,T,M,H]=u.map(Number);if(S<0||S>360||T<0||T>100||M<0||M>100||H<0||H>1)return;let B=o.toHslColor();if(B.h===S&&B.s===T&&B.l===M&&B.a===H)return;r=b.create({h:S,s:T,l:M,a:H})}if(w==="rgb"){let[S,T,M,H]=u.map(Number);if(S<0||S>255||T<0||T>255||M<0||M>255||H<0||H>1)return;let B=o.toRgbColor();if(B.r===S&&B.g===T&&B.b===M&&B.a===H)return;r=b.create({r:S,g:T,b:M,a:H})}r&&d(r.toHsvColor(),!0,r)},J=n.createElement(O,{size:"small",maxLength:E?9:7,minLength:1,placeholder:"HEX","aria-label":"Hex",value:u[0],onChange:r=>{let S=r.target.value.startsWith("#")?r.target.value:`#${r.target.value}`;N([S])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),A()},status:I?void 0:"negative"}),Q=n.createElement(n.Fragment,null,n.createElement(O,{size:"small",type:"number",min:"0",max:"359",step:".1",placeholder:"H","aria-label":"Hue",value:u[0]??"",onChange:r=>{N([r.target.value,u[1],u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[0])<0||Number(u[0])>360?"negative":void 0}),n.createElement(O,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"S","aria-label":"Saturation",value:u[1]??"",onChange:r=>{N([u[0],r.target.value,u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[1])<0||Number(u[1])>100?"negative":void 0}),n.createElement(O,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"L","aria-label":"Lightness",value:u[2]??"",onChange:r=>{N([u[0],u[1],r.target.value,u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[2])<0||Number(u[2])>100?"negative":void 0}),E&&n.createElement(O,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:u[3]??"",onChange:r=>{N([u[0],u[1],u[2],r.target.value])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[3])<0||Number(u[3])>1?"negative":void 0})),z=n.createElement(n.Fragment,null,n.createElement(O,{size:"small",type:"number",min:"0",max:"255",placeholder:"R","aria-label":"Red",value:u[0]??"",onChange:r=>{N([r.target.value,u[1],u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[0])<0||Number(u[0])>255?"negative":void 0}),n.createElement(O,{size:"small",type:"number",min:"0",max:"255",placeholder:"G","aria-label":"Green",value:u[1]??"",onChange:r=>{N([u[0],r.target.value,u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[1])<0||Number(u[1])>255?"negative":void 0}),n.createElement(O,{size:"small",type:"number",min:"0",max:"255",placeholder:"B","aria-label":"Blue",value:u[2]??"",onChange:r=>{N([u[0],u[1],r.target.value,u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[2])<0||Number(u[2])>255?"negative":void 0}),E&&n.createElement(O,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:u[3]??"",onChange:r=>{N([u[0],u[1],u[2],r.target.value])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[3])<0||Number(u[3])>1?"negative":void 0})),W=xe(),$=(i==null?void 0:i.id)??W;return n.createElement(D,{as:"div",className:k("iui-color-input-wrapper",e),ref:t,...m},n.createElement(D,{as:"div",...i,className:k("iui-color-picker-section-label",i==null?void 0:i.className),id:$},E&&w!=="hex"?w.toUpperCase()+"A":w.toUpperCase()),n.createElement(D,{as:"div",...s,className:k("iui-color-input",s==null?void 0:s.className)},l.length>1&&n.createElement(_,{size:"small",styleType:"borderless",label:"Switch format",...p,onClick:X(p==null?void 0:p.onClick,j)},n.createElement(Ne,null)),n.createElement(D,{as:"div",role:w!=="hex"?"group":void 0,"aria-labelledby":w!=="hex"?$:void 0,...g,ref:Z(h,g==null?void 0:g.ref),className:k("iui-color-input-fields",g==null?void 0:g.className)},w==="hex"&&J,w==="rgb"&&z,w==="hsl"&&Q)))}),ne=n.forwardRef((c,t)=>{let{colors:a,label:l,labelProps:e,className:s,children:i,paletteContainerProps:g,...p}=c,{activeColor:m,setActiveColor:h,onChangeComplete:o}=te();return n.createElement(D,{className:k("iui-color-palette-wrapper",s),ref:t,...p},l&&n.createElement(D,{as:"div",...e,className:k("iui-color-picker-section-label",e==null?void 0:e.className)},l),n.createElement(D,{as:"div",...g,className:k("iui-color-palette",g==null?void 0:g.className)},i,a&&a.map((d,v)=>{let E=re(d);return n.createElement(V,{key:v,color:E,onClick:()=>{o==null||o(E),h(E)},isActive:E.equals(m)})})))}),be=c=>n.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...c},n.createElement("path",{d:"M5 15l-3.781-3.5L5 8v2h8v3H5zm6-7l3.781-3.5L11 1v2H3v3h8z"})),Fe={title:"ColorPicker"},G=[{color:"#ffffff",name:"WHITE"},{color:"#5a6973",name:"GREY"},{color:"#00121d",name:"KURETAKE BLACK MANGA"},{color:"#002a44",name:"RHAPSODY IN BLUE"},{color:"#00426b",name:"DARK IMPERIAL BLUE"},{color:"#005a92",name:"JETSKI RACE"},{color:"#0073ba",name:"FRENCH BLUE"},{color:"#008be1",name:"BLUE COLA"},{color:"#30b0ff",name:"FANTASY CONSOLE SKY"},{color:"#58bfff",name:"HELLO SUMMER"},{color:"#7fceff",name:"CHROMIS DAMSEL BLUE"},{color:"#a6ddff",name:"DROPLET"},{color:"#cdecff",name:"LUCID DREAMS"},{color:"#e5f5fd",name:"KODAMA WHITE"},{color:"#010200",name:"REGISTRATION BLACK"},{color:"#122306",name:"YUZU SOY"},{color:"#23450b",name:"FOREST GREEN"},{color:"#346711",name:"TATZELWURM GREEN"},{color:"#458816",name:"CHLOROPHYLL"},{color:"#56aa1c",name:"PLASTIC PINES"},{color:"#5fbb1f",name:"FIELD GREEN"},{color:"#67cc22",name:"GREEN HIGH"},{color:"#91e458",name:"LILLIPUTIAN LIME"},{color:"#b2ec8b",name:"GREEN DAY"},{color:"#d4f4bd",name:"TEA GREEN"},{color:"#eef6e8",name:"VERDE PASTEL"},{color:"#9ba5af",name:"SERYI GREY"},{color:"#cf0000",name:"RED EPIPHYLLUM"},{color:"#ff6300",name:"SAFETY ORANGE"},{color:"#ffc335",name:"RISE-N-SHINE"}],Te=()=>{const[c,t]=n.useState(!1),[a,l]=n.useState(G[5]),[e,s]=n.useState(G[5].name),i=g=>{const p=g.toHexString(),m=G.findIndex(h=>h.color===p.toLowerCase());l(G[m]),s(G[m].name),console.log(`Selected ${G[m].color}`)};return C.jsxs(C.Fragment,{children:[C.jsx(ee,{content:C.jsx(ae,{selectedColor:a.color,onChangeComplete:i,children:C.jsx(ne,{colors:G.map(({color:g})=>g)})}),visible:c,onVisibleChange:t,placement:"bottom-start",children:C.jsx(_,{label:"Show color picker",children:C.jsx(V,{style:{pointerEvents:"none"},color:a.color})})}),C.jsx("span",{style:{marginLeft:16},children:e})]})},Me=()=>{const[c,t]=n.useState(!1),[a,l]=n.useState(b.create({h:0,s:100,l:50})),e=["hsl","rgb","hex"],[s,i]=n.useState(e[0]),g=m=>{l(m),console.log(`Selected ${p(m)}`)},p=(m=a)=>{switch(s){case"hsl":return m.toHslString();case"rgb":return m.toRgbString();case"hex":return m.toHexString().toUpperCase()}};return C.jsx(C.Fragment,{children:C.jsxs(ue,{children:[C.jsx(ee,{content:C.jsxs(ae,{selectedColor:a,onChangeComplete:g,children:[C.jsx(ge,{}),C.jsx(fe,{defaultColorFormat:s}),C.jsx(ne,{label:"Saved Colors",colors:[{h:0,s:100,l:50},{r:255,g:98,b:0},"#fec134","#5A6973",{h:95,s:83,v:72},{h:250,s:100,l:59}]})]}),visible:c,onVisibleChange:t,placement:"bottom-start",children:C.jsx(_,{label:"Show color picker",children:C.jsx(V,{style:{pointerEvents:"none"},color:a})})}),C.jsx(me,{onClick:()=>{i(e[(e.indexOf(s)+1)%e.length])},endIcon:C.jsx(be,{}),children:C.jsx("div",{style:{width:170},children:p()??"No color selected."})})]})})},Be=()=>{const[c,t]=n.useState(!1),[a,l]=n.useState(b.create({r:90,g:105,b:115,a:.4})),e=["hsl","rgb","hex"],[s,i]=n.useState(e[0]),g=m=>{l(m),console.log(`Selected ${p(m)}`)},p=(m=a)=>{switch(s){case"hsl":return m.toHslString(!0);case"rgb":return m.toRgbString(!0);case"hex":return m.toHexString(!0)}};return C.jsx(C.Fragment,{children:C.jsxs(ue,{children:[C.jsx(ee,{content:C.jsxs(ae,{selectedColor:a,onChangeComplete:g,showAlpha:!0,children:[C.jsx(ge,{}),C.jsx(fe,{defaultColorFormat:s}),C.jsx(ne,{label:"Saved Colors",colors:[{r:90,g:105,b:115,a:1},{r:90,g:105,b:115,a:.81},{r:90,g:105,b:115,a:.4}]})]}),visible:c,onVisibleChange:t,placement:"bottom-start",children:C.jsx(_,{label:"Show color picker",children:C.jsx(V,{style:{pointerEvents:"none"},color:a})})}),C.jsx(me,{onClick:()=>{i(e[(e.indexOf(s)+1)%e.length])},endIcon:C.jsx(be,{}),children:C.jsx("div",{style:{width:200},children:p()??"No color selected."})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Me as Advanced,Te as Basic,Be as WithAlpha,Fe as default}; diff --git a/2298/react/assets/ComboBox.stories-DNY-tQIN.js b/2298/react/assets/ComboBox.stories-DNY-tQIN.js new file mode 100644 index 00000000000..a2bc5b2a47e --- /dev/null +++ b/2298/react/assets/ComboBox.stories-DNY-tQIN.js @@ -0,0 +1 @@ +import{r as v,B as m,c as h,V as S,j as a,R as u}from"./index-DhFzuRA5.js";import{S as C}from"./Camera-DKPpwBTi.js";import{C as i,I as M,S as I}from"./InputGrid-B9GMezED.js";import{L as A}from"./Label-Jsz1vg8n.js";import{M as T}from"./MenuItem-DISbthDF.js";import{F as y}from"./Flex-DbQmRNYC.js";import{D as G}from"./Divider-Q7Hrbi3T.js";import{C as x}from"./Checkbox-Bd2WmO3O.js";import"./Input-DfkpvfT2.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Select-CKIZamIt.js";import"./Tag-BaQiyr47.js";import"./LinkAction-DYlAaokJ.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";import"./ListItem-DF-kT9pB.js";import"./focusable-DxELdZu-.js";import"./ProgressRadial-JDu8zAlM.js";const B=v.forwardRef((l,e)=>{let{hasSublabel:n,hasIcon:t,contentWidth:r,translatedStrings:o={loading:"Loading…"},className:d,style:c,...b}=l;return v.createElement(m,{className:h("iui-menu-item-skeleton",d),"data-iui-size":n&&"large",style:{"--iui-menu-item-content-skeleton-max-width":r,...c},ref:e,...b},t&&v.createElement(m,{className:"iui-icon iui-skeleton","aria-hidden":!0}),v.createElement(m,{as:"span",className:"iui-content"},v.createElement(m,{className:"iui-menu-label iui-skeleton","aria-hidden":!0}),n&&v.createElement(m,{className:"iui-menu-description iui-skeleton","aria-hidden":!0}),v.createElement(S,null,o.loading)))}),le={decorators:[l=>a.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)",minHeight:380},children:a.jsx(l,{})})],title:"ComboBox"},s=[{label:"Afghanistan",value:"AF"},{label:"Åland Islands",value:"AX"},{label:"Albania",value:"AL"},{label:"Algeria",value:"DZ"},{label:"American Samoa",value:"AS"},{label:"Andorra",value:"AD"},{label:"Angola",value:"AO"},{label:"Anguilla",value:"AI"},{label:"Antarctica",value:"AQ"},{label:"Antigua and Barbuda",value:"AG"},{label:"Argentina",value:"AR"},{label:"Armenia",value:"AM"},{label:"Aruba",value:"AW"},{label:"Australia",value:"AU"},{label:"Austria",value:"AT"},{label:"Azerbaijan",value:"AZ"},{label:"Bahamas",value:"BS"},{label:"Bahrain",value:"BH"},{label:"Bangladesh",value:"BD"},{label:"Barbados",value:"BB"},{label:"Belarus",value:"BY"},{label:"Belgium",value:"BE"},{label:"Belize",value:"BZ"},{label:"Benin",value:"BJ"},{label:"Bermuda",value:"BM"},{label:"Bhutan",value:"BT"},{label:"Bolivia",value:"BO"},{label:"Bosnia and Herzegovina",value:"BA"},{label:"Botswana",value:"BW"},{label:"Bouvet Island",value:"BV"},{label:"Brazil",value:"BR"},{label:"British Indian Ocean Territory",value:"IO"},{label:"Brunei Darussalam",value:"BN"},{label:"Bulgaria",value:"BG"},{label:"Burkina Faso",value:"BF"},{label:"Burundi",value:"BI"},{label:"Cambodia",value:"KH"},{label:"Cameroon",value:"CM"},{label:"Canada",value:"CA"},{label:"Cape Verde",value:"CV"},{label:"Cayman Islands",value:"KY"},{label:"Central African Republic",value:"CF"},{label:"Chad",value:"TD"},{label:"Chile",value:"CL"},{label:"China",value:"CN"},{label:"Christmas Island",value:"CX"},{label:"Cocos (Keeling) Islands",value:"CC"},{label:"Colombia",value:"CO"},{label:"Comoros",value:"KM"},{label:"Congo",value:"CG"},{label:"Congo, The Democratic Republic of the",value:"CD"},{label:"Cook Islands",value:"CK"},{label:"Costa Rica",value:"CR"},{label:"Cote D'Ivoire",value:"CI"},{label:"Croatia",value:"HR"},{label:"Cuba",value:"CU"},{label:"Cyprus",value:"CY"},{label:"Czech Republic",value:"CZ"},{label:"Denmark",value:"DK"},{label:"Djibouti",value:"DJ"},{label:"Dominica",value:"DM"},{label:"Dominican Republic",value:"DO"},{label:"Ecuador",value:"EC"},{label:"Egypt",value:"EG"},{label:"El Salvador",value:"SV"},{label:"Equatorial Guinea",value:"GQ"},{label:"Eritrea",value:"ER"},{label:"Estonia",value:"EE"},{label:"Ethiopia",value:"ET"},{label:"Falkland Islands (Malvinas)",value:"FK"},{label:"Faroe Islands",value:"FO"},{label:"Fiji",value:"FJ"},{label:"Finland",value:"FI"},{label:"France",value:"FR"},{label:"French Guiana",value:"GF"},{label:"French Polynesia",value:"PF"},{label:"French Southern Territories",value:"TF"},{label:"Gabon",value:"GA"},{label:"Gambia",value:"GM"},{label:"Georgia",value:"GE"},{label:"Germany",value:"DE"},{label:"Ghana",value:"GH"},{label:"Gibraltar",value:"GI"},{label:"Greece",value:"GR"},{label:"Greenland",value:"GL"},{label:"Grenada",value:"GD"},{label:"Guadeloupe",value:"GP"},{label:"Guam",value:"GU"},{label:"Guatemala",value:"GT"},{label:"Guernsey",value:"GG"},{label:"Guinea",value:"GN"},{label:"Guinea-Bissau",value:"GW"},{label:"Guyana",value:"GY"},{label:"Haiti",value:"HT"},{label:"Heard Island and Mcdonald Islands",value:"HM"},{label:"Holy See (Vatican City State)",value:"VA"},{label:"Honduras",value:"HN"},{label:"Hong Kong",value:"HK"},{label:"Hungary",value:"HU"},{label:"Iceland",value:"IS"},{label:"India",value:"IN"},{label:"Indonesia",value:"ID"},{label:"Iran, Islamic Republic Of",value:"IR"},{label:"Iraq",value:"IQ"},{label:"Ireland",value:"IE"},{label:"Isle of Man",value:"IM"},{label:"Israel",value:"IL"},{label:"Italy",value:"IT"},{label:"Jamaica",value:"JM"},{label:"Japan",value:"JP"},{label:"Jersey",value:"JE"},{label:"Jordan",value:"JO"},{label:"Kazakhstan",value:"KZ"},{label:"Kenya",value:"KE"},{label:"Kiribati",value:"KI"},{label:"Korea, Democratic People'S Republic of",value:"KP"},{label:"Korea, Republic of",value:"KR"},{label:"Kuwait",value:"KW"},{label:"Kyrgyzstan",value:"KG"},{label:"Lao People'S Democratic Republic",value:"LA"},{label:"Latvia",value:"LV"},{label:"Lebanon",value:"LB"},{label:"Lesotho",value:"LS"},{label:"Liberia",value:"LR"},{label:"Libyan Arab Jamahiriya",value:"LY"},{label:"Liechtenstein",value:"LI"},{label:"Lithuania",value:"LT"},{label:"Luxembourg",value:"LU"},{label:"Macao",value:"MO"},{label:"Macedonia, The Former Yugoslav Republic of",value:"MK"},{label:"Madagascar",value:"MG"},{label:"Malawi",value:"MW"},{label:"Malaysia",value:"MY"},{label:"Maldives",value:"MV"},{label:"Mali",value:"ML"},{label:"Malta",value:"MT"},{label:"Marshall Islands",value:"MH"},{label:"Martinique",value:"MQ"},{label:"Mauritania",value:"MR"},{label:"Mauritius",value:"MU"},{label:"Mayotte",value:"YT"},{label:"Mexico",value:"MX"},{label:"Micronesia, Federated States of",value:"FM"},{label:"Moldova, Republic of",value:"MD"},{label:"Monaco",value:"MC"},{label:"Mongolia",value:"MN"},{label:"Montserrat",value:"MS"},{label:"Morocco",value:"MA"},{label:"Mozambique",value:"MZ"},{label:"Myanmar",value:"MM"},{label:"Namibia",value:"NA"},{label:"Nauru",value:"NR"},{label:"Nepal",value:"NP"},{label:"Netherlands",value:"NL"},{label:"Netherlands Antilles",value:"AN"},{label:"New Caledonia",value:"NC"},{label:"New Zealand",value:"NZ"},{label:"Nicaragua",value:"NI"},{label:"Niger",value:"NE"},{label:"Nigeria",value:"NG"},{label:"Niue",value:"NU"},{label:"Norfolk Island",value:"NF"},{label:"Northern Mariana Islands",value:"MP"},{label:"Norway",value:"NO"},{label:"Oman",value:"OM"},{label:"Pakistan",value:"PK"},{label:"Palau",value:"PW"},{label:"Palestinian Territory, Occupied",value:"PS"},{label:"Panama",value:"PA"},{label:"Papua New Guinea",value:"PG"},{label:"Paraguay",value:"PY"},{label:"Peru",value:"PE"},{label:"Philippines",value:"PH"},{label:"Pitcairn",value:"PN"},{label:"Poland",value:"PL"},{label:"Portugal",value:"PT"},{label:"Puerto Rico",value:"PR"},{label:"Qatar",value:"QA"},{label:"Reunion",value:"RE"},{label:"Romania",value:"RO"},{label:"Russian Federation",value:"RU"},{label:"RWANDA",value:"RW"},{label:"Saint Helena",value:"SH"},{label:"Saint Kitts and Nevis",value:"KN"},{label:"Saint Lucia",value:"LC"},{label:"Saint Pierre and Miquelon",value:"PM"},{label:"Saint Vincent and the Grenadines",value:"VC"},{label:"Samoa",value:"WS"},{label:"San Marino",value:"SM"},{label:"Sao Tome and Principe",value:"ST"},{label:"Saudi Arabia",value:"SA"},{label:"Senegal",value:"SN"},{label:"Serbia and Montenegro",value:"CS"},{label:"Seychelles",value:"SC"},{label:"Sierra Leone",value:"SL"},{label:"Singapore",value:"SG"},{label:"Slovakia",value:"SK"},{label:"Slovenia",value:"SI"},{label:"Solomon Islands",value:"SB"},{label:"Somalia",value:"SO"},{label:"South Africa",value:"ZA"},{label:"South Georgia and the South Sandwich Islands",value:"GS"},{label:"Spain",value:"ES"},{label:"Sri Lanka",value:"LK"},{label:"Sudan",value:"SD"},{label:"Surilabel",value:"SR"},{label:"Svalbard and Jan Mayen",value:"SJ"},{label:"Swaziland",value:"SZ"},{label:"Sweden",value:"SE"},{label:"Switzerland",value:"CH"},{label:"Syrian Arab Republic",value:"SY"},{label:"Taiwan, Province of China",value:"TW"},{label:"Tajikistan",value:"TJ"},{label:"Tanzania, United Republic of",value:"TZ"},{label:"Thailand",value:"TH"},{label:"Timor-Leste",value:"TL"},{label:"Togo",value:"TG"},{label:"Tokelau",value:"TK"},{label:"Tonga",value:"TO"},{label:"Trinidad and Tobago",value:"TT"},{label:"Tunisia",value:"TN"},{label:"Turkey",value:"TR"},{label:"Turkmenistan",value:"TM"},{label:"Turks and Caicos Islands",value:"TC"},{label:"Tuvalu",value:"TV"},{label:"Uganda",value:"UG"},{label:"Ukraine",value:"UA"},{label:"United Arab Emirates",value:"AE"},{label:"United Kingdom",value:"GB"},{label:"United States",value:"US"},{label:"United States Minor Outlying Islands",value:"UM"},{label:"Uruguay",value:"UY"},{label:"Uzbekistan",value:"UZ"},{label:"Vanuatu",value:"VU"},{label:"Venezuela",value:"VE"},{label:"Viet Nam",value:"VN"},{label:"Virgin Islands, British",value:"VG"},{label:"Virgin Islands, U.S.",value:"VI"},{label:"Wallis and Futuna",value:"WF"},{label:"Western Sahara",value:"EH"},{label:"Yemen",value:"YE"},{label:"Zambia",value:"ZM"},{label:"Zimbabwe",value:"ZW"}],P=async()=>new Promise(l=>{setTimeout(()=>{l(s.map(e=>({...e,sublabel:e.value,icon:a.jsx("img",{loading:"lazy",style:{width:20,height:15},src:`https://flagcdn.com/w20/${e.value.toLowerCase()}.png`,srcSet:`https://flagcdn.com/w40/${e.value.toLowerCase()}.png 2x`,alt:""})})))},2e3)}),ue=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},ne=()=>{const l=u.useMemo(()=>s,[]),[e,n]=u.useState("CA");return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},value:e,onChange:t=>{console.log(t),n(t)}})},te=()=>{const l=u.useMemo(()=>s.map((e,n)=>({...e,sublabel:`${e.value}${n%2?" -- disabled":""}`,disabled:n%2!==0,startIcon:a.jsx("img",{loading:"lazy",style:{width:20,height:15},src:`https://flagcdn.com/w20/${e.value.toLowerCase()}.png`,srcSet:`https://flagcdn.com/w40/${e.value.toLowerCase()}.png 2x`,alt:""})})),[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},oe=()=>{const l=u.useMemo(()=>s,[]);return a.jsxs(M,{children:[a.jsx(A,{children:"Country"}),a.jsx(i,{options:l,onChange:e=>console.log(e??""),inputProps:{placeholder:"Select a country"}})]})},ie=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??""),status:"negative"})},se=()=>{const l=u.useMemo(()=>s,[]),[e,n]=u.useState("AF"),t=u.useCallback(o=>{console.log(o??""),n(o)},[]),r=u.useCallback(({value:o,label:d},{isSelected:c,id:b})=>a.jsx(T,{id:b,isSelected:c,value:o,children:a.jsx("em",{style:{textTransform:"uppercase",fontWeight:c?"bold":void 0},children:d})},b),[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},value:e,onChange:t,itemRenderer:r})},re=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,message:"This is a message",inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},be=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,message:a.jsx(I,{startIcon:a.jsx(C,{}),children:"This is a message"}),inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},ve=()=>{const[l,e]=u.useState([]),[n,t]=u.useState(),[r,o]=u.useState(!0),d=u.useCallback(b=>{console.log(b??""),t(b)},[]),c=u.useMemo(()=>r?a.jsx(a.Fragment,{children:new Array(6).fill(null).map((b,g)=>a.jsx(B,{hasIcon:!0,hasSublabel:!0,contentWidth:`${Math.min(Math.max(Math.random()*100,25),60)}%`},g))}):"No options found",[r]);return a.jsx(i,{inputProps:{placeholder:"Select a country"},value:n,onChange:d,emptyStateMessage:c,options:l,onShow:u.useCallback(async()=>{r&&(e(await P()),o(!1))},[r])})},ce=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??""),enableVirtualization:!0})},N=()=>{const{clearFilterOnOptionToggle:l}=u.useContext(p),e=u.useMemo(()=>s,[]),[n,t]=u.useState(["CA","AX"]);return a.jsx(i,{options:e,inputProps:{placeholder:"Select a country"},multiple:!0,value:n,onChange:(r,o)=>{console.log(o.value+" "+o.type),t(r)},clearFilterOnOptionToggle:l})};N.decorators=[l=>{const[e,n]=u.useState(!0);return a.jsx(a.Fragment,{children:a.jsx(p.Provider,{value:{clearFilterOnOptionToggle:e},children:a.jsxs(y,{id:"main-story-container",flexDirection:"column",alignItems:"stretch",children:[a.jsx(l,{}),a.jsx(G,{}),a.jsx(x,{checked:e,onChange:t=>n(t.target.checked),label:"clearFilterOnOptionToggle"})]})})})}];const p=u.createContext({clearFilterOnOptionToggle:!0});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ue as Basic,ne as Controlled,se as CustomRenderer,te as DisabledItems,ve as Loading,N as MultipleSelect,ce as Virtualized,be as WithCustomMessageIcon,oe as WithLabel,re as WithMessage,ie as WithStatus,le as default}; diff --git a/2298/react/assets/DatePicker-CVIKTWMf.js b/2298/react/assets/DatePicker-CVIKTWMf.js new file mode 100644 index 00000000000..b5b5897be26 --- /dev/null +++ b/2298/react/assets/DatePicker-CVIKTWMf.js @@ -0,0 +1 @@ +import{r as n,o as _,Q as Ee,d as ke,l as Te,B as v,c as b,I as y}from"./index-DhFzuRA5.js";import{T as Re}from"./TimePicker-BY3Ef6KR.js";import{S as Ie}from"./SvgChevronLeft-CoStY9_N.js";import{S as Ne}from"./SvgChevronRight-CM7-XKoS.js";const X=(m,u)=>{if(!m||!u)return!1;let s=new Date(m),r=new Date(u);return s&&s.setHours(0,0,0,0),r&&r.setHours(0,0,0,0),sn.createElement(_,m,n.createElement("path",{d:"m14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z"})),He=m=>n.createElement(_,m,n.createElement("path",{d:"m1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z"}));let p=(m,u)=>m&&u&&m.getFullYear()===u.getFullYear()&&m.getMonth()===u.getMonth()&&m.getDate()===u.getDate(),ye=(m,u,s)=>{if(!m||!u||!s)return!1;let r=new Date(u),c=new Date(s),d=new Date(m);return d&&d.setHours(0,0,0,0),r&&r.setHours(0,0,0,0),c&&c.setHours(0,0,0,0),d>r&&d!u,Ce=["January","February","March","April","May","June","July","August","September","October","November","December"],Ae=["Su","Mo","Tu","We","Th","Fr","Sa"],Le=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const Je=m=>{let u=new Intl.DateTimeFormat(m,{weekday:"short"}),s=new Intl.DateTimeFormat(m,{weekday:"long"}),r=new Intl.DateTimeFormat(m,{month:"long"}),c=[r.format(new Date(2020,0,1)),r.format(new Date(2020,1,1)),r.format(new Date(2020,2,1)),r.format(new Date(2020,3,1)),r.format(new Date(2020,4,1)),r.format(new Date(2020,5,1)),r.format(new Date(2020,6,1)),r.format(new Date(2020,7,1)),r.format(new Date(2020,8,1)),r.format(new Date(2020,9,1)),r.format(new Date(2020,10,1)),r.format(new Date(2020,11,1))],d=[s.format(new Date(2020,10,1)),s.format(new Date(2020,10,2)),s.format(new Date(2020,10,3)),s.format(new Date(2020,10,4)),s.format(new Date(2020,10,5)),s.format(new Date(2020,10,6)),s.format(new Date(2020,10,7))],E=[u.format(new Date(2020,10,1)).slice(0,2),u.format(new Date(2020,10,2)).slice(0,2),u.format(new Date(2020,10,3)).slice(0,2),u.format(new Date(2020,10,4)).slice(0,2),u.format(new Date(2020,10,5)).slice(0,2),u.format(new Date(2020,10,6)).slice(0,2),u.format(new Date(2020,10,7)).slice(0,2)];return{months:c,shortDays:E,days:d}},Ke=n.forwardRef((m,u)=>{let{date:s,onChange:r,localizedNames:c,className:d,setFocus:E=!1,showTime:ee=!1,use12Hours:te=!1,precision:re,hourStep:ae,minuteStep:ne,secondStep:le,useCombinedRenderer:se,combinedRenderer:oe,hourRenderer:ue,minuteRenderer:ie,secondRenderer:me,meridiemRenderer:ce,showYearSelection:K=!1,enableRangeSelect:k=!1,startDate:w,endDate:C,monthYearProps:R,calendarProps:ge,monthProps:I,weekDayProps:N,dayProps:S,weekProps:x,isDateDisabled:Y,applyBackground:fe=!0,showDatesOutsideMonth:A=!0,...De}=m,j=(c==null?void 0:c.months)??Ce,he=(c==null?void 0:c.shortDays)??Ae,we=(c==null?void 0:c.days)??Le,[g,P]=n.useState(s),[l,L]=n.useState(w),[i,$]=n.useState(C),[D,f]=n.useState(l??g??new Date),[o,Me]=n.useState((l==null?void 0:l.getMonth())??(g==null?void 0:g.getMonth())??new Date().getMonth()),[h,de]=n.useState((l==null?void 0:l.getFullYear())??(g==null?void 0:g.getFullYear())??new Date().getFullYear()),[pe,Q]=n.useState(!0),F=n.useRef(E);n.useEffect(()=>{F.current&&(F.current=!1)});let M=n.useCallback((e,t)=>{Me(e),de(t)},[]);n.useEffect(()=>{let e=new Date;P(s),L(w),$(C),k||f(s??e),M((w==null?void 0:w.getMonth())??(s==null?void 0:s.getMonth())??e.getMonth(),(w==null?void 0:w.getFullYear())??(s==null?void 0:s.getFullYear())??e.getFullYear())},[s,M,w,C,k]);let B=n.useContext(Ee);ke(()=>{E&&B&&B.setInitialFocus(-1)},[B,E]);let O=n.useMemo(()=>{let e=new Date(h,o,1).getDay();e===0&&A&&(e=7);let t=[];for(let a=1;a<=42;a++){let T=a-e;t.push(new Date(h,o,T))}return t},[o,h,A]),Se=n.useMemo(()=>{let e=[],t=Math.ceil(O.length/7);for(let a=0;a{let a=l??g??new Date;return new Date(e,t,a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds())},Fe=()=>{let e=h-1;M(o,e),f(H(e,o))},ve=()=>{let e=h+1;M(o,e),f(H(e,o))},z=()=>{let e=o!==0?o-1:11,t=o!==0?h:h-1;M(e,t),f(H(t,e))},W=()=>{let e=o!==11?o+1:0,t=o!==11?h:h+1;M(e,t),f(H(t,e))},U=e=>{if(k)if(pe){e.getMonth()!==(l==null?void 0:l.getMonth())&&M(e.getMonth(),e.getFullYear());let t=l??new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());L(a),f(a),X(a,i)?i&&(r==null||r(a,i)):($(a),r==null||r(a,a)),Q(!1)}else{e.getMonth()!==(i==null?void 0:i.getMonth())&&M(e.getMonth(),e.getFullYear());let t=i??new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());f(a),X(a,l)?(L(a),i&&(r==null||r(a,i))):($(a),l&&(r==null||r(l,a)),Q(!0))}else{e.getMonth()!==(g==null?void 0:g.getMonth())&&M(e.getMonth(),e.getFullYear());let t=g??new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());P(a),f(a),Z(r,k)&&(r==null||r(a))}},be=e=>{if(e.altKey||!D)return;let t=new Date(D);switch(e.key){case"ArrowDown":t.setDate(D.getDate()+7),t.getMonth()!==o&&W(),f(t),F.current=!0,e.preventDefault();break;case"ArrowUp":t.setDate(D.getDate()-7),t.getMonth()!==o&&z(),f(t),F.current=!0,e.preventDefault();break;case"ArrowLeft":t.setDate(D.getDate()-1),t.getMonth()!==o&&z(),f(t),F.current=!0,e.preventDefault();break;case"ArrowRight":t.setDate(D.getDate()+1),t.getMonth()!==o&&W(),f(t),F.current=!0,e.preventDefault();break;case"Enter":case" ":case"Spacebar":Y!=null&&Y(D)||U(D),e.preventDefault();break}},V=e=>{if(e.getMonth()!==o)return"iui-calendar-day-outside-month";let t="iui-calendar-day";return p(e,g)||p(e,l)&&p(e,i)?t+="-selected":p(e,l)?t+="-range-start":p(e,i)&&(t+="-range-end"),l&&i&&ye(e,l,i)&&(t+="-range"),p(e,new Date)&&(t+="-today"),t},q=Te();return n.createElement(v,{className:b("iui-date-picker",{"iui-popover-surface":fe},d),ref:u,...De},n.createElement("div",null,n.createElement(v,{as:"div",...R,className:b("iui-calendar-month-year",R==null?void 0:R.className)},K&&n.createElement(y,{styleType:"borderless",onClick:Fe,"aria-label":"Previous year",size:"small"},n.createElement(xe,null)),n.createElement(y,{styleType:"borderless",onClick:z,"aria-label":"Previous month",size:"small"},n.createElement(Ie,null)),n.createElement("span",{"aria-live":"polite"},n.createElement(v,{as:"span",id:q,title:j[o],...I,className:b("iui-calendar-month",I==null?void 0:I.className)},j[o])," ",h),n.createElement(y,{styleType:"borderless",onClick:W,"aria-label":"Next month",size:"small"},n.createElement(Ne,null)),K&&n.createElement(y,{styleType:"borderless",onClick:ve,"aria-label":"Next year",size:"small"},n.createElement(He,null))),n.createElement(v,{as:"div",...N,className:b("iui-calendar-weekdays",N==null?void 0:N.className)},he.map((e,t)=>n.createElement("div",{key:e,title:we[t]},e))),n.createElement("div",{onKeyDown:be,role:"listbox","aria-labelledby":q,...ge},Se.map((e,t)=>n.createElement(v,{as:"div",key:`week-${o}-${t}`,...x,className:b("iui-calendar-week",x==null?void 0:x.className)},e.map((a,T)=>{let Ye=a.getDate(),G=Y==null?void 0:Y(a);return a.getMonth()!==o&&!A?n.createElement(v,{key:`day-${o}-${T}`,className:b(V(a),S==null?void 0:S.className),"aria-hidden":!0}):n.createElement(v,{as:"div",key:`day-${o}-${T}`,onClick:()=>!G&&U(a),role:"option",tabIndex:p(a,D)?0:-1,"aria-disabled":G?"true":void 0,ref:J=>{p(a,D)&&F.current&&setTimeout(()=>{J==null||J.focus()})},...S,className:b(V(a),S==null?void 0:S.className)},Ye)}))))),ee&&n.createElement(Re,{date:l??g,use12Hours:te,precision:re,hourStep:ae,minuteStep:ne,secondStep:le,useCombinedRenderer:se,combinedRenderer:oe,hourRenderer:ue,minuteRenderer:ie,secondRenderer:me,meridiemRenderer:ce,onChange:e=>Z(r,k)?r==null?void 0:r(e):r==null?void 0:r(new Date((l==null?void 0:l.getFullYear())??e.getFullYear(),(l==null?void 0:l.getMonth())??e.getMonth(),(l==null?void 0:l.getDate())??e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()),new Date((i==null?void 0:i.getFullYear())??e.getFullYear(),(i==null?void 0:i.getMonth())??e.getMonth(),(i==null?void 0:i.getDate())??e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()))}))});export{Ke as D,Je as g,X as i}; diff --git a/2298/react/assets/DatePicker.stories-BDYZAZRR.js b/2298/react/assets/DatePicker.stories-BDYZAZRR.js new file mode 100644 index 00000000000..5e28f466051 --- /dev/null +++ b/2298/react/assets/DatePicker.stories-BDYZAZRR.js @@ -0,0 +1 @@ +import{r as o,j as e,P as c,I as l}from"./index-DhFzuRA5.js";import{S as i}from"./Calendar-ZgETcpCB.js";import{D as u,g as x}from"./DatePicker-CVIKTWMf.js";import"./TimePicker-BY3Ef6KR.js";import"./SvgChevronLeft-CoStY9_N.js";import"./SvgChevronRight-CM7-XKoS.js";const f={title:"DatePicker"},b=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},C=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,setFocus:!0,showTime:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},F=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,30,0)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,setFocus:!0,showTime:!0,useCombinedRenderer:!0,minuteStep:30,use12Hours:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},y=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,localizedNames:x("ja"),setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},L=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{showYearSelection:!0,date:t,onChange:s,setFocus:!0}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},T=()=>{const[t,r]=o.useState(new Date(2022,6,13,14,55,22)),[s,n]=o.useState(new Date(2022,6,27,14,55,22)),g=(d,a)=>{r(d),a&&n(a),console.log(`New start date value: ${d}`,{clearOnStoryChange:!1}),a&&console.log(`New end date value: ${a}`,{clearOnStoryChange:!1})};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{enableRangeSelect:!0,startDate:t,endDate:s,onChange:g,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsxs("span",{style:{marginLeft:16},children:["Start Date: ",t.toString()]}),e.jsxs("span",{style:{marginLeft:16},children:["End Date: ",s.toString()]})]})},k=()=>{const[t,r]=o.useState(new Date(2022,6,13,14,55,22)),[s,n]=o.useState(new Date(2022,6,17,14,55,22)),g=a=>a.getMonth()!==6||a.getDate()<11||a.getDate()>22,d=(a,h)=>{r(a),h&&n(h)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{enableRangeSelect:!0,startDate:t,endDate:s,onChange:d,setFocus:!0,isDateDisabled:g,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsxs("span",{style:{marginLeft:16},children:["Start Date: ",t.toLocaleDateString()]}),e.jsxs("span",{style:{marginLeft:16},children:["End Date: ",s.toLocaleDateString()]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{b as Basic,y as Localized,T as Range,k as SomeDatesDisabled,F as WithCombinedTime,C as WithTime,L as WithYear,f as default}; diff --git a/2298/react/assets/Dialog-CpduzwYa.js b/2298/react/assets/Dialog-CpduzwYa.js new file mode 100644 index 00000000000..c577090cd2b --- /dev/null +++ b/2298/react/assets/Dialog-CpduzwYa.js @@ -0,0 +1,32 @@ +import{r as e,U as X,k as V,E as J,o as Q,B as Y,c as F,p as W,m as Z,I as _,e as H,i as ee,g as L,d as te,K as re,W as A,G as le}from"./index-DhFzuRA5.js";import{u as ne}from"./useEventListener-hNgF1eUm.js";import{g as ie}from"./focusable-DxELdZu-.js";const se=l=>e.createElement("div",{style:{position:"absolute",inset:-6,display:"grid",pointerEvents:"none"}},e.createElement(ae,null),e.createElement(oe,l));let oe=l=>{let{elementRef:t,containerRef:r,onResizeStart:d,onResizeEnd:f}=l,m=e.useRef(!1),i=s=>{if(!t.current||s.button!==0)return;let o=s.clientX,$=s.clientY,[b,E]=X(t.current),{width:h,height:g}=t.current.getBoundingClientRect(),p=`${h}px`,x=`${g}px`,a=b,c=E,w=parseFloat(getComputedStyle(t.current).minWidth);Number.isNaN(w)&&(w=380);let v=parseFloat(getComputedStyle(t.current).minHeight),k=s.currentTarget.dataset.iuiResizer,u=t.current.ownerDocument||document,P=u.body.style.userSelect;u.body.style.userSelect="none";let T=S=>{var B;if(!t.current)return;m.current||(m.current=!0,d==null||d());let D=(B=r==null?void 0:r.current)==null?void 0:B.getBoundingClientRect(),O=V(S.clientX,(D==null?void 0:D.left)??0,(D==null?void 0:D.right)??u.documentElement.clientWidth??0),N=V(S.clientY,(D==null?void 0:D.top)??0,(D==null?void 0:D.bottom)??u.documentElement.clientHeight??0),C=o-O,z=$-N;switch(k){case"top-left":{let n=g+z;n>=v&&(x=t.current.style.height=`${n}px`,c=E-z);let y=h+C;y>=w&&(p=t.current.style.width=`${y}px`,a=b-C),t.current.style.transform=`translate(${a}px, ${c}px)`;break}case"top":{let n=g+z;if(n=v&&(x=t.current.style.height=`${n}px`,c=E-z),p=t.current.style.width=`${h-C}px`,t.current.style.transform=`translate(${a}px, ${c}px)`;break}case"right":p=t.current.style.width=`${h-C}px`,x=t.current.style.height=`${g}px`,t.current.style.transform=`translate(${a}px, ${c}px)`;break;case"bottom-right":p=t.current.style.width=`${h-C}px`,x=t.current.style.height=`${g-z}px`,t.current.style.transform=`translate(${a}px, ${c}px)`;break;case"bottom":x=t.current.style.height=`${g-z}px`,t.current.style.transform=`translate(${a}px, ${c}px)`;break;case"bottom-left":{let n=h+C;n>=w&&(p=t.current.style.width=`${n}px`,a=b-C),x=t.current.style.height=`${g-z}px`,t.current.style.transform=`translate(${a}px, ${c}px)`;break}case"left":{let n=h+C;if(n{u.removeEventListener("pointermove",T),t.current&&(u.body.style.userSelect=P,m.current=!1,f==null||f({width:p,height:x,transform:`translate(${a}px, ${c}px)`}))},{once:!0})};return e.createElement(e.Fragment,null,e.createElement("div",{"data-iui-resizer":"top-left",onPointerDown:i,style:{cursor:"nw-resize"}}),e.createElement("div",{"data-iui-resizer":"top",onPointerDown:i,style:{cursor:"n-resize"}}),e.createElement("div",{"data-iui-resizer":"top-right",onPointerDown:i,style:{cursor:"ne-resize"}}),e.createElement("div",{"data-iui-resizer":"right",onPointerDown:i,style:{cursor:"e-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom-right",onPointerDown:i,style:{cursor:"se-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom",onPointerDown:i,style:{cursor:"s-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom-left",onPointerDown:i,style:{cursor:"sw-resize"}}),e.createElement("div",{"data-iui-resizer":"left",onPointerDown:i,style:{cursor:"w-resize"}}))},ae=e.memo(()=>e.createElement("style",null,ue)),ue=` +[data-iui-resizer] { + pointer-events: auto; + grid-area: 1 / 1 / -1 / -1; + width: 12px; + height: 12px; + z-index: 1; +} +[data-iui-resizer='top'], +[data-iui-resizer='bottom'] { + height: 8px; + width: auto; + z-index: 0; +} +[data-iui-resizer='left'], +[data-iui-resizer='right'] { + height: auto; + width: 8px; + z-index: 0; +} +[data-iui-resizer^='top'] { + align-self: start; +} +[data-iui-resizer^='bottom'] { + align-self: end; +} +[data-iui-resizer$='left'] { + justify-self: start; +} +[data-iui-resizer$='right'] { + justify-self: end; +}`;const ce=l=>{let{children:t}=l,r=e.useRef(),d=()=>{let i=ie(r.current),s=i[0],o=i[(i.length||1)-1];return[s,o]},f=i=>{let[s,o]=d();i.relatedTarget===s?o==null||o.focus():s==null||s.focus()},m=i=>{let[s,o]=d();i.relatedTarget===o?s==null||s.focus():o==null||o.focus()};return e.createElement(e.Fragment,null,e.createElement("div",{tabIndex:0,onFocus:f,"aria-hidden":!0}),e.cloneElement(t,{ref:J(t.ref,r)}),e.createElement("div",{tabIndex:0,onFocus:m,"aria-hidden":!0}))},de=l=>e.createElement(Q,l,e.createElement("path",{d:"m14 0-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6"})),fe=e.forwardRef((l,t)=>{let{isVisible:r=!0,className:d,...f}=l;return e.createElement(Y,{className:F("iui-backdrop",{"iui-backdrop-visible":r},d),ref:t,...f})}),G=e.createContext(void 0),I=()=>e.useContext(G)||{},K=W.div("iui-dialog-title"),q=e.createContext(void 0),me=()=>({...e.useContext(q)}),pe=Object.assign(e.forwardRef((l,t)=>{let r=I(),{children:d,titleText:f,isDismissible:m=r.isDismissible,onClose:i=r.onClose,isDraggable:s=r.isDraggable,className:o,onPointerDown:$,...b}=l,{onPointerDown:E}=me();return e.createElement(Y,{className:F("iui-dialog-title-bar",o,{"iui-dialog-title-bar-filled":s}),ref:t,onPointerDown:Z($,E),...b},d||e.createElement(e.Fragment,null,e.createElement(K,null,f),m&&e.createElement(_,{size:"small",styleType:"borderless",onClick:i,"aria-label":"Close","data-iui-shift":"right"},e.createElement(de,null))))}),{Title:K}),ge=W.div("iui-dialog-content"),he=e.forwardRef((l,t)=>{let r=I(),{isVisible:d=r.isOpen,isDismissible:f=r.isDismissible,onClose:m=r.onClose,closeOnExternalClick:i=r.closeOnExternalClick,relativeTo:s=r.relativeTo,onMouseDown:o,className:$,style:b,...E}=l,h=e.useRef(null),g=H(h,t),p=x=>{x.persist(),x.target===h.current&&(f&&i&&m&&m(x),o==null||o(x))};return e.createElement(fe,{isVisible:d,className:F({"iui-backdrop-fixed":s==="viewport"},$),ref:g,onMouseDown:p,style:{pointerEvents:"auto",...b},...E})}),xe=W.div("iui-dialog-button-bar");let U=l=>{var r,d,f;let t=(r=l==null?void 0:l.current)==null?void 0:r.getBoundingClientRect();return{top:(t==null?void 0:t.top)??0,right:(t==null?void 0:t.right)??((d=L())==null?void 0:d.innerWidth)??0,bottom:(t==null?void 0:t.bottom)??((f=L())==null?void 0:f.innerHeight)??0,left:(t==null?void 0:t.left)??0}};const be=(l,t,r=!0)=>{let d=e.useRef(0),f=e.useRef(0),m=e.useRef(),i=e.useRef(),s=e.useRef(U(t)),o=e.useCallback(()=>{var P;if(!l.current||!r)return;let{top:a,right:c,bottom:w,left:v}=(P=l.current)==null?void 0:P.getBoundingClientRect(),[k,u]=X(l.current);s.current=U(t),w>s.current.bottom&&(u-=w-s.current.bottom),as.current.right&&(k-=c-s.current.right),v()=>{b==null||b.disconnect()},[b]),ne("resize",()=>{o(),m.current!=null&&i.current!=null&&h(`translate(${m.current}px, ${i.current}px)`)},L());let[E,h]=e.useState(""),g=e.useRef(a=>{if(!l.current)return;let c=a.clientX-d.current,w=a.clientY-f.current;l.current.style.transform=`translate(${c}px, ${w}px)`,o()}),p=e.useRef("");return{onPointerDown:e.useCallback(a=>{if(!l.current||a.button!==0||!r)return;let[c,w]=X(l.current);d.current=a.clientX-c,f.current=a.clientY-w,p.current=l.current.style.userSelect,l.current.style.userSelect="none";let v=l.current.ownerDocument||document;v.addEventListener("pointermove",g.current),v.addEventListener("pointerup",()=>{h(`translate(${m.current}px, ${i.current}px)`),v.removeEventListener("pointermove",g.current),l.current&&(l.current.style.userSelect=p.current)},{once:!0})},[l,r]),transform:E}},ye=e.forwardRef((l,t)=>{let r=I(),{className:d,children:f,styleType:m="default",isOpen:i=r.isOpen,isDismissible:s=r.isDismissible,onClose:o=r.onClose,closeOnEsc:$=r.closeOnEsc,trapFocus:b=r.trapFocus,setFocus:E=r.setFocus,preventDocumentScroll:h=r.preventDocumentScroll,onKeyDown:g,isDraggable:p=r.isDraggable,isResizable:x=r.isResizable,style:a,placement:c=r.placement,...w}=l,[v,k]=e.useState(),u=e.useRef(null),P=e.useRef(!1),T=e.useRef(),S=e.useRef("");e.useEffect(()=>{i&&(S.current=document.body.style.overflow)},[i]),e.useEffect(()=>{var y;let n=(y=u.current)==null?void 0:y.ownerDocument;if(!(!n||!h||S.current==="hidden"))return i?n.body.style.overflow="hidden":n.body.style.overflow=S.current,()=>{n.body.style.overflow=S.current}},[i,h]);let D=n=>{n.altKey||(n.persist(),s&&$&&n.key==="Escape"&&o&&o(n),g==null||g(n))},{onPointerDown:O,transform:N}=be(u,r.dialogRootRef,p),C=e.useCallback(n=>{p&&O(n)},[p,O]);te(()=>{if(!p||!i)return;let[n,y]=X(u.current);k(R=>{var M,j;return{...R,insetInlineStart:(M=u.current)==null?void 0:M.offsetLeft,insetBlockStart:(j=u.current)==null?void 0:j.offsetTop,transform:`translate(${n}px,${y}px)`}})},[p,i]);let z=e.useCallback(n=>{k(y=>({...y,...n}))},[]),B=e.createElement(Y,{className:F("iui-dialog",{"iui-dialog-default":m==="default","iui-dialog-full-page":m==="fullPage","iui-dialog-visible":i,"iui-dialog-draggable":p},d),role:"dialog",ref:H(u,t),onKeyDown:D,tabIndex:-1,"data-iui-placement":c,style:{transform:N,...v,...a},...w},e.createElement(re,null,e.createElement("slot",null),x&&e.createElement(se,{elementRef:u,containerRef:r.dialogRootRef,onResizeStart:()=>{P.current||(P.current=!0,z({maxInlineSize:"100%"}))},onResizeEnd:z})),f);return e.createElement(A,{in:i,appear:!0,timeout:{exit:600},onEntered:()=>{var n,y;T.current=(n=u.current)==null?void 0:n.ownerDocument.activeElement,E&&((y=u.current)==null||y.focus({preventScroll:!0}))},onExit:()=>{var n,y,R;(y=u.current)!=null&&y.contains((n=u.current)==null?void 0:n.ownerDocument.activeElement)&&((R=T.current)==null||R.focus())},unmountOnExit:!0,nodeRef:u},e.createElement(q.Provider,{value:{onPointerDown:C}},b&&e.createElement(ce,null,B),!b&&B))});let Ee=e.forwardRef((l,t)=>{let{trapFocus:r=!1,setFocus:d=r,preventDocumentScroll:f=!1,isOpen:m=!1,isDismissible:i=!0,closeOnEsc:s=!0,closeOnExternalClick:o=!1,onClose:$,isDraggable:b=!1,isResizable:E=!1,relativeTo:h="viewport",placement:g,className:p,portal:x=!1,...a}=l,c=e.useRef(null);return e.createElement(A,{in:m,timeout:{exit:600},mountOnEnter:!0,unmountOnExit:!0},e.createElement(G.Provider,{value:{isOpen:m,onClose:$,closeOnEsc:s,closeOnExternalClick:o,isDismissible:i,preventDocumentScroll:f,trapFocus:r,setFocus:d,isDraggable:b,isResizable:E,relativeTo:h,dialogRootRef:c,placement:g}},e.createElement(le,{portal:x},e.createElement(Y,{className:F("iui-dialog-wrapper",p),"data-iui-relative":h==="container",ref:H(t,c),...a}))))});const ze=Object.assign(Ee,{Backdrop:he,Main:ye,TitleBar:pe,Content:ge,ButtonBar:xe});export{ze as D,ge as a,xe as b}; diff --git a/2298/react/assets/Dialog.stories-yVYH5eha.js b/2298/react/assets/Dialog.stories-yVYH5eha.js new file mode 100644 index 00000000000..67939f296fd --- /dev/null +++ b/2298/react/assets/Dialog.stories-yVYH5eha.js @@ -0,0 +1 @@ +import{r as c,j as e}from"./index-DhFzuRA5.js";import{B as o}from"./Button-_m-IOzlX.js";import{D as i}from"./Dialog-CpduzwYa.js";import{C as u}from"./Code-CP16kF9F.js";import"./ProgressRadial-JDu8zAlM.js";import"./useEventListener-hNgF1eUm.js";import"./focusable-DxELdZu-.js";const j={title:"Dialog"},b=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsx(i,{isOpen:s,onClose:l,closeOnEsc:!0,isDismissible:!0,children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})},v=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsxs(i,{isOpen:s,onClose:l,closeOnEsc:!0,closeOnExternalClick:!0,preventDocumentScroll:!0,trapFocus:!0,setFocus:!0,isDismissible:!0,children:[e.jsx(i.Backdrop,{onKeyDown:()=>console.log("onKeyDown")}),e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})]})]})},B=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsx(i,{isOpen:s,onClose:l,closeOnEsc:!0,isDismissible:!0,isDraggable:!0,isResizable:!0,children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})},C=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs("div",{style:{position:"relative",width:"70vw",height:"70vh",border:"1px solid red",padding:12},children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsxs("div",{style:{marginTop:12},children:["When ",e.jsx(u,{children:"Dialog"})," prop is ",e.jsx(u,{children:"relativeTo='container'"})," ","then container element must have ",e.jsx(u,{children:"position: 'relative'"})," ","set."]}),e.jsx(i,{isOpen:s,onClose:l,closeOnEsc:!0,isDismissible:!0,isDraggable:!0,isResizable:!0,relativeTo:"container",children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})},D=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsx(i,{isOpen:s,placement:"top-left",onClose:l,closeOnEsc:!0,isDismissible:!0,children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{b as Basic,B as DraggableAndResizable,C as DraggableRelativeToContainer,v as Modal,D as Placement,j as default}; diff --git a/2298/react/assets/Divider-Q7Hrbi3T.js b/2298/react/assets/Divider-Q7Hrbi3T.js new file mode 100644 index 00000000000..520c8889c47 --- /dev/null +++ b/2298/react/assets/Divider-Q7Hrbi3T.js @@ -0,0 +1 @@ +import{r,B as s,c}from"./index-DhFzuRA5.js";const l=r.forwardRef((a,e)=>{let{className:t,orientation:i="horizontal",...o}=a;return r.createElement(s,{as:"hr",className:c("iui-divider",t),"aria-orientation":i==="vertical"?"vertical":void 0,ref:e,...o})});export{l as D}; diff --git a/2298/react/assets/DropdownButton-Biy43FFJ.js b/2298/react/assets/DropdownButton-Biy43FFJ.js new file mode 100644 index 00000000000..9763d9ce8ba --- /dev/null +++ b/2298/react/assets/DropdownButton-Biy43FFJ.js @@ -0,0 +1 @@ +import{r as t,c as h}from"./index-DhFzuRA5.js";import{B as S}from"./Button-_m-IOzlX.js";import{D as d}from"./DropdownMenu-DRhN05WH.js";import{S as D}from"./SvgCaretUpSmall-DdY4evrf.js";import{S as E}from"./SvgCaretDownSmall-BS15oRF-.js";const v=t.forwardRef((m,i)=>{let{menuItems:n,className:l,size:o,styleType:c,children:u,dropdownMenuProps:e,...f}=m,[a,p]=t.useState(!1);return t.createElement(d,{menuItems:n,matchWidth:!0,visible:a,...e,onVisibleChange:r=>{var s;p(r),(s=e==null?void 0:e.onVisibleChange)==null||s.call(e,r)}},t.createElement(S,{className:h("iui-button-dropdown",l),size:o,styleType:c,endIcon:a?t.createElement(D,{"aria-hidden":!0}):t.createElement(E,{"aria-hidden":!0}),ref:i,...f},u))});export{v as D}; diff --git a/2298/react/assets/DropdownButton.stories-BAz1KarP.js b/2298/react/assets/DropdownButton.stories-BAz1KarP.js new file mode 100644 index 00000000000..5a4b1b93eb3 --- /dev/null +++ b/2298/react/assets/DropdownButton.stories-BAz1KarP.js @@ -0,0 +1 @@ +import{j as o}from"./index-DhFzuRA5.js";import{D as r}from"./DropdownButton-Biy43FFJ.js";import{M as n}from"./MenuItem-DISbthDF.js";import"./Button-_m-IOzlX.js";import"./ProgressRadial-JDu8zAlM.js";import"./DropdownMenu-DRhN05WH.js";import"./SvgCaretUpSmall-DdY4evrf.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.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/2298/react/assets/DropdownMenu-DRhN05WH.js b/2298/react/assets/DropdownMenu-DRhN05WH.js new file mode 100644 index 00000000000..f0c3e875e84 --- /dev/null +++ b/2298/react/assets/DropdownMenu-DRhN05WH.js @@ -0,0 +1 @@ +import{r as e,F as g,t as v,m as h}from"./index-DhFzuRA5.js";import{a as C}from"./MenuItem-DISbthDF.js";const y=e.forwardRef((r,o)=>e.createElement(g,null,e.createElement(D,{ref:o,...r})));let D=e.forwardRef((r,o)=>{let{menuItems:n,children:f,role:u="menu",visible:d,placement:l="bottom-start",matchWidth:a=!1,onVisibleChange:p,portal:c=!0,middleware:s,...b}=r,[i,t]=v(!1,d,p),w=e.useMemo(()=>typeof n=="function"?n(()=>t(!1)):n,[n,t]);return e.createElement(C,{trigger:f,onKeyDown:h(r.onKeyDown,m=>{m.defaultPrevented||m.key==="Tab"&&t(!1)}),role:u,ref:o,portal:c,popoverProps:e.useMemo(()=>({placement:l,matchWidth:a,visible:i,onVisibleChange:t,middleware:s}),[a,s,l,t,i]),...b},w)});export{y as D}; diff --git a/2298/react/assets/DropdownMenu.stories-B7NWqxOx.js b/2298/react/assets/DropdownMenu.stories-B7NWqxOx.js new file mode 100644 index 00000000000..a0b1e3999b4 --- /dev/null +++ b/2298/react/assets/DropdownMenu.stories-B7NWqxOx.js @@ -0,0 +1 @@ +import{r as s,j as e,I as l,R as v}from"./index-DhFzuRA5.js";import{S as c}from"./More-uIWNYWHh.js";import{S as a}from"./Placeholder-L-MfORW8.js";import{D as d}from"./DropdownMenu-DRhN05WH.js";import{M as o}from"./MenuItem-DISbthDF.js";import{M as j}from"./MenuDivider-Dn6_qof5.js";import{M as C}from"./MenuExtraContent-D2pvBVSo.js";import{T as x}from"./Text-sFYhh81u.js";import{S as k}from"./Select-CKIZamIt.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./Icon-Cr7ytm57.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";const u=n=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},s.createElement("path",{d:"M11.1 1.5v-.2c0-.1 0-.1-.1-.1H9.4V0h-3v1.2H4.8c-.1 0-.1 0-.1.1v.2H2V16h12V1.5zM13 15H3V2h1.7v.6c0 .1 0 .1.1.1H11c.1 0 .1 0 .1-.1V2H13z"})),I=n=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},s.createElement("path",{d:"M2 2V0h2v12h12v2h-2v2h-2v-2H2V4H0V2z"}),s.createElement("path",{d:"M14 11V2H5v2h7v7z"})),p=n=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},s.createElement("path",{d:"M16 8l-3-3v2H9V3h2L8 0 5 3h2v4H3V5L0 8l3 3V9h4v4H5l3 3 3-3H9V9h4v2z"})),G={title:"DropdownMenu"},M=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),children:"Item #2"},2),e.jsx(o,{onClick:n(3,t),disabled:!0,children:"Item #3"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};M.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const g=()=>{const n=(t,i)=>()=>{console.log(`${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n("Crop",t),startIcon:e.jsx(I,{}),children:"Crop"},1),e.jsx(o,{onClick:n("Paste",t),startIcon:e.jsx(u,{}),children:"Paste"},2),e.jsx(o,{onClick:n("Move",t),startIcon:e.jsx(p,{}),children:"Move"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};g.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const b=()=>{const n=(t,i)=>()=>{console.log(`${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n("Crop",t),endIcon:e.jsx(I,{}),children:"Crop"},1),e.jsx(o,{onClick:n("Paste",t),endIcon:e.jsx(u,{}),children:"Paste"},2),e.jsx(o,{onClick:n("Move",t),endIcon:e.jsx(p,{}),children:"Move"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};b.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const w=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),startIcon:e.jsx(a,{}),sublabel:"Sublabel #1",children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),startIcon:e.jsx(a,{}),sublabel:"Sublabel #2",children:"Item #2"},2),e.jsx(o,{onClick:n(3,t),startIcon:e.jsx(a,{}),sublabel:"Sublabel #3",children:"Item #3"},3)];return e.jsx("div",{style:{minHeight:200},children:e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})})};w.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const H=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),children:"Item #2"},2),e.jsx(o,{subMenuItems:[e.jsx(o,{subMenuItems:[e.jsx(o,{onClick:n(7,t),children:"Item #7"},7),e.jsx(o,{onClick:n(8,t),children:"Item #8"},8)],children:"Item #4"},4),e.jsx(o,{onClick:n(5,t),children:"Item #5"},5),e.jsx(o,{subMenuItems:[e.jsx(o,{onClick:n(9,t),children:"Item #9"},9),e.jsx(o,{onClick:n(10,t),children:"Item #10"},10)],children:"Item #6"},6)],children:"Item #3"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};H.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const S=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),children:"Item #2"},2),e.jsx(j,{},3),e.jsx(o,{onClick:n(3,t),disabled:!0,children:"Item #3"},4),e.jsx(o,{onClick:n(4,t),children:"Item #4"},5)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};S.decorators=[n=>e.jsx("div",{style:{minHeight:200},children:e.jsx(n,{})})];const f=()=>{const n=(m,h)=>()=>{console.log(`'${m}' clicked!`),h()},[r,t]=v.useState("User"),i=m=>[e.jsx(C,{children:e.jsxs(e.Fragment,{children:[e.jsx(x,{variant:"leading",children:"Terry Rivers"}),e.jsx(x,{isMuted:!0,style:{marginBottom:8},children:"terry.rivers@email.com"}),e.jsx(k,{options:[{value:"User",label:"User"},{value:"Moderator",label:"Moderator"},{value:"Administrator",label:"Administrator"}],value:r,onChange:h=>t(h)})]})},0),e.jsx(j,{},1),e.jsx(o,{onClick:n("View profile",m),children:"View profile"},2),e.jsx(o,{onClick:n("Sign out",m),children:"Sign out"},3)];return e.jsx(d,{menuItems:i,children:e.jsx(l,{label:"Toggle user info",children:e.jsx(c,{})})})};f.decorators=[n=>e.jsx("div",{style:{minHeight:250},children:e.jsx(n,{})})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{M as Basic,H as Submenu,f as WithContent,b as WithEndIcons,S as WithSeparator,g as WithStartIcons,w as WithSublabels,G as default}; diff --git a/2298/react/assets/Edit-DuVLyzt6.js b/2298/react/assets/Edit-DuVLyzt6.js new file mode 100644 index 00000000000..b3143107254 --- /dev/null +++ b/2298/react/assets/Edit-DuVLyzt6.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/ExpandableBlock.stories-Ban-Cx-v.js b/2298/react/assets/ExpandableBlock.stories-Ban-Cx-v.js new file mode 100644 index 00000000000..6cd86536fa8 --- /dev/null +++ b/2298/react/assets/ExpandableBlock.stories-Ban-Cx-v.js @@ -0,0 +1 @@ +import{r as t,B as E,c as u,u as f,p as T,h as w,m as v,l as N,S as y,j as n}from"./index-DhFzuRA5.js";import{I as h}from"./Icon-Cr7ytm57.js";import{L as S}from"./LinkAction-DYlAaokJ.js";import{S as W}from"./SvgChevronRight-CM7-XKoS.js";let m=t.createContext(void 0),R=t.forwardRef((a,l)=>{let{children:r,title:i,caption:c,endIcon:s,...d}=a;return t.createElement(e.Wrapper,{...d,ref:l},t.createElement(e.Trigger,{label:i,caption:c,endIcon:s}),t.createElement(e.Content,null,r))}),A=t.forwardRef((a,l)=>{let{children:r,className:i,onToggle:c,style:s,isExpanded:d,status:x,size:p="default",styleType:o="default",disabled:b=!1,...B}=a,[j,C]=t.useState(d??!1),k=d??j,[g,I]=t.useState(void 0);return t.createElement(m.Provider,{value:{status:x,isExpanded:k,onToggle:c,size:p,styleType:o,disabled:b,setExpanded:C,children:r,descriptionId:g,setDescriptionId:I}},t.createElement(E,{className:u("iui-expandable-block",i),"data-iui-expanded":k,"data-iui-size":p,"data-iui-variant":o!=="default"?o:void 0,style:s,ref:l,...B},r))}),L=t.forwardRef((a,l)=>{let{className:r,children:i,label:c,caption:s,expandIcon:d,endIcon:x,...p}=a,{disabled:o,status:b}=f(m);return t.createElement(S,{className:u("iui-expandable-header",r),"data-iui-disabled":o?"true":void 0,ref:l,...p},i??t.createElement(t.Fragment,null,d??t.createElement(e.ExpandIcon,null),t.createElement(e.LabelArea,null,t.createElement(e.Title,null,c),s&&t.createElement(e.Caption,null,s)),x||b?t.createElement(e.EndIcon,null,x):null))}),D=t.forwardRef((a,l)=>{let{className:r,children:i,...c}=a;return t.createElement(h,{className:u("iui-expandable-block-icon",r),ref:l,...c},i??t.createElement(W,{"aria-hidden":!0}))}),z=T.span("iui-expandable-block-label"),P=t.forwardRef((a,l)=>{let{className:r,children:i,onClick:c,...s}=a,{isExpanded:d,setExpanded:x,disabled:p,onToggle:o,descriptionId:b}=f(m);return t.createElement(w,{className:u("iui-expandable-block-title","iui-link-action",r),"aria-expanded":d,"aria-disabled":p,onClick:v(c,()=>{p||(x(!d),o==null||o(!d))}),ref:l,"aria-describedby":b,...s},i)}),F=t.forwardRef((a,l)=>{let r=N(),{setDescriptionId:i}=f(m);return t.useEffect(()=>(i(a.id||r),()=>i(void 0)),[a.id,r,i]),t.createElement(E,{ref:l,id:r,...a,className:u("iui-expandable-block-caption",a==null?void 0:a.className)})}),_=t.forwardRef((a,l)=>{let{children:r,...i}=a,{status:c}=f(m),s=r??(c&&y[c]());return t.createElement(h,{fill:c,ref:l,...i},s)}),H=t.forwardRef((a,l)=>{let{className:r,children:i,innerProps:c,...s}=a;return t.createElement(E,{className:u("iui-expandable-content",r),ref:l,...s},t.createElement(E,c,i))});const e=Object.assign(R,{Wrapper:A,Trigger:L,ExpandIcon:D,LabelArea:z,Title:P,Caption:F,EndIcon:_,Content:H}),G={title:"ExpandableBlock"},J=()=>n.jsx(e,{title:"Basic Block",children:"Content in block!"}),K=()=>n.jsxs(e.Wrapper,{children:[n.jsxs(e.Trigger,{children:[n.jsx(e.ExpandIcon,{}),n.jsxs(e.LabelArea,{children:[n.jsx(e.Title,{children:"Basic Block"}),n.jsx(e.Caption,{children:"basic caption"})]})]}),n.jsx(e.Content,{children:"Content in block!"})]}),Q=()=>n.jsx(n.Fragment,{children:[...Array(3).fill(null)].map((a,l)=>n.jsxs(e.Wrapper,{children:[n.jsx(e.Trigger,{label:`Basic Block #${l+1}`}),n.jsx(e.Content,{children:"Content in block!"})]},l))}),U=()=>n.jsxs(e.Wrapper,{status:"positive",children:[n.jsxs(e.Trigger,{children:[n.jsx(e.ExpandIcon,{}),n.jsx(e.LabelArea,{children:n.jsx(e.Title,{children:"Basic Block With Status"})}),n.jsx(e.EndIcon,{})]}),n.jsx(e.Content,{children:"Content in block!"})]}),V=()=>n.jsxs(e.Wrapper,{size:"small",children:[n.jsx(e.Trigger,{label:"Basic Block"}),n.jsx(e.Content,{children:"Content in block!"})]}),X=()=>n.jsxs(e.Wrapper,{styleType:"borderless",children:[n.jsx(e.Trigger,{label:"Basic Block"}),n.jsx(e.Content,{children:"Content in block!"})]}),Y=()=>n.jsxs(e.Wrapper,{disabled:!0,children:[n.jsx(e.Trigger,{label:"Disabled Block"}),n.jsx(e.Content,{children:"Content in block!"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Q as Accordion,J as Basic,X as Borderless,Y as Disabled,V as Small,U as StatusIcon,K as WithCaption,G as default}; diff --git a/2298/react/assets/Fieldset.stories-BjKtBT80.js b/2298/react/assets/Fieldset.stories-BjKtBT80.js new file mode 100644 index 00000000000..249e68d08db --- /dev/null +++ b/2298/react/assets/Fieldset.stories-BjKtBT80.js @@ -0,0 +1 @@ +import{r as l,c as b,j as e}from"./index-DhFzuRA5.js";import{F as h}from"./FieldsetBase-NUuNCSln.js";import{L as m}from"./LabeledSelect-D6_BmKgX.js";import{I as r}from"./InputGroup-DRXjU33i.js";import{R as a}from"./Radio-CsyOu0qp.js";import{T as i}from"./ToggleSwitch-D9_iq6aA.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./Icon-Cr7ytm57.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./InputGrid-B9GMezED.js";import"./Label-Jsz1vg8n.js";import"./Input-DfkpvfT2.js";import"./Textarea-jz-XhrTC.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const p=l.forwardRef((s,o)=>{let{children:t,className:u,disabled:d,legend:c,...x}=s;return l.createElement(h,{className:b("iui-fieldset",u),disabled:d,ref:o,...x},c&&l.createElement("legend",null,c),d?l.Children.map(t,n=>l.isValidElement(n)?l.cloneElement(n,{disabled:!0}):n):t)}),J={title:"Fieldset"},K=()=>{const[s,o]=l.useState(void 0);return e.jsxs(p,{legend:"General Settings",style:{display:"flex",flexDirection:"column",gap:11},children:[e.jsx(m,{label:"Resolution",options:[{value:1,label:"1200 x 1000"},{value:2,label:"1600 x 1200"},{value:3,label:"2560 x 1600"}],displayStyle:"inline",value:s,onChange:t=>o(t),placeholder:"Select"}),e.jsxs(r,{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(r,{children:[e.jsx(i,{label:"Share usage statistics"}),e.jsx(i,{label:"Share crash logs"}),e.jsx(i,{disabled:!0,label:"Advanced settings"})]})]})},O=()=>{const[s,o]=l.useState(void 0);return e.jsxs(p,{legend:"General Settings",style:{display:"flex",flexDirection:"column",gap:11},disabled:!0,children:[e.jsx(m,{label:"Resolution",options:[{value:1,label:"1200 x 1000"},{value:2,label:"1600 x 1200"},{value:3,label:"2560 x 1600"}],displayStyle:"inline",value:s,onChange:t=>o(t),placeholder:"Select"}),e.jsxs(r,{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(r,{children:[e.jsx(i,{label:"Share usage statistics"}),e.jsx(i,{label:"Share crash logs"}),e.jsx(i,{label:"Advanced settings"})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{K as Basic,O as Disabled,J as default}; diff --git a/2298/react/assets/FieldsetBase-NUuNCSln.js b/2298/react/assets/FieldsetBase-NUuNCSln.js new file mode 100644 index 00000000000..7c90811ea39 --- /dev/null +++ b/2298/react/assets/FieldsetBase-NUuNCSln.js @@ -0,0 +1 @@ +import{p as e}from"./index-DhFzuRA5.js";const i=e.fieldset("iui-fieldset-base");export{i as F}; diff --git a/2298/react/assets/FileUpload.stories-DC-IKAH0.js b/2298/react/assets/FileUpload.stories-DC-IKAH0.js new file mode 100644 index 00000000000..6cb27fbf35a --- /dev/null +++ b/2298/react/assets/FileUpload.stories-DC-IKAH0.js @@ -0,0 +1 @@ +import{r as e,o as T,B as h,c as g,m as D,p as I,u as w,g as S,e as N,V as U,l as R,j as o,I as z}from"./index-DhFzuRA5.js";import{L}from"./LabeledInput-HkpWfIYR.js";import{A as b}from"./Anchor-Bcb8Skmt.js";import"./Input-DfkpvfT2.js";import"./InputGrid-B9GMezED.js";import"./Label-Jsz1vg8n.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const B=t=>e.createElement(T,t,e.createElement("path",{d:"m2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z"})),H=t=>e.createElement(T,t,e.createElement("path",{d:"M10 0H2v16h12V4h-4zm1 0v3h3z"})),A=e.forwardRef((t,a)=>{let{dragContent:l,children:d,onFileDropped:i,contentProps:r,...m}=t,[u,p]=e.useState(!1),f=n=>{n.preventDefault(),n.stopPropagation()},E=n=>{var s,F,j;n.preventDefault(),n.stopPropagation(),!u&&((j=(F=(s=n.dataTransfer)==null?void 0:s.items)==null?void 0:F[0])==null?void 0:j.kind)==="file"&&p(!0)},x=n=>{var s;n.preventDefault(),n.stopPropagation(),u&&!((s=n.currentTarget)!=null&&s.contains(n.relatedTarget))&&p(!1)},C=n=>{var s;n.preventDefault(),n.stopPropagation(),u&&(p(!1),i((s=n.dataTransfer)==null?void 0:s.files,n))};return e.createElement(h,{...m,className:g("iui-file-upload",{"iui-drag":u},t==null?void 0:t.className),ref:a,onDragEnter:D(t.onDragEnter,E),onDragOver:D(t.onDragOver,f),onDragLeave:D(t.onDragLeave,x),onDrop:D(t.onDrop,C)},l?d:e.createElement(h,{as:"div",...r,className:g("iui-content",r==null?void 0:r.className)},d),l&&e.createElement(h,{as:"div",...r,className:g("iui-content",r==null?void 0:r.className)},l))});let M=I.span("iui-file-card-empty-icon",{children:e.createElement(B,null)}),O=I.span("iui-file-card-empty-action"),V=e.forwardRef((t,a)=>{let{children:l,className:d,...i}=t;return e.createElement(h,{className:g("iui-file-card-empty",d),ref:a,...i},l??e.createElement(e.Fragment,null,e.createElement(v.Icon,null),e.createElement(v.Text,null,e.createElement(c.InputLabel,null,"Choose a file"),e.createElement("div",null,"to upload."))))});const v=Object.assign(V,{Icon:M,Text:O});let $=t=>{let a=[" bytes","KB","MB","GB","TB"],l=0;for(;t>=1024&&++l;)t/=1024;return t.toFixed(t<10&&l>0?2:0)+a[l]},k=t=>{let a=new Date(t);return a.toDateString()+" "+a.toLocaleTimeString()},P=I.span("iui-file-card-icon",{children:e.createElement(H,null)}),W=I.span("iui-file-card-text"),_=e.forwardRef((t,a)=>{let{children:l,className:d,...i}=t,{files:r}=w(y),m=r.length>1?r.length+" files selected":r[0].name;return e.createElement(h,{as:"span",className:g("iui-file-card-title",d),ref:a,...i},l??m)}),G=e.forwardRef((t,a)=>{let{children:l,className:d,...i}=t,{files:r}=w(y),m=r.length>1?r[0].name+", "+r[1].name:$(r[0].size)+" "+k(r[0].lastModified);return r.length>2&&(m+=", and "+(r.length-2)+" others"),e.createElement(h,{as:"span",className:g("iui-file-card-description",d),ref:a,...i},l??m)}),K=I.div("iui-file-card-action"),q=e.forwardRef((t,a)=>{let{children:l,...d}=t,{inputId:i}=w(y);return e.createElement(b,{as:"label",ref:a,htmlFor:i,...d},l)}),J=e.forwardRef((t,a)=>{let{children:l,onChange:d,id:i,...r}=t,{files:m,onFilesChange:u,setInternalFiles:p,inputId:f,setInputId:E}=w(y),x=e.useCallback(n=>{var F;if(!n||!((F=S())!=null&&F.DataTransfer))return;let s=new DataTransfer;s.items.clear(),Array.from(m).forEach(j=>s.items.add(j)),n.files=s.files},[m]),C=N(a,x);return e.useEffect(()=>{i&&i!==f&&E(i)},[i,f,E]),e.createElement(e.Fragment,null,e.createElement(U,{as:"input",type:"file",unhideOnFocus:!1,onChange:D(d,n=>{let s=Array.from(n.currentTarget.files||[]);u==null||u(s),p(s)}),ref:C,id:i??f,...r}),l)}),Q=e.forwardRef((t,a)=>{let{className:l,children:d,files:i,onFilesChange:r,emptyCard:m=e.createElement(v,null),input:u,...p}=t,[f,E]=e.useState(),x=R(),[C,n]=e.useState(x),s=i??f??[];return e.createElement(y.Provider,{value:{files:s,onFilesChange:r,setInternalFiles:E,inputId:C,setInputId:n}},s!=null&&s.length?e.createElement(h,{className:g("iui-file-card",l),ref:a,...p},d??e.createElement(e.Fragment,null,e.createElement(c.Icon,null),e.createElement(c.Info,null,e.createElement(c.Title,null),e.createElement(c.Description,null)),e.createElement(c.Action,null,e.createElement(c.InputLabel,null,"Replace")))):m,u??e.createElement(c.Input,null))});const c=Object.assign(Q,{Icon:P,Info:W,Title:_,Description:G,Action:K,InputLabel:q,Input:J}),y=e.createContext(void 0),X=t=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},e.createElement("path",{d:"M14 0L8 6 2 0 0 2l6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6"})),Y=t=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},e.createElement("path",{d:"M8 0a8 8 0 108 8 7.998 7.998 0 00-8-8zm3 5a1.147 1.147 0 011 1.25 1.147 1.147 0 01-1 1.25 1.147 1.147 0 01-1-1.25A1.147 1.147 0 0111 5zM5 5a1.147 1.147 0 011 1.25A1.147 1.147 0 015 7.5a1.147 1.147 0 01-1-1.25A1.147 1.147 0 015 5zm3 8.5A4.774 4.774 0 013 9a.5.5 0 011 0 3.772 3.772 0 004 3.5A3.772 3.772 0 0012 9a.5.5 0 011 0 4.774 4.774 0 01-5 4.5z"})),Z=t=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},e.createElement("path",{d:"M8 0a8 8 0 108 8 7.998 7.998 0 00-8-8zm2.46 5.23l1.5.75a2.512 2.512 0 01.04.27 1.147 1.147 0 01-1 1.25 1.147 1.147 0 01-1-1.25 1.29 1.29 0 01.46-1.02zm-6.42.75l1.5-.75A1.29 1.29 0 016 6.25 1.147 1.147 0 015 7.5a1.147 1.147 0 01-1-1.25 2.512 2.512 0 01.04-.27zm8.4 6.49a.453.453 0 01-.16.03.508.508 0 01-.48-.34A3.934 3.934 0 008 9.5a3.934 3.934 0 00-3.8 2.66.495.495 0 01-.63.31.485.485 0 01-.32-.63A4.947 4.947 0 018 8.5h.07a4.943 4.943 0 014.68 3.34.487.487 0 01-.31.63z"})),Ie={title:"FileUpload"},ye=()=>{const[t,a]=e.useState([]);return o.jsx(A,{dragContent:"Drop file to upload",onFileDropped:l=>{a(Array.from(l)),console.log(`${l.length} files uploaded`)},children:o.jsx(L,{placeholder:"Type a message",style:{width:"100%"},message:t.length?`Attached: ${t.map(l=>l.name)}`:"Drag files to attach"})})},je=()=>{const[t,a]=e.useState([]);return o.jsx(A,{onFileDropped:l=>{a(Array.from(l)),console.log(`${l.length} files uploaded`)},children:o.jsx(c,{files:t,onFilesChange:l=>a(l)})})},we=()=>{const t=e.useRef(null),[a,l]=e.useState([]),d=o.jsxs(v,{children:[o.jsx(v.Icon,{children:o.jsx(Z,{})}),o.jsxs(v.Text,{children:[o.jsx(c.InputLabel,{children:"Custom Label Text"}),o.jsx("div",{children:"Custom Description Text"})]})]});return o.jsx(A,{onFileDropped:i=>{l(Array.from(i)),console.log(`${i.length} files uploaded`)},children:o.jsxs(c,{files:a,onFilesChange:i=>l(i),emptyCard:d,input:o.jsx(c.Input,{name:"my-file",ref:t}),children:[o.jsx(c.Icon,{children:o.jsx(Y,{})}),o.jsxs(c.Info,{children:[o.jsx(c.Title,{children:"Custom File Name"}),o.jsx(c.Description,{children:"Custom File Description"})]}),o.jsx(c.Action,{children:o.jsx(z,{label:"Remove file",onClick:()=>{l([])},styleType:"borderless",children:o.jsx(X,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{we as CustomFileUploadCard,je as DefaultFileUploadCard,ye as WrappingInput,Ie as default}; diff --git a/2298/react/assets/Flex-DbQmRNYC.js b/2298/react/assets/Flex-DbQmRNYC.js new file mode 100644 index 00000000000..34ec590f89a --- /dev/null +++ b/2298/react/assets/Flex-DbQmRNYC.js @@ -0,0 +1 @@ +import{r as t,B as n,c}from"./index-DhFzuRA5.js";let g=["3xs","2xs","xs","s","m","l","xl","2xl","3xl"],m=e=>g.includes(e)?`var(--iui-size-${e})`:e,y=t.forwardRef((e,a)=>{let{display:l,flexDirection:i,justifyContent:r,alignItems:s,gap:f,flexWrap:x,className:u,style:o,...p}=e;return t.createElement(n,{className:c("iui-flex",u),style:{"--iui-flex-display":l,"--iui-flex-direction":i,"--iui-flex-justify":r,"--iui-flex-align":s,"--iui-flex-gap":m(f),"--iui-flex-wrap":x,...o},ref:a,...p})}),d=t.forwardRef((e,a)=>{let{flex:l,className:i,style:r,...s}=e;return t.createElement(n,{className:c("iui-flex-spacer",i),style:{"--iui-flex-spacer-flex":l,...r},ref:a,...s})}),F=t.forwardRef((e,a)=>{let{gapBefore:l,gapAfter:i,flex:r,alignSelf:s,className:f,style:x,...u}=e,o={"--iui-flex-item-flex":r,"--iui-flex-item-align":s,"--iui-flex-item-gap-before":m(l),"--iui-flex-item-gap-after":m(i),...l!==void 0&&{"--iui-flex-item-gap-before-toggle":"var(--iui-on)"},...i!==void 0&&{"--iui-flex-item-gap-after-toggle":"var(--iui-on)"},...x};return t.createElement(n,{className:c("iui-flex-item",f),ref:a,style:o,...u})});const v=Object.assign(y,{Item:F,Spacer:d});export{v as F}; diff --git a/2298/react/assets/Flex.stories-OV_0V2il.js b/2298/react/assets/Flex.stories-OV_0V2il.js new file mode 100644 index 00000000000..f0cab4af9e1 --- /dev/null +++ b/2298/react/assets/Flex.stories-OV_0V2il.js @@ -0,0 +1,11 @@ +import{j as e}from"./index-DhFzuRA5.js";import{F as i}from"./Flex-DbQmRNYC.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/2298/react/assets/Folder-DEKFwcsl.js b/2298/react/assets/Folder-DEKFwcsl.js new file mode 100644 index 00000000000..0a84bcfe1e3 --- /dev/null +++ b/2298/react/assets/Folder-DEKFwcsl.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Footer.stories-RRqzOotO.js b/2298/react/assets/Footer.stories-RRqzOotO.js new file mode 100644 index 00000000000..a95156c7d86 --- /dev/null +++ b/2298/react/assets/Footer.stories-RRqzOotO.js @@ -0,0 +1 @@ +import{p as y,r,B as x,c as k,j as e}from"./index-DhFzuRA5.js";import{A as v}from"./Anchor-Bcb8Skmt.js";import"./Text-sFYhh81u.js";const f=y.li("iui-legal-footer-item"),h=y.li("iui-legal-footer-separator",{"aria-hidden":!0}),g=y.ul("iui-legal-footer-list");let c={cookies:"Cookies",legalNotices:"Legal notices",privacy:"Privacy",termsOfService:"Terms of service",termsOfUse:"Terms of use"};const E=[{key:"copyright",title:`© ${new Date().getFullYear()} Bentley Systems, Incorporated`},{key:"termsOfService",title:c.termsOfService,url:"https://connect-agreementportal.bentley.com/AgreementApp/Home/Eula/view/readonly/BentleyConnect"},{key:"privacy",title:c.privacy,url:"https://www.bentley.com/en/privacy-policy"},{key:"termsOfUse",title:c.termsOfUse,url:"https://www.bentley.com/en/terms-of-use-and-select-online-agreement"},{key:"cookies",title:c.cookies,url:"https://www.bentley.com/en/cookie-policy"},{key:"legalNotices",title:c.legalNotices,url:"https://connect.bentley.com/Legal"}],o=Object.assign(i=>{let{children:t,customElements:l,translatedTitles:p,className:d,...w}=i,n={...c,...p},a=E.map(s=>{if(s.key&&n.hasOwnProperty(s.key)){let u=s.key;return{...s,title:n[u]}}return s}),m=a;return l&&(m=typeof l=="function"?l(a):[...a,...l]),r.createElement(x,{as:"footer",className:k("iui-legal-footer",d),...w},t||r.createElement(g,null,m.map((s,u)=>r.createElement(r.Fragment,{key:s.key||`${s.title}-${u}`},u>0&&r.createElement(h,null),r.createElement(f,null,s.url?r.createElement(v,{href:s.url,target:"_blank",rel:"noreferrer"},s.title):s.title)))))},{List:g,Item:f,Separator:h}),j=i=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...i},r.createElement("path",{d:"M8 12.5a5.19 5.19 0 01-3.872-1.666.5.5 0 11.744-.668A4.191 4.191 0 008 11.5a4.191 4.191 0 003.128-1.334.5.5 0 11.744.668A5.19 5.19 0 018 12.5zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-4a7 7 0 11-7 7 7.008 7.008 0 017-7m0-1a8 8 0 108 8 8 8 0 00-8-8z"})),F={title:"Footer"},O=()=>e.jsx(o,{translatedTitles:{cookies:"Cookies translated"}}),S=()=>e.jsx(o,{customElements:[{title:"Custom",url:"https://www.bentley.com/"}]}),T=()=>e.jsx(o,{customElements:()=>[{title:"Custom Element 1",url:"https://www.bentley.com/"},{title:"Custom Element 2"},{title:"Custom Element 3"},{title:"Custom Element 4"}]}),z=()=>{const i=t=>{const l={privacy:"https://www.bentley.com/",cookies:"https://www.bentley.com/",legalNotices:"https://www.bentley.com/"},p={termsOfService:"Terms of service translated",privacy:"Privacy translated",termsOfUse:"Terms of use translated",cookies:"Cookies translated",legalNotices:"Legal notices translated"},d=[{title:"Custom Element 1",url:"https://www.bentley.com/"},{title:"Custom Element 2"}];return[...t.map(({key:n,title:a,url:m})=>({key:n,title:n?p[n]??a:a,url:n?l[n]??m:m})),...d]};return e.jsx(o,{customElements:i})},B=()=>e.jsx("div",{children:e.jsx(o,{style:{position:"fixed",bottom:0}})}),N=()=>{const i=e.jsxs(o.Item,{children:[e.jsx(j,{style:{width:12,height:12,marginRight:4}}),e.jsxs("span",{children:["Powered by Happiness © ",new Date().getFullYear()]})]},"copyright");return e.jsx(o,{children:e.jsx(o.List,{children:[i,...E.filter(t=>t.key!=="copyright").flatMap((t,l)=>e.jsxs(r.Fragment,{children:[e.jsx(o.Separator,{}),e.jsx(o.Item,{children:t.url?e.jsx("a",{href:t.url,target:"_blank",rel:"noreferrer",children:t.title}):t.title})]},t.key||`${t.title}-${l}`)),,]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{S as AppendedCustomElements,O as Basic,B as BottomFixed,N as CustomContent,z as CustomizedDefaultAndCustomElements,T as OnlyCustomElements,F as default}; diff --git a/2298/react/assets/Header.stories-BO-T-O0R.js b/2298/react/assets/Header.stories-BO-T-O0R.js new file mode 100644 index 00000000000..070bd1e9f44 --- /dev/null +++ b/2298/react/assets/Header.stories-BO-T-O0R.js @@ -0,0 +1 @@ +import{r as t,o as P,B as o,c as j,I as C,h as B,e as H,j as e}from"./index-DhFzuRA5.js";import{S as I}from"./Network-DkB-39o7.js";import{S as U}from"./Notification-BTbL0dfn.js";import{D as w}from"./DropdownMenu-DRhN05WH.js";import{S as L}from"./SvgChevronRight-CM7-XKoS.js";import{S as R}from"./SvgCaretUpSmall-DdY4evrf.js";import{S as A}from"./SvgCaretDownSmall-BS15oRF-.js";import{A as E}from"./Avatar-CPLkr2HC.js";import{M as v}from"./MenuItem-DISbthDF.js";import{M as F}from"./MenuExtraContent-D2pvBVSo.js";import{T as z}from"./Text-sFYhh81u.js";import{S as D}from"./Select-CKIZamIt.js";import{M as O}from"./MenuDivider-Dn6_qof5.js";import{I as W}from"./Input-DfkpvfT2.js";import{g as M}from"./colors-ymlpSE_k.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./Icon-Cr7ytm57.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";const J=r=>t.createElement(P,r,t.createElement("path",{d:"m8 4a2 2 0 1 1 2-2 2 2 0 0 1 -2 2zm2 4a2 2 0 1 0 -2 2 2 2 0 0 0 2-2zm0 6a2 2 0 1 0 -2 2 2 2 0 0 0 2-2z"}));let Y={moreOptions:"More options"};const k=t.forwardRef((r,a)=>{let{appLogo:s,breadcrumbs:i,isSlim:n=!1,actions:c,menuItems:l,translatedStrings:m,className:h,children:b,...u}=r,g={...Y,...m};return t.createElement(o,{as:"header",className:j("iui-page-header",h),"data-iui-size":n?"slim":void 0,ref:a,...u},t.createElement(o,{className:"iui-page-header-left"},s,i&&t.createElement(o,{className:"iui-page-header-divider"}),i),b&&t.createElement(o,{className:"iui-page-header-center"},b),t.createElement(o,{className:"iui-page-header-right"},c,l&&t.createElement(w,{menuItems:l},t.createElement(C,{styleType:"borderless","aria-label":g.moreOptions},t.createElement(J,{"aria-hidden":!0})))))}),S=t.forwardRef((r,a)=>{let{className:s,items:i,...n}=r;return t.createElement(o,{as:"nav","aria-label":"breadcrumbs",className:j("iui-breadcrumbs","iui-header-breadcrumbs",s),ref:a,...n},t.createElement(o,{as:"ol",className:j("iui-breadcrumbs-list","iui-header-breadcrumbs-list")},i.reduce((c,l,m)=>[...c,l,m!==i.length-1&&t.createElement(o,{as:"li",className:"iui-breadcrumbs-separator",key:m},t.createElement(L,{key:`chevron${m}`,"aria-hidden":!0,className:"iui-chevron"}))],[])))}),T=t.forwardRef((r,a)=>{let{className:s,children:i,startIcon:n,endIcon:c,styleType:l,size:m,...h}=r;return t.createElement(B,{className:j("iui-header-breadcrumb-button",s),ref:a,...h},n,i,c)}),$=t.forwardRef((r,a)=>{let{menuItems:s,className:i,menuPlacement:n="bottom-end",children:c,disabled:l,...m}=r,[h,b]=t.useState(!1),[u,g]=t.useState(0),x=t.useRef(null);return t.useEffect(()=>{x.current&&g(x.current.offsetWidth)},[c]),t.createElement(o,{className:j("iui-header-breadcrumb-button-wrapper",i),ref:x},t.createElement(T,{ref:a,disabled:l,...m},c),t.createElement(w,{placement:n,menuItems:s,style:{minInlineSize:u},onVisibleChange:V=>b(V)},t.createElement(B,{"aria-label":"More",className:"iui-header-breadcrumb-button iui-header-breadcrumb-button-split",disabled:l},h?t.createElement(R,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}):t.createElement(A,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}))))}),_=t.forwardRef((r,a)=>{let{menuItems:s,className:i,children:n,...c}=r,[l,m]=t.useState(!1),[h,b]=t.useState(0),u=t.useRef(null),g=H(a,u);return t.useEffect(()=>{u.current&&b(u.current.offsetWidth)},[n]),t.createElement(w,{menuItems:s,style:{minInlineSize:h},onVisibleChange:x=>m(x)},t.createElement(T,{className:j("iui-header-breadcrumb-button",i),ref:g,"aria-label":"Dropdown",endIcon:l?t.createElement(R,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}):t.createElement(A,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}),...c},n))}),d=t.forwardRef((r,a)=>{let{name:s,description:i,htmlName:n,isActive:c=!1,startIcon:l,menuItems:m,disabled:h,...b}=r,u={startIcon:l?t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-icon","aria-hidden":!0},l):null,children:t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text"},t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text-label"},s),i&&t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text-sublabel"},i)),ref:a,disabled:h,name:n,...!!m&&{menuItems:m},...b},g=r.menuItems&&r.onClick?t.createElement($,u):r.menuItems?t.createElement(_,u):t.createElement(T,u);return t.createElement(o,{as:"li",className:"iui-header-breadcrumb-item","aria-current":c?"location":void 0,"aria-disabled":h?"true":void 0},g)}),y=t.forwardRef((r,a)=>{let{className:s,children:i,logo:n,onClick:c,as:l=c?"button":"div",...m}=r;return t.createElement(o,{className:j("iui-header-brand",s),as:l,type:l==="button"?"button":void 0,onClick:c,ref:a,...m},n?t.createElement(o,{as:"span",className:"iui-header-brand-icon","aria-hidden":!0},n):null,i&&t.createElement(o,{as:"span",className:"iui-header-brand-label"},i))}),q=r=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},t.createElement("path",{d:"M10.015 6.346a2.52 2.52 0 01-.93 1.79 1.991 1.991 0 00-.79 1.5h-1.11a2.921 2.921 0 011.12-2.29c.787-.677.621-1.96-.38-1.96-.633.022-.74.696-.74 1.28h-1.2a2.868 2.868 0 01.68-2.09 2.041 2.041 0 013.35 1.77zm-1.52 4.805a.745.745 0 11-.745-.745.745.745 0 01.745.745zM8 1.501A6.499 6.499 0 111.501 8 6.506 6.506 0 018 1.501m0-1.5A7.999 7.999 0 1015.999 8 7.999 7.999 0 008 .001z"})),G=r=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},t.createElement("path",{d:"M14.025 3.253l-5-2.974a2.023 2.023 0 00-2.05 0l-5 2.974A1.994 1.994 0 001 4.963v6.073a2.025 2.025 0 00.975 1.71l5 2.975a2.023 2.023 0 002.05 0l5-2.974a1.994 1.994 0 00.975-1.71V4.938a1.953 1.953 0 00-.975-1.686zM8 3.25a1.063 1.063 0 11-1.063 1.063A1.063 1.063 0 018 3.25zm3 9.19a.25.25 0 01-.122.214l-2.725 1.623a.25.25 0 01-.255 0L5.123 12.64A.25.25 0 015 12.424v-1.441a.25.25 0 01.378-.215L7 11.667v-3.43l-.878-.56A.25.25 0 016 7.462V6.016a.25.25 0 01.378-.214l2.5 1.383A.25.25 0 019 7.399v4.268l1.622-.899a.25.25 0 01.378.215z"})),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)=>s=>{console.log(`Menu '${r}', ${s} clicked!`),a()},p=r=>a=>[e.jsxs(v,{value:"Item #1",onClick:f(r,a),children:[r," item #1"]},1),e.jsxs(v,{value:"Item #2",onClick:f(r,a),children:[r," item #2"]},2),e.jsxs(v,{value:"Item #3",onClick:f(r,a),children:[r," item #3"]},3)],ve=()=>{const[r,a]=t.useState("User"),s=i=>[e.jsx(F,{children:e.jsxs(e.Fragment,{children:[e.jsx(z,{variant:"leading",children:"Terry Rivers"}),e.jsx(z,{isMuted:!0,style:{marginBottom:8},children:"terry.rivers@email.com"}),e.jsx(D,{options:[{value:"User",label:"User"},{value:"Moderator",label:"Moderator"},{value:"Administrator",label:"Administrator"}],value:r,onChange:n=>a(n)})]})},0),e.jsx(O,{},1),e.jsx(v,{value:"View profile",onClick:f("Avatar",i),children:"View profile"},2),e.jsx(v,{value:"Sign out",onClick:f("Avatar",i),children:"Sign out"},3)];return e.jsx(k,{appLogo:e.jsx(y,{logo:e.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"m12.6 13.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7 3.9-4.6 4.2-5.7 2.4l-1.2 5.7h-2.2l3.5-14.1 1.8-.4c-.1.5-1.4 6.2.6 7 2 .7 4.6-8.5 4.6-8.5l2.2.4c-1.6 3.7-1.6 7.6 1.1 10.9l-2.3 2.1"})}),onClick:()=>console.log("Clicked on the title"),children:"Microstation"}),breadcrumbs:e.jsx(S,{items:[e.jsx(d,{onClick:()=>console.log("Clicked on the Project"),menuItems:p("Project"),name:"Project A (Super Size Edition)",description:"YJC-2249",startIcon:e.jsx(I,{}),disabled:!0},"project"),e.jsx(d,{onClick:()=>console.log("Clicked on the iModel"),menuItems:p("iModel"),name:"iModel B",startIcon:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png",style:{objectFit:"cover"}}),isActive:!0},"iModel"),e.jsx(d,{name:"Version C",onClick:()=>console.log("Clicked on the Version"),startIcon:e.jsx(N,{})},"version")]}),actions:[e.jsx(C,{onClick:()=>console.log("Clicked on the notification bell"),styleType:"borderless","aria-label":"Notifications",children:e.jsx(U,{})},"notif"),e.jsx(w,{menuItems:p("Help"),children:e.jsx(C,{styleType:"borderless","aria-label":"Help",children:e.jsx(q,{})})},"help"),e.jsx(w,{menuItems:s,children:e.jsx(C,{styleType:"borderless","aria-label":"User",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(W,{className:"center-input",placeholder:"Search within Model B..."})]});return e.jsx(k,{appLogo:e.jsx(y,{logo:e.jsx(G,{})}),breadcrumbs:e.jsx(S,{items:[e.jsx(d,{name:"Project A",description:"YJC-2249",startIcon:e.jsx(I,{}),onClick:()=>console.log("Clicked on the Project"),menuItems:p("Project")},"project"),e.jsx(d,{name:"iModel B",startIcon:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png",style:{objectFit:"cover"}}),onClick:()=>console.log("Clicked on the iModel")},"iModel"),e.jsx(d,{name:"Version C",onClick:()=>console.log("Clicked on the Version"),startIcon:e.jsx(N,{}),isActive:!0},"version")]}),actions:[e.jsx(E,{size:"medium",abbreviation:"TR",backgroundColor:M("Terry Rivers"),title:"Terry Rivers"},"avatar")],menuItems:p("More"),children:r})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{fe as Basic,Ce as CenterContent,ve as Full,we as Slim,xe as default}; diff --git a/2298/react/assets/Icon-Cr7ytm57.js b/2298/react/assets/Icon-Cr7ytm57.js new file mode 100644 index 00000000000..d583d92a876 --- /dev/null +++ b/2298/react/assets/Icon-Cr7ytm57.js @@ -0,0 +1 @@ +import{r as a,B as d,c as u}from"./index-DhFzuRA5.js";let o=e=>{switch(e){case"small":return"s";case"medium":return"m";case"large":return"l";default:return e}};const m=a.forwardRef((e,r)=>{let{size:t="medium",fill:s="default",className:i,padded:c=!1,...l}=e;return a.createElement(d,{as:"span",className:u("iui-svg-icon",i),"data-iui-icon-size":o(t),"data-iui-icon-color":s,"data-iui-padded":c?"true":void 0,ref:r,...l})});export{m as I}; diff --git a/2298/react/assets/Icon.stories-B2tRC75E.js b/2298/react/assets/Icon.stories-B2tRC75E.js new file mode 100644 index 00000000000..b8762478069 --- /dev/null +++ b/2298/react/assets/Icon.stories-B2tRC75E.js @@ -0,0 +1 @@ +import{r as l,j as e,R as d}from"./index-DhFzuRA5.js";import{S as r}from"./Placeholder-L-MfORW8.js";import{S as c,a as x,b as m}from"./StatusWarning-DjosBsXr.js";import{I as t}from"./Icon-Cr7ytm57.js";import{F as j}from"./Flex-DbQmRNYC.js";import{S as u}from"./Slider-DgOrDaKN.js";import"./useEventListener-hNgF1eUm.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/2298/react/assets/IconButton.stories-B-CVYRd9.js b/2298/react/assets/IconButton.stories-B-CVYRd9.js new file mode 100644 index 00000000000..725e96804a3 --- /dev/null +++ b/2298/react/assets/IconButton.stories-B-CVYRd9.js @@ -0,0 +1 @@ +import{j as e,I as o}from"./index-DhFzuRA5.js";import{S as t}from"./Add-BXQQMnQ6.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/2298/react/assets/IdeasButton.stories-B2C8WqGV.js b/2298/react/assets/IdeasButton.stories-B2C8WqGV.js new file mode 100644 index 00000000000..797825a9c8f --- /dev/null +++ b/2298/react/assets/IdeasButton.stories-B2C8WqGV.js @@ -0,0 +1 @@ +import{r as e,o as r,c as l,j as a}from"./index-DhFzuRA5.js";import{B as m}from"./Button-_m-IOzlX.js";import"./ProgressRadial-JDu8zAlM.js";const u=t=>e.createElement(r,t,e.createElement("path",{d:"M8 12.5a5.19 5.19 0 0 1-3.872-1.666.5.5 0 1 1 .744-.668A4.191 4.191 0 0 0 8 11.5a4.191 4.191 0 0 0 3.128-1.334.5.5 0 1 1 .744.668A5.19 5.19 0 0 1 8 12.5zM11 5a1.146 1.146 0 0 1 1 1.25 1.146 1.146 0 0 1-1 1.25 1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 11 5zM5 5a1.146 1.146 0 0 1 1 1.25A1.146 1.146 0 0 1 5 7.5a1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 5 5zm3-5a8 8 0 1 0 8 8 8 8 0 0 0-8-8z"})),o=e.forwardRef((t,n)=>{let{feedbackLabel:c="Feedback",className:s,onClick:i,...d}=t;return e.createElement(m,{ref:n,className:l("iui-button-idea",s),"data-iui-variant":"high-visibility",onClick:i,startIcon:e.createElement(u,{"aria-hidden":!0}),...d},c)}),b={title:"IdeasButton"},E=()=>a.jsx(o,{onClick:()=>console.log("clicked")}),w=()=>a.jsx(o,{feedbackLabel:"Localized feedback",onClick:()=>console.log("clicked")});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{E as Ideas,w as LocalizedIdeas,b as default}; diff --git a/2298/react/assets/InformationPanel.stories-CAct97-j.js b/2298/react/assets/InformationPanel.stories-CAct97-j.js new file mode 100644 index 00000000000..b0825fc5bc0 --- /dev/null +++ b/2298/react/assets/InformationPanel.stories-CAct97-j.js @@ -0,0 +1 @@ +import{r as o,e as T,B as x,c as I,p as N,I as P,a as V,R as u,j as e}from"./index-DhFzuRA5.js";import{S as k}from"./Edit-DuVLyzt6.js";import{B as y}from"./Button-_m-IOzlX.js";import{T as D}from"./Table-BA0h3NG6.js";import{T as f}from"./Text-sFYhh81u.js";import{L as c}from"./Label-Jsz1vg8n.js";import{I as p}from"./Input-DfkpvfT2.js";import{T as A}from"./Textarea-jz-XhrTC.js";import"./ProgressRadial-JDu8zAlM.js";import"./SvgChevronRight-CM7-XKoS.js";import"./Checkbox-Bd2WmO3O.js";import"./useVirtualScroll-DITpZLhm.js";import"./useIntersection-0zo0v0Iz.js";const w=o.forwardRef((t,a)=>{let{className:s,isOpen:n=!1,orientation:i="vertical",resizable:l=!0,children:j,...g}=t,[b,d]=o.useState({width:void 0,height:void 0}),r=o.useRef(null),m=T(a,r),O=h=>{r.current&&(h.button!=null&&h.button!==0||(h.preventDefault(),h.stopPropagation(),r.current.ownerDocument.addEventListener("pointermove",E),r.current.ownerDocument.addEventListener("pointerup",()=>{var v;return(v=r.current)==null?void 0:v.ownerDocument.removeEventListener("pointermove",E)},{once:!0})))},E=o.useCallback(h=>{if(h.preventDefault(),!r.current)return;let{right:v,bottom:F}=r.current.getBoundingClientRect();d(i==="vertical"?{width:v-h.clientX,height:void 0}:{height:F-h.clientY,width:void 0})},[i]);return o.createElement(x,{className:I("iui-information-panel",{"iui-right":i==="vertical","iui-bottom":i==="horizontal","iui-visible":n},s),ref:m,...g,style:{width:i==="vertical"?b.width:void 0,height:i==="horizontal"?b.height:void 0,...t.style}},l&&o.createElement(x,{className:"iui-resizer",onPointerDown:O},o.createElement(x,{className:"iui-resizer-bar"})),j)}),q=N.div("iui-information-panel-wrapper"),C=o.forwardRef((t,a)=>{let{children:s,onClose:n,actions:i,className:l,...j}=t;return o.createElement(x,{className:I("iui-information-header",l),ref:a,...j},o.createElement(x,{as:"span",className:"iui-information-header-label"},s),o.createElement(x,{className:"iui-information-header-actions"},i,n&&o.createElement(P,{styleType:"borderless",onClick:n,"aria-label":"Close"},o.createElement(V,{"aria-hidden":!0}))))}),R=N.div("iui-information-body"),z=o.forwardRef((t,a)=>{let{className:s,displayStyle:n="default",children:i,...l}=t;return o.createElement(x,{className:I("iui-information-body-content",{"iui-inline":n==="inline"},s),ref:a,...l},i)}),te={title:"InformationPanel"},S=()=>{const[t,a]=u.useState(),s=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:i}})=>e.jsx(y,{onClick:()=>a(i),children:"Details"})}],[]),n=u.useMemo(()=>[...Array(10).fill(null)].map((i,l)=>({name:`Row${l}`})),[]);return e.jsxs(q,{children:[e.jsx(D,{columns:s,data:n,emptyTableContent:"No data."}),e.jsxs(w,{isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{a(-1),console.log("Panel closed")},children:e.jsxs(f,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(z,{displayStyle:"inline",children:[e.jsx(c,{htmlFor:"name-input",children:"File name"}),e.jsx(p,{size:"small",id:"name-input",defaultValue:`Row ${t??0}`,readOnly:!0}),e.jsx(c,{htmlFor:"author-input",children:"Author"}),e.jsx(p,{size:"small",id:"author-input",defaultValue:"DJ Terry",readOnly:!0}),e.jsx(c,{htmlFor:"year-input",children:"Year"}),e.jsx(p,{size:"small",id:"year-input",defaultValue:"2021",readOnly:!0}),e.jsx(c,{htmlFor:"path-input",children:"Path"}),e.jsx(p,{size:"small",id:"path-input",defaultValue:"/Shared/Music/",readOnly:!0})]})})]})]})};S.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(f,{isMuted:!0,style:{marginBottom:11},children:e.jsx("em",{children:"Click on Details to open InformationalPanel"})}),e.jsx(t,{})]})];const B=()=>{const[t,a]=u.useState(),s=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:i}})=>e.jsx(y,{onClick:()=>a(i),children:"Details"})}],[]),n=u.useMemo(()=>[...Array(10).fill(null)].map((i,l)=>({name:`Row${l}`})),[]);return e.jsxs(q,{children:[e.jsx(D,{columns:s,data:n,emptyTableContent:"No data."}),e.jsxs(w,{orientation:"horizontal",isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{a(-1),console.log("Panel closed")},children:e.jsxs(f,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(z,{displayStyle:"inline",children:[e.jsx(c,{htmlFor:"name-input",children:"File name"}),e.jsx(p,{size:"small",id:"name-input",defaultValue:`Row ${t??0}`,readOnly:!0}),e.jsx(c,{htmlFor:"author-input",children:"Author"}),e.jsx(p,{size:"small",id:"author-input",defaultValue:"DJ Terry",readOnly:!0}),e.jsx(c,{htmlFor:"year-input",children:"Year"}),e.jsx(p,{size:"small",id:"year-input",defaultValue:"2021",readOnly:!0}),e.jsx(c,{htmlFor:"path-input",children:"Path"}),e.jsx(p,{size:"small",id:"path-input",defaultValue:"/Shared/Music/",readOnly:!0})]})})]})]})};B.decorators=[...S.decorators];const M=()=>{var g,b;const[t,a]=u.useState(),[s,n]=u.useState(!1),i=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:d})=>e.jsx(y,{onClick:()=>a(d.index),children:"Details"})}],[]),[l,j]=u.useState(()=>[...Array(10).fill(null)].map((d,r)=>({name:`Row${r}`,info:`Row${r} description: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusamus veniam dicta error doloremque libero sit est. Voluptatum nam modi, ex illum veritatis nobis omnis porro quod harum optio minus magnam tenetur quia dolor quis natus, eius, suscipit hic? Nobis deleniti obcaecati, sequi mollitia vero magnam error quidem, voluptatem asperiores repudiandae, molestias sit et voluptatibus magni. Sequi delectus, sunt eaque corrupti architecto modi suscipit? Quos in itaque dolore voluptas saepe natus repellat ad qui dolores. Incidunt temporibus ut, unde maxime nam explicabo saepe aspernatur molestiae iste libero neque, alias corporis laboriosam fugiat ad. Dicta neque quos fuga odit quae sequi dolore!`})));return e.jsxs(q,{children:[e.jsx(D,{columns:i,data:l,emptyTableContent:"No data."}),e.jsxs(w,{isOpen:t!=null,children:[e.jsx(C,{onClose:()=>{a(void 0),n(!1),console.log("Panel closed")},actions:e.jsx(P,{styleType:"borderless",isActive:s,onClick:()=>n(d=>!d),"aria-label":"Edit",children:e.jsx(k,{})}),children:e.jsx(f,{variant:"subheading",children:"Row details"})}),e.jsx(R,{children:t!=null&&e.jsxs(z,{children:[e.jsx(c,{htmlFor:"name-input",children:"Name"}),e.jsx(p,{id:"name-input",defaultValue:(g=l[t])==null?void 0:g.name,disabled:!s,onChange:({target:{value:d}})=>{j(r=>{const m=[...r];return m[t]={...m[t],name:d},m})}}),e.jsx(c,{htmlFor:"description-input",children:"Description"}),e.jsx(A,{id:"description-input",defaultValue:(b=l[t])==null?void 0:b.info,disabled:!s,onChange:({target:{value:d}})=>{j(r=>{const m=[...r];return m[t]={...m[t],info:d},m})},rows:15})]})})]})]})};M.decorators=[...S.decorators];const H=()=>{const[t,a]=u.useState(!1);return e.jsxs(q,{style:{height:"80vh",width:"90%"},children:[e.jsx("div",{style:{backgroundColor:"var(--iui-color-background-disabled)",padding:16,height:"100%",boxSizing:"border-box"},children:e.jsx(y,{onClick:()=>a(n=>!n),children:"Toggle"})}),e.jsxs(w,{style:{width:"40%",maxWidth:"70%"},isOpen:t,orientation:"vertical",children:[e.jsx(C,{onClose:()=>{a(!1),console.log("Panel closed")},children:e.jsx(f,{variant:"subheading",children:"Details"})}),e.jsx(R,{children:e.jsx(f,{children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusamus veniam dicta error doloremque libero sit est. Voluptatum nam modi, ex illum veritatis nobis omnis porro quod harum optio minus magnam tenetur quia dolor quis natus, eius, suscipit hic? Nobis deleniti obcaecati, sequi mollitia vero magnam error quidem, voluptatem asperiores repudiandae, molestias sit et voluptatibus magni. Sequi delectus, sunt eaque corrupti architecto modi suscipit? Quos in itaque dolore voluptas saepe natus repellat ad qui dolores. Incidunt temporibus ut, unde maxime nam explicabo saepe aspernatur molestiae iste libero neque, alias corporis laboriosam fugiat ad. Dicta neque quos fuga odit quae sequi dolore!"})})]})]})};H.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(f,{isMuted:!0,style:{marginBottom:11},children:e.jsx("em",{children:"Notice that the panel has an initial width of 40% and can only be resized upto 70% of the container width."})}),e.jsx(t,{})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{S as Basic,M as CustomActions,H as CustomWidth,B as Horizontal,te as default}; diff --git a/2298/react/assets/Input-DfkpvfT2.js b/2298/react/assets/Input-DfkpvfT2.js new file mode 100644 index 00000000000..af2b93d3cbd --- /dev/null +++ b/2298/react/assets/Input-DfkpvfT2.js @@ -0,0 +1 @@ +import{r as e,e as c,B as o,c as p}from"./index-DhFzuRA5.js";const d=e.forwardRef((s,t)=>{let{size:a,htmlSize:i,status:r,className:u,...l}=s,f=e.useRef(null),n=c(f,t);return e.createElement(o,{as:"input",className:p("iui-input","iui-field",u),"data-iui-size":a,"data-iui-status":r,size:i,ref:n,...l})});export{d as I}; diff --git a/2298/react/assets/Input.stories-oIw1iUze.js b/2298/react/assets/Input.stories-oIw1iUze.js new file mode 100644 index 00000000000..9b3afbc2581 --- /dev/null +++ b/2298/react/assets/Input.stories-oIw1iUze.js @@ -0,0 +1 @@ +import{j as t}from"./index-DhFzuRA5.js";import{I as e}from"./Input-DfkpvfT2.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/2298/react/assets/InputFlexContainer-BcUva1DC.js b/2298/react/assets/InputFlexContainer-BcUva1DC.js new file mode 100644 index 00000000000..0c9797ac1b6 --- /dev/null +++ b/2298/react/assets/InputFlexContainer-BcUva1DC.js @@ -0,0 +1 @@ +import{r as e,B as d,c as n,I as f}from"./index-DhFzuRA5.js";import{I as m}from"./Icon-Cr7ytm57.js";const I=e.forwardRef((t,a)=>{let{isDisabled:s,status:r,children:i,className:o,size:l,style:c,...u}=t;return e.createElement(d,{className:n("iui-input-flex-container",o),"data-iui-status":r,"data-iui-size":l,"data-iui-disabled":s?"true":void 0,ref:a,style:c,...u},i)}),N=e.forwardRef((t,a)=>{let{className:s,...r}=t;return e.createElement(f,{ref:a,className:n("iui-input-flex-container-icon",s),styleType:"borderless",...r})}),b=e.forwardRef((t,a)=>{let{className:s,...r}=t;return e.createElement(m,{ref:a,className:n("iui-input-flex-container-icon",s),padded:!0,...r})});export{I,N as a,b}; diff --git a/2298/react/assets/InputGrid-B9GMezED.js b/2298/react/assets/InputGrid-B9GMezED.js new file mode 100644 index 00000000000..2c435fec8ec --- /dev/null +++ b/2298/react/assets/InputGrid-B9GMezED.js @@ -0,0 +1 @@ +import{r as e,S as Pe,B as re,c as ne,u as L,e as Se,n as j,m as Ce,G as qe,d as xe,K as We,l as $e,t as He,E as Ke,y as je,D as G}from"./index-DhFzuRA5.js";import{L as ve}from"./Label-Jsz1vg8n.js";import{I as Fe}from"./Input-DfkpvfT2.js";import{T as Ge}from"./Textarea-jz-XhrTC.js";import{I as Ne}from"./Icon-Cr7ytm57.js";import{I as de}from"./InputWithDecorations-Ch-F2i1g.js";import{M as Ue}from"./MenuExtraContent-D2pvBVSo.js";import{a as Ye,I as ce,b as Je,A as Qe,S as ae}from"./Select-CKIZamIt.js";import{T as Xe}from"./Text-sFYhh81u.js";import{S as Ze}from"./SvgCaretDownSmall-BS15oRF-.js";import{u as _e}from"./useContainerWidth-BcbCx7FW.js";import{L as et}from"./List-pOpvCrBi.js";import{u as tt}from"./useVirtualScroll-DITpZLhm.js";import{L as te}from"./ListItem-DF-kT9pB.js";import{S as rt}from"./SvgCheckmark-Dp--w9xe.js";const fe=e.forwardRef((a,u)=>{let{children:c,startIcon:i,status:t,className:s,iconProps:l,contentProps:o,...r}=a,f=i??(t&&Pe[t]()),y=i!==null&&!!f;return e.createElement(re,{className:ne("iui-status-message",s),"data-iui-status":t,ref:u,...r},y?e.createElement(Ne,{"aria-hidden":!0,...l},f):null,e.createElement(re,o,c))}),at=e.forwardRef((a,u)=>{let{label:c,disabled:i,required:t,status:s,message:l,icon:o,isLabelInline:r,children:f,className:y,style:v,statusMessage:b,inputId:I,labelId:C,...m}=a;return e.createElement(re,{className:ne("iui-input-grid",y),"data-iui-status":s,"data-iui-label-placement":r?"inline":void 0,style:v,ref:u,...m},c&&e.createElement(ve,{as:I&&a.as!=="label"?"label":"div",required:t,disabled:i,htmlFor:I,id:C},c),f,b||l&&e.createElement(fe,{startIcon:o,status:s},l))}),me=e.createContext(void 0),U=e.createContext(void 0),nt=e.forwardRef((a,u)=>{let{className:c,children:i,disabled:t,isOpen:s,...l}=a;return e.createElement(Ne,{as:"span",ref:u,className:ne("iui-end-icon",{"iui-disabled":t,"iui-open":s},c),...l},i??e.createElement(Ze,{"aria-hidden":!0}))}),lt=e.forwardRef((a,u)=>{let{selectedItems:c=[],...i}=a;return e.createElement(Ye,{ref:u,tags:c,...i})}),it=e.forwardRef((a,u)=>{let{selectTags:c,size:i,style:t,...s}=a,{isOpen:l,id:o,focusedIndex:r,setFocusedIndex:f,enableVirtualization:y,multiple:v,onClickHandler:b,popover:I,show:C,hide:m}=L(U),{inputRef:le,menuRef:R,optionsExtraInfo:w}=L(me),pe=Se(le,I.refs.setReference,u),k=j(r??-1),be=V=>{var d,h;return((h=(d=R.current)==null?void 0:d.querySelector(`[data-iui-index="${V}"]`))==null?void 0:h.id)??""},Y=e.useCallback(V=>{var h,X,F,Z,N,B,T,A,P,q;let d=Object.keys(w).length??0;if(!V.altKey)switch(V.key){case"ArrowDown":{if(V.preventDefault(),!l)return C();if(d===0)return;if(k.current===-1){let x=(h=R.current)==null?void 0:h.querySelector("[data-iui-index]");return f(Number((x==null?void 0:x.getAttribute("data-iui-index"))??0))}if(y&&!((F=(X=R.current)==null?void 0:X.querySelector(`[data-iui-index="${k.current}"]`))!=null&&F.nextElementSibling))return;let M=k.current;do{let x=(Z=R.current)==null?void 0:Z.querySelector(`[data-iui-index="${M}"]`),S=(x==null?void 0:x.nextElementSibling)??((N=R.current)==null?void 0:N.querySelector("[data-iui-index]"));if(M=Number(S==null?void 0:S.getAttribute("data-iui-index")),S)return f(M)}while(M!==k.current);break}case"ArrowUp":{if(V.preventDefault(),!l)return C();if(d===0||y&&!((T=(B=R.current)==null?void 0:B.querySelector(`[data-iui-index="${k.current}"]`))!=null&&T.previousElementSibling))return;if(k.current===-1)return f(((A=Object.values(w))==null?void 0:A[d-1].__originalIndex)??-1);let M=k.current;do{let x=(P=R.current)==null?void 0:P.querySelector(`[data-iui-index="${M}"]`),S=(x==null?void 0:x.previousElementSibling)??((q=R.current)==null?void 0:q.querySelector("[data-iui-index]:last-of-type"));if(M=Number(S==null?void 0:S.getAttribute("data-iui-index")),S)return f(M)}while(M!==k.current);break}case"Enter":V.preventDefault(),l?k.current>-1&&(b==null||b(k.current)):C();break;case"Escape":V.preventDefault(),m();break;case"Tab":m();break}},[f,y,k,l,R,b,w,C,m]),J=e.useRef(!1),$=e.useCallback(()=>{J.current=l},[l]),O=e.useCallback(()=>{J.current?m():C(),J.current=!1},[m,C]),[H,Q]=_e();return e.createElement(e.Fragment,null,e.createElement(Fe,{ref:pe,"aria-expanded":l,"aria-activedescendant":l&&r!=null&&r>-1?be(r):void 0,role:"combobox","aria-controls":l?`${o}-list`:void 0,"aria-autocomplete":"list",spellCheck:!1,autoCapitalize:"none",autoCorrect:"off",style:{...v&&{paddingInlineStart:Q+18},...t},"aria-describedby":v?`${o}-selected-live`:void 0,size:i,...I.getReferenceProps({...s,onPointerDown:Ce(a.onPointerDown,$),onClick:Ce(a.onClick,O),onKeyDown:Ce(a.onKeyDown,Y)})}),v&&c?e.createElement(lt,{ref:H,selectedItems:c,id:`${o}-selected-live`}):null)}),st=e.forwardRef((a,u)=>{let{className:c,status:i,message:t,children:s,...l}=a,{id:o}=L(U);return e.createElement(at,{className:c,status:i,statusMessage:typeof t=="string"?e.createElement(fe,{status:i},t):e.isValidElement(t)&&e.cloneElement(t,{status:i}),ref:u,...l,id:o},e.createElement(ce,null,s))});let ut=a=>{let{children:u,...c}=a,{filteredOptions:i,getMenuItem:t,focusedIndex:s}=L(U),{menuRef:l}=L(me),o=e.useMemo(()=>{let b=0;for(let I=0;I=Math.min(3,i.length)},[i]),r=e.useMemo(()=>{var I;let b=(I=l.current)==null?void 0:I.querySelector(`[data-iui-index="${s}"]`);return b?Number(b.getAttribute("data-iui-filtered-index")??s):s},[s,l]),{virtualizer:f,css:y}=tt({count:i.length||1,getScrollElement:()=>l.current,estimateSize:()=>o?48:36,gap:-1});xe(()=>{f.scrollToIndex(r)},[f,r]);let v=e.useCallback(b=>{let I=i.length>0?t(i[b.index],b.index):u;return e.cloneElement(I,{key:b.key,ref:f.measureElement,"data-iui-virtualizer":"item",style:{width:"100%",transform:`translateY(${b.start}px)`}})},[i,t,u,f.measureElement]);return e.createElement(e.Fragment,null,e.createElement(We,{css:y},e.createElement(re,{as:"div","data-iui-virtualizer":"root",...c,style:{minBlockSize:f.getTotalSize(),...a.style}},e.createElement("slot",null))),e.createElement(e.Fragment,null,f.getVirtualItems().map(b=>v(b))))};const ot=e.forwardRef((a,u)=>{let{className:c,children:i,style:t,portal:s=!0,...l}=a,{id:o,enableVirtualization:r,popover:f}=L(U),{menuRef:y}=L(me),v=Se(f.refs.setFloating,u,y);return f.open&&e.createElement(qe,{portal:s},e.createElement(et,{as:"div",className:ne("iui-menu",c),id:`${o}-list`,role:"listbox",ref:v,...f.getFloatingProps({style:r?{maxInlineSize:0,...t}:t,...l})},r?e.createElement(ut,null,i):i))}),dt=e.memo(e.forwardRef((a,u)=>{let{children:c,isSelected:i,disabled:t,value:s,onClick:l,sublabel:o,size:r=o?"large":"default",startIcon:f,endIcon:y,role:v="option",index:b,...I}=a,{focusedIndex:C,enableVirtualization:m}=L(U),R=Se(u,w=>{!m&&C===b&&(w==null||w.scrollIntoView({block:"nearest"}))});return e.createElement(te,{as:"div",actionable:!0,size:r,active:i,disabled:t,focused:C===b,ref:R,onClick:()=>l==null?void 0:l(s),role:v,tabIndex:v==="presentation"?void 0:-1,"aria-selected":i,"aria-disabled":t,"data-iui-index":b,...I},f&&e.createElement(te.Icon,{as:"span","aria-hidden":!0},f),e.createElement(te.Content,null,c,o&&e.createElement(te.Description,null,o)),y||i&&e.createElement(te.Icon,{as:"span","aria-hidden":!0},y??e.createElement(rt,null)))}));let D=(a,u)=>u&&(Array.isArray(a)||a==null),ct=(a,u)=>!u,ze=(a,u)=>a.id??`${u}-option-${a.label.replace(/\s/g,"-")}`;const ke=e.forwardRef((a,u)=>{var Me;let c=$e(),i=e.useCallback((n,p)=>n.filter(g=>g.label.toLowerCase().includes(p.toLowerCase())),[]),{options:t,value:s,onChange:l,filterFunction:o=i,inputProps:r,endIconProps:f,dropdownMenuProps:{middleware:y,...v}={},emptyStateMessage:b="No options found",itemRenderer:I,enableVirtualization:C=!1,multiple:m=!1,onShow:le,onHide:R,id:w=r!=null&&r.id?`iui-${r.id}-cb`:c,defaultValue:pe,clearFilterOnOptionToggle:k=!0,...be}=a,Y=e.useRef(null),J=e.useRef(null),$=j(l),O=j(t),H=j(o),Q=e.useMemo(()=>{let n={};return t.forEach((p,g)=>{n[ze(p,w)]={__originalIndex:g}}),n},[w,t]),V=e.useCallback(n=>{if(n!==void 0){if(D(n,m)){let p=[];return n==null||n.forEach(g=>{let E=t.findIndex(z=>z.value===g);E>-1&&p.push(E)}),p}return t.findIndex(p=>p.value===n)}},[m,t]),[d,h]=He(V(pe)??(m?[]:-1),V(s)),X=e.useRef(s);xe(()=>{s!==X.current&&(X.current=s,s===void 0&&(D(d,m)?h([]):h(-1)))},[m,d,h,s]);let[F,Z]=e.useState(!1),[N,B]=e.useState(-1),T=j(le),A=j(R),P=e.useCallback(()=>{var n;Z(!0),(n=T.current)==null||n.call(T)},[T]),q=e.useCallback(()=>{var n;Z(!1),(n=A.current)==null||n.call(A)},[A]);xe(()=>{var n,p;F?((n=Y.current)==null||n.focus(),D(d,m)||B(d??-1)):(B(-1),D(d,m)?S(""):S(d>=0?((p=O.current[d])==null?void 0:p.label)??"":""),ge(!1))},[F,m,O,d]);let M=e.useRef(t);e.useEffect(()=>{t!==M.current&&(M.current=t,n());function n(){var p;D(d,m)?B(-1):B(d),!D(d,m)&&!F&&S(d>=0?(p=t[d])==null?void 0:p.label:"")}},[t,F,m,d]);let[x,S]=e.useState(((Me=r==null?void 0:r.value)==null?void 0:Me.toString())??""),[Re,ge]=e.useState(!1),Ie=e.useMemo(()=>{var n;return Re?(n=H.current)==null?void 0:n.call(H,t,x):t},[H,x,t,Re]),[Be,De]=e.useState(""),Le=e.useCallback(n=>{var g;let{value:p}=n.currentTarget;S(p),P(),ge(!0),N!=-1&&B(-1),(g=r==null?void 0:r.onChange)==null||g.call(r,n)},[N,r,P]),_=e.useCallback(n=>D(d,m)?d.includes(n):d===n,[m,d]),we=e.useCallback((n,p)=>{if(D(d,m))return p==="added"?[...d,n]:d==null?void 0:d.filter(g=>g!==n)},[d,m]),Ee=e.useCallback((n,p,g)=>{var E,z,K,W;ct($.current,m)?(z=$.current)==null||z.call($,(E=O.current[n])==null?void 0:E.value):p&&g&&((W=$.current)==null||W.call($,g==null?void 0:g.map(ye=>{var se;return(se=O.current[ye])==null?void 0:se.value}),{value:(K=O.current[n])==null?void 0:K.value,type:p}))},[m,$,O]),ie=e.useCallback(n=>{var p,g;if((p=Y.current)==null||p.focus({preventScroll:!0}),!((g=O.current[n])!=null&&g.disabled))if(m){let E=_(n)?"removed":"added",z=we(n,E);if(z==null)return;h(z),Ee(n,E,z),De(z.map(K=>{var W;return(W=O.current[K])==null?void 0:W.label}).filter(Boolean).join(", ")),k&&(S(""),ge(!1))}else h(n),q(),Ee(n)},[O,m,_,we,h,Ee,k,q]),he=e.useCallback((n,p)=>{let g=ze(n,w),{__originalIndex:E}=Q[g],{icon:z,startIcon:K,label:W,...ye}=n,se=K??z,ue=I?I(n,{isFocused:N===E,isSelected:_(E),index:E,id:g}):null;return ue?e.cloneElement(ue,{onClick:ee=>{var Oe,Ve;ie(E),(Ve=(Oe=ue.props).onClick)==null||Ve.call(Oe,ee)},focused:N===E,"data-iui-index":E,"data-iui-filtered-index":p,ref:Ke(ue.props.ref,ee=>{!C&&N===E&&(ee==null||ee.scrollIntoView({block:"nearest"}))})}):e.createElement(dt,{key:g,id:g,startIcon:se,...ye,isSelected:_(E),onClick:()=>{ie(E)},index:E,"data-iui-filtered-index":p},W)},[C,N,w,_,I,ie,Q]),Te=e.useMemo(()=>e.createElement(e.Fragment,null,e.isValidElement(b)?b:e.createElement(Ue,null,e.createElement(Xe,{isMuted:!0},b))),[b]),Ae=je({visible:F,onVisibleChange:n=>n?P():q(),matchWidth:!0,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"},...y},closeOnOutsideClick:!0,interactions:{click:!1,focus:!0}});return e.createElement(me.Provider,{value:{inputRef:Y,menuRef:J,optionsExtraInfo:Q}},e.createElement(U.Provider,{value:{id:w,isOpen:F,focusedIndex:N,setFocusedIndex:B,onClickHandler:ie,enableVirtualization:C,filteredOptions:Ie,getMenuItem:he,multiple:m,popover:Ae,show:P,hide:q}},e.createElement(st,{ref:u,disabled:r==null?void 0:r.disabled,...be},e.createElement(e.Fragment,null,e.createElement(it,{value:x,disabled:r==null?void 0:r.disabled,...r,onChange:Le,selectTags:D(d,m)?d==null?void 0:d.map(n=>{let p=t[n];return e.createElement(Je,{key:p.label,label:p.label})}).filter(Boolean):void 0})),e.createElement(nt,{...f,disabled:r==null?void 0:r.disabled,isOpen:F}),m?e.createElement(Qe,{text:Be}):null),e.createElement(ot,{as:"div",...v},Ie.length>0&&!C?Ie.map(he):Te)))}),Vt=e.forwardRef((a,u)=>{let{children:c,className:i,labelPlacement:t,...s}=a,l=ft(c);return e.createElement(re,{className:ne("iui-input-grid",i),"data-iui-label-placement":t,ref:u,...s},l)});let ft=a=>{let{labelId:u,inputId:c,messageId:i}=mt(a);return e.useMemo(()=>e.Children.map(a,t=>e.isValidElement(t)?t.type===ve||t.type==="label"?G(t,s=>({...s.props,htmlFor:s.props.htmlFor||c,id:s.props.id||u})):t.type===fe?G(t,s=>({...s.props,id:s.props.id||i})):oe(t)||t.type===de||t.type===ce?pt(t,{labelId:u,inputId:c,messageId:i}):t:t),[a,c,u,i])},mt=a=>{let u=$e(),c,i,t,s=!1,l=!1,o=r=>{var f;if(e.isValidElement(r)){if(r.type===ke)return((f=r.props.inputProps)==null?void 0:f.id)||`${u}--input`;if(r.type!==ae)return r.props.id||`${u}--input`}};return e.Children.forEach(a,r=>{e.isValidElement(r)&&((r.type===ve||r.type==="label")&&(s=!0,c||(c=r.props.id||`${u}--label`)),r.type===fe&&(t||(t=r.props.id||`${u}--message`)),r.type===de||r.type===ce?e.Children.forEach(r.props.children,f=>{oe(f)&&(i||(i=o(f)))}):oe(r)&&(i||(i=o(r))),r.type===ae&&(l=!0))}),{labelId:l?c:void 0,inputId:s&&!l?i:void 0,messageId:t}},pt=(a,{labelId:u,inputId:c,messageId:i})=>{let t=(l={})=>{let o=[l["aria-describedby"],i].filter(Boolean).join(" ");return{...l,...a.type!==ae&&{id:l.id||c},"aria-describedby":(o==null?void 0:o.trim())||void 0}},s=l=>l.type===ke?G(l,o=>({inputProps:t(o.props.inputProps)})):l.type===ae?G(l,o=>({triggerProps:{"aria-labelledby":u,...t(o.props.triggerProps)}})):G(l,o=>t(o.props));return a.type===de||a.type===ce?G(a,l=>({children:e.Children.map(l.props.children,o=>e.isValidElement(o)&&oe(o)?s(o):o)})):s(a)},oe=a=>e.isValidElement(a)&&(a.type==="input"||a.type==="textarea"||a.type==="select"||a.type===Fe||a.type===Ge||a.type===de.Input||a.type===ae||a.type===ke);export{ke as C,Vt as I,fe as S}; diff --git a/2298/react/assets/InputGrid.stories-DnGVXSAW.js b/2298/react/assets/InputGrid.stories-DnGVXSAW.js new file mode 100644 index 00000000000..e4c6f20456c --- /dev/null +++ b/2298/react/assets/InputGrid.stories-DnGVXSAW.js @@ -0,0 +1 @@ +import{j as i,r as d}from"./index-DhFzuRA5.js";import{S as m}from"./Add-BXQQMnQ6.js";import{S as p}from"./Airplane-CLQJgxVR.js";import{I as e,S as s}from"./InputGrid-B9GMezED.js";import{L as r}from"./Label-Jsz1vg8n.js";import{I as c}from"./Input-DfkpvfT2.js";import{I as t}from"./InputWithDecorations-Ch-F2i1g.js";import{S as h}from"./Select-CKIZamIt.js";import{S as u}from"./SearchBox-C4s3Lgkk.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Text-sFYhh81u.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./useContainerWidth-BcbCx7FW.js";import"./List-pOpvCrBi.js";import"./useVirtualScroll-DITpZLhm.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./SvgCheckmark-Dp--w9xe.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./Tag-BaQiyr47.js";const V={title:"InputGrid"},_=()=>i.jsxs(e,{children:[i.jsx(r,{children:"This is label"}),i.jsx(c,{}),i.jsx(s,{children:"This is message"})]}),k=()=>i.jsxs(e,{children:[i.jsx(r,{htmlFor:"input-id",children:"This is label"}),i.jsxs(t,{children:[i.jsx(t.Icon,{children:i.jsx(p,{})}),i.jsx(t.Input,{placeholder:"Add destination...",id:"input-id"}),i.jsx(t.Button,{label:"Add new flight",children:i.jsx(m,{})})]}),i.jsx(s,{children:"This is message"})]}),q=()=>{const o=[{value:1,label:"Bali"},{value:2,label:"Hawaii"},{value:3,label:"Madagascar"}],[n,a]=d.useState(void 0);return i.jsxs(e,{children:[i.jsx(r,{children:"This is label"}),i.jsx(h,{options:o,placeholder:"Select destination",value:n,onChange:l=>a(l)}),i.jsx(s,{children:"This is message"})]})},z=()=>i.jsxs(e,{labelPlacement:"inline",children:[i.jsx(r,{htmlFor:"input-id",children:"This is label"}),i.jsx(u,{inputProps:{id:"input-id"}}),i.jsx(s,{children:"This is message"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{_ as WithInput,k as WithInputWithDecorations,z as WithSearch,q as WithSelect,V as default}; diff --git a/2298/react/assets/InputGroup-DRXjU33i.js b/2298/react/assets/InputGroup-DRXjU33i.js new file mode 100644 index 00000000000..7cb9497f618 --- /dev/null +++ b/2298/react/assets/InputGroup-DRXjU33i.js @@ -0,0 +1 @@ +import{r as s,c as m,B as b}from"./index-DhFzuRA5.js";import{I as y,S as E}from"./InputGrid-B9GMezED.js";import{L as v}from"./Label-Jsz1vg8n.js";const B=s.forwardRef((i,e)=>{let{className:a,children:t,disabled:o=!1,displayStyle:r="default",label:u,status:n,required:p=!1,labelProps:c,innerProps:l,message:d,svgIcon:g,messageProps:f,...I}=i;return s.createElement(y,{ref:e,as:"div",labelPlacement:r,className:m("iui-input-group-wrapper",a),"data-iui-status":n,...I},u&&s.createElement(v,{as:"label",required:p,disabled:o,...c},u),s.createElement(b,{as:"div",...l,className:m("iui-input-group",l==null?void 0:l.className)},t),s.createElement(P,{message:d,status:n,svgIcon:g,displayStyle:r,messageProps:f}))});let P=i=>{let{message:e,status:a,svgIcon:t,displayStyle:o,messageProps:r}=i;return e&&typeof e!="string"?e:e||a||t?s.createElement(E,{iconProps:{"aria-hidden":!0},startIcon:t,status:a,...r},o!=="inline"&&e):null};export{B as I}; diff --git a/2298/react/assets/InputGroup.stories-CmuXPCdt.js b/2298/react/assets/InputGroup.stories-CmuXPCdt.js new file mode 100644 index 00000000000..db6b970af9e --- /dev/null +++ b/2298/react/assets/InputGroup.stories-CmuXPCdt.js @@ -0,0 +1 @@ +import{q as c,r as f,s as y,j as i}from"./index-DhFzuRA5.js";import{I as h}from"./InputGroup-DRXjU33i.js";import{R as S}from"./Radio-CsyOu0qp.js";import{C as g}from"./Checkbox-Bd2WmO3O.js";import{T as b}from"./ToggleSwitch-D9_iq6aA.js";import"./InputGrid-B9GMezED.js";import"./Label-Jsz1vg8n.js";import"./Input-DfkpvfT2.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";import"./ProgressRadial-JDu8zAlM.js";var _={};(function(n){var s=c&&c.__createBinding||(Object.create?function(e,t,o,r){r===void 0&&(r=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,a)}:function(e,t,o,r){r===void 0&&(r=o),e[r]=t[o]}),u=c&&c.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),d=c&&c.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&s(t,e,o);return u(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.SvgSmileyHappy=void 0;const l=d(f),m=e=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},l.createElement("path",{d:"M8 12.5a5.19 5.19 0 01-3.872-1.666.5.5 0 11.744-.668A4.191 4.191 0 008 11.5a4.191 4.191 0 003.128-1.334.5.5 0 11.744.668A5.19 5.19 0 018 12.5zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-5a8 8 0 108 8 8 8 0 00-8-8z"}));n.SvgSmileyHappy=m,n.default=n.SvgSmileyHappy})(_);const j=y(_);var v={};(function(n){var s=c&&c.__createBinding||(Object.create?function(e,t,o,r){r===void 0&&(r=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,a)}:function(e,t,o,r){r===void 0&&(r=o),e[r]=t[o]}),u=c&&c.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),d=c&&c.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&s(t,e,o);return u(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.SvgSmileySad=void 0;const l=d(f),m=e=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},l.createElement("path",{d:"M11.5 12.5a.498.498 0 01-.372-.166A4.188 4.188 0 008 11a4.188 4.188 0 00-3.128 1.334.5.5 0 11-.748-.664l.004-.004A5.19 5.19 0 018 10a5.19 5.19 0 013.872 1.666.5.5 0 01-.372.834zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-5a8 8 0 108 8 8 8 0 00-8-8z"}));n.SvgSmileySad=m,n.default=n.SvgSmileySad})(v);const O=y(v),Y={title:"InputGroup"},Z=()=>{const n=i.jsx(j,{}),s=i.jsx(O,{});return i.jsx(i.Fragment,{children:i.jsxs(h,{label:"Radio group",message:"Tell me how happy you are",children:[i.jsx(S,{name:"choice",value:"option1",onChange:()=>console.log("Clicked option 1!"),label:n}),i.jsx(S,{name:"choice",value:"option2",onChange:()=>console.log("Clicked option 2!"),label:s})]})})},$=()=>{const n="Football",s="Hockey",[u,d]=f.useState(!0),[l,m]=f.useState(!1),[e,t]=f.useState(!1),[o,r]=f.useState(!0);f.useEffect(()=>{if(u&&l){t(!0),r(!1);return}u||l?(t(!1),r(!0)):(t(!1),r(!1))},[u,l]);const a=p=>{t(p),r(!1),d(p),m(p)};return i.jsxs(h,{label:"Select your hobbies",message:"Choose some hobbies",children:[i.jsx(g,{onChange:p=>a(p.target.checked),label:"Select all",indeterminate:o,checked:e}),i.jsx(g,{onChange:p=>d(p.target.checked),label:n,checked:u}),i.jsx(g,{onChange:p=>m(p.target.checked),label:s,checked:l})]})},k=()=>{const[n,s]=f.useState(!0),[u,d]=f.useState(!1);return i.jsxs(h,{label:"Toggle group",children:[i.jsx(b,{onChange:l=>s(l.target.checked),checked:n,label:"Toggle feature No.1"}),i.jsx(b,{checked:!0,disabled:!0,label:"This you cannot change"}),i.jsx(b,{onChange:l=>d(l.target.checked),label:"Toggle feature No.2",checked:u})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{$ as CheckboxGroup,Z as RadioGroup,k as ToggleGroup,Y as default}; diff --git a/2298/react/assets/InputWithDecoration.stories-Cba5CdrC.js b/2298/react/assets/InputWithDecoration.stories-Cba5CdrC.js new file mode 100644 index 00000000000..d452f4ff2dc --- /dev/null +++ b/2298/react/assets/InputWithDecoration.stories-Cba5CdrC.js @@ -0,0 +1 @@ +import{j as t}from"./index-DhFzuRA5.js";import{S as e}from"./Add-BXQQMnQ6.js";import{S as n}from"./Airplane-CLQJgxVR.js";import{I as s}from"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./Icon-Cr7ytm57.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/2298/react/assets/InputWithDecorations-Ch-F2i1g.js b/2298/react/assets/InputWithDecorations-Ch-F2i1g.js new file mode 100644 index 00000000000..5f08991949c --- /dev/null +++ b/2298/react/assets/InputWithDecorations-Ch-F2i1g.js @@ -0,0 +1 @@ +import{r as e,u as c,B as u}from"./index-DhFzuRA5.js";import{I as p,a as I,b}from"./InputFlexContainer-BcUva1DC.js";let d=e.createContext(void 0),f=e.forwardRef((n,r)=>{let{children:a,size:t,isDisabled:i,...o}=n;return e.createElement(d.Provider,{value:{size:t,isDisabled:i}},e.createElement(p,{isDisabled:i,size:t,ref:r,...o},a))}),D=e.forwardRef((n,r)=>{let{id:a,size:t,disabled:i,...o}=n,{size:s,isDisabled:l}=c(d);return e.createElement(u,{as:"input",ref:r,"data-iui-size":t??s,disabled:i??l,id:a,...o})}),x=e.forwardRef((n,r)=>{let{children:a,size:t,disabled:i,...o}=n,{size:s,isDisabled:l}=c(d);return e.createElement(I,{ref:r,size:t??s,disabled:i??l,...o},a)}),z=b;const C=Object.assign(f,{Input:D,Button:x,Icon:z});export{C as I}; diff --git a/2298/react/assets/Kbd-BnWEKyn3.js b/2298/react/assets/Kbd-BnWEKyn3.js new file mode 100644 index 00000000000..c193e275f1f --- /dev/null +++ b/2298/react/assets/Kbd-BnWEKyn3.js @@ -0,0 +1 @@ +import{r as e,B as o,c as n}from"./index-DhFzuRA5.js";const f={Command:"⌘ Cmd",Shift:"⇧ Shift",Backspace:"⌫ Backspace",Enter:"↵ Enter",Eject:"⏏ Eject",Control:"Ctrl",Windows:"⊞ Win",Apple:"",Option:"⌥ Option",Left:"←",Up:"↑",Right:"→",Down:"↓"},i=e.forwardRef((t,a)=>{let{className:r,children:s,...c}=t;return e.createElement(o,{as:"kbd",className:n("iui-keyboard",r),ref:a,...c},s)});export{i as K,f as a}; diff --git a/2298/react/assets/Kbd.stories-C_AbDN5V.js b/2298/react/assets/Kbd.stories-C_AbDN5V.js new file mode 100644 index 00000000000..551f463aec2 --- /dev/null +++ b/2298/react/assets/Kbd.stories-C_AbDN5V.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{K as t,a as d}from"./Kbd-BnWEKyn3.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/2298/react/assets/Label-Jsz1vg8n.js b/2298/react/assets/Label-Jsz1vg8n.js new file mode 100644 index 00000000000..78851a5414e --- /dev/null +++ b/2298/react/assets/Label-Jsz1vg8n.js @@ -0,0 +1 @@ +import{r as e,B as n,c as o}from"./index-DhFzuRA5.js";const b=e.forwardRef((i,a)=>{let{displayStyle:r="block",required:l,disabled:s,className:t,children:d,...c}=i;return e.createElement(n,{as:"label",className:o("iui-input-label",{"iui-inline":r==="inline","iui-required":l},t),"data-iui-disabled":!!s||void 0,ref:a,...c},d)});export{b as L}; diff --git a/2298/react/assets/Label.stories-DnhIuJ3Q.js b/2298/react/assets/Label.stories-DnhIuJ3Q.js new file mode 100644 index 00000000000..1771aec64e9 --- /dev/null +++ b/2298/react/assets/Label.stories-DnhIuJ3Q.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{L as t}from"./Label-Jsz1vg8n.js";import{I as i}from"./Input-DfkpvfT2.js";import{I as o}from"./InputGrid-B9GMezED.js";import{T as r}from"./Text-sFYhh81u.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const q={title:"Label",decorators:[n=>e.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)"},children:e.jsx(n,{})})]},v=()=>e.jsxs(e.Fragment,{children:[e.jsx(t,{htmlFor:"text-input",children:"Name"}),e.jsx(i,{id:"text-input",placeholder:"Enter name"})]}),F=()=>e.jsxs(o,{labelPlacement:"inline",children:[e.jsx(t,{displayStyle:"inline",required:!0,children:"Name"}),e.jsx(i,{defaultValue:"James Bond",required:!0})]}),J=()=>e.jsxs(o,{labelPlacement:"inline",children:[e.jsx(t,{displayStyle:"inline",as:"div",children:e.jsx(r,{isMuted:!0,children:"Name:"})}),e.jsx(r,{children:"James Bond"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{v as Basic,F as Inline,J as Polymorphic,q as default}; diff --git a/2298/react/assets/LabeledInput-HkpWfIYR.js b/2298/react/assets/LabeledInput-HkpWfIYR.js new file mode 100644 index 00000000000..bf98f95cbc1 --- /dev/null +++ b/2298/react/assets/LabeledInput-HkpWfIYR.js @@ -0,0 +1 @@ +import{r as e,S as P,c as S}from"./index-DhFzuRA5.js";import{I as g}from"./Input-DfkpvfT2.js";import{I as L,S as h}from"./InputGrid-B9GMezED.js";import{L as q}from"./Label-Jsz1vg8n.js";import{I as w}from"./Icon-Cr7ytm57.js";import{I as x}from"./Select-CKIZamIt.js";const G=e.forwardRef((p,i)=>{let{disabled:l=!1,label:o,message:s,status:t,svgIcon:r,wrapperProps:m,labelProps:c,messageContentProps:u,iconProps:a,inputWrapperProps:d,displayStyle:f="default",required:n=!1,...I}=p,b=r??(t&&P[t]()),E=r!==null&&(r||t&&!s);return e.createElement(L,{labelPlacement:f,"data-iui-status":t,...m},o&&e.createElement(q,{as:"label",required:n,disabled:l,...c},o),e.createElement(x,d,e.createElement(g,{disabled:l,required:n,ref:i,...I}),E&&e.createElement(w,{fill:t,...a,className:S("iui-end-icon",a==null?void 0:a.className)},b)),typeof s=="string"?e.createElement(h,{status:t,iconProps:a,contentProps:u},s):s)});export{G as L}; diff --git a/2298/react/assets/LabeledInput.stories-CEItRvqx.js b/2298/react/assets/LabeledInput.stories-CEItRvqx.js new file mode 100644 index 00000000000..f939de7a5ba --- /dev/null +++ b/2298/react/assets/LabeledInput.stories-CEItRvqx.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{S as a}from"./Camera-DKPpwBTi.js";import{S as s}from"./Placeholder-L-MfORW8.js";import{L as t}from"./LabeledInput-HkpWfIYR.js";import{S as r}from"./InputGrid-B9GMezED.js";import"./Input-DfkpvfT2.js";import"./Label-Jsz1vg8n.js";import"./Icon-Cr7ytm57.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Textarea-jz-XhrTC.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const B={title:"LabeledInput"},C=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label"}),M=()=>e.jsx(t,{placeholder:"Enter text here...",message:"This is a message",label:"This is a label"}),P=()=>e.jsx(t,{placeholder:"Enter text here...",message:"This is a message",label:"This is a label",disabled:!0}),k=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"positive"}),A=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"warning"}),D=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"negative"}),F=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:e.jsx(r,{startIcon:e.jsx(a,{}),children:"⬅ This is a custom icon"})}),H=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",status:"negative",svgIcon:e.jsx(s,{})}),N=()=>e.jsx(t,{placeholder:"Enter text here...",status:"negative",label:"This is a label",displayStyle:"inline"}),R=()=>e.jsx(e.Fragment,{children:e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",svgIcon:e.jsx(s,{}),message:"Block layout with inline icon"})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{C as Basic,P as Disabled,R as HybridLayout,N as Inline,D as Negative,k as Positive,A as Warning,F as WithCustomIcon,M as WithMessage,H as WithSvgIcon,B as default}; diff --git a/2298/react/assets/LabeledSelect-D6_BmKgX.js b/2298/react/assets/LabeledSelect-D6_BmKgX.js new file mode 100644 index 00000000000..0115cb6f18e --- /dev/null +++ b/2298/react/assets/LabeledSelect-D6_BmKgX.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.js";import{S as P}from"./Select-CKIZamIt.js";import{I as g,S}from"./InputGrid-B9GMezED.js";import{L as E}from"./Label-Jsz1vg8n.js";const w=e.forwardRef((s,i)=>{let{className:d,disabled:a=!1,label:r,message:t,status:l,svgIcon:m,displayStyle:n="default",style:c,required:o=!1,wrapperProps:p,labelProps:f,messageContentProps:u,messageIconProps:b,...y}=s;return e.createElement(g,{labelPlacement:n,"data-iui-status":l,...p},r&&e.createElement(E,{as:"div",required:o,disabled:a,...f},r),e.createElement(P,{disabled:a,className:d,style:c,required:s.native?o:void 0,...y,ref:i,styleType:"default"}),typeof t=="string"?e.createElement(S,{status:l,startIcon:m,iconProps:b,contentProps:u},t):t)});export{w as L}; diff --git a/2298/react/assets/LabeledSelect.stories-DDyvuWtK.js b/2298/react/assets/LabeledSelect.stories-DDyvuWtK.js new file mode 100644 index 00000000000..df9a532dc2c --- /dev/null +++ b/2298/react/assets/LabeledSelect.stories-DDyvuWtK.js @@ -0,0 +1 @@ +import{j as e,R as o}from"./index-DhFzuRA5.js";import{S as i}from"./Camera-DKPpwBTi.js";import{L as s}from"./LabeledSelect-D6_BmKgX.js";import{S as r}from"./InputGrid-B9GMezED.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./Icon-Cr7ytm57.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Label-Jsz1vg8n.js";import"./Input-DfkpvfT2.js";import"./Textarea-jz-XhrTC.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const R={title:"LabeledSelect",decorators:[t=>e.jsx("div",{style:{minHeight:500},children:e.jsx(t,{})})]},k=()=>e.jsx(s,{label:"This is a label",options:[{value:"1",label:"Item #1"},{value:"2",label:"Item #2"},{value:"3",label:"Item #3"}],message:"This is a message",placeholder:"Placeholder text"}),A=()=>{const[t,a]=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"})},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:"warning"})},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:"This is a message",placeholder:"Placeholder text",value:t,onChange:l=>a(l),status:"negative"})},q=()=>{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)})},B=()=>e.jsx(s,{native:!0,label:"Fruit",options:[{value:"apple",label:"Apple"},{value:"kiwi",label:"Kiwi"},{value:"orange",label:"Orange"}],message:"This uses the native select element",placeholder:"Pick a fruit",required:!0});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{k as Basic,B as Native,W as Negative,A as Positive,N as Warning,q as WithCustomIcon,R as default}; diff --git a/2298/react/assets/LabeledTextarea.stories-Bv2YfJWA.js b/2298/react/assets/LabeledTextarea.stories-Bv2YfJWA.js new file mode 100644 index 00000000000..959fa360eaf --- /dev/null +++ b/2298/react/assets/LabeledTextarea.stories-Bv2YfJWA.js @@ -0,0 +1 @@ +import{r as t,j as e}from"./index-DhFzuRA5.js";import{S as i}from"./Camera-DKPpwBTi.js";import{S as o}from"./Placeholder-L-MfORW8.js";import{L as l}from"./LabeledInput-HkpWfIYR.js";import{S as n}from"./InputGrid-B9GMezED.js";import"./Input-DfkpvfT2.js";import"./Label-Jsz1vg8n.js";import"./Icon-Cr7ytm57.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Textarea-jz-XhrTC.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const a=t.forwardRef((s,r)=>t.createElement(l,{as:"textarea",rows:3,ref:r,...s})),R={title:"LabeledTextarea"},A=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea"}),B=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",disabled:!0}),N=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"positive"}),_=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"warning"}),k=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"negative"}),q=()=>e.jsx(a,{placeholder:"This is a textarea",label:"Textarea Label",message:e.jsx(n,{startIcon:e.jsx(i,{}),children:"Display Message"})}),z=()=>e.jsx(a,{placeholder:"Enter text here...",label:"This is a label",status:"negative",svgIcon:e.jsx(o,{})}),F=()=>e.jsx(a,{placeholder:"This is a textarea",status:"negative",label:"Textarea Label",displayStyle:"inline"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{A as Basic,B as Disabled,F as Inline,k as Negative,N as Positive,_ as Warning,q as WithCustomIcon,z as WithSvgIcon,R as default}; diff --git a/2298/react/assets/LinkAction-DYlAaokJ.js b/2298/react/assets/LinkAction-DYlAaokJ.js new file mode 100644 index 00000000000..90cddee7213 --- /dev/null +++ b/2298/react/assets/LinkAction-DYlAaokJ.js @@ -0,0 +1 @@ +import{r as t,B as o,c as s,p as r}from"./index-DhFzuRA5.js";const n=t.forwardRef((a,e)=>{let{as:i=a.href?"a":"button"}=a;return t.createElement(o,{...a,as:i,className:s("iui-link-action",a.className),ref:e})}),l=r.div("iui-link-box");export{l as L,n as a}; diff --git a/2298/react/assets/List-pOpvCrBi.js b/2298/react/assets/List-pOpvCrBi.js new file mode 100644 index 00000000000..065978399e9 --- /dev/null +++ b/2298/react/assets/List-pOpvCrBi.js @@ -0,0 +1 @@ +import{p as i}from"./index-DhFzuRA5.js";const s=i.div("iui-list",{role:"list"});export{s as L}; diff --git a/2298/react/assets/List.stories-DWwPhzfu.js b/2298/react/assets/List.stories-DWwPhzfu.js new file mode 100644 index 00000000000..4ad6bc9f7d4 --- /dev/null +++ b/2298/react/assets/List.stories-DWwPhzfu.js @@ -0,0 +1 @@ +import{r as s,j as e}from"./index-DhFzuRA5.js";import{S as n}from"./Placeholder-L-MfORW8.js";import{L as i}from"./List-pOpvCrBi.js";import{L as t}from"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.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/2298/react/assets/ListItem-DF-kT9pB.js b/2298/react/assets/ListItem-DF-kT9pB.js new file mode 100644 index 00000000000..20a1db4f1ea --- /dev/null +++ b/2298/react/assets/ListItem-DF-kT9pB.js @@ -0,0 +1 @@ +import{r as i,B as m,c as u,p as t}from"./index-DhFzuRA5.js";import{a as f}from"./LinkAction-DYlAaokJ.js";let p=i.forwardRef((e,a)=>{let{size:s="default",disabled:o=!1,active:l=!1,actionable:r=!1,focused:c=!1,className:n,...d}=e;return i.createElement(m,{role:"listitem",className:u("iui-list-item",n),"data-iui-active":l?"true":void 0,"data-iui-disabled":o?"true":void 0,"data-iui-size":s==="large"?"large":void 0,"data-iui-actionable":r?"true":void 0,"data-iui-focused":c?"true":void 0,ref:a,...d})}),v=t.div("iui-list-item-icon"),I=t.div("iui-list-item-content"),L=t.div("iui-list-item-description"),b=f;const A=Object.assign(p,{Icon:v,Content:I,Description:L,Action:b});export{A as L}; diff --git a/2298/react/assets/MenuDivider-Dn6_qof5.js b/2298/react/assets/MenuDivider-Dn6_qof5.js new file mode 100644 index 00000000000..9c54ec35ac1 --- /dev/null +++ b/2298/react/assets/MenuDivider-Dn6_qof5.js @@ -0,0 +1 @@ +import{p as i}from"./index-DhFzuRA5.js";const o=i.div("iui-menu-divider",{role:"separator"});export{o as M}; diff --git a/2298/react/assets/MenuExtraContent-D2pvBVSo.js b/2298/react/assets/MenuExtraContent-D2pvBVSo.js new file mode 100644 index 00000000000..91bd4f590f4 --- /dev/null +++ b/2298/react/assets/MenuExtraContent-D2pvBVSo.js @@ -0,0 +1 @@ +import{p as o}from"./index-DhFzuRA5.js";const n=o.li("iui-menu-content",{role:"presentation"});export{n as M}; diff --git a/2298/react/assets/MenuItem-DISbthDF.js b/2298/react/assets/MenuItem-DISbthDF.js new file mode 100644 index 00000000000..7fe971ec9ee --- /dev/null +++ b/2298/react/assets/MenuItem-DISbthDF.js @@ -0,0 +1 @@ +import{r as e,o as Q,v as X,w as Y,x as Z,t as _,y as $,z as ee,A as te,e as A,C as ne,D as ae,E as oe,G as re,B as le,c as D,H as se,J as ie,m as V,l as ue}from"./index-DhFzuRA5.js";import{u as ce}from"./focusable-DxELdZu-.js";import{L as m}from"./ListItem-DF-kT9pB.js";const de=p=>e.createElement(Q,p,e.createElement("path",{d:"M6.003 4.807v6.4a.28.28 0 0 0 .443.24L9.9 8.27a.34.34 0 0 0 0-.48L6.446 4.566a.269.269 0 0 0-.443.24z"})),me=e.forwardRef((p,N)=>{let{className:R,trigger:x,positionReference:i,portal:d=!0,popoverProps:C,children:f,...g}=p,n=X(),u=Y(),s=Z(),{interactions:S,visible:v,onVisibleChange:M,...r}=C??{},{listNavigation:w,hover:o,...b}=S??{},[I,c]=_(!1,v,M),[H,h]=e.useState(!1),[k,P]=e.useState(null),{focusableElementsRef:z,focusableElements:T}=ce(k,{filter:t=>t.filter(a=>!(t!=null&&t.some(E=>E.contains(a.parentElement))))}),[F,L]=e.useState(null),l=$({nodeId:u,visible:I,onVisibleChange:t=>t?c(!0):U(),interactions:{hover:n==null?o:{enabled:!!o&&!H,...o},...b},...r,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"},...r.middleware}}),{getReferenceProps:B,getFloatingProps:q,getItemProps:J}=ee([te(l.context,{activeIndex:F,focusItemOnHover:!1,listRef:z,onNavigate:L,...w})]);e.useEffect(()=>{i!==void 0&&l.refs.setPositionReference(i)},[l.refs,i]);let K=A(P,N,l.refs.setFloating),y=e.useRef(null),U=e.useCallback(()=>{var t;c(!1),s==null&&((t=y.current)==null||t.focus({preventScroll:!0}))},[s,c]);ne(e.useCallback(()=>{let t=a=>{(s===a.parentId&&u!==a.nodeId||s===a.nodeId)&&(c(!1),h(!1))};return n==null||n.events.on("onNodeFocused",t),()=>{n==null||n.events.off("onNodeFocused",t)}},[u,s,n==null?void 0:n.events,c]),()=>{},()=>{});let W=({focusableItemIndex:t,userProps:a})=>J({...a,tabIndex:F!=null&&F>=0&&t!=null&&t>=0&&F===t?0:-1,onFocus:V(a==null?void 0:a.onFocus,()=>{queueMicrotask(()=>{h(!0)}),n==null||n.events.emit("onNodeFocused",{nodeId:u,parentId:s})}),onMouseEnter:V(a==null?void 0:a.onMouseEnter,E=>{t!=null&&t>=0&&L(t),E.target===E.currentTarget&&E.currentTarget.focus()})}),j=ae(x,t=>B(l.getReferenceProps({...t.props,"aria-expanded":l.open,ref:oe(y,l.refs.setReference)}))),G=l.open&&e.createElement(re,{portal:d},e.createElement(le,{as:"div",className:D("iui-menu",R),ref:K,...q(l.getFloatingProps({role:"menu",...g}))},f));return e.createElement(e.Fragment,null,e.createElement(O.Provider,{value:{popoverGetItemProps:W,focusableElements:T}},e.createElement(se.Provider,{value:l.open},j),n!=null?e.createElement(ie,{id:u},G):G))}),O=e.createContext(void 0),ve=e.forwardRef((p,N)=>{let{className:R,children:x,isSelected:i,disabled:d,value:C,onClick:f,sublabel:g,size:n=g?"large":"default",icon:u,startIcon:s=u,badge:S,endIcon:v=S,role:M="menuitem",subMenuItems:r=[],...w}=p,o=e.useContext(O),b=e.useRef(null),I=ue(),c=e.useMemo(()=>({placement:"right-start",interactions:{click:!0,hover:!0,listNavigation:{nested:r.length>0,openOnArrowKeyDown:!0}}}),[r.length]),h={onClick:()=>{d||f==null||f(C)}},k=o==null?void 0:o.focusableElements.findIndex(z=>z===b.current),P=e.createElement(m,{as:"button",type:"button",className:D("iui-button-base",R),actionable:!0,size:n,active:i,disabled:d,ref:A(b,N),role:M,tabIndex:i?0:-1,"aria-selected":i,"aria-haspopup":r.length>0?"true":void 0,"aria-controls":r.length>0?I:void 0,"aria-disabled":d,...(o==null?void 0:o.popoverGetItemProps)!=null?o.popoverGetItemProps({focusableItemIndex:k,userProps:h}):h,...w},s&&e.createElement(m.Icon,{as:"span","aria-hidden":!0},s),e.createElement(m.Content,null,e.createElement("div",null,x),g&&e.createElement(m.Description,null,g)),!v&&r.length>0&&e.createElement(m.Icon,{as:"span","aria-hidden":!0},e.createElement(de,null)),v&&e.createElement(m.Icon,{as:"span","aria-hidden":!0},v));return e.createElement(e.Fragment,null,r.length>0&&!d?e.createElement(me,{id:I,trigger:P,popoverProps:c},r):P)});export{ve as M,me as a}; diff --git a/2298/react/assets/Modal.stories-DEgrG0f3.js b/2298/react/assets/Modal.stories-DEgrG0f3.js new file mode 100644 index 00000000000..05539fa4097 --- /dev/null +++ b/2298/react/assets/Modal.stories-DEgrG0f3.js @@ -0,0 +1 @@ +import{r,j as e}from"./index-DhFzuRA5.js";import{B as t}from"./Button-_m-IOzlX.js";import{D as c,a as C,b as O}from"./Dialog-CpduzwYa.js";import"./ProgressRadial-JDu8zAlM.js";import"./useEventListener-hNgF1eUm.js";import"./focusable-DxELdZu-.js";const u=r.forwardRef((n,i)=>{let{isOpen:o=!1,isDismissible:s=!0,closeOnEsc:l=!0,closeOnExternalClick:a=!0,onClose:p,title:y,children:h,portal:x=!0,wrapperProps:g,backdropProps:b,titleBarProps:f,...j}=n;return r.createElement(c,{isOpen:o,closeOnEsc:l,closeOnExternalClick:a,isDismissible:s,onClose:p,preventDocumentScroll:!0,trapFocus:!0,setFocus:!0,ref:i,portal:x,...g},r.createElement(c.Backdrop,b),r.createElement(c.Main,{"aria-modal":!0,...j},r.createElement(c.TitleBar,{titleText:y,...f}),h))}),d=Object.assign({},C),m=Object.assign({},O),B={title:"Modal"},w=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},T=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),isDismissible:!1,children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},P=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),closeOnEsc:!1,closeOnExternalClick:!1,children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},S=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),styleType:"fullPage",children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{w as Basic,S as FullPageModal,T as NonDismissibleModal,P as OutsideClickAndEscDoesNotClose,B as default}; diff --git a/2298/react/assets/More-uIWNYWHh.js b/2298/react/assets/More-uIWNYWHh.js new file mode 100644 index 00000000000..38de5f5ce32 --- /dev/null +++ b/2298/react/assets/More-uIWNYWHh.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Network-DkB-39o7.js b/2298/react/assets/Network-DkB-39o7.js new file mode 100644 index 00000000000..12f6851b826 --- /dev/null +++ b/2298/react/assets/Network-DkB-39o7.js @@ -0,0 +1 @@ +import{r as c}from"./index-DhFzuRA5.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/2298/react/assets/NonIdealState.stories-C876Qmhl.js b/2298/react/assets/NonIdealState.stories-C876Qmhl.js new file mode 100644 index 00000000000..23b513f93e2 --- /dev/null +++ b/2298/react/assets/NonIdealState.stories-C876Qmhl.js @@ -0,0 +1 @@ +import{r as l,B as c,c as z,j as e}from"./index-DhFzuRA5.js";import{B as a}from"./Button-_m-IOzlX.js";import{A as x}from"./Anchor-Bcb8Skmt.js";import"./ProgressRadial-JDu8zAlM.js";import"./Text-sFYhh81u.js";const h=l.forwardRef((t,E)=>{let{className:p,svg:s,heading:v,description:d,actions:M,illustrationProps:m,titleProps:f,descriptionProps:r,actionsProps:i,...o}=t;return l.createElement(c,{className:z("iui-non-ideal-state",p),ref:E,...o},l.createElement(c,{as:"div",...m,className:z("iui-non-ideal-state-illustration",m==null?void 0:m.className)},s),v&&l.createElement(c,{as:"div",...f,className:z("iui-non-ideal-state-title",f==null?void 0:f.className)},v),d&&l.createElement(c,{as:"div",...r,className:z("iui-non-ideal-state-description",r==null?void 0:r.className)},d),M&&l.createElement(c,{as:"div",...i,className:z("iui-non-ideal-state-actions",i==null?void 0:i.className)},M))}),y=t=>l.createElement("svg",{viewBox:"0 0 428.65 257.832",...t},l.createElement("path",{d:"M346.912 46.063v104.31h-51.427v106.474h3.733v-.073l.423.422 23.065-23.065 23.59 23.59.876-.875h2.756v-.298h.717v-.073l.423.422 23.066-23.066 23.59 23.591.876-.875h2.756V46.063zm-24.206 137.358l22.716 22.716-22.716 22.715-22.715-22.715zm-23.488 18.21v-41.699l20.849 20.85zm51.427-104.31V55.623l20.85 20.85zm23.489-18.21l22.716 22.716-22.716 22.716-22.716-22.716zm-23.489 27.222l20.85 20.85-20.85 20.849zm46.977 48.021l-23.488 23.488-23.489-23.488v-.249h46.977zm-46.977 5.279l20.85 20.849-20.85 20.848zm2.939-9.26l20.55-20.551 20.55 20.55zm-7.39 51.258l-20.848-20.85 20.849-20.849zm27.94-18.51l22.716 22.715-22.716 22.717-22.716-22.717zm2.64-2.64l20.848-20.848v41.697zm0-53.298l20.848-20.85v41.699zm20.848-29.862l-20.849-20.849 20.85-20.849zm0-47.525v.548l-23.488 23.489-23.489-23.489v-.548zm-51.427 104.31v.547l-23.489 23.489-23.488-23.489v-.548zm-46.977 98.234v-41.697l20.849 20.849zm46.977-41.697v41.697l-20.85-20.848zm4.45 41.398v-41.699l20.85 20.85zm46.977-41.699v41.7l-20.849-20.85z",fill:"#e6e9eb"}),l.createElement("path",{d:"M299.218 256.847h-3.733V154.105h-8.945v102.742h-3.733V150.372h16.411zM350.645 150.372h-3.733V49.796h-8.945v100.576h-3.733V46.063h16.411z",fill:"#ced3d7"}),l.createElement("path",{d:"M248.774 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65H237.04l-.033-.033-.034.033H224.53l-.033-.034-.033.034H212.02l-.033-.034-.033.034h-12.442l-.033-.034-.034.034h-12.441l-.034-.033-.033.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.033.033.034-.033h12.442l.033.033.033-.033h12.442l.033.033.033-.033h12.443l.033.033.033-.033h12.442l.034.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.84 6.255l-5.546 5.547-5.547-5.547 5.547-5.547zm-5.546-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-6.254 6.254l-5.548 5.547-5.547-5.547 5.547-5.547zm-5.548-6.961l-5.547-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.548 5.547-5.547zm-11.801-.708l-5.547-5.547 5.546-5.547 5.548 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.548 5.548-5.546-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.547 5.547 5.547-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.547 5.547-5.547 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.547 5.547-5.547 5.547zm0-12.508l5.547-5.547 5.548 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.547-5.547 5.547-5.547 5.547 5.547zm-.707.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-11.802-.707l-5.547-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.546 5.547-5.548-5.547 5.547-5.547zm0 12.508l-5.546 5.548-5.548-5.547 5.547-5.548zm0 12.51l-5.546 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.546 5.546-5.547-5.546 5.547-5.547zm.707.707l5.548 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.548 5.548-5.548 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.546 5.547 5.547-5.546 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm2.1-16.022l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.808-2.807zm-7.029 0l3.515 3.514-5.548 5.547-5.547-5.548 3.514-3.513zm-5.48 0l-2.807 2.806-2.807-2.806zm-7.028 0l3.514 3.513-5.547 5.548-5.548-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.806-2.807zm-7.029 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.807-2.807zm-6.321.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.808-2.807 2.807zm0 7.03l3.514-3.515 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.513-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.03 0l-3.515-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm6.321-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.808-2.807 2.808-2.808zm0-7.03l-3.515 3.516-5.547-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.548-5.547 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zM428.617 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65h-11.735l-.033-.033-.033.033h-12.442l-.034-.034-.033.034h-12.443l-.033-.034-.033.034h-12.441l-.034-.034-.033.034h-12.442l-.033-.033-.034.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.034.033.033-.033h12.442l.033.033.034-.033h12.441l.033.033.033-.033h12.443l.033.033.033-.033h12.443l.033.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.841 6.255l-5.547 5.547-5.547-5.547 5.547-5.547zm-5.547-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-6.254 6.254l-5.547 5.547-5.548-5.547 5.548-5.547zm-5.547-6.961l-5.548-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.548 5.547-5.547-5.548 5.547-5.547zm-11.802-.708l-5.547-5.547 5.547-5.547 5.547 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.547 5.548-5.547-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.548 5.547-5.548 5.547zm11.802.707l5.547 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.8.707l5.548 5.547-5.547 5.547-5.547-5.547zm.708-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.8-.707l-5.548-5.547 5.547-5.547 5.547 5.547zm-.708.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.548-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.546-5.547zm0 12.508l-5.547 5.548-5.548-5.548 5.548-5.547zm0 12.51l-5.547 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.547 5.546-5.547-5.546 5.547-5.547zm.707.707l5.547 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.547-5.548 5.547 5.548-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.546 5.547 5.547-5.547 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm0-12.509l5.548-5.547 5.547 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm2.1-16.022l-2.806 2.807-2.807-2.807zm-7.027 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.548 3.514-3.513zm-5.481 0l-2.807 2.806-2.806-2.806zm-7.027 0l3.513 3.513-5.547 5.548-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.807-2.807zm-6.322.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.546 5.547-3.515-3.515zm0 5.48l2.808 2.808-2.808 2.807zm0 7.03l3.515-3.515 5.546 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.515 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm6.322-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.03l-3.514 3.516-5.548-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807z",fill:"#9aa4ad"}),l.createElement("path",{d:"M0 256.832h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M275.566 213.531V225.1h2.302v-11.568a3.018 3.018 0 10-2.302 0zM277.868 254.443v-19.984h-2.302v19.984h-4.359v2.303h11.021v-2.303zM318.744 213.531v10.236h2.303v-10.235a3.018 3.018 0 10-2.303 0zM321.047 254.443v-17.349h-2.303v17.349h-4.359v2.303h11.021v-2.303z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:216.073}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:231.838}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M323.104 231.838h3.453l4.813 10.511h-3.453zM313.461 231.838h3.453l4.813 10.511h-3.454zM303.817 231.838h3.453l4.813 10.511h-3.453zM294.174 231.838h3.453l4.813 10.511h-3.454zM284.53 231.838h3.453l4.813 10.511h-3.453zM274.887 231.838h3.453l4.813 10.511h-3.454zM265.243 231.838h3.453l4.813 10.511h-3.453zM323.104 216.073h3.453l4.813 10.51h-3.453zM313.461 216.073h3.453l4.813 10.51h-3.454zM303.817 216.073h3.453l4.813 10.51h-3.453zM294.174 216.073h3.453l4.813 10.51h-3.454zM284.53 216.073h3.453l4.813 10.51h-3.453zM274.887 216.073h3.453l4.813 10.51h-3.454zM265.243 216.073h3.453l4.813 10.51h-3.453z"})),l.createElement("path",{d:"M63.74 249.784a11.275 11.275 0 10-20.896 0h-.026c.081.2.194.384.286.578.101.214.2.429.314.635.121.219.253.429.388.638.127.198.261.389.4.577a11.274 11.274 0 001.219 1.413c.153.149.312.29.474.43.22.192.449.373.683.547.165.122.327.246.498.36a11.237 11.237 0 001.03.6c.161.085.325.162.491.238q.504.23 1.032.412c.11.038.216.083.327.118a11.228 11.228 0 001.367.32c.143.024.287.046.432.065a11.316 11.316 0 001.485.114l.032.002h4.228a11.287 11.287 0 0010.458-7.047zM131.393 249.784a11.275 11.275 0 10-20.896 0h-.027c.082.2.194.384.286.578.102.214.2.429.315.635.12.219.252.429.387.638.127.198.262.389.4.577a11.274 11.274 0 001.219 1.413c.154.149.313.29.474.43.22.192.45.373.684.547.164.122.326.246.498.36a11.237 11.237 0 001.029.6c.162.085.325.162.492.238q.503.23 1.032.412c.11.038.215.083.327.118a11.229 11.229 0 001.366.32c.144.024.287.046.432.065a11.316 11.316 0 001.486.114l.031.002h4.229a11.287 11.287 0 0010.458-7.047z",fill:"#9aa4ad"}),l.createElement("path",{d:"M149.695 230.8l-1.41 18.984H129.95l1.41-18.985a7.039 7.039 0 00-5.441-6.85l-13.291-3.128h18.336l13.305 3.129a7.026 7.026 0 015.427 6.85z",fill:"#ffc335"}),l.createElement("ellipse",{cx:136.272,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M135.278 233.411c0-1.735.664-3.19 1.54-3.619a1.262 1.262 0 00-.546-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("ellipse",{cx:147.323,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M146.33 233.411c0-1.735.663-3.19 1.54-3.619a1.262 1.262 0 00-.547-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("path",{d:"M131.358 230.8l-1.41 18.984H15.786v-56.377a4.223 4.223 0 014.228-4.228h74.7a7.052 7.052 0 016.497 4.327l11.417 27.315 13.29 3.129a7.039 7.039 0 015.441 6.85z",fill:"#ffdb86"}),l.createElement("path",{d:"M121.07 197.17h-18.337l-1.523-3.664a7.052 7.052 0 00-6.497-4.327h18.323a7.057 7.057 0 016.511 4.327z",fill:"#ffc335"}),l.createElement("path",{d:"M121.071 197.164h-18.333l9.882 23.653h18.333zM98.595 197.164H80.262v13.787a9.866 9.866 0 009.866 9.866h18.35z",fill:"#fff"}),l.createElement("path",{d:"M48.794 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048zM117.856 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048z",fill:"#9aa4ad"}),l.createElement("circle",{cx:34.124,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:34.108,cy:245.556,fill:"#fff",r:5.638}),l.createElement("circle",{cx:103.186,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:103.17,cy:245.556,fill:"#fff",r:5.638}),l.createElement("path",{d:"M147.141 242.913h-12.325l-.205 1.762h12.396z",fill:"#bf9228"}),l.createElement("path",{d:"M70.753 197.17H24.877a2.819 2.819 0 00-2.819 2.82v23.37a4.228 4.228 0 004.228 4.229h15.785a9.866 9.866 0 016.976 2.89l5.276 5.276a4.228 4.228 0 002.99 1.238h12.03a4.228 4.228 0 004.229-4.228v-32.776a2.819 2.819 0 00-2.82-2.819z",fill:"#ffc335"}),l.createElement("path",{d:"M282.425 0h1v77.57h-1zM242.839 107.088l39.89-25.272.535.845-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:282.925,cy:81.813,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M282.925 76.57a5.2 5.2 0 00-2.753.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:283.917,cy:81.302,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M283.569 81.661l.695-.719 35.753 34.569-.695.719z",fill:"#edeff2"}),l.createElement("path",{d:"M247.523 103.977l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M240.409 103.201l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M261.61 254.832h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M242.243 254.833h23.289v2h-23.289z",fill:"#ffdb86"}),l.createElement("path",{d:"M260.5 250.832h-13.22l1.12-4h10.98zM258.27 242.832h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M357.448 254.833h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M338.081 254.833h23.289v2H338.08z",fill:"#ffdb86"}),l.createElement("path",{d:"M356.338 250.833h-13.22l1.12-4h10.98zM354.108 242.833h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("rect",{fill:"#fff",height:24.105,rx:1,stroke:"#c6cacf",strokeMiterlimit:10,width:32.777,x:195.735,y:193.196}),l.createElement("path",{d:"M218.555 198.817a9.095 9.095 0 100 12.863 9.105 9.105 0 000-12.863zm-11.397 1.465a7.028 7.028 0 019.14-.672l-9.812 9.812a7.028 7.028 0 01.672-9.14zm.793 10.605l9.812-9.812a7.014 7.014 0 01-9.812 9.812z",fill:"#ffc335"}),l.createElement("path",{d:"M253.915 144.641a1.017 1.017 0 01-.898-1.1l.45-4.474-11.464-1.154a1.015 1.015 0 01-.898-1.1l.264-2.625a1.693 1.693 0 01.331-.882q.28-.364.657-.774l12.74-12.988a2.033 2.033 0 011.61-.773l2.81.283a1.015 1.015 0 01.899 1.1l-1.49 14.793 3.18.32a1.015 1.015 0 01.899 1.1l-.265 2.625a1.017 1.017 0 01-1.099.898l-3.18-.32-.45 4.475a1.017 1.017 0 01-1.1.898zm.018-10.197l.797-7.915-7.122 7.278zM286.911 131.563q-.034.707-.12 1.557l-.175 1.738-.175 1.739q-.085.85-.193 1.55a17.363 17.363 0 01-1.047 3.91 8.459 8.459 0 01-2.022 3.01 7.821 7.821 0 01-3.245 1.801 14.25 14.25 0 01-9.153-.921 7.84 7.84 0 01-2.801-2.411 8.445 8.445 0 01-1.381-3.353 17.362 17.362 0 01-.247-4.04q.065-1.412.247-3.207.18-1.793.397-3.191a17.932 17.932 0 011.051-3.948 8.595 8.595 0 012.027-3.065 8.11 8.11 0 013.232-1.86 11.674 11.674 0 014.666-.334 12.226 12.226 0 014.49 1.22 7.832 7.832 0 012.821 2.412 8.466 8.466 0 011.381 3.352 17.371 17.371 0 01.247 4.04zm-15.548 4.897a7.743 7.743 0 00.86 4.252 5.392 5.392 0 007.36.741 7.751 7.751 0 001.691-3.995q.215-1.397.387-3.099.171-1.7.239-3.113a7.751 7.751 0 00-.86-4.253 5.392 5.392 0 00-7.36-.74 7.743 7.743 0 00-1.692 3.995q-.216 1.397-.386 3.098-.172 1.701-.24 3.114zM290.075 130.574a.955.955 0 01-.13-.76.992.992 0 01.456-.627l8.662-5.516c.212-.128.43-.25.653-.364a1.243 1.243 0 01.705-.134l2.885.29a1.014 1.014 0 01.897 1.1l-2.405 23.89a1.016 1.016 0 01-1.099.899l-2.995-.302a1.016 1.016 0 01-.899-1.1l1.84-18.27-5.665 3.577a.927.927 0 01-.742.132 1.121 1.121 0 01-.645-.458z",fill:"#9aa4ad"})),g=t=>l.createElement("svg",{viewBox:"0 0 428.65 257.832",...t},l.createElement("path",{d:"M346.912 46.063v104.31h-51.427v106.474h3.733v-.073l.423.422 23.065-23.065 23.59 23.59.876-.875h2.756v-.298h.717v-.073l.423.422 23.066-23.066 23.59 23.591.876-.875h2.756V46.063zm-24.206 137.358l22.716 22.716-22.716 22.715-22.715-22.715zm-23.488 18.21v-41.699l20.849 20.85zm51.427-104.31V55.623l20.85 20.85zm23.489-18.21l22.716 22.716-22.716 22.716-22.716-22.716zm-23.489 27.222l20.85 20.85-20.85 20.849zm46.977 48.021l-23.488 23.488-23.489-23.488v-.249h46.977zm-46.977 5.279l20.85 20.849-20.85 20.848zm2.939-9.26l20.55-20.551 20.55 20.55zm-7.39 51.258l-20.848-20.85 20.849-20.849zm27.94-18.51l22.716 22.715-22.716 22.717-22.716-22.717zm2.64-2.64l20.848-20.848v41.697zm0-53.298l20.848-20.85v41.699zm20.848-29.862l-20.849-20.849 20.85-20.849zm0-47.525v.548l-23.488 23.489-23.489-23.489v-.548zm-51.427 104.31v.547l-23.489 23.489-23.488-23.489v-.548zm-46.977 98.234v-41.697l20.849 20.849zm46.977-41.697v41.697l-20.85-20.848zm4.45 41.398v-41.699l20.85 20.85zm46.977-41.699v41.7l-20.849-20.85z",fill:"#e6e9eb"}),l.createElement("path",{d:"M299.218 256.847h-3.733V154.105h-8.945v102.742h-3.733V150.372h16.411zM350.645 150.372h-3.733V49.796h-8.945v100.576h-3.733V46.063h16.411z",fill:"#ced3d7"}),l.createElement("path",{d:"M248.774 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65H237.04l-.033-.033-.034.033H224.53l-.033-.034-.033.034H212.02l-.033-.034-.033.034h-12.442l-.033-.034-.034.034h-12.441l-.034-.033-.033.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.033.033.034-.033h12.442l.033.033.033-.033h12.442l.033.033.033-.033h12.443l.033.033.033-.033h12.442l.034.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.84 6.255l-5.546 5.547-5.547-5.547 5.547-5.547zm-5.546-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-6.254 6.254l-5.548 5.547-5.547-5.547 5.547-5.547zm-5.548-6.961l-5.547-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.548 5.547-5.547zm-11.801-.708l-5.547-5.547 5.546-5.547 5.548 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.548 5.548-5.546-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.547 5.547 5.547-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.547 5.547-5.547 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.547 5.547-5.547 5.547zm0-12.508l5.547-5.547 5.548 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.547-5.547 5.547-5.547 5.547 5.547zm-.707.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-11.802-.707l-5.547-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.546 5.547-5.548-5.547 5.547-5.547zm0 12.508l-5.546 5.548-5.548-5.547 5.547-5.548zm0 12.51l-5.546 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.546 5.546-5.547-5.546 5.547-5.547zm.707.707l5.548 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.548 5.548-5.548 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.546 5.547 5.547-5.546 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm2.1-16.022l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.808-2.807zm-7.029 0l3.515 3.514-5.548 5.547-5.547-5.548 3.514-3.513zm-5.48 0l-2.807 2.806-2.807-2.806zm-7.028 0l3.514 3.513-5.547 5.548-5.548-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.806-2.807zm-7.029 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.807-2.807zm-6.321.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.808-2.807 2.807zm0 7.03l3.514-3.515 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.513-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.03 0l-3.515-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm6.321-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.808-2.807 2.808-2.808zm0-7.03l-3.515 3.516-5.547-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.548-5.547 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zM428.617 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65h-11.735l-.033-.033-.033.033h-12.442l-.034-.034-.033.034h-12.443l-.033-.034-.033.034h-12.441l-.034-.034-.033.034h-12.442l-.033-.033-.034.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.034.033.033-.033h12.442l.033.033.034-.033h12.441l.033.033.033-.033h12.443l.033.033.033-.033h12.443l.033.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.841 6.255l-5.547 5.547-5.547-5.547 5.547-5.547zm-5.547-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-6.254 6.254l-5.547 5.547-5.548-5.547 5.548-5.547zm-5.547-6.961l-5.548-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.548 5.547-5.547-5.548 5.547-5.547zm-11.802-.708l-5.547-5.547 5.547-5.547 5.547 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.547 5.548-5.547-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.548 5.547-5.548 5.547zm11.802.707l5.547 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.8.707l5.548 5.547-5.547 5.547-5.547-5.547zm.708-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.8-.707l-5.548-5.547 5.547-5.547 5.547 5.547zm-.708.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.548-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.546-5.547zm0 12.508l-5.547 5.548-5.548-5.548 5.548-5.547zm0 12.51l-5.547 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.547 5.546-5.547-5.546 5.547-5.547zm.707.707l5.547 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.547-5.548 5.547 5.548-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.546 5.547 5.547-5.547 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm0-12.509l5.548-5.547 5.547 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm2.1-16.022l-2.806 2.807-2.807-2.807zm-7.027 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.548 3.514-3.513zm-5.481 0l-2.807 2.806-2.806-2.806zm-7.027 0l3.513 3.513-5.547 5.548-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.807-2.807zm-6.322.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.546 5.547-3.515-3.515zm0 5.48l2.808 2.808-2.808 2.807zm0 7.03l3.515-3.515 5.546 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.515 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm6.322-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.03l-3.514 3.516-5.548-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807z",fill:"#9aa4ad"}),l.createElement("path",{d:"M0 256.832h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M275.566 213.531V225.1h2.302v-11.568a3.018 3.018 0 10-2.302 0zM277.868 254.443v-19.984h-2.302v19.984h-4.359v2.303h11.021v-2.303zM318.744 213.531v10.236h2.303v-10.235a3.018 3.018 0 10-2.303 0zM321.047 254.443v-17.349h-2.303v17.349h-4.359v2.303h11.021v-2.303z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:216.073}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:231.838}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M323.104 231.838h3.453l4.813 10.511h-3.453zM313.461 231.838h3.453l4.813 10.511h-3.454zM303.817 231.838h3.453l4.813 10.511h-3.453zM294.174 231.838h3.453l4.813 10.511h-3.454zM284.53 231.838h3.453l4.813 10.511h-3.453zM274.887 231.838h3.453l4.813 10.511h-3.454zM265.243 231.838h3.453l4.813 10.511h-3.453zM323.104 216.073h3.453l4.813 10.51h-3.453zM313.461 216.073h3.453l4.813 10.51h-3.454zM303.817 216.073h3.453l4.813 10.51h-3.453zM294.174 216.073h3.453l4.813 10.51h-3.454zM284.53 216.073h3.453l4.813 10.51h-3.453zM274.887 216.073h3.453l4.813 10.51h-3.454zM265.243 216.073h3.453l4.813 10.51h-3.453z"})),l.createElement("path",{d:"M63.74 249.784a11.275 11.275 0 10-20.896 0h-.026c.081.2.194.384.286.578.101.214.2.429.314.635.121.219.253.429.388.638.127.198.261.389.4.577a11.274 11.274 0 001.219 1.413c.153.149.312.29.474.43.22.192.449.373.683.547.165.122.327.246.498.36a11.237 11.237 0 001.03.6c.161.085.325.162.491.238q.504.23 1.032.412c.11.038.216.083.327.118a11.228 11.228 0 001.367.32c.143.024.287.046.432.065a11.316 11.316 0 001.485.114l.032.002h4.228a11.287 11.287 0 0010.458-7.047zM131.393 249.784a11.275 11.275 0 10-20.896 0h-.027c.082.2.194.384.286.578.102.214.2.429.315.635.12.219.252.429.387.638.127.198.262.389.4.577a11.274 11.274 0 001.219 1.413c.154.149.313.29.474.43.22.192.45.373.684.547.164.122.326.246.498.36a11.237 11.237 0 001.029.6c.162.085.325.162.492.238q.503.23 1.032.412c.11.038.215.083.327.118a11.229 11.229 0 001.366.32c.144.024.287.046.432.065a11.316 11.316 0 001.486.114l.031.002h4.229a11.287 11.287 0 0010.458-7.047z",fill:"#9aa4ad"}),l.createElement("path",{d:"M149.695 230.8l-1.41 18.984H129.95l1.41-18.985a7.039 7.039 0 00-5.441-6.85l-13.291-3.128h18.336l13.305 3.129a7.026 7.026 0 015.427 6.85z",fill:"#ffc335"}),l.createElement("ellipse",{cx:136.272,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M135.278 233.411c0-1.735.664-3.19 1.54-3.619a1.262 1.262 0 00-.546-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("ellipse",{cx:147.323,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M146.33 233.411c0-1.735.663-3.19 1.54-3.619a1.262 1.262 0 00-.547-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("path",{d:"M131.358 230.8l-1.41 18.984H15.786v-56.377a4.223 4.223 0 014.228-4.228h74.7a7.052 7.052 0 016.497 4.327l11.417 27.315 13.29 3.129a7.039 7.039 0 015.441 6.85z",fill:"#ffdb86"}),l.createElement("path",{d:"M121.07 197.17h-18.337l-1.523-3.664a7.052 7.052 0 00-6.497-4.327h18.323a7.057 7.057 0 016.511 4.327z",fill:"#ffc335"}),l.createElement("path",{d:"M121.071 197.164h-18.333l9.882 23.653h18.333zM98.595 197.164H80.262v13.787a9.866 9.866 0 009.866 9.866h18.35z",fill:"#fff"}),l.createElement("path",{d:"M48.794 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048zM117.856 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048z",fill:"#9aa4ad"}),l.createElement("circle",{cx:34.124,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:34.108,cy:245.556,fill:"#fff",r:5.638}),l.createElement("circle",{cx:103.186,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:103.17,cy:245.556,fill:"#fff",r:5.638}),l.createElement("path",{d:"M147.141 242.913h-12.325l-.205 1.762h12.396z",fill:"#bf9228"}),l.createElement("path",{d:"M70.753 197.17H24.877a2.819 2.819 0 00-2.819 2.82v23.37a4.228 4.228 0 004.228 4.229h15.785a9.866 9.866 0 016.976 2.89l5.276 5.276a4.228 4.228 0 002.99 1.238h12.03a4.228 4.228 0 004.229-4.228v-32.776a2.819 2.819 0 00-2.82-2.819z",fill:"#ffc335"}),l.createElement("path",{d:"M282.425 0h1v77.57h-1zM242.839 107.088l39.89-25.272.535.845-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:282.925,cy:81.813,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M282.925 76.57a5.2 5.2 0 00-2.753.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:283.917,cy:81.302,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M283.569 81.661l.695-.719 35.753 34.569-.695.719z",fill:"#edeff2"}),l.createElement("path",{d:"M247.523 103.977l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M240.409 103.201l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M261.61 254.832h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M242.243 254.833h23.289v2h-23.289z",fill:"#ffdb86"}),l.createElement("path",{d:"M260.5 250.832h-13.22l1.12-4h10.98zM258.27 242.832h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M357.448 254.833h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M338.081 254.833h23.289v2H338.08z",fill:"#ffdb86"}),l.createElement("path",{d:"M356.338 250.833h-13.22l1.12-4h10.98zM354.108 242.833h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("rect",{fill:"#fff",height:24.105,rx:1,stroke:"#c6cacf",strokeMiterlimit:10,width:32.777,x:195.735,y:193.196}),l.createElement("path",{d:"M218.555 198.817a9.095 9.095 0 100 12.863 9.105 9.105 0 000-12.863zm-11.397 1.465a7.028 7.028 0 019.14-.672l-9.812 9.812a7.028 7.028 0 01.672-9.14zm.793 10.605l9.812-9.812a7.014 7.014 0 01-9.812 9.812z",fill:"#ffc335"}),l.createElement("path",{d:"M254.048 144.5a1.017 1.017 0 01-.892-1.104l.475-4.472-11.458-1.217a1.015 1.015 0 01-.892-1.104l.278-2.624a1.693 1.693 0 01.336-.88q.282-.363.662-.771l12.81-12.919a2.033 2.033 0 011.614-.763l2.81.298a1.016 1.016 0 01.891 1.104l-1.57 14.785 3.179.338a1.015 1.015 0 01.892 1.104l-.279 2.624a1.017 1.017 0 01-1.104.892l-3.178-.337-.475 4.472a1.017 1.017 0 01-1.105.892zm.074-10.197l.84-7.91-7.161 7.24zM287.115 131.602q-.038.707-.128 1.556l-.185 1.738-.184 1.737q-.09.85-.202 1.549a17.362 17.362 0 01-1.069 3.904 8.459 8.459 0 01-2.038 2.999 7.821 7.821 0 01-3.254 1.784 14.25 14.25 0 01-9.148-.971 7.84 7.84 0 01-2.789-2.426 8.445 8.445 0 01-1.362-3.36 17.363 17.363 0 01-.225-4.042q.073-1.412.265-3.206.19-1.791.414-3.189a17.932 17.932 0 011.073-3.942 8.595 8.595 0 012.044-3.054 8.11 8.11 0 013.242-1.842 11.674 11.674 0 014.668-.308 12.226 12.226 0 014.483 1.243 7.832 7.832 0 012.807 2.428 8.466 8.466 0 011.363 3.36 17.37 17.37 0 01.225 4.042zm-15.575 4.812a7.743 7.743 0 00.837 4.257 5.392 5.392 0 007.357.782 7.751 7.751 0 001.712-3.986q.222-1.397.404-3.097.18-1.7.256-3.113a7.751 7.751 0 00-.838-4.256 5.392 5.392 0 00-7.356-.782 7.743 7.743 0 00-1.712 3.986q-.224 1.397-.404 3.097-.18 1.7-.256 3.113zM309.948 124.271a1.014 1.014 0 01.892 1.104L310.56 128a1.203 1.203 0 01-.357.728 7.01 7.01 0 01-.6.553l-6.002 5.12a11.198 11.198 0 012.926 1.133 7.688 7.688 0 012.147 1.78 6.488 6.488 0 011.24 2.393 7.75 7.75 0 01.212 2.938 7.512 7.512 0 01-1.12 3.338 7.38 7.38 0 01-2.376 2.308 9.918 9.918 0 01-3.348 1.252 13.747 13.747 0 01-4.032.133 14.882 14.882 0 01-4.427-1.087 10.689 10.689 0 01-3.011-1.909 6.89 6.89 0 01-1.71-2.387 6.268 6.268 0 01-.52-2.485.823.823 0 01.353-.69 1.064 1.064 0 01.75-.202l2.92.31a.832.832 0 01.585.306 3.41 3.41 0 01.426.736 3.435 3.435 0 00.503.894 3.643 3.643 0 00.906.807 5.917 5.917 0 001.48.661 11.686 11.686 0 002.235.425 6.591 6.591 0 003.737-.519 2.909 2.909 0 001.66-2.421 2.496 2.496 0 00-1.134-2.532 7.944 7.944 0 00-3.564-1.107l-3.068-.326a1.017 1.017 0 01-.892-1.104l.279-2.625a1.204 1.204 0 01.358-.728 6.974 6.974 0 01.6-.553l5.752-4.883-10.202-1.084a1.017 1.017 0 01-.892-1.104l.279-2.624a1.015 1.015 0 011.104-.892z",fill:"#9aa4ad"})),H=t=>l.createElement("svg",{viewBox:"0 0 428.65 257.832",...t},l.createElement("path",{d:"M374.995 20.98H220.778a1 1 0 01-.707-1.708L239.343 0a1 1 0 01.707-.293h115.975a1.002 1.002 0 01.713.298l18.676 18.974h32.505a1 1 0 010 2zm-151.803-2h149.415l-17-17.273H240.463z",fill:"#9aa4ad"}),l.createElement("path",{d:"M230.519 81.234h1v67.828h-1z",fill:"#edeff2"}),l.createElement("rect",{fill:"#9aa4ad",height:44.923,rx:4,transform:"rotate(-174.106 229.472 161.013)",width:84.167,x:187.388,y:138.552}),l.createElement("rect",{fill:"#edeff2",height:44.923,rx:4,transform:"rotate(-174.106 222.353 160.278)",width:84.167,x:180.27,y:137.817}),l.createElement("path",{d:"M199.561 171.27a1.005 1.005 0 01-.885-1.09l.457-4.425-11.339-1.171a1.005 1.005 0 01-.885-1.09l.268-2.597a1.674 1.674 0 01.33-.871q.277-.36.652-.765l12.635-12.816a2.011 2.011 0 011.593-.76l2.78.287a1.005 1.005 0 01.886 1.09l-1.51 14.63 3.145.325a1.004 1.004 0 01.885 1.09l-.268 2.596a1.004 1.004 0 01-1.09.886l-3.145-.325-.457 4.425a1.005 1.005 0 01-1.09.886zm.044-10.088l.808-7.827-7.063 7.182zM232.234 158.414q-.035.7-.122 1.54l-.178 1.72-.177 1.719q-.087.841-.195 1.532a17.223 17.223 0 01-1.046 3.866 8.378 8.378 0 01-2.007 2.972 7.752 7.752 0 01-3.214 1.775 14.112 14.112 0 01-9.053-.935 7.764 7.764 0 01-2.765-2.392 8.372 8.372 0 01-1.358-3.319 17.172 17.172 0 01-.234-3.998q.069-1.397.253-3.172.183-1.773.4-3.156a17.734 17.734 0 011.05-3.903 8.522 8.522 0 012.013-3.026 8.009 8.009 0 013.201-1.831 11.562 11.562 0 014.617-.319 12.105 12.105 0 014.44 1.216 7.744 7.744 0 012.783 2.395 8.364 8.364 0 011.358 3.32 17.215 17.215 0 01.234 3.996zm-15.393 4.806a7.661 7.661 0 00.84 4.21 5.334 5.334 0 007.28.75 7.673 7.673 0 001.682-3.948q.217-1.382.39-3.064.174-1.683.245-3.08a7.676 7.676 0 00-.841-4.209 5.334 5.334 0 00-7.279-.751 7.664 7.664 0 00-1.683 3.948q-.217 1.383-.39 3.065-.174 1.683-.244 3.08zM247.071 176.174a1.005 1.005 0 01-.885-1.09l.457-4.424-11.338-1.171a1.005 1.005 0 01-.886-1.09l.268-2.597a1.674 1.674 0 01.33-.871q.278-.36.652-.765l12.635-12.816a2.011 2.011 0 011.594-.76l2.78.287a1.005 1.005 0 01.885 1.09l-1.51 14.63 3.145.325a1.005 1.005 0 01.886 1.09l-.268 2.596a1.005 1.005 0 01-1.09.886l-3.145-.325-.457 4.425a1.005 1.005 0 01-1.09.886zm.044-10.087l.808-7.827-7.062 7.182z",fill:"#9aa4ad"}),l.createElement("path",{d:"M159.089 98.105H290.57v158.5H159.089z",fill:"#fff",opacity:.5}),l.createElement("path",{d:"M228.458 24.668h1v51.323h-1z",fill:"#edeff2"}),l.createElement("circle",{cx:231.019,cy:75.991,fill:"#c6cacf",r:5.243}),l.createElement("circle",{cx:233.065,cy:75.991,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M227.873 75.991a5.245 5.245 0 014.194-5.138 5.243 5.243 0 100 10.276 5.245 5.245 0 01-4.194-5.138z",fill:"#9aa4ad"}),l.createElement("path",{d:"M376.635 257.125h-2V25.668h-25.167v231.457h-2V23.668h29.167z",fill:"#c6cacf"}),l.createElement("path",{d:"M159.989 253.903v2.702a.9.9 0 11-1.8 0v-2.702a.9.9 0 011.8 0zm-.9-106.484a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.558a.9.9 0 00-.9.9v5.279a.9.9 0 001.8 0v-5.278a.9.9 0 00-.9-.9zm0-42.234a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-21.117a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 63.35a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-73.908a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 126.7a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-42.233a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 31.675a.9.9 0 00-.9.9v5.279a.9.9 0 001.8 0v-5.278a.9.9 0 00-.9-.9zm0 21.117a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-31.675a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-10.559a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm2.7-103.007h-2.7a.9.9 0 00-.9.9v2.703a.9.9 0 101.8 0v-1.802h1.8a.9.9 0 000-1.8zm43.855 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm-10.964 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm-21.926 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm43.853 0h-5.481a.9.9 0 000 1.801h5.481a.9.9 0 100-1.8zm-32.89 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm98.67 0h-5.481a.9.9 0 000 1.801h5.481a.9.9 0 000-1.8zm-54.816 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm32.89 0h-5.482a.9.9 0 100 1.801h5.482a.9.9 0 000-1.8zm10.964 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm-21.928 0h-5.481a.9.9 0 000 1.801h5.481a.9.9 0 000-1.8zm-10.963 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm52.037 0h-2.701a.9.9 0 000 1.801h1.8v1.802a.9.9 0 101.801 0v-2.702a.9.9 0 00-.9-.9zm0 7.98a.9.9 0 00-.9.901v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 42.234a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-10.558a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 42.234a.9.9 0 00-.9.9v5.279a.9.9 0 101.8 0v-5.279a.9.9 0 00-.9-.9zm0-10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-52.792a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.559a.9.9 0 00-.9.9v5.279a.9.9 0 001.8 0v-5.279a.9.9 0 00-.9-.9zm0 31.675a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 63.35a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 21.117a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-52.792a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 21.117a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 52.792a.9.9 0 00-.9.9v2.703a.9.9 0 101.8 0v-2.702a.9.9 0 00-.9-.9z",fill:"#84919c"}),l.createElement("path",{d:"M29.227 256.605a12.584 12.584 0 010-25.168h50.335a12.584 12.584 0 010 25.168z",fill:"#edeff2"}),l.createElement("path",{d:"M29.227 256.605a12.584 12.584 0 010-25.168h50.335a12.584 12.584 0 010 25.168z",fill:"#edeff2"}),l.createElement("path",{d:"M90.548 231.437H79.562a12.584 12.584 0 010 25.168h10.986a12.584 12.584 0 000-25.168z",fill:"#9aa4ad"}),l.createElement("circle",{cx:29.227,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("circle",{cx:29.227,cy:244.021,fill:"#fff",r:1.748}),l.createElement("circle",{cx:46.005,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("circle",{cx:62.784,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("circle",{cx:79.562,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("path",{d:"M110.575 207.576a5.002 5.002 0 00-5 5v16.25h-79.14v-15a6.246 6.246 0 016.25-6.25h13.32v-9.41a9.807 9.807 0 019.81-9.81h25.45a9.816 9.816 0 019.82 9.81v9.41z",fill:"#ffdb86"}),l.createElement("path",{d:"M81.265 188.356a9.82 9.82 0 018.999 5.889h10.673a10.838 10.838 0 00-9.66-5.89z",fill:"#ffc335"}),l.createElement("path",{d:"M91.085 198.166v9.41h9.852v-13.331H90.264a9.758 9.758 0 01.821 3.921z",fill:"#fff"}),l.createElement("circle",{cx:46.007,cy:244.021,fill:"#fff",r:1.748}),l.createElement("circle",{cx:62.784,cy:244.021,fill:"#fff",r:1.748}),l.createElement("circle",{cx:79.561,cy:244.021,fill:"#fff",r:1.748}),l.createElement("path",{d:"M112.892 207.58h-2.5v-18.032a1.383 1.383 0 00-1.383-1.383h-1.862a1.25 1.25 0 01-1.25-1.25 1.25 1.25 0 011.25-1.25h1.862a3.883 3.883 0 013.883 3.883z",fill:"#9aa4ad"}),l.createElement("path",{d:"M110.579 207.58h15.16a5 5 0 015 5v16.255h-25.16V212.58a5 5 0 015-5z",fill:"#ffc335"}),l.createElement("path",{d:"M105.575 228.826h25.16v.01h-25.16z",fill:"#ffc335"}),l.createElement("rect",{fill:"#fff",height:17.734,rx:1,width:9.642,x:52.326,y:194.243}),l.createElement("path",{d:"M80.223 194.243H67.726a1.25 1.25 0 00-1.25 1.25v15.234a1.25 1.25 0 001.25 1.25h1.352a3.482 3.482 0 013.216 2.148l1.648 3.971a3 3 0 002.77 1.85h4.773a3 3 0 003-3v-18.44a4.263 4.263 0 00-4.262-4.263z",fill:"#fff"}),l.createElement("path",{d:"M91.082 212.846h1.25v7.1h-1.25zm4.36 7.1h1.25v-7.1h-1.25zm4.358 0h1.25v-7.1H99.8zm16.41 4.255h1.25v-11.355h-1.25zm4.359-11.355V224.2h1.25v-11.355z",fill:"#bf9228"}),l.createElement("ellipse",{cx:110.935,cy:216.396,fill:"#fff",rx:1.945,ry:3.55}),l.createElement("ellipse",{cx:127.094,cy:216.396,fill:"#fff",rx:1.945,ry:3.55}),l.createElement("path",{d:"M126.154 216.396c0-1.641.631-3.015 1.46-3.422a1.212 1.212 0 00-.52-.128c-1.075 0-1.946 1.59-1.946 3.55s.871 3.55 1.946 3.55a1.128 1.128 0 00.502-.121c-.829-.407-1.442-1.788-1.442-3.429zM109.995 216.396c0-1.641.628-3.017 1.457-3.424a1.194 1.194 0 00-.517-.126c-1.074 0-1.945 1.59-1.945 3.55s.87 3.55 1.945 3.55a1.194 1.194 0 00.517-.126c-.83-.407-1.457-1.783-1.457-3.424zM105.579 231.437l10.212 25.168h-8.854c-4.628 0-8.38-3.181-8.38-7.105v-18.063z",fill:"#edeff2"}),l.createElement("path",{d:"M130.735 249.5v-16.815h-24.352l9.67 23.92h23.062c-4.628 0-8.38-3.181-8.38-7.105z",fill:"#9aa4ad"}),l.createElement("path",{d:"M137.756 231.437H105.58l10.212 25.168h1.25l-9.705-23.918h23.4V249.5a6.868 6.868 0 003.636 5.855h-17.838l.507 1.25h30.928z",fill:"#c6cacf"}),l.createElement("path",{d:"M25.032 244.02a6.993 6.993 0 015.593-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.593-6.85zM41.81 244.02a6.993 6.993 0 015.593-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.592-6.85zM58.59 244.02a6.993 6.993 0 015.592-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.593-6.85zM75.368 244.02a6.993 6.993 0 015.593-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.593-6.85z",fill:"#9aa4ad"}),l.createElement("path",{d:"M91.077 207.575h11.09v.01h-11.09z",fill:"#fff"}),l.createElement("rect",{fill:"#ffc335",height:4.565,rx:1,width:29.703,x:32.265,y:218.207}),l.createElement("path",{d:"M347.468 23.668h-10.11v233.457h2V25.668h8.11z",fill:"#9aa4ad"}),l.createElement("path",{d:"M376.635 39.779v-16.11h-29.167v233.455h2v-.039l.226.227 12.357-12.357 12.877 12.877.707-.707h1V39.779zm-26.753 108.676l12.17-12.17 12.169 12.17-12.17 12.169zm24.339 27.167l-12.17 12.17-12.17-12.17 12.17-12.17zm-24.34-54.335l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.167l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm10.756 13.584l-11.17 11.17v-22.34zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17V123.7zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm-10.755 13.584l12.17-12.17 12.169 12.17-12.17 12.169zm10.755 13.583l-11.17 11.17v-22.34zm13.998-11.17v22.34l-11.17-11.17zm-11.17-15.997l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm11.17-16L363.465 26.2l.532-.532h10.638zm-14.53-11.7l.532.532-11.17 11.17V25.668zM349.468 254.71v-22.34l11.17 11.17zm.414-24.753l12.17-12.17 12.169 12.17-12.17 12.17zm24.753 2.414v22.34l-11.17-11.17z",fill:"#c6cacf"}),l.createElement("path",{d:"M0 256.605h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M361.8 30.744h27.67v43.277H361.8z",fill:"#ffdb86"}),l.createElement("path",{d:"M384.316 37.744v14.639h-17.361v-14.64z",fill:"#fff"}),l.createElement("path",{d:"M354.523 30.744h7.276v43.277h-7.276z",fill:"#ffc335"}),l.createElement("path",{d:"M354.523 73.991h34.947v2h-34.947z",fill:"#c6cacf"}),l.createElement("path",{d:"M354.523 73.991h7.276v2h-7.276z",fill:"#9aa4ad"}),l.createElement("path",{d:"M276.526 219.064v10.049h2v-10.05a2.622 2.622 0 10-2 0zM278.526 254.605v-17.362h-2v17.362h-3.787v2h9.574v-2z",fill:"#c6cacf"}),l.createElement("path",{d:"M232.58 26.681h1v49.31h-1z",fill:"#edeff2"}),l.createElement("path",{d:"M243.75 20.98h9.005v5.701h-9.004z",fill:"#9aa4ad"}),l.createElement("path",{d:"M420.112 18.98h-22.839L378.598.004a1.002 1.002 0 00-.713-.298H263.213a1.007 1.007 0 00-.707.293l-18.893 18.893h-22.695a1.198 1.198 0 00-1.198 1.198v6.59h24.03V20.98h176.362a1 1 0 000-2zM323.526 1.706h16.172l-8.475 8.476-8.086-8.086zm-19 0h15.393l.39.39-8.087 8.086-8.086-8.086zm-19 0h15.392l.39.39-8.086 8.086-8.086-8.086zm-3.218.39l-9.535 9.535-9.535-9.536.389-.389h18.291zm-35.954 16.882l15.47-15.469 9.534 9.536-5.933 5.933zm21.899 0l4.52-4.52 4.519 4.52zm11.867 0l-5.933-5.933 9.535-9.535 8.086 8.086-7.383 7.382zm7.133 0l5.969-5.968 5.968 5.968zm14.766 0l-7.383-7.382 8.086-8.086 8.086 8.086-7.382 7.382zm4.235 0l5.968-5.968 5.968 5.968zm14.765 0l-7.383-7.382 8.087-8.086 8.086 8.086-7.383 7.382zm4.235 0l5.969-5.968 5.968 5.968zm14.766 0l-7.383-7.382 9.89-9.89h14.878l-17.272 17.272zm2.94 0l17.273-17.272h17.233l17 17.272zM314.036 219.063v8.892h2v-8.891a2.622 2.622 0 10-2 0zM316.036 254.605v-15.073h-2v15.073h-3.787v2h9.575v-2z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:266.555,y:221.272}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:266.555,y:234.967}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M317.823 234.967h3l4.181 9.131h-3zM309.446 234.967h3l4.181 9.131h-3zM301.068 234.967h3l4.181 9.131h-3zM292.691 234.967h3l4.181 9.131h-3zM284.313 234.967h3l4.181 9.131h-3zM275.936 234.967h3l4.181 9.131h-3zM267.558 234.967h3l4.181 9.131h-3zM317.823 221.272h3l4.181 9.13h-3zM309.446 221.272h3l4.181 9.13h-3zM301.068 221.272h3l4.181 9.13h-3zM292.691 221.272h3l4.181 9.13h-3zM284.313 221.272h3l4.181 9.13h-3zM275.936 221.272h3l4.181 9.13h-3zM267.558 221.272h3l4.181 9.13h-3z"}))),b=t=>l.createElement("svg",{viewBox:"0 0 428.65 208.17",...t},l.createElement("path",{d:"M87.176 131.122h3.787v2H81.39v-2h3.787v-17.36h2zm-2-35.54v10.048h2V95.581a2.622 2.622 0 10-2 0zm37.51 0v8.891h2v-8.892a2.622 2.622 0 10-2 0zm2 35.54V116.05h-2v15.072H118.9v2h9.574v-2z",fill:"#c6cacf"}),l.createElement("path",{d:"M58.009 20.727v55.882H30.457v57.042h2v-.039l.227.227 12.357-12.357 12.638 12.638.469-.469h1.476v-.16h.385v-.039l.226.227 12.357-12.358 12.639 12.639.469-.469h1.476V20.727zM45.04 94.314l12.17 12.17-12.17 12.17-12.17-12.17zm-12.584 9.756V81.73l11.17 11.17zm27.552-55.883V25.848l11.17 11.17zm12.584-9.755l12.17 12.17-12.17 12.17-12.17-12.17zM60.009 53.016l11.17 11.17-11.17 11.169zm25.167 25.726L72.593 91.326 60.009 78.742v-.133h25.167zM60.01 81.57l11.17 11.17-11.17 11.17zm1.574-4.961l11.01-11.01 11.009 11.01zm-3.958 27.461L46.455 92.9l11.17-11.17zm14.968-9.916l12.17 12.17-12.17 12.17-12.17-12.17zm1.414-1.414l11.17-11.17v22.34zm0-28.555l11.17-11.17v22.34zm11.17-15.998l-11.17-11.17 11.17-11.169zm0-25.46v.293L72.592 35.604 60.009 23.02v-.293zM57.623 78.609v.293L45.041 91.486 32.457 78.902v-.293zm-25.167 52.628v-22.339l11.17 11.17zm25.167-22.339v22.34l-11.17-11.17zm2.385 22.18v-22.34l11.17 11.17zm25.167-22.34v22.34l-11.17-11.17z",fill:"#c6cacf"}),l.createElement("path",{d:"M32.457 133.651h-2V78.609h-4.792v55.042h-2V76.609h8.792zM60.009 76.609h-2V22.727h-4.792v53.882h-2V20.727h8.792z",fill:"#9aa4ad"}),l.createElement("path",{d:"M122.98 133.643c0-.498 3.62-.608 4.867-.03a.9.9 0 11-.756 1.633 7.596 7.596 0 00-3.21-.703.9.9 0 01-.9-.9zm-5.012 33.274h-7.166a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm8.426-16.514a.904.904 0 00-1.054-.714 7.774 7.774 0 01-1.46.14h-5.526a.9.9 0 000 1.8h5.528a9.628 9.628 0 001.798-.172.9.9 0 00.714-1.054zm-22.759 16.514H96.47a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm-14.333 0h-7.166a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm43 0h-7.167a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm-.517-28.103a.9.9 0 00-.596 1.124 7.666 7.666 0 01-.752 6.18.9.9 0 101.542.927 9.464 9.464 0 00.93-7.634.899.899 0 00-1.124-.597zm14.85 28.103h-7.167a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm-71.666 0h-7.166a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm29.052-15.287h7.167a.9.9 0 000-1.8h-7.167a.9.9 0 000 1.8zm-28.666 0h7.167a.9.9 0 000-1.8h-7.167a.9.9 0 000 1.8zm14.333 0h7.167a.9.9 0 000-1.8h-7.167a.9.9 0 000 1.8zm-30.243 7.643l.002-.172a.9.9 0 00-.88-.92.88.88 0 00-.92.879l-.002.213a9.48 9.48 0 002.973 6.878.9.9 0 101.233-1.31 7.57 7.57 0 01-2.406-5.568zm2.076-5.58a.899.899 0 00.586-.218 7.649 7.649 0 014.982-1.845h1.1a.9.9 0 000-1.8h-1.1a9.45 9.45 0 00-6.154 2.28.9.9 0 00.586 1.582zm253.248 13.224h-7.424a.9.9 0 100 1.8h7.424a.9.9 0 100-1.8zm29.699 0h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 100-1.8zm-2.708 17.088h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 100-1.8zm-12.142-17.088h-7.425a.9.9 0 100 1.8h7.425a.9.9 0 100-1.8zm-10.265-15.287h7.424a.9.9 0 000-1.8h-7.424a.9.9 0 000 1.8zm7.557 32.375h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 000-1.8zm7.292-32.375h6.608c.303 0 .603-.015.9-.042a.9.9 0 00-.17-1.793c-.24.023-.483.034-.73.034h-6.608a.9.9 0 000 1.8zm50.087 29.002a7.628 7.628 0 01-5.506 3.329.9.9 0 00.097 1.795.847.847 0 00.098-.006 9.424 9.424 0 006.803-4.11.9.9 0 00-1.492-1.008zm-10.122-13.715h-7.425a.9.9 0 100 1.8h7.425a.9.9 0 100-1.8zm12.87 6.872a9.431 9.431 0 00-5.183-6.03.9.9 0 10-.746 1.64 7.629 7.629 0 014.197 4.878.9.9 0 00.866.657.882.882 0 00.244-.035.9.9 0 00.622-1.11zm-82.534-22.16h7.425a.9.9 0 000-1.8h-7.425a.9.9 0 000 1.8zm52.106 32.376h-7.424a.9.9 0 000 1.8h7.424a.9.9 0 100-1.8zm2.708-17.088h-7.424a.9.9 0 100 1.8h7.424a.9.9 0 100-1.8zm12.141 17.088h-7.424a.9.9 0 000 1.8h7.424a.9.9 0 000-1.8zm-21.204-41.82a9.464 9.464 0 00-.321-2.448.9.9 0 00-1.739.467 7.67 7.67 0 01-1.103 6.339.9.9 0 101.478 1.027 9.404 9.404 0 001.685-5.384zm-67.892 41.82h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 000-1.8zm3.358-24.732a7.676 7.676 0 01.27-2.025.9.9 0 10-1.736-.475 9.464 9.464 0 001.316 7.837.9.9 0 101.485-1.017 7.6 7.6 0 01-1.335-4.32zm14.2 7.644h-6.557c-.262 0-.522-.013-.777-.038a.9.9 0 00-.178 1.79c.314.032.632.049.955.049h6.557a.9.9 0 100-1.801zm-10.15-14.497a.903.903 0 00.378-.084 7.584 7.584 0 013.215-.706h3.715a.9.9 0 000-1.8h-3.715a9.37 9.37 0 00-3.972.873.9.9 0 00.38 1.717zm7.44 31.585h-7.424a.9.9 0 100 1.8h7.425a.9.9 0 100-1.8zm14.85 0h-7.424a.9.9 0 000 1.8h7.425a.9.9 0 100-1.8zm28.75-49.462a7.593 7.593 0 013.21.703.9.9 0 00.756-1.633 9.368 9.368 0 00-3.966-.87.9.9 0 100 1.8z",fill:"#84919c"}),l.createElement("path",{d:"M221.718 125.296l-.969-1.75a3.258 3.258 0 001.371-3.383c-.3-1.936-1.639-3.608-4.215-5.26-4.355-2.796-9.113-4.252-14.15-5.794a199.09 199.09 0 01-4.38-1.378c-2.344-.778-4.89-1.39-7.353-1.981-4.994-1.2-10.158-2.441-14.527-5.192a7.862 7.862 0 01-3.696-4.965c-.88-4.56 3.732-8.03 13.71-10.313a91.644 91.644 0 0111.742-1.642c2.24-.214 4.555-.436 6.806-.753l.28 1.98c-2.296.324-4.634.548-6.895.764a90.237 90.237 0 00-11.487 1.6c-8.605 1.97-12.82 4.73-12.192 7.984a5.878 5.878 0 002.798 3.653c4.09 2.575 9.091 3.777 13.928 4.94 2.503.6 5.092 1.222 7.516 2.027 1.44.478 2.889.92 4.335 1.364 4.945 1.513 10.058 3.078 14.645 6.022 1.947 1.249 4.594 3.296 5.112 6.637a5.224 5.224 0 01-2.38 5.44zM226.18 54.748c-.269-1.126-1.664-1.865-2.69-2.323a66.426 66.426 0 00-10.039-3.248c-2.115-.562-4.301-1.144-6.426-1.85-.461-.154-.93-.305-1.404-.457-3.45-1.109-7.358-2.366-9.998-5.245a5.665 5.665 0 01-1.577-2.976c-.567-3.777 3.441-5.984 6.093-7.444.258-.143.505-.278.732-.407l1.153-.65a33.118 33.118 0 007.019-4.757 16.034 16.034 0 004.595-14.664l1.945-.465c1.344 5.618-.725 12.275-5.147 16.564a34.627 34.627 0 01-7.434 5.067l-1.143.644c-.235.133-.488.273-.755.42-2.296 1.264-5.44 2.995-5.08 5.395a3.784 3.784 0 001.073 1.922c2.282 2.488 5.766 3.609 9.136 4.692.48.155.956.307 1.423.463 2.067.687 4.223 1.26 6.31 1.815a67.973 67.973 0 0110.339 3.355c1.412.63 3.346 1.698 3.82 3.684z",fill:"#edeff2"}),l.createElement("path",{d:"M319.725 133.646h-12.93a10.45 10.45 0 110-20.9h12.93a10.45 10.45 0 100 20.9z",fill:"#9aa4ad"}),l.createElement("rect",{fill:"#edeff2",height:20.902,rx:10.451,width:85.393,x:309.277,y:112.748}),l.createElement("path",{d:"M319.728 129.65a6.451 6.451 0 110-12.902h64.49a6.451 6.451 0 010 12.902z",fill:"#c6cacf"}),l.createElement("path",{d:"M384.16 116.748h-3.119a6.451 6.451 0 110 12.902h3.178a6.451 6.451 0 10-.059-12.902z",fill:"#9aa4ad"}),l.createElement("path",{d:"M326.582 108.067h55.91a5 5 0 005-5V63.28a5 5 0 00-5-5h-33.7a10 10 0 00-9.4 6.591l-14.69 40.514a2 2 0 001.88 2.682z",fill:"#ffdb86"}),l.createElement("path",{d:"M339.391 64.871l.012-.028a.076.076 0 01-.014.027zM348.783 58.28h-17.234a9.971 9.971 0 00-9.38 6.55h17.239a9.999 9.999 0 019.375-6.55zM326.582 108.067a2 2 0 01-1.88-2.682l6.434-17.745h-17.247l-6.43 17.75a2 2 0 001.88 2.68z",fill:"#ffc335"}),l.createElement("path",{d:"M339.391 64.871l.016-.038h-17.245c-.004.013-.01.025-.015.038l-8.256 22.77h17.244z",fill:"#fff"}),l.createElement("path",{d:"M324.867 96.583l-2.67 7.592L219.1 10.289l.19-.185a1.43 1.43 0 011.904-.082l103.053 84.35a2 2 0 01.62 2.211z",fill:"#edeff2"}),l.createElement("path",{d:"M322.196 104.175h-10.918a2 2 0 01-1.415-.586l-91.001-91.037a1.43 1.43 0 01-.003-2.02l.24-.243z",fill:"#9aa4ad"}),l.createElement("path",{d:"M356.947 87.641l7.232-20.104a1.997 1.997 0 00-1.872-2.677c-4.476-.01-13.023-.021-16.378-.026a1.988 1.988 0 00-1.878 1.32l-10.12 28.132a1.999 1.999 0 001.882 2.674h9.542l.786-1.981a11.626 11.626 0 0110.806-7.338zM381.755 64.833h-8.704a4 4 0 00-3.76 2.636l-2.694 7.427a1 1 0 00.94 1.341h14.218a1 1 0 001-1v-9.404a1 1 0 00-1-1z",fill:"#fff"}),l.createElement("path",{d:"M382.755 101.974V96.97c.005-.013-24.376-.013-24.38 0l-1.815 5.004zM382.755 92.655V87.65c.005-.013-20.833-.013-20.838 0l-1.827 5.004z",fill:"#ffc335"}),l.createElement("circle",{cx:214.611,cy:5.757,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M214.61.514a5.2 5.2 0 00-2.753.799 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.444-7.997z",fill:"#c6cacf"}),l.createElement("circle",{cx:215.602,cy:5.246,fill:"#fff",r:1.311}),l.createElement("circle",{cx:320.399,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:333.141,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:345.883,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:358.624,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:371.366,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:384.108,cy:123.199,fill:"#fff",r:1.748}),l.createElement("path",{d:"M243.941 71.56a.5.5 0 01-.45.546l-11.5 1.116a.525.525 0 01-.05.003.5.5 0 01-.047-.998l11.501-1.116a.514.514 0 01.546.449zm-3.622 10.803l-9.39-5.847a.5.5 0 10-.529.848l9.39 5.847a.5.5 0 10.53-.848zm-32.476-21.386a.5.5 0 10-.633.774l7.7 6.295a.5.5 0 00.634-.775zm6.122 10.397l-11.056-.35a.475.475 0 00-.515.484.5.5 0 00.483.515l11.057.35h.016a.5.5 0 00.015-.999z",fill:"#84919c"}),l.createElement("path",{d:"M0 133.15h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M166.232 113.735a10.066 10.066 0 00-11.256 8.714l-7.935 62.322a8.68 8.68 0 007.515 9.708l5.652.72a8.676 8.676 0 01-6.39-9.48l7.935-62.323a10.066 10.066 0 0111.257-8.713",fill:"#9aa4ad"}),l.createElement("path",{d:"M266.206 126.549l-93.308-11.88a9.953 9.953 0 00-11.13 8.615l-.818 6.425 113.054 14.394.818-6.424a9.953 9.953 0 00-8.616-11.13z",fill:"#ffc335"}),l.createElement("path",{d:"M160.95 129.709l-7.132 56.01a8.68 8.68 0 007.515 9.708l95.832 12.201a8.68 8.68 0 009.707-7.515l7.132-56.01z",fill:"#edeff2"}),l.createElement("path",{d:"M161.768 123.284a9.953 9.953 0 0111.13-8.616l-6.778-.947a9.953 9.953 0 00-11.13 8.616l-.818 6.424 6.778.948z",fill:"#bf9228"}),l.createElement("circle",{cx:170.795,cy:122.682,fill:"#fff",r:2.004}),l.createElement("circle",{cx:183.862,cy:124.345,fill:"#fff",r:2.004}),l.createElement("circle",{cx:196.929,cy:126.009,fill:"#fff",r:2.004}),l.createElement("path",{d:"M182.892 151.59a1.044 1.044 0 011.154-.894l14.25 1.815a1.044 1.044 0 01.892 1.153l-.342 2.691a1.044 1.044 0 01-1.153.893l-10.65-1.356-1.035 4.798a6.765 6.765 0 012.09-.234q1.014.052 1.659.134a13.266 13.266 0 013.87 1.07 9.048 9.048 0 012.93 2.087 7.982 7.982 0 011.735 3.014 8.887 8.887 0 01.28 3.848 10.136 10.136 0 01-1.306 4.05 7.837 7.837 0 01-2.484 2.573 8.545 8.545 0 01-3.372 1.227 14.356 14.356 0 01-3.93.02 14.812 14.812 0 01-4.415-1.179 9.108 9.108 0 01-2.897-2.043 7.018 7.018 0 01-1.554-2.625 7.628 7.628 0 01-.341-2.913.844.844 0 01.378-.703 1.09 1.09 0 01.776-.19l3.069.39a1.072 1.072 0 01.651.334 1.267 1.267 0 01.332.716 3.387 3.387 0 00.54 1.513 3.806 3.806 0 001.025 1.017 4.694 4.694 0 001.386.619 11.769 11.769 0 001.653.326 5.102 5.102 0 003.635-.731 4.114 4.114 0 001.737-3.052 3.618 3.618 0 00-.965-3.012 5.36 5.36 0 00-3.336-1.618 7.633 7.633 0 00-1.822-.06 4.785 4.785 0 00-1.131.261c-.298.116-.567.217-.809.301a1.961 1.961 0 01-.893.06l-3.487-.444a1.044 1.044 0 01-.893-1.153zM223.68 165.795q-.054.726-.165 1.597l-.227 1.781-.226 1.782q-.111.872-.241 1.586a17.893 17.893 0 01-1.183 3.99 8.7 8.7 0 01-2.158 3.037 8.053 8.053 0 01-3.382 1.765 14.674 14.674 0 01-9.381-1.194 8.067 8.067 0 01-2.814-2.554 8.688 8.688 0 01-1.328-3.48 17.842 17.842 0 01-.144-4.16q.106-1.45.341-3.288.234-1.838.493-3.269a18.407 18.407 0 011.187-4.027 8.845 8.845 0 012.166-3.095 8.334 8.334 0 013.37-1.824 12.015 12.015 0 014.805-.216 12.573 12.573 0 014.581 1.373 8.061 8.061 0 012.833 2.556 8.705 8.705 0 011.328 3.481 17.884 17.884 0 01.145 4.159zm-16.109 4.612a7.955 7.955 0 00.77 4.392 5.544 5.544 0 007.542.96 7.972 7.972 0 001.845-4.06q.26-1.428.481-3.172.222-1.743.33-3.194a7.974 7.974 0 00-.77-4.392 5.543 5.543 0 00-7.542-.96 7.958 7.958 0 00-1.845 4.059q-.26 1.43-.481 3.174-.222 1.743-.33 3.193zM248.39 168.941q-.055.726-.165 1.597l-.227 1.781-.227 1.782q-.11.872-.24 1.586a17.893 17.893 0 01-1.183 3.99 8.7 8.7 0 01-2.158 3.037 8.053 8.053 0 01-3.382 1.766 14.674 14.674 0 01-9.381-1.195 8.067 8.067 0 01-2.814-2.554 8.688 8.688 0 01-1.328-3.48 17.842 17.842 0 01-.145-4.16q.107-1.45.342-3.288.234-1.838.493-3.269a18.407 18.407 0 011.187-4.027 8.845 8.845 0 012.165-3.095 8.334 8.334 0 013.371-1.823 12.015 12.015 0 014.804-.217 12.573 12.573 0 014.582 1.373 8.061 8.061 0 012.832 2.556 8.705 8.705 0 011.329 3.481 17.885 17.885 0 01.144 4.16zm-16.11 4.612a7.955 7.955 0 00.77 4.392 5.544 5.544 0 007.543.96 7.972 7.972 0 001.845-4.06q.259-1.428.481-3.172.222-1.743.33-3.194a7.974 7.974 0 00-.77-4.392 5.543 5.543 0 00-7.542-.96 7.958 7.958 0 00-1.846 4.059q-.259 1.43-.48 3.174-.222 1.743-.33 3.193z",fill:"#9aa4ad"}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:74.949,y:97.789}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:74.949,y:111.485}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M126.217 111.485h3l4.18 9.13h-3zM117.839 111.485h3l4.181 9.13h-3zM109.461 111.485h3l4.181 9.13h-3zM101.084 111.485h3l4.181 9.13h-3zM92.706 111.485h3l4.181 9.13h-3zM84.329 111.485h3l4.181 9.13h-3zM75.951 111.485h3l4.181 9.13h-3zM126.217 97.789h3l4.18 9.131h-3zM117.839 97.789h3l4.181 9.131h-3zM109.461 97.789h3l4.181 9.131h-3zM101.084 97.789h3l4.181 9.131h-3zM92.706 97.789h3l4.181 9.131h-3zM84.329 97.789h3l4.181 9.131h-3zM75.951 97.789h3l4.181 9.131h-3z"}))),u=t=>l.createElement("svg",{viewBox:"0 0 392.918 230.632",...t},l.createElement("path",{d:"M201.533 0h1v37.475h-1zM161.947 66.993l39.89-25.272.535.845-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:202.033,cy:41.718,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M202.033 36.475a5.2 5.2 0 00-2.753.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:203.025,cy:41.207,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M202.677 41.566l.695-.719 35.753 34.569-.695.719z",fill:"#edeff2"}),l.createElement("path",{d:"M166.631 63.882l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M159.517 63.106l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M381.996 155.17h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M362.63 155.171h23.288v2h-23.289z",fill:"#ffdb86"}),l.createElement("path",{d:"M379.766 147.17h-10.98l-1.12 4h13.22zM377.536 139.17h-6.52l-1.12 4h8.76z",fill:"#fff"}),l.createElement("path",{d:"M157.924 153.634l6.664-13.928 3.129 2.728 3.125 2.737 3.129 2.728 3.125 2.736 2.621 2.285-2.012 4.204-3.423-.607-4.092-.716-4.087-.725-4.092-.717z",fill:"#ffc335"}),l.createElement("path",{d:"M166.282 136.164l-10.051 21.007-1.804-.863 10.051-21.008z",fill:"#ffdb86"}),l.createElement("path",{d:"M167.717 142.434l-5.706 11.925 4.092.717 4.739-9.905zM173.971 147.899l-3.781 7.902 4.092.716 2.814-5.882z",fill:"#fff"}),l.createElement("path",{d:"M.703 157.171h167v13h-167z",fill:"#edeff2"}),l.createElement("path",{d:"M155.83 157.171h41.617v13H155.83z",fill:"#c6cacf"}),l.createElement("path",{d:"M71.63 152.171a8 8 0 10-14.826 0h-.019c.058.142.137.272.203.41.072.152.142.304.223.45a7.985 7.985 0 00.559.863 8.002 8.002 0 00.864 1.002 8.105 8.105 0 00.822.694c.117.086.231.174.353.255a7.974 7.974 0 00.73.426c.115.06.231.114.35.168q.356.164.731.293c.078.027.153.06.233.083a7.966 7.966 0 00.969.227c.102.018.204.033.307.047a8.031 8.031 0 001.053.08l.023.002h3a8.008 8.008 0 007.42-5zM119.63 152.171a8 8 0 10-14.826 0h-.019c.058.142.137.272.203.41.072.152.142.304.223.45a7.985 7.985 0 00.559.863 8.002 8.002 0 00.864 1.002 8.105 8.105 0 00.822.694c.117.086.231.174.353.255a7.974 7.974 0 00.73.426c.115.06.231.114.35.168q.356.164.731.293c.078.027.153.06.233.083a7.966 7.966 0 00.969.227c.102.018.204.033.307.047a8.031 8.031 0 001.053.08l.023.002h3a8.008 8.008 0 007.42-5z",fill:"#9aa4ad"}),l.createElement("path",{d:"M132.615 138.701l-1 13.47h-13.01l1-13.47a4.994 4.994 0 00-3.86-4.86l-9.43-2.22h13.01l9.44 2.22a4.985 4.985 0 013.85 4.86z",fill:"#ffc335"}),l.createElement("ellipse",{cx:123.091,cy:140.554,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M122.386 140.554a2.887 2.887 0 011.093-2.567.895.895 0 00-.388-.095c-.805 0-1.459 1.192-1.459 2.662s.654 2.663 1.46 2.663a.895.895 0 00.387-.095 2.887 2.887 0 01-1.093-2.568z",fill:"#edeff2"}),l.createElement("ellipse",{cx:130.932,cy:140.554,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M130.227 140.554a2.887 2.887 0 011.093-2.567.895.895 0 00-.388-.095c-.806 0-1.459 1.192-1.459 2.662s.653 2.663 1.459 2.663a.895.895 0 00.388-.095 2.887 2.887 0 01-1.093-2.568z",fill:"#edeff2"}),l.createElement("path",{d:"M119.605 138.701l-1 13.47h-81v-40a2.996 2.996 0 013-3h53a5.004 5.004 0 014.61 3.07l8.1 19.38 9.43 2.22a4.994 4.994 0 013.86 4.86z",fill:"#ffdb86"}),l.createElement("path",{d:"M112.305 114.841h-13.01l-1.08-2.6a5.004 5.004 0 00-4.61-3.07h13a5.007 5.007 0 014.62 3.07z",fill:"#ffc335"}),l.createElement("path",{d:"M112.306 114.837H99.298l7.012 16.781h13.007zM96.36 114.837H83.351v9.781a7 7 0 007 7h13.019z",fill:"#fff"}),l.createElement("path",{d:"M61.025 152.171a8.008 8.008 0 01-7.42 5h-3a8.008 8.008 0 01-7.42-5zM110.025 152.171a8.008 8.008 0 01-7.42 5h-3a8.008 8.008 0 01-7.42-5z",fill:"#9aa4ad"}),l.createElement("circle",{cx:50.617,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:50.605,cy:149.171,fill:"#fff",r:4}),l.createElement("circle",{cx:99.617,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:99.605,cy:149.171,fill:"#fff",r:4}),l.createElement("path",{d:"M130.803 147.296h-8.745l-.145 1.25h8.795z",fill:"#bf9228"}),l.createElement("path",{d:"M76.605 114.841h-32.55a2 2 0 00-2 2v16.582a3 3 0 003 3h11.2a7 7 0 014.95 2.05l3.743 3.744a3 3 0 002.121.879h8.536a3 3 0 003-3V116.84a2 2 0 00-2-2z",fill:"#ffc335"}),l.createElement("path",{d:"M392.918 170.171H234.517v-13h158.4z",fill:"#edeff2"}),l.createElement("circle",{cx:286.245,cy:149.171,fill:"#9aa4ad",r:8}),l.createElement("circle",{cx:337.602,cy:149.171,fill:"#9aa4ad",r:8}),l.createElement("path",{d:"M337.65 140.516a4.353 4.353 0 00-.01 1.25c0 .03.01.07.01.1l.07.48 1.2 8.12h-76.38l-1.32-8.94v-.03a4.647 4.647 0 014.63-4.95h16.77l6.84-9.46a4.022 4.022 0 013.25-1.66h19.36a4.646 4.646 0 013.86 2.07l5.98 9.05h20.33a4.63 4.63 0 00-4.59 3.97z",fill:"#ffdb86"}),l.createElement("path",{d:"M354.692 150.467h-15.77l-1.27-8.6c0-.03-.01-.07-.01-.1a4.353 4.353 0 01.01-1.25 4.63 4.63 0 014.59-3.97h6.53a4.556 4.556 0 014.51 3.91l.18 1.31z",fill:"#ffc335"}),l.createElement("path",{d:"M354.692 150.467h-15.77l-1.2-8.12-.07-.48c0-.03-.01-.07-.01-.1a4.353 4.353 0 01.01-1.25 4.63 4.63 0 014.59-3.97h6.53a4.556 4.556 0 014.51 3.91l.18 1.31z",fill:"#ffc335"}),l.createElement("path",{d:"M342.19 146.921h8.795l-.146-1.25h-8.744z",fill:"#bf9228"}),l.createElement("path",{d:"M341.482 140.517h-3.83a4.353 4.353 0 00-.01 1.25c0 .03.01.07.01.1l.07.48 3.9-.58zM353.462 141.767l-.172-1.25h-3.176l-.14 1.25 3.563.53z",fill:"#fff"}),l.createElement("path",{d:"M288.84 150.467a8 8 0 01-7.9 6.7h-3a8.019 8.019 0 01-7.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:277.956,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:277.945,cy:149.171,fill:"#fff",r:4}),l.createElement("path",{d:"M339.131 150.467a8 8 0 01-7.9 6.7h-3a8.011 8.011 0 01-7.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:328.246,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:328.234,cy:149.171,fill:"#fff",r:4}),l.createElement("path",{d:"M329.941 128.427h-8.535a1 1 0 00-.834 1.551l4.34 6.569h12.25l-4.36-6.588a3.422 3.422 0 00-2.861-1.532z",fill:"#fff"}),l.createElement("path",{d:"M321.406 128.427h8.535a3.422 3.422 0 012.86 1.532c1.559 2.353-.909-1.392-.909-1.392a7.008 7.008 0 00-5.84-3.14h-13.98a4.646 4.646 0 013.86 2.07l5.98 9.05h3l-4.34-6.569a1 1 0 01.834-1.551z",fill:"#ffc335"}),l.createElement("path",{d:"M286.245 136.547l5.65-7.706a1.001 1.001 0 01.811-.414h19.366a1.639 1.639 0 011.364.733l4.908 7.387z",fill:"#fff"}),l.createElement("path",{d:"M287.802 138.85h29.542a1 1 0 011 1v.907a1 1 0 01-.293.707l-2.174 2.174a3 3 0 00-.879 2.122v.928a1 1 0 01-1 1h-23.074a1 1 0 01-.91-.585l-3.122-6.837a1 1 0 01.91-1.415z",fill:"#ffc335"}),l.createElement("path",{d:"M104.09 170.171H75.11v6.5h17.98a11 11 0 0111 11v42.96h18.95v-60.46z",fill:"#c6cacf"}),l.createElement("path",{d:"M93.09 176.671H75.11v53.96h28.98v-42.96a11 11 0 00-11-11z",fill:"#edeff2"}),l.createElement("path",{d:"M301.861 170.171h-28.98v6.5h17.98a11 11 0 0111 11v42.96h18.95v-60.46z",fill:"#c6cacf"}),l.createElement("path",{d:"M290.861 176.671h-17.98v53.96h28.98v-42.96a11 11 0 00-11-11z",fill:"#edeff2"}),l.createElement("path",{d:"M224.5 158.171h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.034 0h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.034 0h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.034 0h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.033 0h-6.518a.5.5 0 010-1h6.518a.5.5 0 010 1zM392.918 158.171h-157.9v3a.5.5 0 01-1 0v-3h-3a.5.5 0 010-1h161.9zm-158.4 8a.5.5 0 00-.5.5v3h-3a.5.5 0 000 1h3.5a.5.5 0 00.5-.5v-3.5a.5.5 0 00-.5-.5zm-49.12 3.5h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm-13.034 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm26.068 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm13.034 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm13.034 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm-65.17 0h-3v-3a.5.5 0 10-1 0v3.5a.5.5 0 00.5.5h3.5a.5.5 0 000-1zm0-12.5H.704v1H155.33v3a.5.5 0 001 0v-3h3a.5.5 0 000-1z",fill:"#4d5860"}),l.createElement("g",{fill:"#9aa4ad"},l.createElement("path",{d:"M163.975 78.73a1.022 1.022 0 011.109-.897l13.968 1.473a1.022 1.022 0 01.897 1.109l-.278 2.637a1.022 1.022 0 01-1.11.898l-10.438-1.101-.91 4.712a6.614 6.614 0 012.039-.274q.99.03 1.624.096a12.954 12.954 0 013.804.965 8.828 8.828 0 012.909 1.979 7.787 7.787 0 011.76 2.908 8.683 8.683 0 01.354 3.756 9.92 9.92 0 01-1.19 3.987 7.674 7.674 0 01-2.374 2.567 8.358 8.358 0 01-3.27 1.271 14.04 14.04 0 01-3.842.102 14.474 14.474 0 01-4.34-1.059 8.904 8.904 0 01-2.876-1.937 6.857 6.857 0 01-1.574-2.532 7.465 7.465 0 01-.395-2.84.825.825 0 01.356-.695 1.065 1.065 0 01.753-.202l3.009.317a1.04 1.04 0 01.643.312 1.232 1.232 0 01.34.693 3.313 3.313 0 00.56 1.468 3.732 3.732 0 001.024.972 4.614 4.614 0 001.366.576 11.615 11.615 0 001.623.284 4.99 4.99 0 003.54-.792 4.023 4.023 0 001.633-3.02 3.538 3.538 0 00-1.007-2.924 5.25 5.25 0 00-3.296-1.512 7.416 7.416 0 00-1.783-.018 4.679 4.679 0 00-1.1.278q-.432.18-.783.312a1.92 1.92 0 01-.873.076l-3.417-.36a1.02 1.02 0 01-.898-1.109zM204.144 91.756q-.038.71-.127 1.564l-.185 1.746-.184 1.746q-.09.855-.201 1.556a17.475 17.475 0 01-1.072 3.925 8.507 8.507 0 01-2.045 3.014 7.864 7.864 0 01-3.27 1.797 14.331 14.331 0 01-9.194-.97 7.878 7.878 0 01-2.804-2.437 8.495 8.495 0 01-1.372-3.374 17.426 17.426 0 01-.229-4.063q.074-1.418.265-3.221.19-1.801.413-3.205a17.981 17.981 0 011.075-3.962 8.654 8.654 0 012.052-3.07 8.148 8.148 0 013.256-1.855 11.745 11.745 0 014.69-.313 12.308 12.308 0 014.509 1.246 7.874 7.874 0 012.822 2.439 8.514 8.514 0 011.372 3.374 17.475 17.475 0 01.229 4.063zm-15.649 4.848a7.793 7.793 0 00.845 4.277 5.419 5.419 0 007.393.78 7.786 7.786 0 001.719-4.007q.222-1.405.403-3.113.18-1.709.255-3.129a7.786 7.786 0 00-.846-4.277 5.419 5.419 0 00-7.392-.78 7.793 7.793 0 00-1.719 4.007q-.223 1.405-.403 3.113-.18 1.709-.255 3.129zM219.785 95.17a4.183 4.183 0 001.622-1.669 5.378 5.378 0 00.496-1.676 3.796 3.796 0 00-.656-2.68 5.016 5.016 0 00-6.068-.696 5.836 5.836 0 00-1.627 2.42 1.182 1.182 0 01-.521.678 1.143 1.143 0 01-.694.171l-2.935-.31a1.068 1.068 0 01-.695-.355.824.824 0 01-.202-.753 8.244 8.244 0 011.187-3.068 8.703 8.703 0 012.261-2.39 9.53 9.53 0 013.103-1.458 10.792 10.792 0 017.64.918 8.529 8.529 0 012.616 2.267 8.011 8.011 0 011.371 2.849 8.462 8.462 0 01.232 2.973 13.416 13.416 0 01-.298 1.753 5.472 5.472 0 01-.696 1.617 8.456 8.456 0 01-1.373 1.62 15.527 15.527 0 01-2.286 1.732l-7.534 5.553 10.326 1.089a1.02 1.02 0 01.898 1.109l-.278 2.637a1.02 1.02 0 01-1.11.897l-17.347-1.829a1.022 1.022 0 01-.898-1.109l.24-2.265a1.715 1.715 0 01.487-1.058 3.546 3.546 0 01.7-.583z"}))),j=t=>l.createElement("svg",{viewBox:"0 0 392.215 254.665",...t},l.createElement("path",{d:"M113.356 206.59a1 1 0 01-.18-1.402 9.519 9.519 0 012.944-2.529 1 1 0 11.968 1.75 7.534 7.534 0 00-2.33 2.001 1 1 0 01-1.402.181zm2.636 12.531a1 1 0 00.557-1.832 7.564 7.564 0 01-3.26-5.047 1 1 0 10-1.973.325 9.577 9.577 0 004.122 6.386 1.001 1.001 0 00.554.168zm-3.883 16.466h-7a1 1 0 000 2h7a1 1 0 000-2zm-2.98 17.078h-7a1 1 0 100 2h7a1 1 0 000-2zm27.997 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-.13-32.738a1 1 0 00-1.052 1.701 7.564 7.564 0 013.435 4.928 1 1 0 00.98.803.976.976 0 00.197-.02 1 1 0 00.784-1.176 9.57 9.57 0 00-4.345-6.236zm1.127 12.504a7.565 7.565 0 01-5.149 3.092 1 1 0 00.128 1.99.98.98 0 00.13-.008 9.563 9.563 0 006.517-3.91 1 1 0 10-1.626-1.164zm-12.016 3.156h-6.999a1 1 0 000 2h7a1 1 0 000-2zm-27.996 0h-5.57a9.651 9.651 0 00-1.59.132 1 1 0 00.166 1.986 1.086 1.086 0 00.168-.014 7.544 7.544 0 011.256-.104h5.57a1 1 0 100-2zm-12.142 3.996a1 1 0 00-1.386.281 9.565 9.565 0 00-1.32 7.486 1 1 0 00.972.767 1.016 1.016 0 00.234-.027 1 1 0 00.74-1.205 7.563 7.563 0 011.041-5.915 1 1 0 00-.281-1.387zm201.365-19.031h4.779a9.513 9.513 0 002.452-.32 1 1 0 00-.515-1.932 7.525 7.525 0 01-1.937.252h-4.78a1 1 0 000 2zm-27.997 0h7a1 1 0 000-2h-7a1 1 0 000 2zm13.998 0h7a1 1 0 000-2h-7a1 1 0 000 2zm25.835-4.626a.99.99 0 00.471.119 1.001 1.001 0 00.883-.527 9.567 9.567 0 00.622-7.577 1 1 0 00-1.894.645 7.564 7.564 0 01-.491 5.986 1 1 0 00.409 1.354zm-50.017 12.112a.955.955 0 00.117.007 1 1 0 00.992-.884 7.56 7.56 0 013.023-5.19 1 1 0 10-1.185-1.61 9.568 9.568 0 00-3.824 6.568 1 1 0 00.877 1.11zM95.13 252.665h-2.59a7.541 7.541 0 01-3.72-.98 1 1 0 10-.99 1.738 9.544 9.544 0 004.71 1.242h2.59a1 1 0 100-2zm55.993 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-28.417-32.113h7a1 1 0 000-2h-7a1 1 0 100 2zm.42 32.113h-6.999a1 1 0 100 2h7a1 1 0 000-2zm163.195-16.078a1 1 0 00-1-1h-7a1 1 0 000 2h7a1 1 0 001-1zm4.786 16.078h-7a1 1 0 000 2h7a1 1 0 000-2zm-13.998 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-4.787-16.078a1 1 0 00-1-1h-6.999a1 1 0 000 2h6.999a1 1 0 001-1zm32.783 16.078h-6.999a1 1 0 000 2h7a1 1 0 000-2zm7.445-12.35a1 1 0 00.732-1.68 9.579 9.579 0 00-6.96-3.049h-.004a1 1 0 00-.003 2 7.466 7.466 0 015.502 2.41.999.999 0 00.733.32zm-147.429 12.35h-6.999a1 1 0 000 2h7a1 1 0 000-2zm135.198-16.078a1 1 0 00-1-1h-7a1 1 0 000 2h7a1 1 0 001-1zm-37.209 16.078h-6.999a1 1 0 000 2h7a1 1 0 000-2zm51.769-7.93a1.005 1.005 0 00-1.068.928 7.555 7.555 0 01-2.777 5.323 1 1 0 001.26 1.555 9.564 9.564 0 003.512-6.74 1 1 0 00-.927-1.067zm-107.763 7.93h-6.999a1 1 0 000 2h7a1 1 0 000-2zm50.209-15.089a1 1 0 00.048-1.999 7.564 7.564 0 01-5.383-2.663 1 1 0 10-1.526 1.291 9.57 9.57 0 006.81 3.37.872.872 0 00.051.001zm-36.21 15.09h-7a1 1 0 000 2h7a1 1 0 000-2zm-27.997 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-13.998 0h-7a1 1 0 000 2h7a1 1 0 000-2zm69.992 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-13.999 0h-6.999a1 1 0 000 2h7a1 1 0 000-2zm56.999-49.192a7.469 7.469 0 013.005.624 1 1 0 00.8-1.834 9.463 9.463 0 00-3.805-.79 1 1 0 000 2zm-74.669 33.102a1 1 0 00-1-1h-6.995a8.604 8.604 0 01-.503-.016 1.017 1.017 0 00-1.061.934 1 1 0 00.935 1.062c.205.012.411.02.624.02h7a1 1 0 001-1zm.809-16.024h6.73l.238.003h.032a1 1 0 00.03-1.998c-.106-.003-.21-.004-.31-.005h-6.72a1 1 0 000 2zm12.621 13.728a1.001 1.001 0 00-1.4-.2 7.454 7.454 0 01-4.502 1.496h-1.528a1 1 0 000 2h1.528a9.431 9.431 0 005.702-1.896 1 1 0 00.2-1.4zm-28.034.156a1 1 0 00.775-1.631 7.534 7.534 0 01-1.684-4.74 7.665 7.665 0 01.072-1.043 1 1 0 10-1.98-.276 9.52 9.52 0 002.041 7.32.996.996 0 00.776.37zm29.645-6.371a7.563 7.563 0 01-.042.797 1 1 0 00.89 1.099.967.967 0 00.105.006 1 1 0 00.994-.896 9.665 9.665 0 00.053-1.006 9.507 9.507 0 00-2.335-6.244 1 1 0 00-1.51 1.313 7.51 7.51 0 011.845 4.93zm-27.914-5.98a.995.995 0 00.572-.182 7.467 7.467 0 014.301-1.351h1.809a1 1 0 000-2h-1.809a9.458 9.458 0 00-5.447 1.713 1 1 0 00.574 1.82z",fill:"#84919c"}),l.createElement("g",{fill:"#9aa4ad"},l.createElement("path",{d:"M93.615 192.8a8.031 8.031 0 01-2.82 4.87c-.01.01-.02.01-.02.02-.18.14-.37.28-.56.41a.909.909 0 01-.13.08 4.95 4.95 0 01-.49.3c-.06.04-.13.07-.19.11-.15.08-.3.15-.46.22-.08.03-.16.07-.25.1a2.827 2.827 0 01-.31.11c-.24.09-.49.16-.75.23l-.39.09a1.866 1.866 0 01-.25.04l-.14.03c-.18.02-.37.05-.55.06a5.063 5.063 0 01-.55.03h-3.04a8 8 0 01-7.9-6.7zM29.155 199.376a1.873 1.873 0 00.25-.04c-.01.01-.01.01-.02.01a1.81 1.81 0 01-.23.03zM30.545 199.016a.613.613 0 01-.12.05c-.09.03-.19.07-.29.1-.11.03-.23.06-.34.08.26-.07.51-.14.75-.23z"})),l.createElement("path",{d:"M156.205 158.97v25.15a6.678 6.678 0 01-6.697 6.67h-36.47a6.687 6.687 0 01-6.707-6.67v-25.15a6.693 6.693 0 016.707-6.67h36.47a6.685 6.685 0 016.697 6.67z",fill:"#edeff2"}),l.createElement("path",{d:"M168.043 170.048h-11.838v3h11.838a1.5 1.5 0 100-3zM112.999 152.305h10.824a6.667 6.667 0 016.667 6.668v25.151a6.667 6.667 0 01-6.667 6.668h-10.824a6.667 6.667 0 01-6.668-6.668v-25.151a6.667 6.667 0 016.668-6.668zM147.245 170.658h-1.33a1 1 0 01-1-1v-2.408a1 1 0 00-1.838-.547l-2.899 4.445a1 1 0 00.838 1.546h1.33a1 1 0 011 1v2.409a1 1 0 001.838.546l2.898-4.445a1 1 0 00-.837-1.546z",fill:"#c6cacf"}),l.createElement("path",{d:"M245.462 197.473h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M226.095 197.474h23.288v2h-23.288z",fill:"#ffdb86"}),l.createElement("path",{d:"M244.352 193.473h-13.22l1.12-4h10.98zM242.122 185.473h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M35.775 192.8a8.031 8.031 0 01-2.82 4.87c-.01.01-.02.01-.02.02-.18.14-.37.28-.56.41a.916.916 0 01-.13.08 4.957 4.957 0 01-.49.3c-.06.04-.13.07-.19.11-.15.08-.3.15-.46.22-.08.03-.16.07-.25.1a2.825 2.825 0 01-.31.11c-.24.09-.49.16-.75.23l-.39.09a1.864 1.864 0 01-.25.04l-.14.03c-.18.02-.37.05-.55.06a5.063 5.063 0 01-.55.03h-3.04a8 8 0 01-7.9-6.7zM27.035 183.536a7.92 7.92 0 00-7.06 9.26h-.08a9.246 9.246 0 01-.1-1.3 7.998 7.998 0 017.24-7.96z",fill:"#9aa4ad"}),l.createElement("path",{d:"M130.495 176.31v16.48h-94.7v-14.48a4.995 4.995 0 00-5-5h24.23l10.81-16.63h25.04a5.002 5.002 0 015 5v11.63h31.62a3.002 3.002 0 013 3z",fill:"#ffdb86"}),l.createElement("path",{d:"M38.273 192.792a8 8 0 007.9 6.7h3a8.019 8.019 0 007.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:49.156,cy:191.496,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:49.168,cy:191.496,fill:"#fff",r:4}),l.createElement("path",{d:"M96.166 192.792a8 8 0 007.9 6.7h3a8.011 8.011 0 007.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:107.051,cy:191.496,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:107.063,cy:191.496,fill:"#fff",r:4}),l.createElement("path",{d:"M130.49 190.792h20.011v2h-20.01z",fill:"#ffc335"}),l.createElement("path",{d:"M55.022 173.312H29.598l8.859-13.634h25.424z",fill:"#fff"}),l.createElement("path",{d:"M65.83 156.677H43.12a5 5 0 00-4.192 2.276l-.47.725H63.88l-8.859 13.634zM15.235 173.312H30.8a5 5 0 015 5v14.48H10.235v-14.48a5 5 0 015-5z",fill:"#ffc335"}),l.createElement("path",{d:"M79.383 159.678H68.69a3 3 0 00-2.515 1.365l-7.972 12.269h21.181z",fill:"#fff"}),l.createElement("path",{d:"M61.999 189.246H95.46a1 1 0 00.942-.663l2.41-6.744a1 1 0 01.942-.663h6.308a1 1 0 001-1v-1.85a1 1 0 00-1-1h-54.86a1 1 0 00-1 1v1.192a1 1 0 001 1h6.216a1 1 0 01.94.658l2.7 7.413a1 1 0 00.94.657z",fill:"#ffc335"}),l.createElement("ellipse",{cx:30.606,cy:179.989,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M31.311 179.99a2.887 2.887 0 00-1.092-2.569.895.895 0 01.387-.095c.806 0 1.459 1.193 1.459 2.663s-.653 2.663-1.459 2.663a.895.895 0 01-.387-.095 2.887 2.887 0 001.092-2.568z",fill:"#edeff2"}),l.createElement("ellipse",{cx:13.717,cy:179.768,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M14.422 179.768a2.887 2.887 0 00-1.092-2.568.895.895 0 01.387-.095c.806 0 1.46 1.192 1.46 2.663s-.654 2.663-1.46 2.663a.895.895 0 01-.387-.095 2.887 2.887 0 001.092-2.568z",fill:"#edeff2"}),l.createElement("path",{d:"M17.072 177.374h1.25v11.356h-1.25zM25.79 177.374h1.25v11.356h-1.25zM21.431 177.374h1.25v11.356h-1.25z",fill:"#bf9228"}),l.createElement("path",{d:"M278.003 142.93h88.942a10.707 10.707 0 0110.707 10.706v35.265a10.707 10.707 0 01-10.707 10.707h-88.942a10.707 10.707 0 01-10.707-10.707v-35.265a10.707 10.707 0 0110.707-10.706z",fill:"#edeff2"}),l.createElement("path",{d:"M272.37 187.766v-32.994a5.707 5.707 0 015.706-5.707h24.032a5.707 5.707 0 015.707 5.707v32.994a5.707 5.707 0 01-5.706 5.707h-24.033a5.707 5.707 0 01-5.707-5.707z",fill:"#c6cacf"}),l.createElement("path",{d:"M274.312 187.947v-33.356a5.669 5.669 0 015.79-5.526h-1.943a5.669 5.669 0 00-5.79 5.526v33.356a5.669 5.669 0 005.79 5.526h1.943a5.669 5.669 0 01-5.79-5.526z",fill:"#9aa4ad"}),l.createElement("circle",{cx:296.384,cy:171.463,fill:"#9aa4ad",r:2.029}),l.createElement("circle",{cx:282.504,cy:171.463,fill:"#9aa4ad",r:2.029}),l.createElement("path",{d:"M0 199.49h392.215v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M345.035 170.658h-1.33a1 1 0 01-1-1v-2.408a1 1 0 00-1.837-.547l-2.899 4.445a1 1 0 00.838 1.546h1.33a1 1 0 011 1v2.409a1 1 0 001.837.546l2.899-4.445a1 1 0 00-.838-1.546z",fill:"#c6cacf"}),l.createElement("path",{d:"M201.16 0h1v37.475h-1zM161.573 66.992l39.89-25.27.535.844-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:201.659,cy:41.718,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M201.66 36.475a5.2 5.2 0 00-2.754.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:202.651,cy:41.206,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M202.303 41.566l.695-.719 35.752 34.568-.695.72z",fill:"#edeff2"}),l.createElement("path",{d:"M167.013 64.28l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M159.899 63.504l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M164.396 78.983a1.02 1.02 0 011.121-.884l13.956 1.647a1.021 1.021 0 01.884 1.12l-.31 2.636a1.021 1.021 0 01-1.121.884l-10.43-1.231-.97 4.703a6.61 6.61 0 012.043-.248q.992.042 1.623.116a12.974 12.974 0 013.795 1.013 8.848 8.848 0 012.886 2.015 7.8 7.8 0 011.724 2.932 8.688 8.688 0 01.308 3.762 9.921 9.921 0 01-1.24 3.975 7.685 7.685 0 01-2.408 2.538 8.356 8.356 0 01-3.288 1.23 14.006 14.006 0 01-3.845.055 14.492 14.492 0 01-4.328-1.114 8.925 8.925 0 01-2.853-1.973 6.865 6.865 0 01-1.543-2.553 7.45 7.45 0 01-.36-2.847.826.826 0 01.364-.69 1.069 1.069 0 01.757-.194l3.006.355a1.041 1.041 0 01.64.32 1.238 1.238 0 01.331.698 3.31 3.31 0 00.541 1.475 3.725 3.725 0 001.013.985 4.59 4.59 0 001.36.594 11.609 11.609 0 001.62.304 4.995 4.995 0 003.55-.747 4.026 4.026 0 001.672-3.002 3.542 3.542 0 00-.97-2.938 5.251 5.251 0 00-3.28-1.553 7.417 7.417 0 00-1.782-.041 4.66 4.66 0 00-1.104.265q-.435.174-.788.302a1.919 1.919 0 01-.874.066l-3.415-.403a1.022 1.022 0 01-.884-1.12zM204.423 92.514q-.047.71-.147 1.564l-.206 1.744-.206 1.744q-.1.855-.221 1.555a17.474 17.474 0 01-1.12 3.914 8.512 8.512 0 01-2.085 2.99 7.867 7.867 0 01-3.293 1.757 14.346 14.346 0 01-9.187-1.085 7.887 7.887 0 01-2.775-2.473 8.504 8.504 0 01-1.33-3.393 17.473 17.473 0 01-.18-4.067q.092-1.42.306-3.22.212-1.8.453-3.201a18.047 18.047 0 011.125-3.951 8.662 8.662 0 012.09-3.047 8.158 8.158 0 013.282-1.814 11.751 11.751 0 014.697-.254 12.3 12.3 0 014.494 1.302 7.881 7.881 0 012.794 2.475 8.515 8.515 0 011.33 3.393 17.477 17.477 0 01.179 4.067zm-15.716 4.656a7.78 7.78 0 00.792 4.29 5.422 5.422 0 007.386.871 7.795 7.795 0 001.77-3.987q.24-1.402.441-3.109.202-1.707.294-3.127a7.798 7.798 0 00-.792-4.29 5.422 5.422 0 00-7.386-.871 7.782 7.782 0 00-1.77 3.987q-.24 1.402-.442 3.11-.201 1.707-.293 3.126zM227.466 85.411a1.02 1.02 0 01.884 1.121l-.311 2.635a1.214 1.214 0 01-.368.729 7.084 7.084 0 01-.611.548l-6.094 5.077a11.286 11.286 0 012.929 1.173 7.732 7.732 0 012.138 1.815 6.525 6.525 0 011.22 2.42 7.794 7.794 0 01.177 2.957 7.553 7.553 0 01-1.166 3.344 7.406 7.406 0 01-2.416 2.293 9.982 9.982 0 01-3.38 1.219 13.788 13.788 0 01-4.056.085 14.938 14.938 0 01-4.438-1.144 10.75 10.75 0 01-3.006-1.955 6.937 6.937 0 01-1.69-2.42 6.301 6.301 0 01-.495-2.504.827.827 0 01.364-.691 1.07 1.07 0 01.757-.193l2.932.346a.838.838 0 01.584.313 3.463 3.463 0 01.42.746 3.46 3.46 0 00.496.906 3.667 3.667 0 00.9.821 5.964 5.964 0 001.48.683 11.807 11.807 0 002.243.453 6.63 6.63 0 003.764-.478 2.926 2.926 0 001.696-2.415 2.51 2.51 0 00-1.109-2.559 7.994 7.994 0 00-3.57-1.155l-3.082-.364a1.021 1.021 0 01-.884-1.12l.312-2.636a1.213 1.213 0 01.368-.728 7.068 7.068 0 01.61-.549l5.84-4.843-10.244-1.209a1.02 1.02 0 01-.883-1.12l.31-2.636a1.02 1.02 0 011.121-.884z",fill:"#9aa4ad"}),l.createElement("path",{d:"M294.349 197.473h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M274.981 197.474h23.289v2H274.98z",fill:"#ffdb86"}),l.createElement("path",{d:"M293.239 193.473h-13.22l1.12-4h10.98zM291.009 185.473h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M104.614 173.31a8.933 8.933 0 015.298-1.762h7.395a1 1 0 100-2h-7.395a10.983 10.983 0 00-8.247 3.762z",fill:"#9aa4ad"})),n=t=>l.createElement("svg",{viewBox:"0 0 428.65 258.125",...t},l.createElement("path",{d:"M94.484 156.02l-6.663-13.928-3.13 2.728-3.125 2.737-3.129 2.727-3.125 2.737-2.62 2.285 2.011 4.204 3.423-.607 4.092-.716 4.087-.726 4.092-.716z",fill:"#ffc335"}),l.createElement("path",{d:"M87.93 137.686l10.052 21.008-1.804.863-10.052-21.008z",fill:"#ffdb86"}),l.createElement("path",{d:"M84.691 144.82l5.706 11.925-4.092.716-4.739-9.904zM78.437 150.284l3.781 7.903-4.092.716-2.814-5.882z",fill:"#fff"}),l.createElement("path",{d:"M221.982 192.509h32.373v32.372h-32.373z",fill:"#ffdb86"}),l.createElement("path",{d:"M142.056 192.509h32.373v32.372h-32.373z",fill:"#9aa4ad"}),l.createElement("path",{d:"M29.055 224.881H93.8v32.373H29.055zM61.412 192.5h64.745v-32.373H61.412zm80.644 32.382v32.373h64.745V224.88zm48.559-97.132h-32.373v32.372h32.373z",fill:"#c6cacf"}),l.createElement("path",{d:"M158.525 160.122h15.9v32.38h-15.9z",fill:"#ffc335"}),l.createElement("path",{d:"M109.987 127.749h48.255v32.372h-48.255zM45.544 192.506H93.8v32.373H45.544z",fill:"#ffdb86"}),l.createElement("path",{d:"M271.546 224.881v32.373h-64.745v-32.368H174.43V160.14l32.373-.008 15.18 15.188v49.562z",fill:"#edeff2"}),l.createElement("path",{d:"M142.056 208.392l-15.883-15.891-32.373.008v64.747h48.256z",fill:"#ffdb86"}),l.createElement("path",{d:"M381.445 21.272H227.228a1 1 0 01-.707-1.707L245.792.293A1 1 0 01246.5 0h115.976a1.002 1.002 0 01.713.298l18.675 18.974h32.505a1 1 0 010 2zm-151.803-2h149.415L362.056 2H246.913z",fill:"#9aa4ad"}),l.createElement("path",{d:"M236.968 62.283h1V74.81h-1zM234.907 24.961h1v32.154h-1z",fill:"#edeff2"}),l.createElement("circle",{cx:237.468,cy:57.039,fill:"#c6cacf",r:5.243}),l.createElement("circle",{cx:239.514,cy:57.039,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M234.322 57.04a5.245 5.245 0 014.195-5.139 5.243 5.243 0 100 10.276 5.245 5.245 0 01-4.195-5.138z",fill:"#9aa4ad"}),l.createElement("path",{d:"M383.084 257.417h-2V25.961h-25.167v231.456h-2V23.961h29.167z",fill:"#c6cacf"}),l.createElement("path",{d:"M353.917 23.961h-10.109v233.456h2V25.961h8.109z",fill:"#9aa4ad"}),l.createElement("path",{d:"M383.084 40.072v-16.11h-29.167v233.455h2v-.039l.227.227 12.357-12.357 12.876 12.877.707-.707h1V40.072zm-26.753 108.676l12.17-12.17 12.17 12.17-12.17 12.169zm24.34 27.167l-12.17 12.17-12.17-12.17 12.17-12.17zm-24.34-54.335l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.167l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm10.756 13.584l-11.17 11.17V42.49zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm-10.756 13.583l12.17-12.17 12.17 12.17-12.17 12.17zm10.756 13.584l-11.17 11.17v-22.34zm13.997-11.17v22.34l-11.17-11.17zm-11.17-15.997l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm11.17-16l-11.17-11.168.532-.532h10.638zm-14.53-11.7l.533.532-11.17 11.17V25.96zm-10.637 229.042v-22.34l11.17 11.17zm.414-24.753l12.17-12.17 12.17 12.17-12.17 12.17zm24.753 2.414v22.34l-11.17-11.17z",fill:"#c6cacf"}),l.createElement("path",{d:"M368.249 31.037h27.67v43.277h-27.67z",fill:"#ffdb86"}),l.createElement("path",{d:"M390.765 38.037v14.639h-17.36v-14.64z",fill:"#fff"}),l.createElement("path",{d:"M360.972 31.037h7.277v43.277h-7.277z",fill:"#ffc335"}),l.createElement("path",{d:"M360.972 74.284h34.948v2h-34.948z",fill:"#c6cacf"}),l.createElement("path",{d:"M360.972 74.284h7.277v2h-7.277z",fill:"#9aa4ad"}),l.createElement("path",{d:"M239.029 26.222h1v30.893h-1z",fill:"#edeff2"}),l.createElement("path",{d:"M250.2 21.272h9.004v5.702H250.2z",fill:"#9aa4ad"}),l.createElement("path",{d:"M426.562 19.272h-22.84L385.048.298a1.002 1.002 0 00-.713-.298H269.662a1.007 1.007 0 00-.707.293l-18.893 18.893h-22.695a1.198 1.198 0 00-1.198 1.198v6.59H250.2v-5.702h176.362a1 1 0 000-2zM329.976 2h16.172l-8.476 8.476-8.086-8.086zm-19.001 0h15.393l.39.39-8.086 8.086-8.087-8.086zm-19 0h15.392l.39.39-8.086 8.086-8.086-8.086zm-3.218.39l-9.535 9.535-9.535-9.536.39-.389h18.29zm-35.953 16.882l15.469-15.469 9.535 9.536-5.934 5.933zm21.898 0l4.52-4.52 4.52 4.52zm11.868 0l-5.934-5.933 9.535-9.535 8.086 8.086-7.383 7.382zm7.132 0l5.97-5.968 5.968 5.968zm14.766 0l-7.383-7.382 8.086-8.086 8.087 8.086-7.383 7.382zm4.235 0l5.969-5.968 5.968 5.968zm14.765 0l-7.382-7.382 8.086-8.086 8.086 8.086-7.383 7.382zm4.235 0l5.97-5.968 5.968 5.968zm14.766 0l-7.383-7.382 9.89-9.89h14.879l-17.273 17.272zm2.941 0L366.683 2h17.232l17.001 17.272z",fill:"#c6cacf"}),l.createElement("path",{d:"M126.157 160.126h32.373V192.5h-32.373z",fill:"#ffdb86"}),l.createElement("path",{d:"M77.905 192.512h15.9v32.37h-15.9z",fill:"#ffc335"}),l.createElement("path",{d:"M45.536 192.509H77.91v32.372H45.536z",fill:"#ffdb86"}),l.createElement("path",{d:"M45.535 192.512h.02v32.37h-.02zM213.196 74.81h32.372v32.372h-32.372z",fill:"#ffdb86"}),l.createElement("path",{d:"M245.568 74.81h16.172v32.372h-16.172zM142.355 127.742h15.9v32.37h-15.9z",fill:"#ffc335"}),l.createElement("path",{d:"M109.98 127.744h32.372v32.372h-32.373zM126.155 160.122h.02v32.38h-.02z",fill:"#ffdb86"}),l.createElement("path",{d:"M109.975 127.742h.02v32.37h-.02z",fill:"#ffdb86"}),l.createElement("path",{d:"M29.055 257.254v-32.373l16.489-.002v-32.373l15.868-.007v-32.373l48.575-.005v-32.372h80.628v32.372l16.187.01 15.18 15.188v17.19h32.373v32.372h17.191v32.373",fill:"#fff",opacity:.5}),l.createElement("g",{fill:"#84919c"},l.createElement("path",{d:"M270.546 257.254v-3.5a1 1 0 012 0v3.5c0 .552-2 .552-2 0zM271.546 246.297a1 1 0 01-1-1v-8.457a1 1 0 112 0v8.457a1 1 0 01-1 1zM271.546 229.382a1 1 0 01-1-1v-2.5h-2.5a1 1 0 010-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM257.855 225.882h-3.5a1 1 0 01-1-1v-3.5a1 1 0 012 0v2.5h2.5a1 1 0 010 2zM254.355 213.924a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM254.355 197.009a1 1 0 01-1-1v-2.5h-2.5a1 1 0 010-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM242.397 193.509h-8.457a1 1 0 010-2h8.457a1 1 0 010 2zM225.482 193.509h-3.5a1 1 0 01-1-1v-3.5a1 1 0 012 0v2.5h2.5a1 1 0 010 2zM221.982 183.174a1 1 0 01-1-1v-6.836a1 1 0 012 0v6.836a1 1 0 01-1 1zm-4.819-11.676a.998.998 0 01-.707-.293l-4.833-4.835a1 1 0 011.415-1.414l4.833 4.835a1 1 0 01-.708 1.707zm-9.665-9.67a.998.998 0 01-.707-.293l-.403-.403-5.437-.004a1 1 0 010-2l5.852.004a1 1 0 01.707.293l.696.696a1 1 0 01-.708 1.707zM194.115 161.124h-.001l-3.5-.003a1 1 0 01-1-1v-3.5a1 1 0 112 0v2.5l2.502.003a1 1 0 01-.001 2zM190.615 149.164a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM190.615 132.249a1 1 0 01-1-1v-2.5h-2.5a1 1 0 110-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM181.406 128.749h-5.71a1 1 0 110-2h5.71a1 1 0 010 2zM169.987 128.749h-3.5a1 1 0 01-1-1v-3.5a1 1 0 112 0v2.5h2.5a1 1 0 010 2zM166.487 116.791a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM166.487 99.876a1 1 0 01-1-1v-2.5h-2.5a1 1 0 010-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM154.53 96.376h-8.458a1 1 0 010-2h8.458a1 1 0 010 2zM134.115 99.876a1 1 0 01-1-1v-3.5a1 1 0 011-1h3.5a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM134.115 116.791a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM134.115 128.749h-3.5a1 1 0 110-2h2.5v-2.5a1 1 0 012 0v3.5a1 1 0 01-1 1zM124.905 128.749h-5.71a1 1 0 010-2h5.71a1 1 0 010 2zM109.987 132.249a1 1 0 01-1-1v-3.5a1 1 0 011-1h3.5a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM109.987 149.164a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM106.487 161.122a1 1 0 110-2l2.5-.001v-2.5a1 1 0 012 0v3.5a1 1 0 01-1 1zM70.852 161.126a1 1 0 010-2l5.939-.001a1 1 0 110 2zm11.878-.001a1 1 0 010-2l5.94-.001a1 1 0 010 2zm11.879-.001a1 1 0 010-2l5.939-.001a1 1 0 010 2zM61.413 164.627a1 1 0 01-1-1v-3.5a1 1 0 011-1l3.5-.001a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM61.413 181.54a1 1 0 01-1-1v-8.456a1 1 0 012 0v8.457a1 1 0 01-1 1zM57.913 193.5a1 1 0 010-2h2.5v-2.501a1 1 0 012 0v3.5a1 1 0 01-1 1l-3.5.002zM45.544 197.007a1 1 0 01-1-1v-3.5a1 1 0 011-1l3.5-.002a1 1 0 010 2h-2.5v2.502a1 1 0 01-1 1zM45.544 213.92a1 1 0 01-1-1v-8.456a1 1 0 012 0v8.457a1 1 0 01-1 1zM42.045 225.88a1 1 0 01-.001-2l2.5-.001v-2.5a1 1 0 012 0v3.5a1 1 0 01-1 1zM29.055 229.382a1 1 0 01-1-1v-3.5a1 1 0 011-1l3.5-.001a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM29.055 246.296a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM28.055 257.254v-3.5a1 1 0 012 0v3.5c0 .552-2 .552-2 0z"})),l.createElement("path",{d:"M270.55 219.357v10.049h2v-10.05a2.622 2.622 0 10-2 0zM272.549 254.898v-17.362h-2v17.362h-3.787v2h9.574v-2zM308.06 219.356v8.892h2v-8.891a2.622 2.622 0 10-2 0zM310.059 254.898v-15.073h-2v15.073h-3.787v2h9.575v-2z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:260.579,y:235.26}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:260.579,y:221.565}),l.createElement("path",{d:"M311.847 235.26h3l4.18 9.131h-3zM303.469 235.26h3l4.181 9.131h-3zM295.091 235.26h3l4.181 9.131h-3zM286.714 235.26h3l4.181 9.131h-3zM278.336 235.26h3l4.181 9.131h-3zM269.959 235.26h3l4.181 9.131h-3zM261.581 235.26h3l4.181 9.131h-3zM311.847 221.565h3l4.18 9.13h-3zM303.469 221.565h3l4.181 9.13h-3zM295.091 221.565h3l4.181 9.13h-3zM286.714 221.565h3l4.181 9.13h-3zM278.336 221.565h3l4.181 9.13h-3zM269.959 221.565h3l4.181 9.13h-3zM261.581 221.565h3l4.181 9.13h-3z",fill:"#fff"}),l.createElement("path",{d:"M0 256.898h428.65v1H0z",fill:"#4d5860"})),V=t=>l.createElement("svg",{viewBox:"0 0 392.918 230.632",...t},l.createElement("path",{d:"M244.928 162.97H147.99l-69.909 60.235h236.756z",fill:"#edeff2"}),l.createElement("path",{d:"M78.08 223.205h236.757v6.643H78.081zM239.73 182.005h-7.01l-16.233-19.596H177.27l-16.943 19.596h-7.128v12.885h.018a13.886 13.886 0 005.84 12.076c17.938 12.643 57.34 12.782 74.912 0a14.017 14.017 0 005.74-12.076h.02z",fill:"#c6cacf"}),l.createElement("path",{d:"M156.676 172.77l20.594-23.817h39.217l19.97 24.105a14.147 14.147 0 01-2.488 20.451c-17.571 12.783-56.974 12.643-74.911 0a14.114 14.114 0 01-2.382-20.739z",fill:"#fafcff"}),l.createElement("path",{d:"M164.15 171.838l17.487-22.885h30.125l17.182 23.12a11.49 11.49 0 01-2.02 16.609c-14.271 10.381-46.271 10.268-60.84 0a11.463 11.463 0 01-1.933-16.844z",fill:"#b1c854"}),l.createElement("path",{d:"M199.78 89.86v87.664c-.85 2.237-5.887 2.157-6.642 0V89.86a6.302 6.302 0 006.642 0z",fill:"#edeff2"}),l.createElement("path",{d:"M199.78 89.86v7.295a5.425 5.425 0 01-6.642 0v-7.294a5.426 5.426 0 006.642 0z",fill:"#c6cacf"}),l.createElement("path",{d:"M241.57 51.18c-.069.069-.126.137-.194.205l-40.887 40.887a5.415 5.415 0 01-.558.478 5.674 5.674 0 01-6.945 0 5.505 5.505 0 01-.547-.478l-40.886-40.887c-.068-.068-.125-.136-.194-.204a5.695 5.695 0 01.194-7.845l40.886-40.887a5.697 5.697 0 018.05 0l40.887 40.887a5.695 5.695 0 01.193 7.845z",fill:"#ffdb86"}),l.createElement("g",{fill:"#4d5860"},l.createElement("path",{d:"M196.463 88.347a4.865 4.865 0 01-3.464-1.436L156.91 50.823a4.905 4.905 0 010-6.929l36.089-36.089a4.905 4.905 0 016.928 0l36.089 36.09a4.905 4.905 0 010 6.928l-36.09 36.088a4.865 4.865 0 01-3.463 1.436zm0-78.71a1.626 1.626 0 00-1.155.479L159.22 46.204a1.636 1.636 0 000 2.31l36.09 36.088a1.671 1.671 0 002.307 0l36.09-36.088a1.636 1.636 0 000-2.31l-36.088-36.09a1.628 1.628 0 00-1.155-.477z"}),l.createElement("path",{d:"M219.303 37.018l-12.852-3.125 1.708 4.03a28.598 28.598 0 00-11.7 8.332 28.598 28.598 0 00-11.7-8.332l1.707-4.03-12.85 3.125 6.491 11.884 1.593-3.76c.413.142 10.842 3.828 10.842 12.291V68.42h7.834V57.433c0-8.375 10.434-12.147 10.842-12.29l1.593 3.759z"}))),q=t=>l.createElement("svg",{viewBox:"0 0 428.65 199.287",...t},l.createElement("path",{d:"M312.521 95.507v32.045h-66.15V95.507c.136.053.273.099.409.152a36.924 36.924 0 0016.28 2.165 33.117 33.117 0 009.988-2.62c6.989-2.976 11.964-7.292 20.035-7.428 4.453-.076 11.116 1.09 19.385 7.686.015.015.038.03.053.045z",fill:"#ffdb86"}),l.createElement("path",{d:"M312.468 95.462c-8.026 5.535-19.831 9.033-32.992 9.033-13.001 0-24.677-3.415-32.696-8.836a36.924 36.924 0 0016.28 2.165 33.117 33.117 0 009.988-2.62c6.989-2.976 11.964-7.292 20.035-7.428 4.453-.076 11.116 1.09 19.385 7.686z",fill:"#ffc335"}),l.createElement("path",{d:"M298.063 61.122v4.02c-.007.009-.015.016-.022.016a.509.509 0 01-.084.053 36.06 36.06 0 01-3.793 1.984h-.008a35.33 35.33 0 01-5.535 1.961h-18.188a35.467 35.467 0 01-2.93-.908 35.455 35.455 0 01-7.474-3.71v-3.416c.113-.045.227-.098.34-.136.25-.106.5-.197.742-.295.356-.13.697-.258 1.038-.371a28.734 28.734 0 017.822-1.56c.303-.023.598-.03.878-.038.212-.008.417-.008.613-.008 6.558.03 9.76 2.492 17.689 2.9 1.03.053 2.014.069 2.945.046a44.116 44.116 0 002.84-.144c.257-.023.507-.045.742-.076a29.99 29.99 0 001.06-.12l.333-.046c.008 0 .015-.008.023-.008h.008a2.353 2.353 0 00.333-.045c.212-.03.416-.061.606-.091a.028.028 0 01.022-.008z",fill:"#ffdb86"}),l.createElement("path",{d:"M298.04 61.13v4.028a.509.509 0 01-.083.053 36.06 36.06 0 01-3.793 1.984h-.008a41.596 41.596 0 01-6.232-.916 36.483 36.483 0 01-1.741-.44h-.008c-6.451-1.779-9.245-4.376-15.19-5.429-.189-.037-.393-.068-.605-.098a28.162 28.162 0 00-8.231.007 28.734 28.734 0 017.822-1.56c.295-.014.583-.022.855-.03.212-.007.417-.007.614-.007 6.557.03 9.76 2.491 17.688 2.9 1.045.053 2.037.068 2.968.038a39.27 39.27 0 002.84-.144c.258-.023.507-.046.742-.076a29.99 29.99 0 001.06-.121l.333-.045h.023a.007.007 0 00.008-.008 2.353 2.353 0 00.333-.045c.212-.03.416-.061.606-.091z",fill:"#ffc335"}),l.createElement("path",{d:"M290.478 68.606c.36-.12.72-.23 1.07-.36.89-.32 1.75-.66 2.61-1.05h.01a36.789 36.789 0 003.79-1.98.415.415 0 00.08-.06.037.037 0 00.03-.01 35.788 35.788 0 0017.21-30.57v-26.8h-71.51v26.8a35.738 35.738 0 0016.15 29.89.677.677 0 00.11.07 34.924 34.924 0 007.47 3.71c.36.13.72.24 1.08.36a35.82 35.82 0 00-24.81 34.04v26.8h71.52v-26.8a35.833 35.833 0 00-24.81-34.04zm-29.36-7.91a.01.01 0 00-.01-.01c-.28-.19-.56-.4-.84-.61a31.906 31.906 0 01-12.72-25.5v-23.01h63.95v23.01a31.979 31.979 0 01-13.54 26.11c-.28.19-.57.39-.86.58v.01a31.54 31.54 0 01-10.92 4.56 31.075 31.075 0 01-6.65.71 31.808 31.808 0 01-18.41-5.85zm18.41 9.98a32.011 32.011 0 0130.49 22.36c.09.26.16.51.24.77.25.88.47 1.77.64 2.68.08.37.14.74.2 1.12a32.232 32.232 0 01.4 5.04v23.01h-63.95v-23.01a31.68 31.68 0 01.59-6.12c.02-.13.05-.26.07-.38a32.042 32.042 0 0131.32-25.47z",fill:"#edeff2"}),l.createElement("path",{d:"M229.42 175.627h41.607v7.107a16.52 16.52 0 01-16.52 16.521h-8.567a16.52 16.52 0 01-16.52-16.52v-7.108zM101.122 175.627h41.608v7.107a16.52 16.52 0 01-16.521 16.521h-8.566a16.52 16.52 0 01-16.521-16.52v-7.108z",fill:"#9aa4ad"}),l.createElement("circle",{cx:293.547,cy:180.862,fill:"#9aa4ad",r:17.717}),l.createElement("rect",{fill:"#edeff2",height:85.03,rx:5,width:40.23,x:182.198,y:59.656}),l.createElement("rect",{fill:"#c6cacf",height:85.03,rx:5,width:35.64,x:182.198,y:59.656}),l.createElement("path",{d:"M198.685 140.617h132.51v37.02h-132.51z",fill:"#edeff2"}),l.createElement("path",{d:"M198.688 140.104h146.17v17.92h-146.17z",fill:"#9aa4ad"}),l.createElement("path",{d:"M317.562 137.096h-76.076V125.11h76.076z",fill:"#c6cacf"}),l.createElement("path",{d:"M282.375 81.651l2.256 2.256-2.256 2.255-2.255-2.255zM291.462 91.284l2.256 2.256-2.256 2.256-2.256-2.256zM298.08 89.835l2.255 2.256-2.255 2.255-2.256-2.255zM296.146 96.215l2.256 2.256-2.256 2.255-2.255-2.255zM278.606 72.516l2.255 2.256-2.255 2.256-2.256-2.256z",fill:"#ffdb86"}),l.createElement("path",{d:"M259.08 108.137l2.255 2.256-2.256 2.256-2.255-2.256zM254.584 115.387l2.256 2.256-2.256 2.256-2.255-2.256zM263.678 115.389l2.255 2.255-2.255 2.256-2.256-2.256z",fill:"#ffc335"}),l.createElement("path",{d:"M241.484 0h76.078v11.987h-76.078z",fill:"#c6cacf"}),l.createElement("path",{d:"M241.484 0h39.151v11.987h-39.15zM241.484 125.11h39.151v11.986h-39.15z",fill:"#9aa4ad"}),l.createElement("g",{fill:"#ffc335"},l.createElement("path",{d:"M235.138 158.024h-10.73l-10.15-17.92h10.72zM257.088 158.024h-10.72l-10.15-17.92h10.72zM279.048 158.024h-10.72l-10.15-17.92h10.72zM301.008 158.024h-10.72l-10.16-17.92h10.73zM322.968 158.024h-10.73l-10.15-17.92h10.72zM344.858 157.914v.11h-10.66l-10.15-17.92h10.72z"})),l.createElement("path",{d:"M169.798 71.336a6.521 6.521 0 01-6.51 6.52h-11.49a6.515 6.515 0 110-13.03h11.49a6.517 6.517 0 016.51 6.51z",fill:"#ffdb86"}),l.createElement("circle",{cx:166.015,cy:180.862,fill:"#9aa4ad",r:17.717}),l.createElement("path",{d:"M214.768 81.175v93.36a9.99 9.99 0 01-10 10H98.388a10.004 10.004 0 01-10-10v-35.56a20.02 20.02 0 01.84-5.76c.1-.32.21-.65.32-.97l17.08-47.8c.22-.61.47-1.21.74-1.79a19.984 19.984 0 0118.09-11.48h79.31a9.99 9.99 0 0110 10z",fill:"#ffc335"}),l.createElement("path",{d:"M214.768 81.174v93.36a9.997 9.997 0 01-10 10h-55.1v-45.56a20.01 20.01 0 011.16-6.73l17.07-47.8a20.012 20.012 0 0118.84-13.27h18.03a9.99 9.99 0 0110 10z",fill:"#ffdb86"}),l.createElement("path",{d:"M160.438 85.326l-16.43 46.55a2.006 2.006 0 01-1.89 1.34h-52.89c.1-.32.21-.65.32-.97l17.08-47.8c.22-.61.47-1.21.74-1.79h51.18a2.006 2.006 0 011.89 2.67zM187.366 133.212h-25.158a2 2 0 01-1.886-2.665l16.43-46.553a2 2 0 011.887-1.335h23.727a5 5 0 015 5v25.553a20 20 0 01-20 20z",fill:"#fff"}),l.createElement("ellipse",{cx:131.764,cy:159.081,fill:"#fff",rx:3.231,ry:5.897}),l.createElement("path",{d:"M133.325 159.08a6.393 6.393 0 00-2.42-5.686 1.98 1.98 0 01.859-.21c1.784 0 3.23 2.64 3.23 5.897s-1.446 5.897-3.23 5.897a1.983 1.983 0 01-.858-.21 6.394 6.394 0 002.419-5.687z",fill:"#edeff2"}),l.createElement("ellipse",{cx:94.363,cy:158.591,fill:"#fff",rx:3.231,ry:5.897}),l.createElement("path",{d:"M95.923 158.591a6.393 6.393 0 00-2.419-5.687 1.982 1.982 0 01.859-.21c1.784 0 3.23 2.64 3.23 5.896s-1.446 5.897-3.23 5.897a1.982 1.982 0 01-.859-.21 6.393 6.393 0 002.42-5.686zM87.74 169.212h61.928v15.322H87.74a3.948 3.948 0 01-3.948-3.948v-7.425a3.948 3.948 0 013.948-3.949z",fill:"#edeff2"}),l.createElement("circle",{cx:172.888,cy:180.947,fill:"#c6cacf",r:17.717}),l.createElement("circle",{cx:172.913,cy:180.947,fill:"#fff",r:8.858}),l.createElement("circle",{cx:300.036,cy:180.947,fill:"#c6cacf",r:17.717}),l.createElement("circle",{cx:300.062,cy:180.947,fill:"#fff",r:8.858}),l.createElement("path",{d:"M205.533 158.872h-25.126a2 2 0 01-1.464-.637l-9.154-9.832a2 2 0 00-1.463-.637h-6.004a2 2 0 01-2-2v-3.277a2 2 0 012-2h43.21a2 2 0 012 2v14.383a2 2 0 01-2 2z",fill:"#ffc335"}),l.createElement("path",{d:"M0 198.287h428.65v1H0z",fill:"#4d5860"})),F={title:"NonIdealState"},L=()=>e.jsx(h,{svg:e.jsx(V,{}),heading:"Redirect",description:e.jsxs(e.Fragment,{children:["Requested page has been moved permanently.",e.jsx("br",{}),"Unable to fulfill request."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),S=()=>e.jsx(h,{svg:e.jsx(y,{}),heading:"Unauthorized",description:e.jsxs(e.Fragment,{children:["You do not have permission to access this server.",e.jsx("br",{}),"Unable to fulfill request."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),T=()=>e.jsx(h,{svg:e.jsx(g,{}),heading:"Forbidden",description:e.jsxs(e.Fragment,{children:["You do not have permission to access this server.",e.jsx("br",{}),"Unable to fulfill request."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),N=()=>e.jsx(h,{svg:e.jsx(H,{}),heading:"Page not found",description:e.jsxs(e.Fragment,{children:["We can not find the iModel that you are looking for or it does not exist.",e.jsx("br",{}),"Visit the iModel HUB or contact our support team."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),U=()=>e.jsx(h,{svg:e.jsx(q,{}),heading:"Timed out",description:e.jsxs(e.Fragment,{children:["Your request timed out.",e.jsx("br",{}),"Please try again."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),I=()=>e.jsx(h,{svg:e.jsx(b,{}),heading:"Internal server error",description:"Please retry again. If this continues to happen, please contact our support team or visit the iModel HUB.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),A=()=>e.jsx(h,{svg:e.jsx(u,{}),heading:"Bad gateway",description:"The server encountered a temporary error. Please try again in 30 seconds or visit iModel HUB.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),O=()=>e.jsx(h,{svg:e.jsx(j,{}),heading:"Service unavailable",description:"This service is being worked on. Please come back in a little bit or visit iModel HUB.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),W=()=>e.jsx(h,{svg:e.jsx(n,{}),heading:"Error",description:"We can't find the iModel that you are looking for or it does not exist. Visit the iModel HUB or contact our support team.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),Y=()=>e.jsx(h,{svg:e.jsx(n,{}),heading:"Error",description:e.jsxs(e.Fragment,{children:["A React component with an"," ",e.jsx(x,{href:"https://www.bentley.com",target:"_blank",rel:"noreferrer",children:"anchor"})," ","may be passed."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),G=()=>e.jsx(h,{svg:e.jsx(n,{})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{A as BadGateway,Y as CustomHtmlMessage,T as Forbidden,W as Generic,I as InternalServerError,N as PageNotFound,L as Redirect,O as ServiceUnavailable,U as TimeOut,S as Unauthorized,G as WithoutMessageOrButtons,F as default}; diff --git a/2298/react/assets/Notification-BTbL0dfn.js b/2298/react/assets/Notification-BTbL0dfn.js new file mode 100644 index 00000000000..4561ea46c2e --- /dev/null +++ b/2298/react/assets/Notification-BTbL0dfn.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/NotificationMarker-kkw2IUZo.js b/2298/react/assets/NotificationMarker-kkw2IUZo.js new file mode 100644 index 00000000000..11fa6992f5d --- /dev/null +++ b/2298/react/assets/NotificationMarker-kkw2IUZo.js @@ -0,0 +1 @@ +import{r,B as c,c as u}from"./index-DhFzuRA5.js";const m=r.forwardRef((e,t)=>{let{className:i,children:s,status:n="primary",pulsing:l=!1,enabled:a=!0,...o}=e;return r.createElement(c,{as:"span",ref:t,className:u({"iui-notification-marker":a},i),"data-iui-variant":a?n:null,"data-iui-urgent":a?l:null,...o},s)});export{m as N}; diff --git a/2298/react/assets/NotificationMarker.stories-dnV222f5.js b/2298/react/assets/NotificationMarker.stories-dnV222f5.js new file mode 100644 index 00000000000..38170721d9d --- /dev/null +++ b/2298/react/assets/NotificationMarker.stories-dnV222f5.js @@ -0,0 +1 @@ +import{j as s,I as i}from"./index-DhFzuRA5.js";import{S as t}from"./Notification-BTbL0dfn.js";import{N as e}from"./NotificationMarker-kkw2IUZo.js";import{B as l}from"./Button-_m-IOzlX.js";import{T as r}from"./Text-sFYhh81u.js";import"./ProgressRadial-JDu8zAlM.js";const h={title:"NotificationMarker",decorators:[n=>s.jsx("div",{style:{display:"grid",placeItems:"start",gap:"20px"},children:s.jsx(n,{})})]},m=()=>s.jsx(s.Fragment,{children:s.jsx(e,{status:"primary",children:s.jsx(t,{fill:"currentColor"})})}),u=()=>s.jsxs(s.Fragment,{children:[s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"primary",children:s.jsx(t,{})})}),s.jsx(l,{styleType:"borderless",children:s.jsx(e,{status:"primary",children:"Inbox"})})]}),y=()=>s.jsx(s.Fragment,{children:s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"negative",pulsing:!0,children:s.jsx(t,{})})})}),o=()=>s.jsxs(s.Fragment,{children:[s.jsx(r,{children:"Primary"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"primary",children:s.jsx(t,{})})}),s.jsx(r,{children:"Positive"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"positive",children:s.jsx(t,{})})}),s.jsx(r,{children:"Warning"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"warning",children:s.jsx(t,{})})}),s.jsx(r,{children:"Negative"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"negative",children:s.jsx(t,{})})}),s.jsx(r,{children:"White"}),s.jsxs("div",{style:{display:"flex",columnGap:"10px"},children:[s.jsx(i,{label:"Notifications",styleType:"high-visibility",children:s.jsx(e,{status:"white",children:s.jsx(t,{})})}),s.jsx(i,{label:"Notifications",styleType:"cta",children:s.jsx(e,{status:"white",children:s.jsx(t,{})})})]})]});o.decorators=[n=>s.jsx("div",{style:{display:"grid",placeItems:"start",rowGap:"20px",columnGap:"30px",gridTemplateColumns:"fit-content(1px) auto",alignItems:"center"},children:s.jsx(n,{})})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{m as Basic,y as Pulsing,o as Status,u as WithButtons,h as default}; diff --git a/2298/react/assets/Overlay.stories-B2l17VJh.js b/2298/react/assets/Overlay.stories-B2l17VJh.js new file mode 100644 index 00000000000..fb8a515d616 --- /dev/null +++ b/2298/react/assets/Overlay.stories-B2l17VJh.js @@ -0,0 +1 @@ +import{r,B as m,p as l,j as e}from"./index-DhFzuRA5.js";import{P as p}from"./ProgressLinear-DS9Rb3eu.js";import{P as x}from"./ProgressRadial-JDu8zAlM.js";let v=r.forwardRef((t,o)=>{let{content:n,children:a,...c}=t;return r.createElement(u,{ref:o,...c},r.createElement(s,null,n),r.createElement(d,null,a))}),d=r.forwardRef((t,o)=>{let{children:n,...a}=t;return r.createElement(m,{inert:"",ref:o,...a},n)}),s=l.div("iui-overlay"),u=l.div("iui-overlay-wrapper");const i=Object.assign(v,{Wrapper:u,HiddenContent:d,Overlay:s}),h={title:"Overlay"},j=()=>{const t={border:"1px solid var(--iui-color-border)",position:"relative",marginBottom:"12px"};return e.jsxs(i.Wrapper,{style:t,children:[e.jsx(i.HiddenContent,{style:{padding:"12px"},children:e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}),e.jsx(i.Overlay,{children:e.jsx(p,{indeterminate:!0})})]})},b=()=>{const t={border:"1px solid var(--iui-color-border)",position:"relative",marginBottom:"12px"};return e.jsxs(i.Wrapper,{style:t,children:[e.jsx(i.HiddenContent,{style:{padding:"12px"},children:e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}),e.jsx(i.Overlay,{children:e.jsx(x,{indeterminate:!0})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{j as Linear,b as Radial,h as default}; diff --git a/2298/react/assets/Overview.stories-zzr9drac.js b/2298/react/assets/Overview.stories-zzr9drac.js new file mode 100644 index 00000000000..d8a695f7426 --- /dev/null +++ b/2298/react/assets/Overview.stories-zzr9drac.js @@ -0,0 +1,29 @@ +import{Z as s,j as e}from"./index-DhFzuRA5.js";function a(n){const i={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx("center",{children:e.jsx("h1",{children:e.jsxs("picture",{children:[e.jsx("source",{media:"(prefers-color-scheme: dark)",srcSet:"https://itwin.github.io/iTwinUI/logo-dark.svg"}),e.jsx("img",{src:"https://itwin.github.io/iTwinUI/logo.svg",alt:"iTwinUI"})]})})}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["This site demonstrates stories for all react components from ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI",className:"ladle-markdown",children:"iTwinUI"})," v3. For more detailed guidance, visit the ",e.jsx(i.a,{href:"https://itwinui.bentley.com",className:"ladle-markdown",children:"documentation site"}),"."]}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["If you're using an older version of iTwinUI, we highly recommend upgrading (see ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v3-migration-guide",className:"ladle-markdown",children:"migration guide"}),"). In the meantime, you might find these links useful:"]}),` +`,e.jsxs(i.ul,{className:"ladle-markdown",children:[` +`,e.jsx(i.li,{className:"ladle-markdown",children:e.jsx(i.a,{href:"https://itwin.github.io/iTwinUI-react",className:"ladle-markdown",children:"v1 storybook"})}),` +`,e.jsx(i.li,{className:"ladle-markdown",children:e.jsx(i.a,{href:"https://itwin.github.io/iTwinUI/legacy/v2/react",className:"ladle-markdown",children:"v2 storybook"})}),` +`]}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"Basic usage"}),` +`,e.jsx(i.pre,{className:"ladle-markdown",children:e.jsx(i.code,{className:"language-jsx ladle-markdown",children:`import { ThemeProvider, Button } from '@itwin/itwinui-react'; +import '@itwin/itwinui-react/styles.css'; + +export default function App() { + return ( + <> + + + + + ); +} +`})}),` +`,e.jsx(i.p,{className:"ladle-markdown",children:e.jsx(i.a,{href:"https://stackblitz.com/github/iTwin/iTwinUI/tree/main/minimal-sandbox?file=src/App.tsx",className:"ladle-markdown",children:e.jsx(i.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Edit in StackBlitz",className:"ladle-markdown"})})}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"FAQ"}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["For a list of frequently asked questions, visit the ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/wiki/FAQ",className:"ladle-markdown",children:"wiki"}),"."]}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"Contributing"}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["We welcome you to contribute and make this UI design system better. You can submit feature requests or bugs by creating an ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/issues",className:"ladle-markdown",children:"issue"}),`. +Please read our `,e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/blob/main/CONTRIBUTING.md",className:"ladle-markdown",children:"CONTRIBUTING.md"})," for more information."]}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"Changelog"}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["Read our ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/blob/main/packages/itwinui-react/CHANGELOG.md",className:"ladle-markdown",children:"CHANGELOG.md"})," to find recent changes."]})]})}function t(n={}){const{wrapper:i}={...s(),...n.components};return i?e.jsx(i,{...n,children:e.jsx(a,{...n})}):a(n)}t.storyName="Readme";typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{t as MDXContent}; diff --git a/2298/react/assets/Panels.stories-CN6Yd-2s.js b/2298/react/assets/Panels.stories-CN6Yd-2s.js new file mode 100644 index 00000000000..5a72e0bf30a --- /dev/null +++ b/2298/react/assets/Panels.stories-CN6Yd-2s.js @@ -0,0 +1 @@ +import{r as n,C as N,u as C,n as Q,f as O,N as F,B as _,e as q,c as L,d as G,I as V,m as z,D as J,j as e}from"./index-DhFzuRA5.js";import{F as y}from"./Flex-DbQmRNYC.js";import{T as H}from"./Text-sFYhh81u.js";import{S as K}from"./SvgChevronLeft-CoStY9_N.js";import{S as p}from"./Surface-DPL1cVnI.js";import{L as B}from"./List-pOpvCrBi.js";import{L as g}from"./ListItem-DF-kT9pB.js";import{D as U}from"./Divider-Q7Hrbi3T.js";import{T as X}from"./ToggleSwitch-D9_iq6aA.js";import{B as D}from"./Button-_m-IOzlX.js";import"./supports-D6yRdPD6.js";import"./LinkAction-DYlAaokJ.js";import"./SvgCheckmark-Dp--w9xe.js";import"./ProgressRadial-JDu8zAlM.js";class W{}const Y=()=>n.useMemo(()=>new W,[]),Z=(s,i)=>{let t=n.useCallback(()=>s instanceof W?(Object.assign(s,i),()=>{for(let d in i)delete s[d]}):()=>{},[s,i]);return N(t,()=>s,()=>s)},ee=()=>()=>{},$=n.createContext(void 0),te=s=>{let{children:i,instance:t}=s,d=a.useInstance(),f=t||d,{activePanelId:r,changeActivePanel:c,triggers:l,setShouldFocus:x}=C(A),h=n.useCallback(async()=>{if(r==null)return;let u=l[r];u.triggerId!=null&&(x({fromPanelId:r,toPanelId:u.panelId,direction:"backward"}),c(u.panelId))},[r,c,x,l]);return Z(f,n.useMemo(()=>({goBack:h}),[h])),n.createElement($.Provider,{value:{instance:f}},i)},ne=n.forwardRef((s,i)=>{let{children:t,className:d,onActiveIdChange:f,instance:r,...c}=s,l=Q(f),x=n.useRef(null),[h,u]=n.useState(void 0),[P,j]=n.useState({}),I=n.useRef(new Set),[S,E]=n.useState(void 0),m=O("(prefers-reduced-motion: no-preference)"),k=n.useCallback(b=>{var w,o,v;!I.current.has(b)||b===h||(F.flushSync(()=>u(b)),(w=l.current)==null||w.call(l,b),(v=(o=x.current)==null?void 0:o.ownerDocument.getElementById(b))==null||v.scrollIntoView({block:"nearest",inline:"center",behavior:m?"smooth":"instant"}))},[h,m,l]);return n.createElement(A.Provider,{value:n.useMemo(()=>({activePanelId:h,setActivePanelId:u,changeActivePanel:k,triggers:P,setTriggers:j,shouldFocus:S,setShouldFocus:E,panels:I}),[h,k,u,j,S,P])},n.createElement(te,{instance:r},n.createElement(_,{ref:q(x,i),...c,className:L("iui-panel-wrapper",d)},t)))}),A=n.createContext(void 0);let re=n.forwardRef((s,i)=>{let{id:t,children:d,className:f,...r}=s,{activePanelId:c,triggers:l,panels:x,setActivePanelId:h}=C(A),u=n.useMemo(()=>l[t],[t,l]),P=le(c)||c,j=[c,P].includes(t),I=c===t&&c!==P,S=P===t&&c!==t;return G(()=>{c==null&&x.current.size===0&&h(t);let m=x.current;return m.has(t)||m.add(t),()=>{m.delete(t)}},[c,t,x,h]),n.createElement(R.Provider,{value:n.useMemo(()=>({id:t,associatedTrigger:u}),[u,t])},j&&n.createElement(_,{ref:i,id:t,className:L("iui-panel",f),"aria-labelledby":`${t}-header-title`,role:"group",inert:S?"":void 0,"data-iui-transitioning":I?"true":void 0,...r},d))}),R=n.createContext(void 0),se=s=>{let{children:i,for:t}=s,{changeActivePanel:d,triggers:f,setTriggers:r,activePanelId:c,shouldFocus:l,setShouldFocus:x,panels:h}=C(A),{id:u}=C(R),P=n.useId(),j=i.props.id||P,I=n.useCallback(()=>{c!=null&&(x({fromPanelId:c,toPanelId:t,direction:"forward"}),d==null||d(t))},[c,d,t,x]),S=n.useCallback(m=>{(l==null?void 0:l.direction)==="backward"&&(l==null?void 0:l.toPanelId)===u&&(l==null?void 0:l.fromPanelId)===t&&(m==null||m.focus({preventScroll:!0}),x(void 0))},[t,u,x,l]),E=ee();return n.useEffect(()=>{h.current.has(t)},[t,E,h,f]),n.useEffect(()=>{r(m=>{let k=m[t];return k==null||u!==k.panelId||j!==k.triggerId?{...m,[t]:{panelId:u,triggerId:j}}:m})},[t,u,r,j]),J(i,m=>({...m.props,id:j,ref:S,onClick:z(m.props.onClick,I),"aria-expanded":c===t,"aria-controls":t}))},ae=n.forwardRef((s,i)=>{let{titleProps:t,children:d,...f}=s,{shouldFocus:r,setShouldFocus:c}=C(A),{id:l,associatedTrigger:x}=C(R),h=n.useCallback(u=>{(r==null?void 0:r.direction)==="forward"&&r.toPanelId===l&&(u==null||u.focus({preventScroll:!0}),c(void 0))},[l,c,r==null?void 0:r.direction,r==null?void 0:r.toPanelId]);return n.createElement(y,{ref:i,...f},x&&n.createElement(ie,null),n.createElement(H,{id:`${l}-header-title`,as:"h2",tabIndex:-1,ref:h,...t},d))}),ie=n.forwardRef((s,i)=>{let{children:t,onClick:d,...f}=s,{instance:r}=C($);return n.createElement(V,{ref:i,"aria-label":"Previous panel",styleType:"borderless",size:"small","data-iui-shift":"left",...f,onClick:z(n.useCallback(()=>r==null?void 0:r.goBack(),[r]),d)},t||n.createElement(K,null))});const a={Wrapper:ne,Panel:re,Trigger:se,Header:ae,useInstance:Y};function le(s,{delay:i}={delay:500}){let[t,d]=n.useState(void 0),f=n.useRef(void 0);return n.useEffect(()=>(i===0?d(s):f.current=setTimeout(()=>d(s),i),()=>{clearTimeout(f.current)}),[s,i]),t}const ye={component:a,title:"Panels"},Se=()=>{const s="root",i="more-info";return e.jsxs(a.Wrapper,{as:p,style:{inlineSize:"min(300px, 30vw)",blockSize:"min(500px, 50vh)"},children:[e.jsxs(a.Panel,{id:s,children:[e.jsx(p.Header,{as:a.Header,children:"Root"}),e.jsx(p.Body,{as:B,children:e.jsx(g,{children:e.jsx(a.Trigger,{for:i,children:e.jsx(g.Action,{children:"More details"})})})})]}),e.jsxs(a.Panel,{id:i,children:[e.jsx(p.Header,{as:a.Header,children:"More details"}),e.jsx(p.Body,{isPadded:!0,children:e.jsx(H,{children:"Content"})})]})]})},ke=()=>{const s="root",i=Array.from(Array(20).keys()).map(t=>({id:`panel-${t}`,label:`Panel ${t}`}));return e.jsxs(a.Wrapper,{as:p,style:{inlineSize:"min(300px, 30vw)",blockSize:"min(500px, 50vh)"},children:[e.jsxs(a.Panel,{id:s,as:y,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Root"}),e.jsx(p.Body,{as:B,children:i.map(t=>e.jsx(g,{children:e.jsx(g.Content,{children:e.jsx(a.Trigger,{for:`${t.id}`,children:e.jsx(g.Action,{children:t.label})})})},t.id))})]}),i.map(t=>e.jsxs(a.Panel,{as:y,id:t.id,flexDirection:"column",alignItems:"stretch",children:[e.jsx(p.Header,{as:a.Header,children:t.label}),e.jsxs(p.Body,{as:y,flexDirection:"column",children:[e.jsx(H,{children:`Content for ${t.id}`}),e.jsx(y.Spacer,{}),e.jsx(U,{}),e.jsx(H,{children:`Footer for ${t.id}`})]})]},t.id))]})},be=()=>{const s=n.useId(),i=n.useId(),t=n.useId(),d=n.useId(),[f,r]=n.useState(!1),[c,l]=n.useState("240p"),[x,h]=n.useState("1.0x"),[u,P]=n.useState([]),j=a.useInstance(),I=n.useCallback(({content:o,state:v,setState:T})=>{const M=v===o;return e.jsxs(g,{active:M,"aria-selected":M,onClick:()=>{j.goBack()},children:[e.jsx(g.Action,{onClick:()=>T(o),children:o}),e.jsx(g.Icon,{})]})},[j]),S=n.useCallback(({content:o})=>e.jsx(I,{content:o,state:c,setState:l}),[I,c]),E=n.useCallback(({content:o})=>e.jsx(I,{content:o,state:x,setState:h}),[I,x]),m=n.useCallback(({content:o})=>e.jsx(I,{content:o,state:u.includes(o)?o:"",setState:()=>{P(v=>v.includes(o)?v.filter(T=>T!==o):[...v,o])}}),[I,u]),k=n.useMemo(()=>["240p","360p","480p","720p","1080p"],[]),b=n.useMemo(()=>Array.from({length:21},(o,v)=>(v*.1).toFixed(1)+"x"),[]),w=n.useId();return e.jsx(e.Fragment,{children:e.jsxs(a.Wrapper,{instance:j,as:p,style:{inlineSize:"min(200px, 30vw)",blockSize:"min(250px, 50vh)"},children:[e.jsx(a.Panel,{id:s,children:e.jsxs(B,{children:[e.jsxs(g,{children:[e.jsx(g.Content,{as:"label",htmlFor:w,children:"Repeat"}),e.jsx(X,{id:w,onChange:o=>r(o.target.checked),checked:f})]}),e.jsx(g,{children:e.jsx(a.Trigger,{for:i,children:e.jsx(g.Action,{children:"Quality"})})}),e.jsx(g,{children:e.jsx(a.Trigger,{for:t,children:e.jsx(g.Action,{children:"Speed"})})}),e.jsx(g,{children:e.jsx(a.Trigger,{for:d,children:e.jsx(g.Action,{children:"Accessibility"})})})]})}),e.jsxs(a.Panel,{id:i,as:y,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Quality"}),e.jsx(p.Body,{as:B,children:k.map(o=>e.jsx(S,{content:o},o))})]}),e.jsxs(a.Panel,{id:t,as:y,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Speed"}),e.jsx(p.Body,{as:B,children:b.map(o=>e.jsx(E,{content:o},o))})]}),e.jsxs(a.Panel,{id:d,as:y,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Accessibility"}),e.jsxs(p.Body,{as:B,children:[e.jsx(m,{content:"High contrast"}),e.jsx(m,{content:"Large text"}),e.jsx(m,{content:"Screen reader"})]})]})]})})},Ce=()=>{const s=a.useInstance(),r=["root","panel-1","panel-1-1","panel-1-1-1"];return e.jsxs(y,{flexDirection:"column",alignItems:"flex-start",children:[e.jsx(D,{id:"instance-go-back",onClick:()=>s.goBack(),children:"Go Back"}),e.jsx(a.Wrapper,{instance:s,as:p,style:{width:"min(300px, 30vw)",height:"min(500px, 50vh)"},children:r.map((c,l)=>e.jsxs(a.Panel,{id:c,children:[e.jsx(p.Header,{as:a.Header,children:c}),e.jsx(p.Body,{isPadded:!0,children:e.jsx(a.Trigger,{for:r[l+1],children:e.jsxs(D,{children:["Go to ",r[l+1]??"panel that doesn't exist"]})})})]},c))})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Se as Basic,be as MultiLevelList,ke as MultiPanelInformationPanel,Ce as NestedPanels,ye as default}; diff --git a/2298/react/assets/Placeholder-L-MfORW8.js b/2298/react/assets/Placeholder-L-MfORW8.js new file mode 100644 index 00000000000..db454cbd706 --- /dev/null +++ b/2298/react/assets/Placeholder-L-MfORW8.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/ProgressLinear-DS9Rb3eu.js b/2298/react/assets/ProgressLinear-DS9Rb3eu.js new file mode 100644 index 00000000000..c2918e396ea --- /dev/null +++ b/2298/react/assets/ProgressLinear-DS9Rb3eu.js @@ -0,0 +1 @@ +import{r as e,B as r,c as l,K as p,V as v,k as x}from"./index-DhFzuRA5.js";const N=e.forwardRef((s,n)=>{let{value:t,indeterminate:d=t===void 0,labels:i=[],isAnimated:o=!1,status:u,className:c,labelGroupProps:a,...m}=s,g=x(t??100,0,100);return e.createElement(r,{className:l("iui-progress-indicator-linear",c),ref:n,"data-iui-status":u,"data-iui-indeterminate":d?"true":void 0,"data-iui-animated":o?"true":void 0,...m,style:{"--iui-progress-percentage":`${g}%`,...s.style}},e.createElement(p,null,t!==100&&e.createElement(v,null,"Loading."),e.createElement("slot",null)),i.length>0&&e.createElement(r,{as:"div",...a,className:l("iui-progress-indicator-linear-label",a==null?void 0:a.className)},i.map((E,f)=>e.createElement("span",{key:f},E))))});export{N as P}; diff --git a/2298/react/assets/ProgressLinear.stories-DN8_GU0m.js b/2298/react/assets/ProgressLinear.stories-DN8_GU0m.js new file mode 100644 index 00000000000..de40df67589 --- /dev/null +++ b/2298/react/assets/ProgressLinear.stories-DN8_GU0m.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{a as n,S as r,b as a}from"./StatusWarning-DjosBsXr.js";import{P as t}from"./ProgressLinear-DS9Rb3eu.js";import{I as s}from"./Icon-Cr7ytm57.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/2298/react/assets/ProgressRadial-JDu8zAlM.js b/2298/react/assets/ProgressRadial-JDu8zAlM.js new file mode 100644 index 00000000000..5730a4d93e6 --- /dev/null +++ b/2298/react/assets/ProgressRadial-JDu8zAlM.js @@ -0,0 +1 @@ +import{r as e,o as n,B as g,c as p,k as h,K as v,V as S}from"./index-DhFzuRA5.js";const x=a=>e.createElement(n,a,e.createElement("path",{d:"m6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z"})),i=a=>e.createElement(n,a,e.createElement("path",{d:"M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z"})),f=e.forwardRef((a,s)=>{let{value:t,indeterminate:d=t===void 0,status:r,size:l,className:o,style:m,children:c,...u}=a,E={negative:e.createElement(i,{"aria-hidden":!0}),positive:e.createElement(x,{"aria-hidden":!0}),warning:e.createElement(i,{"aria-hidden":!0})};return e.createElement(g,{className:p("iui-progress-indicator-radial",o),"data-iui-size":l,"data-iui-status":r,"data-iui-indeterminate":d?"true":void 0,ref:s,style:{...t!==void 0&&{"--iui-progress-percentage":`${h(t,0,100)}%`},...m},...u},e.createElement(v,null,t!==100&&e.createElement(S,null,"Loading."),e.createElement("slot",null)),l!=="x-small"?c??(r?E[r]:null):null)});export{f as P}; diff --git a/2298/react/assets/ProgressRadial.stories-BhW9elAu.js b/2298/react/assets/ProgressRadial.stories-BhW9elAu.js new file mode 100644 index 00000000000..5cbe30018a9 --- /dev/null +++ b/2298/react/assets/ProgressRadial.stories-BhW9elAu.js @@ -0,0 +1 @@ +import{j as t}from"./index-DhFzuRA5.js";import{P as e}from"./ProgressRadial-JDu8zAlM.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/2298/react/assets/Radio-CsyOu0qp.js b/2298/react/assets/Radio-CsyOu0qp.js new file mode 100644 index 00000000000..2f981b9bf8f --- /dev/null +++ b/2298/react/assets/Radio-CsyOu0qp.js @@ -0,0 +1 @@ +import{r as e,e as N,B as l,c as i}from"./index-DhFzuRA5.js";const p=e.forwardRef((d,u)=>{let{className:o,disabled:r=!1,label:t,status:m,labelProps:a,wrapperProps:s,style:n,...f}=d,b=e.useRef(null),x=N(b,u),c=e.createElement(l,{as:"input",className:i("iui-checkbox","iui-radio",o),style:n,disabled:r,type:"radio",ref:x,...f});return t?e.createElement(l,{as:"label",...s,className:i("iui-checkbox-wrapper",s==null?void 0:s.className),"data-iui-status":m,"data-iui-disabled":r?"true":void 0},c,t&&e.createElement(l,{as:"span",...a,className:i("iui-radio-label",a==null?void 0:a.className)},t)):c});export{p as R}; diff --git a/2298/react/assets/Radio.stories-Cyni4tet.js b/2298/react/assets/Radio.stories-Cyni4tet.js new file mode 100644 index 00000000000..971022492ea --- /dev/null +++ b/2298/react/assets/Radio.stories-Cyni4tet.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{R as t}from"./Radio-CsyOu0qp.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/2298/react/assets/RadioTileGroup.stories-BJljyg9M.js b/2298/react/assets/RadioTileGroup.stories-BJljyg9M.js new file mode 100644 index 00000000000..5780da0354a --- /dev/null +++ b/2298/react/assets/RadioTileGroup.stories-BJljyg9M.js @@ -0,0 +1 @@ +import{r as a,e as z,B as s,c as r,j as e}from"./index-DhFzuRA5.js";import{S as w}from"./Network-DkB-39o7.js";import{I as B}from"./InputGroup-DRXjU33i.js";import"./InputGrid-B9GMezED.js";import"./Label-Jsz1vg8n.js";import"./Input-DfkpvfT2.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./InputWithDecorations-Ch-F2i1g.js";import"./InputFlexContainer-BcUva1DC.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Select-CKIZamIt.js";import"./MenuItem-DISbthDF.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";import"./Tag-BaQiyr47.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./Text-sFYhh81u.js";import"./useContainerWidth-BcbCx7FW.js";import"./useVirtualScroll-DITpZLhm.js";const i=a.forwardRef((l,u)=>{let{icon:o,label:n,description:t,className:v,wrapperProps:d,iconProps:m,labelProps:c,subLabelProps:p,style:h,...f}=l,j=a.useRef(null),b=z(j,u);return a.createElement(s,{as:"label","data-iui-disabled":l.disabled?"true":void 0,...d,className:r("iui-radio-tile",d==null?void 0:d.className)},a.createElement(s,{as:"input",ref:b,className:r("iui-radio-tile-input",v),style:h,type:"radio",...f}),o&&a.createElement(s,{as:"span","aria-hidden":!0,...m,className:r("iui-radio-tile-icon",m==null?void 0:m.className)},o),n&&a.createElement(s,{as:"div",...c,className:r("iui-radio-tile-label",c==null?void 0:c.className)},n),t&&a.createElement(s,{as:"div",...p,className:r("iui-radio-tile-sublabel",p==null?void 0:p.className)},t))}),x=a.forwardRef((l,u)=>{let{children:o,label:n,tileContainerProps:t,...v}=l;return a.createElement(B,{label:n,ref:u,...v},a.createElement(s,{as:"div",...t,className:r("iui-radio-tile-container",t==null?void 0:t.className)},o))}),g=l=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},a.createElement("path",{d:"M0 2.042l6-.824V7H.001M6 8v5.782L.001 12.95V8zm1-6.899L15 0v7H7m8 1v7l-8-1.111V8z"})),Q={title:"RadioTileGroup"},U=()=>e.jsxs(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"})]}),X=()=>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{X as Colored,U as Monochrome,Q as default}; diff --git a/2298/react/assets/SearchBox-C4s3Lgkk.js b/2298/react/assets/SearchBox-C4s3Lgkk.js new file mode 100644 index 00000000000..185126a8c28 --- /dev/null +++ b/2298/react/assets/SearchBox-C4s3Lgkk.js @@ -0,0 +1 @@ +import{r as e,o as H,l as L,c as x,u,B as O,e as B,m as I,a as T}from"./index-DhFzuRA5.js";import{I as A,b as G,a as J}from"./InputFlexContainer-BcUva1DC.js";const m=t=>e.createElement(H,t,e.createElement("path",{d:"m11 9.7c.7-1 1.1-2.2 1.1-3.5.1-3.5-2.7-6.2-6-6.2-3.4 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1c1.3 0 2.5-.4 3.5-1.1l4.9 4.9 1.4-1.4zm-5 .5c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1 4.1 1.8 4.1 4.1-1.8 4.1-4.1 4.1"}));let i=e.createContext(void 0),K=e.forwardRef((t,n)=>{let{size:a,expandable:l=!1,isDisabled:s=!1,onCollapse:r,onExpand:o,isExpanded:c,children:d,inputProps:w,className:D,...F}=t,N=L(),[P,y]=e.useState(N),h=e.useRef(null),S=e.useRef(null),[M,C]=e.useState(c),b=c??M,q=()=>{C(!1),r==null||r(),queueMicrotask(()=>{var p;return(p=S.current)==null?void 0:p.focus({preventScroll:!0})})},j=()=>{C(!0),o==null||o(),queueMicrotask(()=>{var p;return(p=h.current)==null?void 0:p.focus({preventScroll:!0})})};return e.createElement(i.Provider,{value:{size:a,isDisabled:s,onCollapse:q,onExpand:j,inputRef:h,inputId:P,setInputId:y,openButtonRef:S,isExpanded:b,expandable:l}},e.createElement(A,{ref:n,className:x("iui-searchbox",{"iui-expandable-searchbox":l},D),size:a,isDisabled:s,"data-iui-expanded":b,...F},d??e.createElement(e.Fragment,null,e.createElement(R,null,e.createElement(f,null)),e.createElement(z,null,e.createElement(g,null),e.createElement(v,w),l?e.createElement(k,null):null))))}),R=({children:t})=>{let{isExpanded:n,expandable:a}=u(i);return!a||n?null:e.createElement(e.Fragment,null,t??e.createElement(f,null))},z=({children:t})=>{let{isExpanded:n,expandable:a}=u(i);return a&&!n?null:e.createElement(e.Fragment,null,t)},g=e.forwardRef((t,n)=>{let{className:a,children:l,...s}=t;return e.createElement(G,{"aria-hidden":!0,className:x("iui-search-icon",a),ref:n,...s},l??e.createElement(m,null))}),v=e.forwardRef((t,n)=>{let{className:a,id:l,...s}=t,{inputId:r,setInputId:o,isDisabled:c,inputRef:d}=u(i);return e.useEffect(()=>{l&&l!==r&&o(l)},[l,r,o]),e.createElement(O,{as:"input",id:l??r,ref:B(n,d),role:"searchbox",type:"text",className:x("iui-search-input",a),disabled:c,...s})}),E=e.forwardRef((t,n)=>{let{children:a,...l}=t,{size:s,isDisabled:r}=u(i);return e.createElement(J,{size:s,ref:n,disabled:r,...l},a??e.createElement(m,null))}),k=e.forwardRef((t,n)=>{let{children:a,onClick:l,...s}=t,{onCollapse:r,size:o,isDisabled:c}=u(i);return e.createElement(E,{ref:n,"aria-label":"Close searchbox",size:o,disabled:c,onClick:I(l,r),...s},a??e.createElement(T,null))}),f=e.forwardRef((t,n)=>{let{children:a,onClick:l,...s}=t,{onExpand:r,size:o,isDisabled:c,openButtonRef:d}=u(i);return e.createElement(E,{ref:B(n,d),"aria-label":"Expand searchbox",size:o,disabled:c,onClick:I(l,r),styleType:"default",...s},a??e.createElement(m,null))});const V=Object.assign(K,{Icon:g,Input:v,Button:E,CollapseButton:k,ExpandButton:f,ExpandedState:z,CollapsedState:R});export{V as S}; diff --git a/2298/react/assets/SearchBox.stories-CiNv4XCN.js b/2298/react/assets/SearchBox.stories-CiNv4XCN.js new file mode 100644 index 00000000000..771192608cb --- /dev/null +++ b/2298/react/assets/SearchBox.stories-CiNv4XCN.js @@ -0,0 +1 @@ +import{r as s,j as e}from"./index-DhFzuRA5.js";import{S as t}from"./SearchBox-C4s3Lgkk.js";import{T as d}from"./Text-sFYhh81u.js";import{D as r}from"./Divider-Q7Hrbi3T.js";import"./InputFlexContainer-BcUva1DC.js";import"./Icon-Cr7ytm57.js";const n=a=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},s.createElement("path",{d:"M4.807 6h6.395a.28.28 0 01.24.443L8.27 9.9a.34.34 0 01-.481 0L4.566 6.443A.27.27 0 014.806 6z"})),l=a=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},s.createElement("path",{d:"M4.807 9.997h6.395a.28.28 0 00.24-.443L8.27 6.097a.34.34 0 00-.48 0h-.001L4.566 9.554a.27.27 0 00.24.443z"})),B={title:"SearchBox"},E=()=>e.jsx(t,{inputProps:{placeholder:"Basic search"}}),b=()=>e.jsxs(t,{children:[e.jsx(t.Button,{label:"Search button"}),e.jsx(t.Input,{placeholder:"Basic search with custom interactions"}),e.jsx(d,{isMuted:!0,variant:"body",as:"p",style:{paddingRight:"var(--iui-size-s)",alignSelf:"center"},children:"0/3"}),e.jsx(r,{orientation:"vertical"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(l,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})})]}),S=()=>e.jsx(t,{inputProps:{placeholder:"Search with warning"},status:"warning"}),v=()=>e.jsx(t,{expandable:!0,inputProps:{placeholder:"Expandable search"}}),w=()=>e.jsxs(t,{expandable:!0,children:[e.jsx(t.CollapsedState,{children:e.jsx(t.ExpandButton,{styleType:"borderless"})}),e.jsxs(t.ExpandedState,{children:[e.jsx(t.Icon,{}),e.jsx(t.Input,{placeholder:"Expandable search with borderless ExpandButton"}),e.jsx(t.CollapseButton,{})]})]}),C=()=>e.jsxs(t,{expandable:!0,children:[e.jsx(t.CollapsedState,{}),e.jsxs(t.ExpandedState,{children:[e.jsx(t.Input,{placeholder:"Expandable search with custom interactions"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(l,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})}),e.jsx(r,{orientation:"vertical"}),e.jsx(t.CollapseButton,{})]})]}),g=()=>e.jsx(t,{size:"small",inputProps:{placeholder:"Search..."}}),f=()=>{const[a,o]=s.useState(!1),i=()=>{console.log("Expanding searchbox"),o(!0)},c=()=>{console.log("Collapsing searchbox"),o(!1)};return e.jsxs(t,{expandable:!0,isExpanded:a,onExpand:i,onCollapse:c,children:[e.jsx(t.CollapsedState,{children:e.jsx(t.ExpandButton,{})}),e.jsxs(t.ExpandedState,{children:[e.jsx(t.Input,{placeholder:"Test"}),e.jsx(t.CollapseButton,{}),e.jsx(r,{orientation:"vertical"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(l,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{E as Basic,b as BasicWithCustomItems,S as BasicWithStatus,w as BorderlessExpandButton,v as Expandable,C as ExpandableWithCustomItems,g as Small,f as WithCustomAction,B as default}; diff --git a/2298/react/assets/Select-CKIZamIt.js b/2298/react/assets/Select-CKIZamIt.js new file mode 100644 index 00000000000..3a1e03612a6 --- /dev/null +++ b/2298/react/assets/Select-CKIZamIt.js @@ -0,0 +1 @@ +import{p as ue,r as e,g as K,V as oe,c as k,O as L,m as W,l as ce,n as me,y as de,e as $,B as T,G as fe,L as be,M as Ee}from"./index-DhFzuRA5.js";import{M as ve}from"./MenuItem-DISbthDF.js";import{T as ge}from"./Tag-BaQiyr47.js";import{I as he}from"./Icon-Cr7ytm57.js";import{L as Se}from"./List-pOpvCrBi.js";import{S as ye}from"./SvgCheckmark-Dp--w9xe.js";import{S as Ce}from"./SvgCaretDownSmall-BS15oRF-.js";const P=ue.div("iui-input-with-icon"),pe=({text:t=""})=>{let[n,a]=e.useState(t);return e.useEffect(()=>{var s;a(t);let r=(s=K())==null?void 0:s.setTimeout(()=>a(""),5e3);return()=>{var o;return void((o=K())==null?void 0:o.clearTimeout(r))}},[t]),e.createElement(oe,{as:"div","aria-live":"polite","aria-atomic":"true"},n)},j=e.forwardRef((t,n)=>{let{className:a,label:r,...s}=t;return e.createElement(ge,{className:k("iui-select-tag",a),labelProps:{className:"iui-select-tag-label"},removeButtonProps:{className:"iui-select-tag-button"},ref:n,...s},r)}),xe=e.forwardRef((t,n)=>{let{tags:a,className:r,...s}=t,o=e.useMemo(()=>e.Children.toArray(a),[a]);return e.createElement(L,{itemsCount:o.length,className:k("iui-select-tag-container",r),ref:n,...s},e.createElement(Ne,{...t,tags:o}))});let Ne=t=>{let{tags:n}=t,{visibleCount:a}=L.useContext();return e.createElement(e.Fragment,null,a{let{native:a,...r}=t,s=a?we:ke;return e.createElement(s,{...r,ref:n})});let we=e.forwardRef((t,n)=>{let{triggerProps:a,options:r,disabled:s,placeholder:o,defaultValue:p=o!==void 0?"":void 0,value:d,onChange:g,size:h,status:x,styleType:c,required:E,...f}=t;return e.createElement(P,{...f,ref:n},e.createElement(G,{as:"select",size:h,status:x,styleType:c,disabled:s,defaultValue:d===void 0?p:void 0,value:d===null?"":d,required:E,...a,onKeyDown:W(a==null?void 0:a.onKeyDown,u=>{var I,M;u.key==="Enter"&&((M=(I=u.currentTarget).showPicker)==null||M.call(I))}),onChange:W(a==null?void 0:a.onChange,u=>{g==null||g(u.currentTarget.value,u)})},c!=="borderless"&&o!==void 0?e.createElement("option",{value:"",disabled:!0},o):null,r.map(u=>e.createElement("option",{key:u.value,...u},u.label))),e.createElement(U,{disabled:s}))}),ke=e.forwardRef((t,n)=>{let a=ce(),{options:r,value:s,onChange:o,placeholder:p,disabled:d=!1,size:g,itemRenderer:h,selectedItemRenderer:x,menuClassName:c,menuStyle:E,multiple:f=!1,triggerProps:u,status:I,popoverProps:{portal:M=!0,...m}={},styleType:J,...Q}=t,[O,z]=e.useState(!1),[X,Y]=e.useState(""),[Z,A]=e.useState(),i=s!==void 0?s:Z,v=me(o),q=e.useRef(null),_=e.useCallback(()=>{var l;d||(z(!0),(l=m==null?void 0:m.onVisibleChange)==null||l.call(m,!0))},[d,m]),V=e.useCallback(()=>{var l,b;z(!1),(l=q.current)==null||l.focus({preventScroll:!0}),(b=m==null?void 0:m.onVisibleChange)==null||b.call(m,!1)},[m]),ee=e.useMemo(()=>r.map((l,b)=>{let y=F(i,f)?(i==null?void 0:i.includes(l.value))??!1:i===l.value,D=h?h(l,{close:()=>z(!1),isSelected:y}):e.createElement(ve,null,l.label),{label:le,icon:ne,startIcon:re,...se}=l,ie=re??ne;return e.cloneElement(D,{key:`${le}-${b}`,isSelected:y,startIcon:ie,endIcon:y?e.createElement(ye,{"aria-hidden":!0}):null,onClick:()=>{var w,H;if(!l.disabled&&(Re(v.current,f)?(A(l.value),(w=v.current)==null||w.call(v,l.value),V()):(A(C=>y?C==null?void 0:C.filter(B=>l.value!==B):[...C??[],l.value]),(H=v.current)==null||H.call(v,l.value,y?"removed":"added")),F(i,f))){let C=i||[],B=y?C.filter(R=>l.value!==R):[...C,l.value];Y(r.filter(R=>B.includes(R.value)).map(R=>R.label).filter(Boolean).join(", "))}},ref:w=>{y&&!f&&(w==null||w.scrollIntoView({block:"nearest"}))},role:"option",...se,...D.props})}),[V,h,f,v,r,i]),S=e.useMemo(()=>{if(i!=null)return F(i,f)?r.filter(l=>i.some(b=>b===l.value)):r.find(l=>l.value===i)},[f,r,i]),te=e.useMemo(()=>{let l=0;return Array.isArray(i)&&i.length>0?l=r.findIndex(b=>b.value===i[0]):i&&(l=r.findIndex(b=>b.value===i)),l>=0?l:0},[r,i]),ae=e.useCallback(l=>e.createElement(j,{key:l.label,label:l.label}),[]),N=de({visible:O,matchWidth:!0,closeOnOutsideClick:!0,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"}},...m,onVisibleChange:l=>l?_():V()});return e.createElement(e.Fragment,null,e.createElement(P,{...Q,ref:$(N.refs.setPositionReference,n)},e.createElement(G,{...N.getReferenceProps(),tabIndex:0,role:"combobox",size:g,status:I,"aria-disabled":d?"true":void 0,"data-iui-disabled":d?"true":void 0,"aria-autocomplete":"none","aria-expanded":O,"aria-haspopup":"listbox","aria-controls":`${a}-menu`,styleType:J,...u,ref:$(q,u==null?void 0:u.ref,N.refs.setReference),className:k({"iui-placeholder":(!S||S.length===0)&&!!p},u==null?void 0:u.className)},(!S||S.length===0)&&e.createElement(T,{as:"span",className:"iui-content"},p),F(S,f)?e.createElement(Ie,{selectedItems:S,selectedItemsRenderer:x,tagRenderer:ae}):e.createElement(Te,{selectedItem:S,selectedItemRenderer:x})),e.createElement(U,{disabled:d,isOpen:O}),f?e.createElement(pe,{text:X}):null),N.open&&e.createElement(fe,{portal:M},e.createElement(Me,{defaultFocusedIndex:te,className:c,id:`${a}-menu`,key:`${a}-menu`,...N.getFloatingProps({style:E,onKeyDown:({key:l})=>{l==="Tab"&&V()}}),ref:N.refs.setFloating},ee)))}),F=(t,n)=>n,Re=(t,n)=>!n,G=e.forwardRef((t,n)=>{let{size:a,status:r,styleType:s="default",...o}=t;return e.createElement(T,{"data-iui-size":a,"data-iui-status":r,"data-iui-variant":s!=="default"?s:void 0,...o,ref:n,className:k("iui-select-button","iui-field",t.className)})}),U=e.forwardRef((t,n)=>{let{disabled:a,isOpen:r,...s}=t;return e.createElement(he,{"aria-hidden":!0,...s,ref:n,className:k("iui-end-icon",{"iui-disabled":a,"iui-open":r},t.className)},e.createElement(Ce,null))}),Te=({selectedItem:t,selectedItemRenderer:n})=>{let a=(t==null?void 0:t.startIcon)??(t==null?void 0:t.icon);return e.createElement(e.Fragment,null,t&&n&&n(t),t&&!n&&e.createElement(e.Fragment,null,a&&e.createElement(T,{as:"span",className:"iui-icon","aria-hidden":!0},a),e.createElement(T,{as:"span",className:"iui-content"},t.label)))},Ie=({selectedItems:t,selectedItemsRenderer:n,tagRenderer:a})=>{let r=e.useMemo(()=>t?t.map(s=>a(s)):[],[t,a]);return e.createElement(e.Fragment,null,t&&n&&n(t),t&&!n&&e.createElement(T,{as:"span",className:"iui-content"},e.createElement(xe,{tags:r})))},Me=e.forwardRef((t,n)=>{let{defaultFocusedIndex:a=0,autoFocus:r=!0,children:s,className:o,...p}=t,[d,g]=e.useState(a),h=e.useCallback(c=>{queueMicrotask(()=>{let E=c==null?void 0:c.querySelector('[tabindex="0"]');E==null||E.focus()})},[]),x=e.useMemo(()=>e.Children.map(s,(c,E)=>e.isValidElement(c)?e.createElement(be,{key:E,render:c,ref:c.props.ref||c.ref}):c),[s]);return e.createElement(Ee,{render:e.createElement(Se,{as:"div",className:k("iui-menu",o)}),orientation:"vertical",role:"listbox",activeIndex:d,onNavigate:g,ref:$(n,r?h:void 0),...p},x)});export{pe as A,P as I,Ae as S,xe as a,j as b}; diff --git a/2298/react/assets/Select.stories-Ckr8D9uH.js b/2298/react/assets/Select.stories-Ckr8D9uH.js new file mode 100644 index 00000000000..c890ead3722 --- /dev/null +++ b/2298/react/assets/Select.stories-Ckr8D9uH.js @@ -0,0 +1 @@ +import{r as n,O as c,K as v,V as b,j as o}from"./index-DhFzuRA5.js";import{S as p}from"./SmileyHappy-Bh8jPs--.js";import{S as x}from"./SmileySad-Dk410tJH.js";import{S as r}from"./Select-CKIZamIt.js";import{M as m}from"./MenuItem-DISbthDF.js";import"./Tag-BaQiyr47.js";import"./LinkAction-DYlAaokJ.js";import"./Icon-Cr7ytm57.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";let i="…";const d=n.forwardRef((e,a)=>{let{text:t,endCharsCount:l,textRenderer:s,style:u,...h}=e;return n.createElement(c,{as:"span",style:{display:"flex",minWidth:0,flexGrow:1,whiteSpace:"nowrap",...u},itemsCount:t.length,...h,ref:a},n.createElement(v,null,n.createElement(b,null,t),n.createElement("slot",{"aria-hidden":!0,style:{pointerEvents:"none"}})),n.createElement(S,{text:t,endCharsCount:l,textRenderer:s}))});let S=e=>{let{text:a,endCharsCount:t=6,textRenderer:l}=e,{visibleCount:s}=c.useContext(),u=n.useMemo(()=>sn.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},n.createElement("path",{d:"M8 0a8 8 0 108 8 7.998 7.998 0 00-8-8zM5 5a1.147 1.147 0 011 1.25A1.147 1.147 0 015 7.5a1.147 1.147 0 01-1-1.25A1.147 1.147 0 015 5zm6.5 6h-7a.5.5 0 010-1h7a.5.5 0 010 1zM11 7.5a1.147 1.147 0 01-1-1.25A1.147 1.147 0 0111 5a1.147 1.147 0 011 1.25 1.147 1.147 0 01-1 1.25z"})),A={title:"Select",decorators:[(e,a)=>a.globalState.story.includes("truncate-middle-text")?o.jsx("div",{style:{minHeight:365,width:300},children:o.jsx(e,{})}):o.jsx("div",{style:{minHeight:365},children:o.jsx(e,{})})]},B=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"}];return o.jsx(r,{options:e,placeholder:"Placeholder text"})},F=()=>{const e=[{value:"happy",label:"Happy",startIcon:o.jsx(p,{})},{value:"neutral",label:"Neutral",startIcon:o.jsx(g,{})},{value:"sad",label:"Sad",startIcon:o.jsx(x,{})}],[a,t]=n.useState(void 0);return o.jsx(r,{options:e,value:a,onChange:t,placeholder:"How are you today?"})},_=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[a,t]=n.useState(2);return o.jsx(r,{options:e,value:a,onChange:t,placeholder:"Placeholder text",popoverProps:{visible:!0}})},W=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[a,t]=n.useState(void 0);return o.jsx("div",{style:{minHeight:350},children:o.jsx(r,{disabled:!0,options:e,value:a,onChange:t,placeholder:"Placeholder text"})})},N=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[a,t]=n.useState(2);return o.jsx("div",{style:{minHeight:350},children:o.jsx(r,{options:e,value:a,onChange:t,placeholder:"Placeholder text",disabled:!0})})},L=()=>{const[e,a]=n.useState(void 0);return o.jsx(r,{options:[...Array(20).fill(null)].map((t,l)=>({label:`Item #${l}`,value:l})),value:e,onChange:a,placeholder:"Placeholder text"})},$=()=>{const e=[{value:1,label:"Item #1",sublabel:"Sublabel #1"},{value:2,label:"Item #2",sublabel:"Sublabel #2"},{value:3,label:"Item #3",sublabel:"Sublabel #3"}],[a,t]=n.useState(void 0);return o.jsx(r,{options:e,value:a,onChange:t,placeholder:"Placeholder text",size:"large"})},z=()=>{const e=[{value:"yellow",label:"Yellow"},{value:"green",label:"Green"},{value:"red",label:"Red"}],[a,t]=n.useState(void 0);return o.jsx(r,{options:e,value:a,onChange:l=>t(l),placeholder:"Placeholder text",itemRenderer:l=>o.jsx(m,{style:{color:l.value},children:l.label}),selectedItemRenderer:l=>o.jsx("span",{style:{backgroundColor:l.value},children:l.label})})},O=()=>{const e=[{value:"MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html",label:"MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html"},{value:"ShortNameFile.jpg",label:"ShortNameFile.jpg"},{value:"SomeOtherFile.dgn",label:"SomeOtherFile.dgn"}],[a,t]=n.useState(e[0].value);return o.jsx(r,{options:e,value:a,onChange:t,placeholder:"Placeholder text",itemRenderer:l=>o.jsx(m,{children:o.jsx(d,{text:l.label})}),selectedItemRenderer:l=>o.jsx(d,{text:l.label})})},D=()=>{const[e,a]=n.useState([]);return o.jsx("div",{style:{minHeight:350},children:o.jsx(r,{options:[...Array(20).fill(null)].map((t,l)=>({label:`Item #${l}`,value:l})),value:e,onChange:(t,l)=>a(s=>l==="removed"?s.filter(u=>t!==u):[...s,t]),placeholder:"Placeholder text",multiple:!0})})},G=()=>{const[e,a]=n.useState([]);return o.jsx("div",{style:{minHeight:350},children:o.jsx(r,{options:[...Array(20).fill(null)].map((t,l)=>({label:`Item #${l}`,value:l})),value:e,onChange:(t,l)=>a(s=>l==="removed"?s.filter(u=>t!==u):[...s??[],t]),placeholder:"Placeholder text",multiple:!0,selectedItemRenderer:t=>o.jsx(o.Fragment,{children:t.map(l=>l.label).join(", ")})})})},k=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"},{value:"4",label:"Item #4"}];return o.jsx(r,{native:!0,options:e,placeholder:"Choose an option"})},K=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"}];return o.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,K as Borderless,z as Custom,W as Disabled,N as DisabledWithSelectedValue,L as ManyItems,D as Multi,G as MultiCustomRenderer,k as Native,$ as Sublabels,O as TruncateMiddleText,F as WithIcons,_ as WithSelectedValue,A as default}; diff --git a/2298/react/assets/Settings-CEHiwWfi.js b/2298/react/assets/Settings-CEHiwWfi.js new file mode 100644 index 00000000000..63f2b5f0bd0 --- /dev/null +++ b/2298/react/assets/Settings-CEHiwWfi.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/SideNavigation.stories-CEREQGh9.js b/2298/react/assets/SideNavigation.stories-CEREQGh9.js new file mode 100644 index 00000000000..8dd318249b6 --- /dev/null +++ b/2298/react/assets/SideNavigation.stories-CEREQGh9.js @@ -0,0 +1 @@ +import{_ as O,$ as V,a0 as D,R as E,W as F,a1 as M,r,X as S,t as W,I as B,B as f,c as x,T as k,j as o}from"./index-DhFzuRA5.js";import{S as P}from"./Placeholder-L-MfORW8.js";import{S as N}from"./Settings-CEHiwWfi.js";import{S as G}from"./SvgChevronRight-CM7-XKoS.js";import{B as X}from"./Button-_m-IOzlX.js";import{T as b}from"./Text-sFYhh81u.js";import{A as q}from"./Anchor-Bcb8Skmt.js";import"./ProgressRadial-JDu8zAlM.js";function J(t,a){return t.classList?!!a&&t.classList.contains(a):(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+a+" ")!==-1}function K(t,a){t.classList?t.classList.add(a):J(t,a)||(typeof t.className=="string"?t.className=t.className+" "+a:t.setAttribute("class",(t.className&&t.className.baseVal||"")+" "+a))}function y(t,a){return t.replace(new RegExp("(^|\\s)"+a+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function Q(t,a){t.classList?t.classList.remove(a):typeof t.className=="string"?t.className=y(t.className,a):t.setAttribute("class",y(t.className&&t.className.baseVal||"",a))}var U=function(a,c){return a&&c&&c.split(" ").forEach(function(e){return K(a,e)})},j=function(a,c){return a&&c&&c.split(" ").forEach(function(e){return Q(a,e)})},A=function(t){O(a,t);function a(){for(var e,l=arguments.length,d=new Array(l),u=0;u{let{in:a,dimension:c="height",children:e,...l}=t,d=r.useRef(0),u=c==="height"?"Height":"Width";return r.createElement(A,{in:a,timeout:200,unmountOnExit:!0,onEnter:s=>{s.style[`min${u}`]="initial",s.style[c]="0px"},onEntering:s=>{s.style[c]=`${d.current}px`},onEntered:s=>{s.style[`min${u}`]="",s.style[c]=""},onExit:s=>{s.style[c]=`${d.current}px`},onExiting:s=>{s.style[`min${u}`]="initial",s.style[c]="0px"},classNames:{enter:S["iui-enter"],enterActive:S["iui-enter-active"],exit:S["iui-exit"],exitActive:S["iui-exit-active"]},...l},r.isValidElement(e)?r.cloneElement(e,{ref:s=>{s&&(d.current=s.getBoundingClientRect()[c])}}):r.createElement(r.Fragment,null))},R=r.createContext(void 0),I=r.forwardRef((t,a)=>{let{items:c,secondaryItems:e,expanderPlacement:l="top",className:d,isExpanded:u,onExpanderClick:s,submenu:i,isSubmenuOpen:n=!1,wrapperProps:m,contentProps:p,topProps:v,bottomProps:g,...H}=t,[C,w]=W(!1,u),$=r.createElement(B,{label:"Toggle icon labels","aria-expanded":C,className:"iui-sidenav-button iui-expand",size:"small",onClick:r.useCallback(()=>{w(z=>!z),s==null||s()},[s,w])},r.createElement(G,null));return r.createElement(R.Provider,{value:C},r.createElement(f,{...m,className:x("iui-side-navigation-wrapper",m==null?void 0:m.className),ref:a},r.createElement(f,{as:"div",className:x("iui-side-navigation",{"iui-expanded":C,"iui-collapsed":!C},d),...H},l==="top"&&$,r.createElement(f,{as:"div",...p,className:x("iui-sidenav-content",p==null?void 0:p.className)},r.createElement(f,{as:"div",...v,className:x("iui-top",v==null?void 0:v.className)},c),r.createElement(f,{as:"div",...g,className:x("iui-bottom",g==null?void 0:g.className)},e)),l==="bottom"&&$),i&&r.createElement(Y,{in:n,dimension:"width",timeout:200,classNames:"iui"},i)))}),h=r.forwardRef((t,a)=>{let{className:c,children:e,isActive:l=!1,disabled:d=!1,isSubmenuOpen:u=!1,...s}=t,i=r.useContext(R)===!0,n=r.createElement(X,{className:x("iui-sidenav-button",{"iui-submenu-open":u},c),"data-iui-active":l,size:"large",disabled:d,ref:a,...s},e);return i?n:r.createElement(k,{content:e,placement:"right",ariaStrategy:"none"},n)}),Z=r.forwardRef((t,a)=>{let{children:c,className:e,...l}=t;return r.createElement(f,{className:x("iui-side-navigation-submenu",e),ref:a,...l},r.createElement(f,{className:"iui-side-navigation-submenu-content"},c))}),ee=r.forwardRef((t,a)=>{let{children:c,actions:e,className:l,...d}=t;return r.createElement(f,{className:x("iui-side-navigation-submenu-header",l),ref:a,...d},r.createElement(f,{className:"iui-side-navigation-submenu-header-label"},c),e&&r.createElement(f,{className:"iui-side-navigation-submenu-header-actions"},e))}),_=t=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},r.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"})),L=t=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},r.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"}),r.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"})),T=t=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},r.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"})),ce={decorators:[t=>o.jsx("div",{style:{height:"calc(100vh - 24px)"},children:o.jsx(t,{})})],title:"SideNavigation"},de=()=>o.jsx(I,{items:[o.jsx(h,{startIcon:o.jsx(T,{}),children:"Home"},0),o.jsx(h,{startIcon:o.jsx(_,{}),children:"Issues"},1),o.jsx(h,{startIcon:o.jsx(L,{}),disabled:!0,children:"Documents"},2)],secondaryItems:[o.jsx(h,{startIcon:o.jsx(N,{}),children:"Settings"},3)]}),ue=()=>{const[t,a]=E.useState(0),c=[...Array(3).fill(null)].map((e,l)=>o.jsx(h,{startIcon:o.jsx(P,{}),isActive:t===l,onClick:()=>a(l),children:`App ${l}`},l));return o.jsx(I,{items:c,secondaryItems:[o.jsx(h,{startIcon:o.jsx(N,{}),children:"Settings"},3)]})},me=()=>{var i;const t=[{label:"Home",icon:o.jsx(T,{})},{label:"Issues",icon:o.jsx(_,{})},{label:"Documents",icon:o.jsx(L,{})},{label:"Settings",icon:o.jsx(N,{})}],[a,c]=E.useState(2),[e,l]=E.useState(!0),[d,u]=E.useState(0),s=t.map(({label:n,icon:m},p)=>o.jsx(h,{startIcon:m,isActive:a===p,isSubmenuOpen:n==="Documents"&&e,onClick:()=>{n!=="Documents"?(c(p),u(-1),l(!1)):l(v=>!v)},children:n},p));return o.jsxs("div",{style:{display:"flex",height:"100%"},children:[o.jsx(I,{expanderPlacement:"bottom",items:s.slice(0,3),secondaryItems:[s[3]],isSubmenuOpen:e,submenu:o.jsxs(Z,{children:[o.jsx(ee,{actions:o.jsx(B,{styleType:"borderless","aria-label":"Settings",children:o.jsx(N,{})}),children:o.jsx("span",{children:"Documents"})}),o.jsx(b,{variant:"leading",children:"All documents"}),o.jsx("ul",{children:[...Array(10).fill(null)].map((n,m)=>o.jsx("li",{children:o.jsxs(q,{onClick:()=>{c(2),u(m)},children:["Folder ",m]})},m))})]})}),o.jsxs("div",{style:{background:"var(--iui-color-background-disabled)",padding:16,flexGrow:1,display:"grid",placeContent:"center",placeItems:"center"},children:[o.jsxs(b,{children:[(i=t[a])==null?void 0:i.label," page"]}),o.jsx(b,{isMuted:!0,children:d>=0&&`Contents of Folder ${d}`})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ue as ActiveItem,de as Basic,me as Submenu,ce as default}; diff --git a/2298/react/assets/SkipToContentLink.stories-ChixXTcL.js b/2298/react/assets/SkipToContentLink.stories-ChixXTcL.js new file mode 100644 index 00000000000..0559be6463d --- /dev/null +++ b/2298/react/assets/SkipToContentLink.stories-ChixXTcL.js @@ -0,0 +1 @@ +import{r as i,B as h,c as p,j as e}from"./index-DhFzuRA5.js";import{T as t}from"./Text-sFYhh81u.js";import{K as n}from"./Kbd-BnWEKyn3.js";import{A as o}from"./Anchor-Bcb8Skmt.js";const s=i.forwardRef((r,c)=>{let{children:a="Skip to main content",className:d,...l}=r;return i.createElement(h,{as:"a",ref:c,className:p("iui-skip-to-content-link",d),...l},a)}),u={title:"SkipToContentLink"},j=()=>e.jsxs(e.Fragment,{children:[e.jsx(s,{href:"#main-content"}),e.jsxs(t,{as:"p",children:["This is not the main content. Press ",e.jsx(n,{children:"tab"})," to see skip-to-content-link component. You might need to click on the top of the page or the URL first. Press ",e.jsx(n,{children:"↵"})," after focusing on skip-to-content-link to skip to the main content below. ",e.jsx(o,{href:"#",children:"This link will be skipped."})," ",e.jsx("br",{})]}),e.jsx("div",{style:{border:"solid 1px var(--iui-color-background-border)",height:1e3,padding:12},id:"main-content",children:e.jsxs(t,{as:"p",children:["This is the main content. Focus will be directed here from the skip-to-content-link component. ",e.jsx(o,{href:"#",children:"Tab again to focus on this link."})," "]})})]}),b=()=>e.jsxs(e.Fragment,{children:[e.jsx(s,{href:"#main-content",children:"Skip to main content (translated)"}),e.jsxs(t,{as:"p",children:["This is not the main content. Press ",e.jsx(n,{children:"tab"})," to see skip-to-content-link component. You might need to click on the top of the page or the URL first. Press ",e.jsx(n,{children:"↵"})," after focusing on skip-to-content-link to skip to the main content below. ",e.jsx(o,{href:"#",children:"This link will be skipped."})," ",e.jsx("br",{})]}),e.jsx("div",{style:{border:"solid 1px var(--iui-color-background-border)",height:1e3,padding:12},id:"main-content",children:e.jsxs(t,{as:"p",children:["This is the main content. Focus will be directed here from the skip-to-content-link component. ",e.jsx(o,{href:"#",children:"Tab again to focus on this link."})," "]})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{j as Basic,b as CustomText,u as default}; diff --git a/2298/react/assets/Slider-DgOrDaKN.js b/2298/react/assets/Slider-DgOrDaKN.js new file mode 100644 index 00000000000..7d43478b30e --- /dev/null +++ b/2298/react/assets/Slider-DgOrDaKN.js @@ -0,0 +1 @@ +import{r as t,B as N,c as T,T as ce,e as me,k as R}from"./index-DhFzuRA5.js";import{u as G}from"./useEventListener-hNgF1eUm.js";function fe(r,n){return n==="odd-segments"&&(r+1)%2===0||n==="even-segments"&&r%2===0}function J(r,n,e){let l=[],i=[...r];if(i.sort((m,p)=>m-p),i.length===0||i[0]e||n===e)return[];let s=n;for(let m=0;m{let{className:n,trackDisplayMode:e,sliderMin:l,sliderMax:i,values:s,orientation:m}=r,[p,w]=t.useState(()=>J(s,l,i));return t.useEffect(()=>{w(J(s,l,i))},[s,l,i]),t.createElement(t.Fragment,null,e!=="none"&&p.map((V,h)=>{let v=V.left>=l&&i!==l?100*(V.left-l)/(i-l):0,M=V.right>=l&&i!==l?100-100*(V.right-l)/(i-l):100;return t.createElement(t.Fragment,{key:h},fe(h,e)?t.createElement(N,{className:T("iui-slider-track",n),style:{...m==="horizontal"?{insetInlineStart:`${v}%`,insetInlineEnd:`${M}%`}:{insetBlockStart:`${M}%`,insetBlockEnd:`${v}%`}}}):null)}))},ge=r=>{let{value:n,index:e,minVal:l,maxVal:i,step:s,sliderMin:m,sliderMax:p,isActive:w,onThumbActivated:V,onThumbValueChanged:h,tooltipProps:v,thumbProps:M,disabled:o}=r,g=t.useRef(null),P=t.useCallback((b,k)=>{if(!(o||b.altKey)){switch(b.key){case"ArrowLeft":case"ArrowDown":h(e,Math.max(n-s,l),k);break;case"ArrowRight":case"ArrowUp":h(e,Math.min(n+s,i),k);break;case"Home":h(e,l,k);break;case"End":h(e,i,k);break;default:return}b.preventDefault()}},[o,h,e,n,s,l,i]),F=t.useCallback(()=>{o||V(e)},[o,e,V]),y=t.useMemo(()=>np?p:n,[p,m,n]),C=t.useMemo(()=>p===m?0:100*(y-m)/(p-m),[y,p,m]),{style:L,className:$,...A}=M||{};return t.createElement(ce,{placement:"top",autoUpdateOptions:{animationFrame:!0},ariaStrategy:"none",...v},t.createElement(N,{...A,ref:me(g,M==null?void 0:M.ref),style:{...L,"--iui-slider-thumb-position":`${C}%`},className:T("iui-slider-thumb",{"iui-active":w},$),role:"slider",tabIndex:o?void 0:0,"aria-valuemin":l,"aria-valuenow":n,"aria-valuemax":i,"aria-disabled":o,onPointerDown:F,onKeyDown:b=>P(b,!1),onKeyUp:b=>P(b,!0)}))};let Q=(r,n,e,l)=>{if(l==="horizontal")return(R(n,r.left,r.right)-r.left)/r.width;let i=R(e,r.top,r.bottom);return(r.bottom-i)/r.height},pe=(r,n)=>{if(r.length===1)return 0;let e=r.map(i=>Math.abs(i-n)),l=Math.min(...e);return e.indexOf(l)},U=(r,n)=>r!=="auto"?r:n.length%2?"even-segments":"odd-segments",W=(r,n,e)=>Math.round((r-e)/n)*n+e,be=(r,n,e)=>Number.isInteger(n)?r.toFixed(0):r.toFixed(e),he=(r,n)=>{var l;let e=r.ownerDocument;if(!r.contains(e.activeElement)||Number((l=e.activeElement)==null?void 0:l.getAttribute("data-index"))!==n){let i=r.querySelector(`[data-index="${n}"]`);i&&i.focus()}};const Ee=t.forwardRef((r,n)=>{var q,H;let{min:e=0,max:l=100,values:i,step:s=1,tooltipProps:m,disabled:p=!1,tickLabels:w,minLabel:V,maxLabel:h,trackDisplayMode:v="auto",thumbMode:M="inhibit-crossing",onChange:o,onUpdate:g,thumbProps:P,className:F,trackContainerProps:y,minProps:C,maxProps:L,trackProps:$,tickProps:A,ticksProps:b,orientation:k="horizontal",...Z}=r,[c,I]=t.useState(i);t.useEffect(()=>{I(i)},[i]);let[z,_]=t.useState(()=>V??e.toString());t.useEffect(()=>{_(V??e.toString())},[V,e]);let[X,ee]=t.useState(()=>h??l.toString());t.useEffect(()=>{ee(h??l.toString())},[h,l]);let[te,le]=t.useState(()=>U(v,c));t.useEffect(()=>{le(U(v,c))},[v,c]);let D=t.useRef(null),Y=t.useMemo(()=>{let a=s.toString(),u=a.indexOf(".");return a.length-(u+1)},[s]),B=t.useCallback(a=>{if(M==="inhibit-crossing"){let u=a===0?e:c[a-1]+s,f=a{if(D.current&&E!==void 0){let f=Q(D.current.getBoundingClientRect(),a.clientX,a.clientY,k),d=e+(l-e)*f;d=W(d,s,e);let[x,K]=B(E);if(d=R(d,x,K),d!==c[E]){let S=[...c];S[E]=d,I(S),u==="onChange"?o==null||o(S):g==null||g(S)}else u==="onChange"&&(o==null||o(c))}},[E,e,l,s,B,c,g,o,k]),ae=t.useCallback(a=>{E!==void 0&&(a.preventDefault(),a.stopPropagation(),O(a,"onUpdate"))},[E,O]),re=t.useCallback((a,u,f)=>{if(!(c[a]===u&&!f))if(f)o==null||o(c);else{let d=[...c];d[a]=u,g==null||g(d),I(d)}},[c,g,o]),ne=t.useCallback(a=>{j(a)},[]),ie=t.useCallback(a=>{E!==void 0&&(O(a,"onChange"),j(void 0),a.preventDefault(),a.stopPropagation())},[E,O]),se=t.useCallback(a=>{if(D.current){let u=Q(D.current.getBoundingClientRect(),a.clientX,a.clientY,k),f=e+(l-e)*u;f=W(f,s,e);let d=pe(c,f),[x,K]=B(d);if(f=R(f,x,K),f===c[d])return;let S=[...c];S[d]=f,I(S),o==null||o(S),g==null||g(S),he(D.current,d),a.preventDefault(),a.stopPropagation()}},[e,l,s,c,B,o,g,k]);G("pointermove",ae,(q=D.current)==null?void 0:q.ownerDocument),G("pointerup",ie,(H=D.current)==null?void 0:H.ownerDocument);let ue=t.useMemo(()=>w?Array.isArray(w)?t.createElement(N,{as:"div",...b,className:T("iui-slider-ticks",b==null?void 0:b.className)},w.map((a,u)=>t.createElement(N,{as:"span",...A,key:u,className:T("iui-slider-tick",A==null?void 0:A.className)},a))):w:null,[w,A,b]),oe=t.useCallback((a,u)=>{let f=m?m(a,u,s):{};return{...f,content:f.content?f.content:be(u,s,Y)}},[Y,s,m]);return t.createElement(N,{ref:n,className:T("iui-slider-container",F),"data-iui-orientation":k,"data-iui-disabled":p?"true":void 0,...Z},z&&t.createElement(N,{as:"span",...C,className:T("iui-slider-min",C==null?void 0:C.className)},z),t.createElement(N,{ref:D,...y,className:T("iui-slider",{"iui-grabbing":E!==void 0},y==null?void 0:y.className),onPointerDown:se},c.map((a,u)=>{let[f,d]=B(u),x=P==null?void 0:P(u);return t.createElement(ge,{key:(x==null?void 0:x.id)??u,index:u,disabled:p,isActive:E===u,onThumbActivated:ne,onThumbValueChanged:re,minVal:f,maxVal:d,value:a,tooltipProps:oe(u,a),thumbProps:x,step:s,sliderMin:e,sliderMax:l})}),t.createElement(de,{trackDisplayMode:te,sliderMin:e,sliderMax:l,values:c,orientation:k,...$})),ue,X&&t.createElement(N,{as:"span",...L,className:T("iui-slider-max",L==null?void 0:L.className)},X))});export{Ee as S}; diff --git a/2298/react/assets/Slider.stories-DcBJju2U.js b/2298/react/assets/Slider.stories-DcBJju2U.js new file mode 100644 index 00000000000..7b898df5ed9 --- /dev/null +++ b/2298/react/assets/Slider.stories-DcBJju2U.js @@ -0,0 +1 @@ +import{j as t,R as o}from"./index-DhFzuRA5.js";import{S as u}from"./SmileyHappy-Bh8jPs--.js";import{S as d}from"./SmileySad-Dk410tJH.js";import{S as s}from"./Slider-DgOrDaKN.js";import{T as p}from"./Text-sFYhh81u.js";import"./useEventListener-hNgF1eUm.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/2298/react/assets/SmileyHappy-Bh8jPs--.js b/2298/react/assets/SmileyHappy-Bh8jPs--.js new file mode 100644 index 00000000000..2d3d99c54fb --- /dev/null +++ b/2298/react/assets/SmileyHappy-Bh8jPs--.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/SmileySad-Dk410tJH.js b/2298/react/assets/SmileySad-Dk410tJH.js new file mode 100644 index 00000000000..f582de18525 --- /dev/null +++ b/2298/react/assets/SmileySad-Dk410tJH.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/SplitButton.stories-C3nz4v9q.js b/2298/react/assets/SplitButton.stories-C3nz4v9q.js new file mode 100644 index 00000000000..a8f4c3f6c54 --- /dev/null +++ b/2298/react/assets/SplitButton.stories-C3nz4v9q.js @@ -0,0 +1 @@ +import{r as t,l as j,I as w,B as P,c as v,j as o}from"./index-DhFzuRA5.js";import{B as M}from"./Button-_m-IOzlX.js";import{a as R,M as r}from"./MenuItem-DISbthDF.js";import{S as T}from"./SvgCaretUpSmall-DdY4evrf.js";import{S as N}from"./SvgCaretDownSmall-BS15oRF-.js";import"./ProgressRadial-JDu8zAlM.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";import"./LinkAction-DYlAaokJ.js";const z=t.forwardRef((e,s)=>{var p;let{onClick:l,menuItems:n,className:f,menuPlacement:b="bottom-end",styleType:m="default",size:c,children:y,wrapperProps:i,menuButtonProps:I,portal:x=!0,...C}=e,[u,a]=t.useState(!1),S=t.useMemo(()=>typeof n=="function"?n(()=>a(!1)):n,[n]),g={visible:u,onVisibleChange:a,placement:b,matchWidth:!0},d=j(),h=t.createElement(w,{styleType:m,size:c,disabled:e.disabled,"aria-labelledby":((p=e.labelProps)==null?void 0:p.id)||d,...I},u?t.createElement(T,null):t.createElement(N,null)),[B,E]=t.useState(null);return t.createElement(P,{as:"div",...i,ref:E,className:v("iui-button-split",{"iui-disabled":e.disabled},i==null?void 0:i.className)},t.createElement(M,{className:f,styleType:m,size:c,onClick:l,ref:s,...C,labelProps:{id:d,...e.labelProps}},y),t.createElement(R,{popoverProps:g,trigger:h,portal:x,positionReference:B,onKeyDown:({key:k})=>{k==="Tab"&&a(!1)}},S))}),q={title:"SplitButton",decorators:[e=>o.jsx("div",{style:{minHeight:150},children:o.jsx(e,{})})]},F=()=>{const e=(l,n)=>()=>{console.log(`Item #${l} clicked!`),n()},s=l=>[o.jsx(r,{onClick:e(1,l),children:"Item #1"},1),o.jsx(r,{onClick:e(2,l),children:"Item #2"},2),o.jsx(r,{onClick:e(3,l),children:"Item #3"},3)];return o.jsx(z,{onClick:()=>console.log("Primary button clicked!"),menuItems:s,styleType:"default",children:"Default"})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{F as Basic,q as default}; diff --git a/2298/react/assets/Star-Bf5zKyvt.js b/2298/react/assets/Star-Bf5zKyvt.js new file mode 100644 index 00000000000..fa3199d5631 --- /dev/null +++ b/2298/react/assets/Star-Bf5zKyvt.js @@ -0,0 +1 @@ +import{r}from"./index-DhFzuRA5.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/2298/react/assets/StatusWarning-DjosBsXr.js b/2298/react/assets/StatusWarning-DjosBsXr.js new file mode 100644 index 00000000000..d41b120d70b --- /dev/null +++ b/2298/react/assets/StatusWarning-DjosBsXr.js @@ -0,0 +1 @@ +import{r as e}from"./index-DhFzuRA5.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/2298/react/assets/Stepper.stories-CzBN8EY5.js b/2298/react/assets/Stepper.stories-CzBN8EY5.js new file mode 100644 index 00000000000..7aa35e3ec9a --- /dev/null +++ b/2298/react/assets/Stepper.stories-CzBN8EY5.js @@ -0,0 +1 @@ +import{r as s,B as c,c as x,T as z,j as m}from"./index-DhFzuRA5.js";const D=s.forwardRef((e,t)=>{let{title:k,index:n,currentStepNumber:p,totalSteps:w,type:h,onClick:l,description:S,className:N,style:f,stepProps:a,trackContentProps:r,circleProps:u,nameProps:o,stepContent:d,...i}=e,b=p>n,y=p===n,C=b&&!!l,E=()=>{C&&(l==null||l(n))},j=L=>{L.altKey||C&&(L.key==="Enter"||L.key==="Space"||L.key===" ")&&E()},v=s.createElement(c,{as:"li",...a,className:x("iui-stepper-step",{"iui-current":y,"iui-clickable":C},N,a==null?void 0:a.className),style:{inlineSize:h==="default"?`${100/w}%`:void 0,...f,...a==null?void 0:a.style},onClick:E,onKeyDown:j,"aria-current":y?"step":void 0,tabIndex:C?0:void 0,ref:t,...i},s.createElement(c,{as:"div",...r,className:x("iui-stepper-track-content",r==null?void 0:r.className)},s.createElement(c,{as:"span",...u,className:x("iui-stepper-circle",u==null?void 0:u.className)},d?d():n+1)),h==="default"&&s.createElement(c,{as:"span",...o,className:x("iui-stepper-step-name",o==null?void 0:o.className)},k));return S?s.createElement(z,{content:S},v):v});let F={stepsCountLabel:(e,t)=>`Step ${e} of ${t}:`};const g=s.forwardRef((e,t)=>{let{currentStep:k,steps:n,type:p="default",localization:w=F,onStepClick:h,stepProps:l,trackContentProps:S,circleProps:N,nameProps:f,labelProps:a,labelCountProps:r,...u}=e,o=Math.min(Math.max(0,k??0),n.length-1);return s.createElement(c,{className:"iui-stepper",ref:t,...u},s.createElement("ol",null,n.map((d,i)=>{let b=l==null?void 0:l(i),y=S==null?void 0:S(i),C=N==null?void 0:N(i),E=f==null?void 0:f(i);return s.createElement(D,{stepProps:b,trackContentProps:y,circleProps:C,nameProps:E,key:i,index:i,title:p==="long"?"":d.name,currentStepNumber:o,totalSteps:n.length,type:p,onClick:h,description:d.description,stepContent:d.stepContent})})),p==="long"&&s.createElement(c,{as:"div",...a,className:x("iui-stepper-steps-label",a==null?void 0:a.className)},s.createElement(c,{as:"span",...r,className:x("iui-stepper-steps-label-count",r==null?void 0:r.className)},w.stepsCountLabel(o+1,n.length)),n[o].name))}),$=e=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},s.createElement("path",{d:"M6 13.4L1.3 8.7l1.4-1.4L6 10.6l7.3-7.3 1.4 1.4z"})),B={title:"Stepper"},K=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(g,{currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],onStepClick:e})},M=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(g,{currentStep:2,steps:[{name:"First Step",stepContent:()=>m.jsx($,{})},{name:"Second Step",stepContent:()=>m.jsx($,{})},{name:"Third Step"},{name:"Last Step"}],onStepClick:e})},R=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(g,{type:"long",currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],onStepClick:e})},A=()=>{const t={stepsCountLabel:(n,p)=>`Localized step ${n} of ${p}:`},k=n=>{console.log(`Clicked index: ${n}`)};return m.jsx(g,{type:"long",currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],localization:t,onStepClick:k})},I=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(g,{currentStep:2,steps:[{name:"First Step",description:"First Step Description"},{name:"Completed Step",description:"Completed Step Description"},{name:"Current Step",description:"Current Step Description"},{name:"Next Step",description:"Next Step Description"},{name:"Last Step",description:"Last Step Description"}],onStepClick:e})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{K as Basic,M as CustomIcon,A as LocalizedLong,R as Long,I as WithTooltips,B as default}; diff --git a/2298/react/assets/Surface-DPL1cVnI.js b/2298/react/assets/Surface-DPL1cVnI.js new file mode 100644 index 00000000000..7b371a3a51c --- /dev/null +++ b/2298/react/assets/Surface-DPL1cVnI.js @@ -0,0 +1 @@ +import{r as a,u as n,B as o,c}from"./index-DhFzuRA5.js";import{s as d}from"./supports-D6yRdPD6.js";let w=e=>{switch(e){case 0:return"none";case 1:return"var(--iui-shadow-1)";case 2:return"var(--iui-shadow-2)";case 3:return"var(--iui-shadow-3)";case 4:return"var(--iui-shadow-4)";case 5:return"var(--iui-shadow-5)";default:return}},p=e=>{if(typeof e=="string")return e;if(e===!1)return"none"},E=a.forwardRef((e,t)=>{let{children:s,className:u,...i}=e,{setHasLayout:r}=n(f);return a.useEffect(()=>{d()||r(!0)},[r]),a.createElement(o,{className:c("iui-surface-header",u),ref:t,...i},s)}),S=a.forwardRef((e,t)=>{let{children:s,className:u,isPadded:i=!1,...r}=e,{setHasLayout:l}=n(f);return a.useEffect(()=>{d()||l(!0)},[l]),a.createElement(o,{className:c("iui-surface-body",u),ref:t,"data-iui-padded":i?"true":void 0,...r},s)});const N=Object.assign(a.forwardRef((e,t)=>{let{elevation:s,border:u=!0,className:i,style:r,children:l,...m}=e,[v,y]=a.useState(!1),h={"--iui-surface-elevation":w(s),"--iui-surface-border":p(u),...r};return a.createElement(o,{className:c("iui-surface",i),style:h,ref:t,"data-iui-layout":v?"true":void 0,...m},a.createElement(f.Provider,{value:{setHasLayout:y}},l))}),{Header:E,Body:S});let f=a.createContext(void 0);export{N as S}; diff --git a/2298/react/assets/Surface.stories-CsDH8JFm.js b/2298/react/assets/Surface.stories-CsDH8JFm.js new file mode 100644 index 00000000000..5e99a01a943 --- /dev/null +++ b/2298/react/assets/Surface.stories-CsDH8JFm.js @@ -0,0 +1 @@ +import{r as s,j as e,I as d}from"./index-DhFzuRA5.js";import{S as u}from"./Settings-CEHiwWfi.js";import{S as t}from"./Surface-DPL1cVnI.js";import{T as o}from"./Text-sFYhh81u.js";import{C as c}from"./Code-CP16kF9F.js";import{F as a}from"./Flex-DbQmRNYC.js";import{D as r}from"./Divider-Q7Hrbi3T.js";import{B as m}from"./Button-_m-IOzlX.js";import{A as n}from"./Anchor-Bcb8Skmt.js";import"./supports-D6yRdPD6.js";import"./ProgressRadial-JDu8zAlM.js";const p=i=>s.createElement("svg",{viewBox:"0 0 32 32",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...i},s.createElement("path",{d:"M31 16H20.7l-2.2 5L14.2.8 9.5 16H1.4c-.6 0-1.1.4-1.3.9-.3 1.2.3 2.1 1.3 2.1h10.1l2.2-7.2 4 18.5L22.5 19h8.1c1 0 1.6-.9 1.3-2.1-.2-.5-.7-.9-1.3-.9"})),E={title:"Surface"},B=()=>{const i={height:"100px",display:"flex",justifyContent:"center",alignItems:"center",padding:"12px"};return e.jsx(t,{elevation:1,style:i,children:e.jsxs(o,{children:["The Surface container allows content to appear elevated through the use of a drop shadow. Change the ",e.jsx(c,{children:"elevation"})," property of the component to adjust the shadow level."]})})},D=()=>e.jsxs(t,{elevation:1,children:[e.jsx(t.Header,{children:e.jsxs(a,{justifyContent:"space-between",style:{flexGrow:"1"},children:[e.jsx(o,{variant:"subheading",as:"h2",children:"Custom surface"}),e.jsx(d,{styleType:"borderless","aria-label":"Settings",children:e.jsx(u,{})})]})}),e.jsx(t.Body,{isPadded:!0,children:e.jsx(o,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})})]}),C=()=>{const i={maxHeight:"300px"};return e.jsxs(t,{elevation:1,style:i,children:[e.jsx(t.Header,{children:e.jsx(o,{variant:"subheading",as:"h2",children:"Surface with overflow & button footer"})}),e.jsx(t.Body,{isPadded:!0,children:e.jsx(o,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}),e.jsx(r,{}),e.jsx(m,{styleType:"borderless",children:"View All"})]})},H=()=>{const i={padding:"var(--iui-size-s)",position:"relative"},l={maxHeight:"300px"};return e.jsxs(t,{elevation:1,style:l,children:[e.jsx(t.Header,{children:e.jsx(o,{variant:"subheading",as:"h2",children:"Surface with overflow & no body padding"})}),e.jsx(t.Body,{isPadded:!1,children:e.jsx(a,{flexDirection:"column",style:{flex:"1"},children:e.jsxs("ul",{style:{width:"100%",listStyle:"none",margin:"0",padding:"0"},children:[e.jsx("li",{style:i,children:e.jsx(n,{children:"Daily log"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Inspections"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Issues"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Observations"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"RFIs"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Weather delay notices"})})]})})})]})},I=()=>{const i={height:"300px"};return e.jsxs(t,{elevation:1,style:i,children:[e.jsx(t.Header,{children:e.jsx(o,{variant:"subheading",as:"h2",children:"Surface with empty state"})}),e.jsx(t.Body,{style:{display:"flex"},isPadded:!0,children:e.jsxs(a,{justifyContent:"center",alignItems:"center",flexDirection:"column",style:{flexGrow:"1",textAlign:"center"},children:[e.jsx(p,{}),e.jsx(o,{variant:"body",isMuted:!0,children:"No new activity"})]})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{B as Basic,D as Custom,I as EmptyState,H as NoPadding,C as OverflowWithButtonFooter,E as default}; diff --git a/2298/react/assets/SvgCaretDownSmall-BS15oRF-.js b/2298/react/assets/SvgCaretDownSmall-BS15oRF-.js new file mode 100644 index 00000000000..cabbae94605 --- /dev/null +++ b/2298/react/assets/SvgCaretDownSmall-BS15oRF-.js @@ -0,0 +1 @@ +import{r as a,o as t}from"./index-DhFzuRA5.js";const o=e=>a.createElement(t,e,a.createElement("path",{d:"M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z"}));export{o as S}; diff --git a/2298/react/assets/SvgCaretUpSmall-DdY4evrf.js b/2298/react/assets/SvgCaretUpSmall-DdY4evrf.js new file mode 100644 index 00000000000..e1097778ad1 --- /dev/null +++ b/2298/react/assets/SvgCaretUpSmall-DdY4evrf.js @@ -0,0 +1 @@ +import{r as a,o as t}from"./index-DhFzuRA5.js";const o=e=>a.createElement(t,e,a.createElement("path",{d:"M4.807 9.997h6.395a.28.28 0 0 0 .24-.443L8.27 6.097a.34.34 0 0 0-.48 0h-.001L4.566 9.554a.27.27 0 0 0 .24.443z"}));export{o as S}; diff --git a/2298/react/assets/SvgCheckmark-Dp--w9xe.js b/2298/react/assets/SvgCheckmark-Dp--w9xe.js new file mode 100644 index 00000000000..0b1446f80e9 --- /dev/null +++ b/2298/react/assets/SvgCheckmark-Dp--w9xe.js @@ -0,0 +1 @@ +import{r as e,o as r}from"./index-DhFzuRA5.js";const l=t=>e.createElement(r,t,e.createElement("path",{d:"M6,14L0,8l2-2l4,4l8-8l2,2L6,14z"}));export{l as S}; diff --git a/2298/react/assets/SvgChevronLeft-CoStY9_N.js b/2298/react/assets/SvgChevronLeft-CoStY9_N.js new file mode 100644 index 00000000000..999ab8a6af3 --- /dev/null +++ b/2298/react/assets/SvgChevronLeft-CoStY9_N.js @@ -0,0 +1 @@ +import{r as e,o as r}from"./index-DhFzuRA5.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/2298/react/assets/SvgChevronRight-CM7-XKoS.js b/2298/react/assets/SvgChevronRight-CM7-XKoS.js new file mode 100644 index 00000000000..e6a15c12342 --- /dev/null +++ b/2298/react/assets/SvgChevronRight-CM7-XKoS.js @@ -0,0 +1 @@ +import{r as e,o as r}from"./index-DhFzuRA5.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/2298/react/assets/Table-BA0h3NG6.js b/2298/react/assets/Table-BA0h3NG6.js new file mode 100644 index 00000000000..a02356882f9 --- /dev/null +++ b/2298/react/assets/Table-BA0h3NG6.js @@ -0,0 +1,8 @@ +import{r as m,B as ae,K as Mt,o as Dt,q as hl,I as gn,c as Ce,e as mn,X as er,Y as tr,P as Rl,n as Vn,i as yl,d as jn}from"./index-DhFzuRA5.js";import{P as _n}from"./ProgressRadial-JDu8zAlM.js";import{S as nr}from"./SvgChevronRight-CM7-XKoS.js";import{C as Xn}from"./Checkbox-Bd2WmO3O.js";import{u as bl}from"./useVirtualScroll-DITpZLhm.js";import{u as wl}from"./useIntersection-0zo0v0Iz.js";const rr=m.forwardRef((l,o)=>{let{lines:s,children:u,...g}=l;return m.createElement(ae,{ref:o,...g,style:{"--_iui-line-clamp":s,...l.style}},m.createElement(Mt,{css:Sl},m.createElement("slot",null)),u)});let Sl=` + :host { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: var(--_iui-line-clamp, 3); + -webkit-box-orient: vertical; + } +`;const Cl=l=>m.createElement(Dt,l,m.createElement("path",{d:"m9 16v-12.7l3.8 3.7 1.2-1.2-6-5.8-1.2 1.2-4.8 4.6 1.2 1.2 3.8-3.7v12.7z"})),El=l=>m.createElement(Dt,l,m.createElement("path",{d:"m7 0v12.7l-3.8-3.7-1.2 1.2 6 5.8 1.2-1.2 4.8-4.6-1.2-1.2-3.8 3.7v-12.7z"})),xl=l=>m.createElement(Dt,l,m.createElement("path",{d:"m0 0v2l6 5v9l4-3v-6l6-5v-2z"})),Il=l=>m.createElement(Dt,l,m.createElement("path",{d:"M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z"}));var lr={exports:{}},dn={exports:{}};(function(l,o){(function(s,u){u(o,m)})(hl,function(s,u){function g(e,t,n,r,a,i,c){try{var p=e[i](c),v=p.value}catch(R){return void n(R)}p.done?t(v):Promise.resolve(v).then(r,a)}function h(e){return function(){var t=this,n=arguments;return new Promise(function(r,a){var i=e.apply(t,n);function c(v){g(i,r,a,c,p,"next",v)}function p(v){g(i,r,a,c,p,"throw",v)}c(void 0)})}}function d(){return(d=Object.assign||function(e){for(var t=1;t=0||(a[n]=e[n]);return a}function F(e){var t=function(n,r){if(typeof n!="object"||n===null)return n;var a=n[Symbol.toPrimitive];if(a!==void 0){var i=a.call(n,r);if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(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"},B=function(e){var t=e.value;return t===void 0?"":t},P=function(){return u.createElement(u.Fragment,null," ")},T={Cell:B,width:150,minWidth:0,maxWidth:Number.MAX_SAFE_INTEGER};function H(){for(var e=arguments.length,t=new Array(e),n=0;n(i=typeof i=="number"?i:1/0)){var c=a;a=i,i=c}return e.filter(function(p){return t.some(function(v){var R=p.values[v];return R>=a&&R<=i})})};ke.autoRemove=function(e){return!e||typeof e[0]!="number"&&typeof e[1]!="number"};var We=Object.freeze({__proto__:null,text:Xe,exactText:$e,exactTextCase:pt,includes:vt,includesAll:xt,includesSome:rt,includesValue:ht,exact:lt,equals:It,between:ke});f.resetFilters="resetFilters",f.setFilter="setFilter",f.setAllFilters="setAllFilters";var ot=function(e){e.stateReducers.push(Ke),e.useInstance.push(zt)};function Ke(e,t,n,r){if(t.type===f.init)return d({filters:[]},e);if(t.type===f.resetFilters)return d({},e,{filters:r.initialState.filters||[]});if(t.type===f.setFilter){var a=t.columnId,i=t.filterValue,c=r.allColumns,p=r.filterTypes,v=c.find(function(z){return z.id===a});if(!v)throw new Error("React-Table: Could not find a column with id: "+a);var R=Ae(v.filter,p||{},We),x=e.filters.find(function(z){return z.id===a}),w=ce(i,x&&x.value);return at(R.autoRemove,w,v)?d({},e,{filters:e.filters.filter(function(z){return z.id!==a})}):d({},e,x?{filters:e.filters.map(function(z){return z.id===a?{id:a,value:w}:z})}:{filters:[].concat(e.filters,[{id:a,value:w}])})}if(t.type===f.setAllFilters){var S=t.filters,y=r.allColumns,C=r.filterTypes;return d({},e,{filters:ce(S,e.filters).filter(function(z){var k=y.find(function(N){return N.id===z.id});return!at(Ae(k.filter,C||{},We).autoRemove,z.value,k)})})}}function zt(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.allColumns,c=e.filterTypes,p=e.manualFilters,v=e.defaultCanFilter,R=v!==void 0&&v,x=e.disableFilters,w=e.state.filters,S=e.dispatch,y=e.autoResetFilters,C=y===void 0||y,z=u.useCallback(function(W,V){S({type:f.setFilter,columnId:W,filterValue:V})},[S]),k=u.useCallback(function(W){S({type:f.setAllFilters,filters:W})},[S]);i.forEach(function(W){var V=W.id,U=W.accessor,O=W.defaultCanFilter,D=W.disableFilters;W.canFilter=U?we(D!==!0&&void 0,x!==!0&&void 0,!0):we(O,R,!1),W.setFilter=function(_){return z(W.id,_)};var ee=w.find(function(_){return _.id===V});W.filterValue=ee&&ee.value});var N=u.useMemo(function(){if(p||!w.length)return[n,r,a];var W=[],V={};return[function U(O,D){D===void 0&&(D=0);var ee=O;return(ee=w.reduce(function(_,Z){var Y=Z.id,ie=Z.value,L=i.find(function(ge){return ge.id===Y});if(!L)return _;D===0&&(L.preFilteredRows=_);var J=Ae(L.filter,c||{},We);return J?(L.filteredRows=J(_,[Y],ie),L.filteredRows):(console.warn("Could not find a valid 'column.filter' for column with the ID: "+L.id+"."),_)},O)).forEach(function(_){W.push(_),V[_.id]=_,_.subRows&&(_.subRows=_.subRows&&_.subRows.length>0?U(_.subRows,D+1):_.subRows)}),ee}(n),W,V]},[p,w,n,r,a,i,c]),K=N[0],A=N[1],I=N[2];u.useMemo(function(){i.filter(function(W){return!w.find(function(V){return V.id===W.id})}).forEach(function(W){W.preFilteredRows=K,W.filteredRows=K})},[K,w,i]);var X=Q(C);se(function(){X()&&S({type:f.resetFilters})},[S,p?null:t]),Object.assign(e,{preFilteredRows:n,preFilteredFlatRows:r,preFilteredRowsById:a,filteredRows:K,filteredFlatRows:A,filteredRowsById:I,rows:K,flatRows:A,rowsById:I,setFilter:z,setAllFilters:k})}ot.pluginName="useFilters",f.resetGlobalFilter="resetGlobalFilter",f.setGlobalFilter="setGlobalFilter";var kt=function(e){e.stateReducers.push(Qt),e.useInstance.push(qe)};function Qt(e,t,n,r){if(t.type===f.resetGlobalFilter)return d({},e,{globalFilter:r.initialState.globalFilter||void 0});if(t.type===f.setGlobalFilter){var a=t.filterValue,i=r.userFilterTypes,c=Ae(r.globalFilter,i||{},We),p=ce(a,e.globalFilter);return at(c.autoRemove,p)?(e.globalFilter,b(e,["globalFilter"])):d({},e,{globalFilter:p})}}function qe(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.allColumns,c=e.filterTypes,p=e.globalFilter,v=e.manualGlobalFilter,R=e.state.globalFilter,x=e.dispatch,w=e.autoResetGlobalFilter,S=w===void 0||w,y=e.disableGlobalFilter,C=u.useCallback(function(I){x({type:f.setGlobalFilter,filterValue:I})},[x]),z=u.useMemo(function(){if(v||R===void 0)return[n,r,a];var I=[],X={},W=Ae(p,c||{},We);if(!W)return console.warn("Could not find a valid 'globalFilter' option."),n;i.forEach(function(U){var O=U.disableGlobalFilter;U.canFilter=we(O!==!0&&void 0,y!==!0&&void 0,!0)});var V=i.filter(function(U){return U.canFilter===!0});return[function U(O){return(O=W(O,V.map(function(D){return D.id}),R)).forEach(function(D){I.push(D),X[D.id]=D,D.subRows=D.subRows&&D.subRows.length?U(D.subRows):D.subRows}),O}(n),I,X]},[v,R,p,c,i,n,r,a,y]),k=z[0],N=z[1],K=z[2],A=Q(S);se(function(){A()&&x({type:f.resetGlobalFilter})},[x,v?null:t]),Object.assign(e,{preGlobalFilteredRows:n,preGlobalFilteredFlatRows:r,preGlobalFilteredRowsById:a,globalFilteredRows:k,globalFilteredFlatRows:N,globalFilteredRowsById:K,rows:k,flatRows:N,rowsById:K,setGlobalFilter:C,disableGlobalFilter:y})}function Bt(e,t){return t.reduce(function(n,r){return n+(typeof r=="number"?r:0)},0)}kt.pluginName="useGlobalFilter";var Rt=Object.freeze({__proto__:null,sum:Bt,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 Bt(0,e)/e.length},median:function(e){if(!e.length)return null;var t=Math.floor(e.length/2),n=[].concat(e).sort(function(r,a){return r-a});return e.length%2!=0?n[t]:(n[t-1]+n[t])/2},unique:function(e){return Array.from(new Set(e).values())},uniqueCount:function(e){return new Set(e).size},count:function(e){return e.length}}),Pt=[],E={};f.resetGroupBy="resetGroupBy",f.setGroupBy="setGroupBy",f.toggleGroupBy="toggleGroupBy";var j=function(e){e.getGroupByToggleProps=[ue],e.stateReducers.push(re),e.visibleColumnsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.groupBy])}),e.visibleColumns.push(He),e.useInstance.push(wr),e.prepareRow.push(Sr)};j.pluginName="useGroupBy";var ue=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 re(e,t,n,r){if(t.type===f.init)return d({groupBy:[]},e);if(t.type===f.resetGroupBy)return d({},e,{groupBy:r.initialState.groupBy||[]});if(t.type===f.setGroupBy)return d({},e,{groupBy:t.value});if(t.type===f.toggleGroupBy){var a=t.columnId,i=t.value,c=i!==void 0?i:!e.groupBy.includes(a);return d({},e,c?{groupBy:[].concat(e.groupBy,[a])}:{groupBy:e.groupBy.filter(function(p){return p!==a})})}}function He(e,t){var n=t.instance.state.groupBy,r=n.map(function(i){return e.find(function(c){return c.id===i})}).filter(Boolean),a=e.filter(function(i){return!n.includes(i.id)});return(e=[].concat(r,a)).forEach(function(i){i.isGrouped=n.includes(i.id),i.groupedIndex=n.indexOf(i.id)}),e}var it={};function wr(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.allColumns,c=e.flatHeaders,p=e.groupByFn,v=p===void 0?Rn:p,R=e.manualGroupBy,x=e.aggregations,w=x===void 0?it:x,S=e.plugins,y=e.state.groupBy,C=e.dispatch,z=e.autoResetGroupBy,k=z===void 0||z,N=e.disableGroupBy,K=e.defaultCanGroupBy,A=e.getHooks;le(S,["useColumnOrder","useFilters"],"useGroupBy");var I=Q(e);i.forEach(function(L){var J=L.accessor,ge=L.defaultGroupBy,he=L.disableGroupBy;L.canGroupBy=J?we(L.canGroupBy,he!==!0&&void 0,N!==!0&&void 0,!0):we(L.canGroupBy,ge,K,!1),L.canGroupBy&&(L.toggleGroupBy=function(){return e.toggleGroupBy(L.id)}),L.Aggregated=L.Aggregated||L.Cell});var X=u.useCallback(function(L,J){C({type:f.toggleGroupBy,columnId:L,value:J})},[C]),W=u.useCallback(function(L){C({type:f.setGroupBy,value:L})},[C]);c.forEach(function(L){L.getGroupByToggleProps=G(A().getGroupByToggleProps,{instance:I(),header:L})});var V=u.useMemo(function(){if(R||!y.length)return[n,r,a,Pt,E,r,a];var L=y.filter(function(ve){return i.find(function(Ne){return Ne.id===ve})}),J=[],ge={},he=[],M={},fe=[],me={},Re=function ve(Ne,Te,An){if(Te===void 0&&(Te=0),Te===L.length)return Ne.map(function(Wt){return d({},Wt,{depth:Te})});var on=L[Te],cl=v(Ne,on);return Object.entries(cl).map(function(Wt,dl){var Nn=Wt[0],Ht=Wt[1],Tt=on+":"+Nn,Ln=ve(Ht,Te+1,Tt=An?An+">"+Tt:Tt),On=Te?Ue(Ht,"leafRows"):Ht,fl=function(xe,sn,ml){var Gt={};return i.forEach(function(pe){if(L.includes(pe.id))Gt[pe.id]=sn[0]?sn[0].values[pe.id]:null;else{var Mn=typeof pe.aggregate=="function"?pe.aggregate:w[pe.aggregate]||Rt[pe.aggregate];if(Mn){var pl=sn.map(function(At){return At.values[pe.id]}),vl=xe.map(function(At){var un=At.values[pe.id];if(!ml&&pe.aggregateValue){var Dn=typeof pe.aggregateValue=="function"?pe.aggregateValue:w[pe.aggregateValue]||Rt[pe.aggregateValue];if(!Dn)throw console.info({column:pe}),new Error("React Table: Invalid column.aggregateValue option for column listed above");un=Dn(un,At,pe)}return un});Gt[pe.id]=Mn(vl,pl)}else{if(pe.aggregate)throw console.info({column:pe}),new Error("React Table: Invalid column.aggregate option for column listed above");Gt[pe.id]=null}}}),Gt}(On,Ht,Te),gl={id:Tt,isGrouped:!0,groupByID:on,groupByVal:Nn,values:fl,subRows:Ln,leafRows:On,depth:Te,index:dl};return Ln.forEach(function(xe){J.push(xe),ge[xe.id]=xe,xe.isGrouped?(he.push(xe),M[xe.id]=xe):(fe.push(xe),me[xe.id]=xe)}),gl})}(n);return Re.forEach(function(ve){J.push(ve),ge[ve.id]=ve,ve.isGrouped?(he.push(ve),M[ve.id]=ve):(fe.push(ve),me[ve.id]=ve)}),[Re,J,ge,he,M,fe,me]},[R,y,n,r,a,i,w,v]),U=V[0],O=V[1],D=V[2],ee=V[3],_=V[4],Z=V[5],Y=V[6],ie=Q(k);se(function(){ie()&&C({type:f.resetGroupBy})},[C,R?null:t]),Object.assign(e,{preGroupedRows:n,preGroupedFlatRow:r,preGroupedRowsById:a,groupedRows:U,groupedFlatRows:O,groupedRowsById:D,onlyGroupedFlatRows:ee,onlyGroupedRowsById:_,nonGroupedFlatRows:Z,nonGroupedRowsById:Y,rows:U,flatRows:O,rowsById:D,toggleGroupBy:X,setGroupBy:W})}function Sr(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 Rn(e,t){return e.reduce(function(n,r,a){var i=""+r.values[t];return n[i]=Array.isArray(n[i])?n[i]:[],n[i].push(r),n},{})}var yn=/([0-9]+)/gm;function Zt(e,t){return e===t?0:e>t?1:-1}function yt(e,t,n){return[e.values[n],t.values[n]]}function bn(e){return typeof e=="number"?isNaN(e)||e===1/0||e===-1/0?"":String(e):typeof e=="string"?e:""}var Cr=Object.freeze({__proto__:null,alphanumeric:function(e,t,n){var r=yt(e,t,n),a=r[0],i=r[1];for(a=bn(a),i=bn(i),a=a.split(yn).filter(Boolean),i=i.split(yn).filter(Boolean);a.length&&i.length;){var c=a.shift(),p=i.shift(),v=parseInt(c,10),R=parseInt(p,10),x=[v,R].sort();if(isNaN(x[0])){if(c>p)return 1;if(p>c)return-1}else{if(isNaN(x[1]))return isNaN(v)?-1:1;if(v>R)return 1;if(R>v)return-1}}return a.length-i.length},datetime:function(e,t,n){var r=yt(e,t,n),a=r[0],i=r[1];return Zt(a=a.getTime(),i=i.getTime())},basic:function(e,t,n){var r=yt(e,t,n);return Zt(r[0],r[1])},string:function(e,t,n){var r=yt(e,t,n),a=r[0],i=r[1];for(a=a.split("").filter(Boolean),i=i.split("").filter(Boolean);a.length&&i.length;){var c=a.shift(),p=i.shift(),v=c.toLowerCase(),R=p.toLowerCase();if(v>R)return 1;if(R>v)return-1;if(c>p)return 1;if(p>c)return-1}return a.length-i.length},number:function(e,t,n){var r=yt(e,t,n),a=r[0],i=r[1],c=/[^0-9.]/gi;return Zt(a=Number(String(a).replace(c,"")),i=Number(String(i).replace(c,"")))}});f.resetSortBy="resetSortBy",f.setSortBy="setSortBy",f.toggleSortBy="toggleSortBy",f.clearSortBy="clearSortBy",T.sortType="alphanumeric",T.sortDescFirst=!1;var wn=function(e){e.getSortByToggleProps=[Er],e.stateReducers.push(xr),e.useInstance.push(Ir)};wn.pluginName="useSortBy";var Er=function(e,t){var n=t.instance,r=t.column,a=n.isMultiSortEvent,i=a===void 0?function(c){return c.shiftKey}:a;return[e,{onClick:r.canSort?function(c){c.persist(),r.toggleSortBy(void 0,!n.disableMultiSort&&i(c))}:void 0,style:{cursor:r.canSort?"pointer":void 0},title:r.canSort?"Toggle SortBy":void 0}]};function xr(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(I){return I.id!==t.columnId})});if(t.type===f.setSortBy)return d({},e,{sortBy:t.sortBy});if(t.type===f.toggleSortBy){var a,i=t.columnId,c=t.desc,p=t.multi,v=r.allColumns,R=r.disableMultiSort,x=r.disableSortRemove,w=r.disableMultiRemove,S=r.maxMultiSortColCount,y=S===void 0?Number.MAX_SAFE_INTEGER:S,C=e.sortBy,z=v.find(function(I){return I.id===i}).sortDescFirst,k=C.find(function(I){return I.id===i}),N=C.findIndex(function(I){return I.id===i}),K=c!=null,A=[];return(a=!R&&p?k?"toggle":"add":N!==C.length-1||C.length!==1?"replace":k?"toggle":"replace")!="toggle"||x||K||p&&w||!(k&&k.desc&&!z||!k.desc&&z)||(a="remove"),a==="replace"?A=[{id:i,desc:K?c:z}]:a==="add"?(A=[].concat(C,[{id:i,desc:K?c:z}])).splice(0,A.length-y):a==="toggle"?A=C.map(function(I){return I.id===i?d({},I,{desc:K?c:!k.desc}):I}):a==="remove"&&(A=C.filter(function(I){return I.id!==i})),d({},e,{sortBy:A})}}function Ir(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.allColumns,i=e.orderByFn,c=i===void 0?Sn:i,p=e.sortTypes,v=e.manualSortBy,R=e.defaultCanSort,x=e.disableSortBy,w=e.flatHeaders,S=e.state.sortBy,y=e.dispatch,C=e.plugins,z=e.getHooks,k=e.autoResetSortBy,N=k===void 0||k;le(C,["useFilters","useGlobalFilter","useGroupBy","usePivotColumns"],"useSortBy");var K=u.useCallback(function(O){y({type:f.setSortBy,sortBy:O})},[y]),A=u.useCallback(function(O,D,ee){y({type:f.toggleSortBy,columnId:O,desc:D,multi:ee})},[y]),I=Q(e);w.forEach(function(O){var D=O.accessor,ee=O.canSort,_=O.disableSortBy,Z=O.id,Y=D?we(_!==!0&&void 0,x!==!0&&void 0,!0):we(R,ee,!1);O.canSort=Y,O.canSort&&(O.toggleSortBy=function(L,J){return A(O.id,L,J)},O.clearSortBy=function(){y({type:f.clearSortBy,columnId:O.id})}),O.getSortByToggleProps=G(z().getSortByToggleProps,{instance:I(),column:O});var ie=S.find(function(L){return L.id===Z});O.isSorted=!!ie,O.sortedIndex=S.findIndex(function(L){return L.id===Z}),O.isSortedDesc=O.isSorted?ie.desc:void 0});var X=u.useMemo(function(){if(v||!S.length)return[n,r];var O=[],D=S.filter(function(ee){return a.find(function(_){return _.id===ee.id})});return[function ee(_){var Z=c(_,D.map(function(Y){var ie=a.find(function(ge){return ge.id===Y.id});if(!ie)throw new Error("React-Table: Could not find a column with id: "+Y.id+" while sorting");var L=ie.sortType,J=De(L)||(p||{})[L]||Cr[L];if(!J)throw new Error("React-Table: Could not find a valid sortType of '"+L+"' for column '"+Y.id+"'.");return function(ge,he){return J(ge,he,Y.id,Y.desc)}}),D.map(function(Y){var ie=a.find(function(L){return L.id===Y.id});return ie&&ie.sortInverted?Y.desc:!Y.desc}));return Z.forEach(function(Y){O.push(Y),Y.subRows&&Y.subRows.length!==0&&(Y.subRows=ee(Y.subRows))}),Z}(n),O]},[v,S,n,r,a,c,p]),W=X[0],V=X[1],U=Q(N);se(function(){U()&&y({type:f.resetSortBy})},[v?null:t]),Object.assign(e,{preSortedRows:n,preSortedFlatRows:r,sortedRows:W,sortedFlatRows:V,rows:W,flatRows:V,setSortBy:K,toggleSortBy:A})}function Sn(e,t,n){return[].concat(e).sort(function(r,a){for(var i=0;ie.pageIndex?p=a===-1?i.length>=e.pageSize:c-1),p?d({},e,{pageIndex:c}):e}if(t.type===f.setPageSize){var v=t.pageSize,R=e.pageSize*e.pageIndex;return d({},e,{pageIndex:Math.floor(R/v),pageSize:v})}}function kr(e){var t=e.rows,n=e.autoResetPage,r=n===void 0||n,a=e.manualExpandedKey,i=a===void 0?"expanded":a,c=e.plugins,p=e.pageCount,v=e.paginateExpandedRows,R=v===void 0||v,x=e.expandSubRows,w=x===void 0||x,S=e.state,y=S.pageSize,C=S.pageIndex,z=S.expanded,k=S.globalFilter,N=S.filters,K=S.groupBy,A=S.sortBy,I=e.dispatch,X=e.data,W=e.manualPagination;le(c,["useGlobalFilter","useFilters","useGroupBy","useSortBy","useExpanded"],"usePagination");var V=Q(r);se(function(){V()&&I({type:f.resetPage})},[I,W?null:X,k,N,K,A]);var U=W?p:Math.ceil(t.length/y),O=u.useMemo(function(){return U>0?[].concat(new Array(U)).fill(null).map(function(J,ge){return ge}):[]},[U]),D=u.useMemo(function(){var J;if(W)J=t;else{var ge=y*C,he=ge+y;J=t.slice(ge,he)}return R?J:Je(J,{manualExpandedKey:i,expanded:z,expandSubRows:w})},[w,z,i,W,C,y,R,t]),ee=C>0,_=U===-1?D.length>=y:C-1&&i.push(a.splice(v,1)[0])};a.length&&r.length;)c();return[].concat(i,a)}function Yr(e){var t=e.dispatch;e.setColumnOrder=u.useCallback(function(n){return t({type:f.setColumnOrder,columnOrder:n})},[t])}Pn.pluginName="useColumnOrder",T.canResize=!0,f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize";var Fn=function(e){e.getResizerProps=[Qr],e.getHeaderProps.push({style:{position:"relative"}}),e.stateReducers.push(Zr),e.useInstance.push(tl),e.useInstanceBeforeDimensions.push(el)},Qr=function(e,t){var n=t.instance,r=t.header,a=n.dispatch,i=function(c,p){var v=!1;if(c.type==="touchstart"){if(c.touches&&c.touches.length>1)return;v=!0}var R,x,w=function(A){var I=[];return function X(W){W.columns&&W.columns.length&&W.columns.map(X),I.push(W)}(A),I}(p).map(function(A){return[A.id,A.totalWidth]}),S=v?Math.round(c.touches[0].clientX):c.clientX,y=function(){window.cancelAnimationFrame(R),R=null,a({type:f.columnDoneResizing})},C=function(){window.cancelAnimationFrame(R),R=null,a({type:f.columnResizing,clientX:x})},z=function(A){x=A,R||(R=window.requestAnimationFrame(C))},k={mouse:{moveEvent:"mousemove",moveHandler:function(A){return z(A.clientX)},upEvent:"mouseup",upHandler:function(A){document.removeEventListener("mousemove",k.mouse.moveHandler),document.removeEventListener("mouseup",k.mouse.upHandler),y()}},touch:{moveEvent:"touchmove",moveHandler:function(A){return A.cancelable&&(A.preventDefault(),A.stopPropagation()),z(A.touches[0].clientX),!1},upEvent:"touchend",upHandler:function(A){document.removeEventListener(k.touch.moveEvent,k.touch.moveHandler),document.removeEventListener(k.touch.upEvent,k.touch.moveHandler),y()}}},N=v?k.touch:k.mouse,K=!!function(){if(typeof Ye=="boolean")return Ye;var A=!1;try{var I={get passive(){return A=!0,!1}};window.addEventListener("test",null,I),window.removeEventListener("test",null,I)}catch{A=!1}return Ye=A}()&&{passive:!1};document.addEventListener(N.moveEvent,N.moveHandler,K),document.addEventListener(N.upEvent,N.upHandler,K),a({type:f.columnStartResizing,columnId:p.id,columnWidth:p.totalWidth,headerIdWidths:w,clientX:S})};return[e,{onMouseDown:function(c){return c.persist()||i(c,r)},onTouchStart:function(c){return c.persist()||i(c,r)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};function Zr(e,t){if(t.type===f.init)return d({columnResizing:{columnWidths:{}}},e);if(t.type===f.resetResize)return d({},e,{columnResizing:{columnWidths:{}}});if(t.type===f.columnStartResizing){var n=t.clientX,r=t.columnId,a=t.columnWidth,i=t.headerIdWidths;return d({},e,{columnResizing:d({},e.columnResizing,{startX:n,headerIdWidths:i,columnWidth:a,isResizingColumn:r})})}if(t.type===f.columnResizing){var c=t.clientX,p=e.columnResizing,v=p.startX,R=p.columnWidth,x=p.headerIdWidths,w=(c-v)/R,S={};return(x===void 0?[]:x).forEach(function(y){var C=y[0],z=y[1];S[C]=Math.max(z+z*w,0)}),d({},e,{columnResizing:d({},e.columnResizing,{columnWidths:d({},e.columnResizing.columnWidths,{},S)})})}return t.type===f.columnDoneResizing?d({},e,{columnResizing:d({},e.columnResizing,{startX:null,isResizingColumn:null})}):void 0}Fn.pluginName="useResizeColumns";var el=function(e){var t=e.flatHeaders,n=e.disableResizing,r=e.getHooks,a=e.state.columnResizing,i=Q(e);t.forEach(function(c){var p=we(c.disableResizing!==!0&&void 0,n!==!0&&void 0,!0);c.canResize=p,c.width=a.columnWidths[c.id]||c.originalWidth||c.width,c.isResizing=a.isResizingColumn===c.id,p&&(c.getResizerProps=G(r().getResizerProps,{instance:i(),header:c}))})};function tl(e){var t=e.plugins,n=e.dispatch,r=e.autoResetResize,a=r===void 0||r,i=e.columns;le(t,["useAbsoluteLayout"],"useResizeColumns");var c=Q(a);se(function(){c()&&n({type:f.resetResize})},[i]);var p=u.useCallback(function(){return n({type:f.resetResize})},[n]);Object.assign(e,{resetResizing:p})}var en={position:"absolute",top:0},Wn=function(e){e.getTableBodyProps.push(Ft),e.getRowProps.push(Ft),e.getHeaderGroupProps.push(Ft),e.getFooterGroupProps.push(Ft),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:d({},en,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:d({},en,{left:r.column.totalLeft+"px",width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:d({},en,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]})};Wn.pluginName="useAbsoluteLayout";var Ft=function(e,t){return[e,{style:{position:"relative",width:t.instance.totalColumnsWidth+"px"}}]},tn={display:"inline-block",boxSizing:"border-box"},nn=function(e,t){return[e,{style:{display:"flex",width:t.instance.totalColumnsWidth+"px"}}]},Hn=function(e){e.getRowProps.push(nn),e.getHeaderGroupProps.push(nn),e.getFooterGroupProps.push(nn),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:d({},tn,{width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:d({},tn,{width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:d({},tn,{width:r.totalWidth+"px"})}]})};function Tn(e){e.getTableProps.push(nl),e.getRowProps.push(rn),e.getHeaderGroupProps.push(rn),e.getFooterGroupProps.push(rn),e.getHeaderProps.push(rl),e.getCellProps.push(ll),e.getFooterProps.push(ol)}Hn.pluginName="useBlockLayout",Tn.pluginName="useFlexLayout";var nl=function(e,t){return[e,{style:{minWidth:t.instance.totalColumnsMinWidth+"px"}}]},rn=function(e,t){return[e,{style:{display:"flex",flex:"1 0 auto",minWidth:t.instance.totalColumnsMinWidth+"px"}}]},rl=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"}}]},ll=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"}}]},ol=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 Gn(e){e.stateReducers.push(al),e.getTableProps.push(il),e.getHeaderProps.push(sl),e.getRowProps.push(ul)}f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize",Gn.pluginName="useGridLayout";var il=function(e,t){var n=t.instance;return[e,{style:{display:"grid",gridTemplateColumns:n.visibleColumns.map(function(r){var a;return n.state.gridLayout.columnWidths[r.id]?n.state.gridLayout.columnWidths[r.id]+"px":(a=n.state.columnResizing)!=null&&a.isResizingColumn?n.state.gridLayout.startWidths[r.id]+"px":typeof r.width=="number"?r.width+"px":r.width}).join(" ")}}]},sl=function(e,t){var n=t.column;return[e,{id:"header-cell-"+n.id,style:{position:"sticky",gridColumn:"span "+n.totalVisibleHeaderCount}}]},ul=function(e,t){var n=t.row;return n.isExpanded?[e,{style:{gridColumn:"1 / "+(n.cells.length+1)}}]:[e,{}]};function al(e,t,n,r){if(t.type===f.init)return d({gridLayout:{columnWidths:{}}},e);if(t.type===f.resetResize)return d({},e,{gridLayout:{columnWidths:{}}});if(t.type===f.columnStartResizing){var a=t.columnId,i=t.headerIdWidths,c=ln(a);if(c!==void 0){var p=r.visibleColumns.reduce(function(I,X){var W;return d({},I,((W={})[X.id]=ln(X.id),W))},{}),v=r.visibleColumns.reduce(function(I,X){var W;return d({},I,((W={})[X.id]=X.minWidth,W))},{}),R=r.visibleColumns.reduce(function(I,X){var W;return d({},I,((W={})[X.id]=X.maxWidth,W))},{}),x=i.map(function(I){var X=I[0];return[X,ln(X)]});return d({},e,{gridLayout:d({},e.gridLayout,{startWidths:p,minWidths:v,maxWidths:R,headerIdGridWidths:x,columnWidth:c})})}return e}if(t.type===f.columnResizing){var w=t.clientX,S=e.columnResizing.startX,y=e.gridLayout,C=y.columnWidth,z=y.minWidths,k=y.maxWidths,N=y.headerIdGridWidths,K=(w-S)/C,A={};return(N===void 0?[]:N).forEach(function(I){var X=I[0],W=I[1];A[X]=Math.min(Math.max(z[X],W+W*K),k[X])}),d({},e,{gridLayout:d({},e.gridLayout,{columnWidths:d({},e.gridLayout.columnWidths,{},A)})})}return t.type===f.columnDoneResizing?d({},e,{gridLayout:d({},e.gridLayout,{startWidths:{},minWidths:{},maxWidths:{}})}):void 0}function ln(e){var t,n=(t=document.getElementById("header-cell-"+e))==null?void 0:t.offsetWidth;if(n!==void 0)return n}s._UNSTABLE_usePivotColumns=En,s.actions=f,s.defaultColumn=T,s.defaultGroupByFn=Rn,s.defaultOrderByFn=Sn,s.defaultRenderer=B,s.emptyRenderer=P,s.ensurePluginOrder=le,s.flexRender=Le,s.functionalUpdate=ce,s.loopHooks=ne,s.makePropGetter=G,s.makeRenderer=Be,s.reduceHooks=te,s.safeUseLayoutEffect=$,s.useAbsoluteLayout=Wn,s.useAsyncDebounce=function(e,t){t===void 0&&(t=0);var n=u.useRef({}),r=Q(e),a=Q(t);return u.useCallback(function(){var i=h(regeneratorRuntime.mark(function c(){var p,v,R,x=arguments;return regeneratorRuntime.wrap(function(w){for(;;)switch(w.prev=w.next){case 0:for(p=x.length,v=new Array(p),R=0;R1?t-1:0),r=1;r{let s={};if(s.flex="1 1 145px",l.width){let u=typeof l.width=="string"?l.width:`${l.width}px`;s.width=u,o&&l.canResize?s.flex=`${Number(l.width)} ${Number(l.width)} ${u}`:s.flex=`0 0 ${u}`}return l.maxWidth&&(s.maxWidth=`${l.maxWidth}px`),l.minWidth&&(s.minWidth=`${l.minWidth}px`),s},ir=(l,o)=>{if(!l.sticky)return{};let s=0;for(let g of o){if(g.id===l.id)break;s+=Number(g.width||g.resizeWidth||0)}let u=0;for(let g of[...o].reverse()){if(g.id===l.id)break;u+=Number(g.width||g.resizeWidth||0)}return{"--iui-table-sticky-left":l.sticky==="left"?`${s}px`:void 0,"--iui-table-sticky-right":l.sticky==="right"?`${u}px`:void 0}},sr=({density:l="default",depth:o=1})=>{let s=16,u=8;l==="condensed"?(s=12,u=4):l==="extra-condensed"&&(s=8,u=4);let g=26+u;return{paddingInlineStart:s+o*g}},pn=m.createContext(void 0),kl=l=>{let{cell:o,isDisabled:s,cellProps:u,expanderCell:g,density:h,...d}=l;return m.createElement(m.Fragment,null,g?g(u):m.createElement(gn,{"aria-label":"Toggle sub row","aria-expanded":o.row.isExpanded?"true":"false",style:{marginInlineEnd:h==="default"||h===void 0?8:4},className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:b=>{b.stopPropagation(),o.row.toggleRowExpanded()},disabled:s,...d},m.createElement(nr,{style:{transform:o.row.isExpanded?"rotate(90deg)":void 0}})))},vn=l=>{let o=m.useContext(pn),s=m.useMemo(()=>{var ne;return((ne=o==null?void 0:o.columns.find(({id:le})=>l.cellProps.column.id===le))==null?void 0:ne.Cell)!==q.defaultColumn.Cell},[o,l.cellProps.column.id]),{cellElementProps:{className:u,style:g,...h},children:d,startIcon:b,endIcon:F,cellProps:f,isDisabled:B,className:P,style:T,status:H,clamp:G=typeof f.value=="string"&&!s,...te}=l;return m.createElement(ae,{...h,...te,className:Ce(u,P),"aria-disabled":(B==null?void 0:B(f.row.original))||void 0,"data-iui-status":H,style:{...g,...T}},m.createElement(Mt,null,m.createElement("slot",{name:"start"}),G?m.createElement(rr,null,m.createElement("slot",null)):m.createElement("slot",null),m.createElement("slot",{name:"end"}),m.createElement("slot",{name:"shadows"})),b&&m.createElement(ae,{className:"iui-table-cell-start-icon",slot:"start"},b),d,F&&m.createElement(ae,{className:"iui-table-cell-end-icon",slot:"end"},F))},wt="iui-table-checkbox-selector",Bl=(l={})=>{let{isDisabled:o,density:s}=l,u=s==="condensed"?42:s==="extra-condensed"?34:48;return{id:wt,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:u,width:u,maxWidth:u,columnClassName:"iui-slot",cellClassName:"iui-slot",Header:({getToggleAllRowsSelectedProps:g,toggleAllRowsSelected:h,rows:d,preFilteredFlatRows:b,state:F})=>{let f=b.every(T=>o==null?void 0:o(T.original)),B=b.every(T=>F.selectedRowIds[T.id]||(o==null?void 0:o(T.original))),P=!B&&Object.keys(F.selectedRowIds).length>0;return m.createElement(Xn,{...g(),style:{},title:"",checked:B&&!f,indeterminate:P,disabled:f,onChange:()=>h(!d.some(T=>T.isSelected))})},Cell:({row:g,selectSubRows:h=!0})=>m.createElement(Xn,{...g.getToggleRowSelectedProps(),style:{},title:"",disabled:o==null?void 0:o(g.original),onClick:d=>d.stopPropagation(),onChange:()=>{g.subRows.length>0&&h&&g.initialSubRows[0].original[ut]===void 0?g.toggleRowSelected(!g.subRows.every(d=>d.isSelected||(o==null?void 0:o(d.original)))):g.toggleRowSelected(!g.isSelected)}}),cellRenderer:g=>m.createElement(vn,{...g,isDisabled:h=>!!(o!=null&&o(h))})}},ur="iui-table-expander",Pl=(l={})=>{let{subComponent:o,isDisabled:s}=l;return{id:ur,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:48,width:48,maxWidth:48,columnClassName:"iui-slot",cellClassName:"iui-slot",Cell:u=>{let{row:g}=u;return o!=null&&o(g)?m.createElement(gn,{"aria-label":"Toggle expandable content",className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:h=>{h.stopPropagation(),g.toggleRowExpanded()},disabled:s==null?void 0:s(u.row.original),"aria-expanded":g.isExpanded},m.createElement(nr,null)):null},cellRenderer:u=>m.createElement(vn,{...u,isDisabled:g=>!!(s!=null&&s(g))})}},Fl=l=>{let{cell:o,cellIndex:s,isDisabled:u,tableHasSubRows:g,tableInstance:h,expanderCell:d,density:b}=l,F=s===o.row.cells.findIndex(H=>H.column.id!==wt),f=o.getCellProps({className:Ce("iui-table-cell",o.column.cellClassName,{"iui-table-cell-sticky":!!o.column.sticky}),style:{...or(o.column,!!h.state.isTableResizing),...g&&F&&sr({density:b,depth:o.row.depth+(o.row.canExpand?0:1)}),...ir(o.column,h.visibleColumns)}}),B={...h,cell:o,row:o.row,value:o.value,column:o.column},P=m.createElement(m.Fragment,null,g&&F&&o.row.canExpand&&m.createElement(kl,{cell:o,isDisabled:u,cellProps:B,expanderCell:d,density:b,slot:"start"}),o.render("Cell")),T={cellElementProps:f,cellProps:B,children:m.createElement(m.Fragment,null,P,o.column.sticky==="left"&&h.state.sticky.isScrolledToRight&&m.createElement(ae,{className:"iui-table-cell-shadow-right",slot:"shadows"}),o.column.sticky==="right"&&h.state.sticky.isScrolledToLeft&&m.createElement(ae,{className:"iui-table-cell-shadow-left",slot:"shadows"}))};return m.createElement(m.Fragment,null,o.column.cellRenderer?o.column.cellRenderer({...T,isDisabled:()=>u}):m.createElement(vn,{...T,isDisabled:()=>u}))},Wl=l=>{let{row:o,rowProps:s,isLast:u,onRowInViewport:g,onBottomReached:h,intersectionMargin:d,onClick:b,subComponent:F,isDisabled:f,tableHasSubRows:B,tableInstance:P,expanderCell:T,scrollContainerRef:H,tableRowRef:G,density:te,virtualItem:ne,virtualizer:le}=l,ce=m.useCallback(()=>{var de,Ie;(de=g.current)==null||de.call(g,o.original),u&&((Ie=h.current)==null||Ie.call(h))},[u,h,g,o.original]),Q=m.useMemo(()=>{if(((H==null?void 0:H.scrollHeight)??0)>((H==null?void 0:H.offsetHeight)??0))return H},[H]),$=wl(ce,{rootMargin:`${d}px`,root:Q}),se=(s==null?void 0:s(o))??{},{status:Be,isLoading:Le,...Ge}=se,oe={...o.getRowProps({style:{flex:"0 0 auto",minWidth:"100%",...ne!=null?{transform:`translateY(${ne.start}px)`}:{}}}),...Ge,className:Ce("iui-table-row",{"iui-table-row-expanded":o.isExpanded&&F,"iui-loading":Le},se==null?void 0:se.className),"aria-selected":o.isSelected||void 0,"aria-disabled":f||void 0,"data-iui-status":Be,"data-iui-index":ne==null?void 0:ne.index,...ne!=null&&{"data-iui-virtualizer":"item"}},Oe=mn($,oe.ref,G,le==null?void 0:le.measureElement);return m.createElement(m.Fragment,null,m.createElement(ae,{...oe,ref:Oe,onClick:de=>{var Ie;(Ie=oe==null?void 0:oe.onClick)==null||Ie.call(oe,de),b==null||b(de,o)}},o.cells.map((de,Ie)=>m.createElement(Fl,{key:de.getCellProps().key,cell:de,cellIndex:Ie,isDisabled:f,tableHasSubRows:B,tableInstance:P,expanderCell:T,density:te}))))};let fn=(l,o)=>o!=null&&o[l.id]?!0:l.subRows.some(s=>fn(s,o));const Hl=m.memo(Wl,(l,o)=>{var s,u,g,h,d,b,F,f,B,P,T;return l.isLast===o.isLast&&((s=l.state.hiddenColumns)==null?void 0:s.length)===((u=o.state.hiddenColumns)==null?void 0:u.length)&&!!((g=l.state.hiddenColumns)!=null&&g.every((H,G)=>{var te;return((te=o.state.hiddenColumns)==null?void 0:te[G])===H}))&&l.onRowInViewport===o.onRowInViewport&&l.onBottomReached===o.onBottomReached&&l.onClick===o.onClick&&l.row.original===o.row.original&&((h=l.state.selectedRowIds)==null?void 0:h[l.row.id])===((d=o.state.selectedRowIds)==null?void 0:d[o.row.id])&&l.row.subRows.some(H=>fn(H,l.state.selectedRowIds))===o.row.subRows.some(H=>fn(H,o.state.selectedRowIds))&&((b=l.state.expanded)==null?void 0:b[l.row.id])===((F=o.state.expanded)==null?void 0:F[o.row.id])&&l.subComponent===o.subComponent&&l.row.cells.every((H,G)=>o.row.cells[G].column===H.column)&&l.isDisabled===o.isDisabled&&l.rowProps===o.rowProps&&l.expanderCell===o.expanderCell&&l.tableHasSubRows===o.tableHasSubRows&&l.scrollContainerRef===o.scrollContainerRef&&l.state.columnOrder===o.state.columnOrder&&!o.state.columnResizing.isResizingColumn&&l.state.isTableResizing===o.state.isTableResizing&&l.state.sticky.isScrolledToLeft===o.state.sticky.isScrolledToLeft&&l.state.sticky.isScrolledToRight===o.state.sticky.isScrolledToRight&&l.density===o.density&&l.virtualizer===o.virtualizer&&((f=l.virtualItem)==null?void 0:f.index)===((B=o.virtualItem)==null?void 0:B.index)&&((P=l.virtualItem)==null?void 0:P.start)===((T=o.virtualItem)==null?void 0:T.start)});let Lt=l=>!!l&&!isNaN(l.valueOf()),ar=(l,o,s)=>{let[u,g]=s||[],h=864e13,d=Lt(u)?u:new Date(-h),b=Lt(g)?g:new Date(h);return l.filter(F=>o.some(f=>{let B=F.values[f];return B.valueOf()>=d.valueOf()&&B.valueOf()<=b.valueOf()}))};ar.autoRemove=l=>!l||!Lt(l[0])&&!Lt(l[1]);const Tl={betweenDate:ar},Gl=(l,o,s)=>u=>{l&&u.allColumns.push(g=>{if(g.find(b=>b.id===ur))return g;let d=Pl({subComponent:l,isDisabled:s});return[{...d,Cell:o?b=>m.createElement(m.Fragment,null,o(b)):d.Cell},...g]})},Al=(l,o,s,u="default")=>g=>{l&&g.allColumns.push(h=>o==="single"||h.find(d=>d.id===wt)?h:[Bl({isDisabled:s,density:u}),...h])};let cr=(l,o,s)=>(l=l.filter(u=>o.some(g=>{let h=u.values[g];return String(h).toLowerCase().includes(String(s).toLowerCase())})),l);cr.autoRemove=l=>!l;let dr=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h===void 0||String(h).toLowerCase()===String(s).toLowerCase()}));dr.autoRemove=l=>!l;let fr=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h===void 0||String(h)===String(s)}));fr.autoRemove=l=>!l;let gr=(l,o,s)=>l.filter(u=>o.some(g=>u.values[g].includes(s)));gr.autoRemove=l=>!l||!l.length;let mr=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h&&h.length&&s.every(d=>h.includes(d))}));mr.autoRemove=l=>!l||!l.length;let pr=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h&&h.length&&s.some(d=>h.includes(d))}));pr.autoRemove=l=>!l||!l.length;let vr=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return s.includes(h)}));vr.autoRemove=l=>!l||!l.length;let hr=(l,o,s)=>{let[u,g]=s||[];if(u=typeof u=="number"?u:-1/0,g=typeof g=="number"?g:1/0,u>g){let h=u;u=g,g=h}return l.filter(h=>o.some(d=>{let b=h.values[d];return b>=u&&b<=g}))};hr.autoRemove=l=>!l||typeof l[0]!="number"&&typeof l[1]!="number";const Nl={text:cr,exactText:dr,exactTextCase:fr,includes:gr,includesAll:mr,includesSome:pr,includesValue:vr,between:hr},Ll=l=>o=>{o.useInstance.push(Ol.bind({},l))};let Ol=(l,o)=>{let s=d=>{d.forEach(b=>{b.initialSubRows||(b.initialSubRows=b.subRows),s(b.subRows)})};s(o.initialRows);let{filteredRows:u=o.filteredRows,filteredFlatRows:g=o.filteredFlatRows,filteredRowsById:h=o.filteredRowsById}=m.useMemo(()=>{if(!l)return{};let d=T=>{T.forEach(H=>{H.subRows=H.initialSubRows??[],d(H.subRows)})};d(o.initialRows);let b=[...o.initialRows];o.state.filters.forEach(({id:T,value:H})=>{let G=o.allColumns.find(le=>le.id===T);if(!G)return;let te={...Nl,...o.filterTypes},ne=typeof G.filter=="function"?G.filter:te[G.filter??"text"];b=b.filter(le=>Rr(le,ne,T,H))});let F=[],f=[],B={},P=T=>{T.depth===0&&F.push(T),f.push(T),B[T.id]=T,T.subRows.length&&T.subRows.forEach(H=>P(H))};return b.forEach(T=>P(T)),{filteredRows:F,filteredFlatRows:f,filteredRowsById:B}},[o.allColumns,o.filterTypes,o.initialRows,o.state.filters,l]);Object.assign(o,{filteredRows:u,filteredFlatRows:g,filteredRowsById:h,rows:u,flatRows:g,rowsById:h})},Rr=(l,o,s,u)=>{let g=!1;return l.subRows=l.initialSubRows.filter(d=>{let b=Rr(d,o,s,u);return b&&(g=!0),b}),g?!0:!!o([l],[s],u).length};const Ml=l=>{l.useInstance.push(Dl)};let Dl=l=>{let o=m.useMemo(()=>{let s=[],u=(g,h)=>{let d=!1;g.initialSubRows.forEach(b=>{u(b,h),(b.isSelected||b.isSomeSelected)&&(d=!0)}),h[g.id]?(g.isSelected=!0,g.isSomeSelected=!1,s.push(g)):(g.isSelected=!1,g.isSomeSelected=d)};return l.rows.forEach(g=>u(g,l.state.selectedRowIds)),s},[l.rows,l.state.selectedRowIds]);Object.assign(l,{selectedFlatRows:o})};const yr=l=>o=>{o.getResizerProps=[Vl(l)],o.stateReducers.push(jl),o.useInstanceBeforeDimensions.push(Xl)};let Nt=l=>l.type==="touchstart",Vl=l=>(o,{instance:s,header:u,nextHeader:g})=>{let{dispatch:h}=s,d=(b,F)=>{var le,ce,Q;if(Nt(b)&&b.touches&&b.touches.length>1)return;let f=Un(F).map($=>[$.id,st($)]),B=g?Un(g).map($=>[$.id,st($)]):[],P=Nt(b)?Math.round(b.touches[0].clientX):b.clientX,T=$=>h({type:q.actions.columnResizing,clientX:$}),H=()=>h({type:q.actions.columnDoneResizing}),G={mouse:{moveEvent:"mousemove",moveHandler:$=>T($.clientX),upEvent:"mouseup",upHandler:()=>{var $,se,Be;($=l.current)==null||$.removeEventListener("mousemove",G.mouse.moveHandler),(se=l.current)==null||se.removeEventListener("mouseup",G.mouse.upHandler),(Be=l.current)==null||Be.removeEventListener("mouseleave",G.mouse.upHandler),H()}},touch:{moveEvent:"touchmove",moveHandler:$=>{$.cancelable&&($.preventDefault(),$.stopPropagation()),T($.touches[0].clientX)},upEvent:"touchend",upHandler:()=>{var $,se;($=l.current)==null||$.removeEventListener(G.touch.moveEvent,G.touch.moveHandler),(se=l.current)==null||se.removeEventListener(G.touch.upEvent,G.touch.moveHandler),H()}}},te=Nt(b)?G.touch:G.mouse,ne=!!ql()&&{passive:!1};(le=l.current)==null||le.addEventListener(te.moveEvent,te.moveHandler,ne),(ce=l.current)==null||ce.addEventListener(te.upEvent,te.upHandler,ne),Nt(b)||(Q=l.current)==null||Q.addEventListener("mouseleave",G.mouse.upHandler,ne),h({type:q.actions.columnStartResizing,columnId:F.id,columnWidth:st(F),nextColumnWidth:st(g),headerIdWidths:f,nextHeaderIdWidths:B,clientX:P})};return[o,{onClick:b=>{b.stopPropagation()},onMouseDown:b=>{b.persist(),b.preventDefault(),b.stopPropagation(),d(b,u)},onTouchStart:b=>{b.persist(),b.preventDefault(),d(b,u)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};yr.pluginName="useResizeColumns";let jl=(l,o,s,u)=>{if(o.type===q.actions.init)return{...l,columnResizing:{columnWidths:{}}};if(o.type===q.actions.resetResize)return{...l,columnResizing:{columnWidths:{}}};if(o.type===q.actions.columnStartResizing){let{clientX:g,columnId:h,columnWidth:d,nextColumnWidth:b,headerIdWidths:F,nextHeaderIdWidths:f}=o;return{...l,columnResizing:{...l.columnResizing,startX:g,columnWidth:d,nextColumnWidth:b,headerIdWidths:F,nextHeaderIdWidths:f,isResizingColumn:h}}}if(o.type===q.actions.columnResizing){let{clientX:g}=o,{startX:h=0,columnWidth:d=1,nextColumnWidth:b=1,headerIdWidths:F=[],nextHeaderIdWidths:f=[]}=l.columnResizing;if(!u)return l;let B=g-h,P=$n(F,B/d),T=Kl(P,u.flatHeaders){G.width||(G.width=G.resizeWidth)}),{...l,columnResizing:{...l.columnResizing,columnWidths:{...l.columnResizing.columnWidths,...P,...H}}})}return o.type===q.actions.columnDoneResizing?{...l,columnResizing:{...l.columnResizing,startX:void 0,isResizingColumn:void 0}}:l},$n=(l,o)=>{let s={};return l.forEach(([u,g])=>{s[u]=Math.max(g+g*o,0)}),s},Kn=(l,o)=>{if(Object.values(l).some(s=>s<=1))return!1;for(let[s,u]of Object.entries(l)){let g=o==null?void 0:o.find(b=>b.id===s);if(!g)continue;let h=g.minWidth||0,d=g.maxWidth||1/0;if(ud)return!1}return!0},_l=(l,o)=>{if(o.columnResizeMode==="fit")return!0;let s=0;for(let u of o.flatHeaders)s+=l[u.id]?l[u.id]:st(u);return!(Math.round(s){let{flatHeaders:o,getHooks:s,state:{columnResizing:u},columnResizeMode:g}=l,h=q.useGetLatest(l);o.forEach((d,b)=>{var P;let F=u.columnWidths[d.id];d.width=F||d.width||d.originalWidth,d.isResizing=u.isResizingColumn===d.id;let f=d.disableResizing&&g==="fit"?qn(d,l):d,B=g==="expand"&&b===o.length-1?qn(d,l):$l(d,l);d.canResize=d.disableResizing==null||!d.disableResizing,g==="fit"?d.isResizerVisible=d.canResize&&!!B||f&&!!((P=l.flatHeaders[b+1])!=null&&P.canResize):d.isResizerVisible=d.canResize&&!!f,d.getResizerProps=q.makePropGetter(s().getResizerProps,{instance:h(),header:f,nextHeader:B})})},qn=(l,o)=>{var g;let s=(((g=l.parent)==null?void 0:g.columns)||o.flatHeaders).filter(({isVisible:h})=>h),u=s.findIndex(h=>h.id===l.id);return[...s].slice(0,u).reverse().find(h=>!h.disableResizing)},$l=(l,o)=>{var g;let s=(((g=l.parent)==null?void 0:g.columns)||o.flatHeaders).filter(({isVisible:h})=>h),u=s.findIndex(h=>h.id===l.id);return[...s].slice(u+1).find(h=>!h.disableResizing)};function Un(l){let o=[],s=u=>{u.columns&&u.columns.length&&u.columns.map(s),o.push(u)};return s(l),o}let st=l=>l?typeof l.width=="string"&&Number.isNaN(Number(l.width))?Number(l.resizeWidth||0):Number(l.width||l.resizeWidth||0):0,Kl=(l,o)=>{let s=0;for(let u of o)s+=l[u.id]?l[u.id]:st(u);return s},bt=null,ql=()=>{if(bt!=null)return bt;try{let l={once:!0,get passive(){return bt=!0,!1}};window.addEventListener("test",()=>{},l)}catch{bt=!1}return bt},an=er["iui-table-reorder-column-left"],cn=er["iui-table-reorder-column-right"],Ot={columnDragStart:"columnDragStart",columnDragEnd:"columnDragEnd"};const Ul=l=>o=>{o.getDragAndDropProps=[Jl(l)],o.stateReducers.push(Yl),o.useInstance.push(Ql)};let Jl=l=>(o,{instance:s,header:u})=>{if(!l||u.disableReordering)return o;let g=()=>{s.dispatch({type:Ot.columnDragStart,columnIndex:s.flatHeaders.indexOf(u)})},h=(B,P)=>{let T=B.currentTarget;P==="left"?(T.classList.remove(cn),T.classList.add(an)):P==="right"?(T.classList.remove(an),T.classList.add(cn)):(T.classList.remove(an),T.classList.remove(cn))},d=(B,P,T)=>{let H=[...B],[G]=H.splice(P,1);return H.splice(T,0,G),H};return[o,{draggable:!0,onDragStart:g,onDragOver:B=>{B.preventDefault();let P=s.flatHeaders.indexOf(u);s.state.columnReorderStartIndex!==P&&h(B,s.state.columnReorderStartIndex>P?"left":"right")},onDragLeave:B=>{h(B)},onDrop:B=>{B.preventDefault(),h(B);let P=s.allColumns.map(G=>G.id),T=s.state.columnReorderStartIndex,H=P.findIndex(G=>G===u.id);T===H||T===-1||H===-1||(s.setColumnOrder(d(P,T,H)),s.dispatch({type:Ot.columnDragEnd,columnIndex:-1}))}}]},Yl=(l,o)=>{switch(o.type){case q.actions.init:return{...l,columnReorderStartIndex:-1};case Ot.columnDragStart:return{...l,columnReorderStartIndex:o.columnIndex};case Ot.columnDragEnd:return{...l,columnReorderStartIndex:-1};default:return l}},Ql=l=>{let{flatHeaders:o,getHooks:s}=l,u=q.useGetLatest(l);o.forEach(g=>{g.getDragAndDropProps=q.makePropGetter(s().getDragAndDropProps,{instance:u(),header:g})})};function Zl({data:l,enableVirtualization:o,page:s,paginatorRenderer:u,scrollToRow:g}){let h=m.useRef({}),d=m.useRef(s);d.current=s;let b=m.useRef(l);b.current=l;let F=m.useMemo(()=>{if(!g||u)return;let B=g(d.current,b.current);return B<0?void 0:B},[u,g]);m.useEffect(()=>{var B,P;o||F==null||F<0||(P=h.current[(B=d.current[F])==null?void 0:B.id])==null||P.scrollIntoView()},[o,F]);let f=m.useCallback(B=>P=>{h.current[B.id]=P},[]);return{scrollToIndex:F,tableRowRef:f}}q.actions.setScrolledLeft="setScrolledLeft";q.actions.setScrolledRight="setScrolledRight";const eo=l=>{l.stateReducers.push(to),l.useInstance.push(no)};let to=(l,o)=>{var s,u;return o.type===q.actions.init?{...l,sticky:{}}:o.type===q.actions.setScrolledLeft&&((s=l.sticky)==null?void 0:s.isScrolledToLeft)!==o.value?{...l,sticky:{...l.sticky,isScrolledToLeft:o.value}}:o.type===q.actions.setScrolledRight&&((u=l.sticky)==null?void 0:u.isScrolledToRight)!==o.value?{...l,sticky:{...l.sticky,isScrolledToRight:o.value}}:l},no=l=>{let{flatHeaders:o}=l;o.forEach(g=>{g.originalSticky||(g.originalSticky=g.sticky??"none"),g.sticky=g.originalSticky==="none"?void 0:g.originalSticky});let s=!1;[...o].reverse().forEach(g=>{g.sticky==="left"&&(s=!0),s&&(g.sticky="left")});let u=!1;o.forEach(g=>{g.sticky==="right"&&(u=!0),u&&(g.sticky="right")})};const ro=(l,o,s)=>{if(!(o!=null&&o.preFilteredFlatRows.length)){s==null||s([],l);return}let u=[];o.preFilteredFlatRows.forEach(g=>{l.expanded[g.id]&&u.push(g.original)}),s==null||s(u,l)},lo=(l,o,s,u,g)=>{let h=s.filters.find(d=>d.id===o.columnId);return(h==null?void 0:h.value)!=o.filterValue?l.filters.map(b=>{let F=g==null?void 0:g.allColumns.find(f=>f.id===b.id);return{id:b.id,value:b.value,fieldType:(F==null?void 0:F.fieldType)??"text",filterType:(F==null?void 0:F.filter)??"text"}}):u};let hn=(l,o,s,u)=>{if(!(o!=null&&o.rows.length)){s==null||s([],l);return}let g={},h=b=>{var f;if(u!=null&&u(b.original))return!1;let F=!0;return((f=b.initialSubRows[0])==null?void 0:f.original[ut])===void 0&&b.initialSubRows.forEach(B=>{h(B)||(F=!1)}),l.selectedRowIds[b.id]&&(!o.selectSubRows||!b.initialSubRows.length||F)&&(g[b.id]=!0),!!g[b.id]};o.initialRows.forEach(b=>h(b));let d=uo(g,o);l.selectedRowIds=g,s==null||s(d,l)};const oo=(l,o,s,u,g)=>{hn(l,s,u,g),l.lastSelectedRowId=o.id},io=(l,o,s,u,g)=>{let h={[o.id]:!0};if(s!=null&&s.selectSubRows){let b=F=>{h[F.id]=!0,F.subRows.forEach(f=>b(f))};b(s.rowsById[o.id])}let d={...l,lastSelectedRowId:o.id,selectedRowIds:h};return hn(d,s,u,g),d},so=(l,o,s,u,g)=>{if(s==null)return l;let h=Math.max(0,s.flatRows.findIndex(P=>P.id===l.lastSelectedRowId)),d=Math.max(0,s.flatRows.findIndex(P=>P.id===o.id));if(h>d){let P=h;h=d,d=P}let b=l.lastSelectedRowId==null||!!l.selectedRowIds[l.lastSelectedRowId],F=o.ctrlPressed?{...l.selectedRowIds}:{};s.flatRows.slice(h,d+1).forEach(P=>F[P.id]=b);let f=P=>{F[P.id]=b,P.subRows.forEach(T=>f(T))};f(s.flatRows[d]);let B={...l,selectedRowIds:F};return hn(B,s,u,g),B};let uo=(l,o)=>{let s=[],u=g=>{l[g.id]&&s.push(g.original),g.initialSubRows.forEach(h=>u(h))};return o==null||o.initialRows.forEach(g=>u(g)),s};const ao=l=>({...l,isTableResizing:!0}),co=(l,o)=>({...l,isTableResizing:!1,columnResizing:{...l.columnResizing,columnWidths:{...o.columnWidths}}}),fo=l=>{let{column:o,className:s,...u}=l;tr();let[g,h]=m.useState(!1),d=m.useCallback(()=>h(!1),[]),b=m.useCallback(B=>{o.setFilter(B),d()},[d,o]),F=m.useCallback(()=>{o.setFilter(void 0),d()},[d,o]),f=o.filterValue!=null&&o.filterValue!=="";return m.createElement(m.Fragment,null,o.canFilter&&o.Filter&&m.createElement(Rl,{content:o.render("Filter",{close:d,setFilter:b,clearFilter:F}),placement:"bottom-start",visible:g,onVisibleChange:h,closeOnOutsideClick:!0,applyBackground:!0},m.createElement(gn,{styleType:"borderless",isActive:g||f,className:Ce("iui-table-filter-button",s),"aria-label":"Filter",onClick:B=>{B.stopPropagation()},"data-iui-shift":"left",...u},f?m.createElement(xl,null):m.createElement(Il,null))))},go=m.forwardRef((l,o)=>{let{column:s,areFiltersSet:u,isResizable:g,columnResizeMode:h,enableColumnReordering:d,density:b,columnHasExpanders:F,isLast:f,isTableEmpty:B,...P}=l,T=m.useRef(!1),H=m.useContext(pn),G={default:72,withExpander:108},te=$=>(!B||u)&&$.canFilter&&!!$.Filter,ne=$=>!B&&$.canSort,{onClick:le,...ce}=s.getSortByToggleProps();[void 0,0].includes(s.minWidth)&&(s.minWidth=F?G.withExpander:G.default,typeof s.width=="number"&&s.minWidth>s.width&&(s.minWidth=s.width));let Q=s.getHeaderProps({...ce,className:Ce("iui-table-cell",{"iui-actionable":s.canSort,"iui-sorted":s.isSorted,"iui-table-cell-sticky":!!s.sticky},s.columnClassName),style:{...or(s,!!(H!=null&&H.state.isTableResizing)),...F&&sr({density:b}),...ir(s,(H==null?void 0:H.visibleColumns)??[]),flexWrap:"wrap",columnGap:"var(--iui-size-xs)"}});return m.createElement(ae,{...Q,...P,key:Q.key,title:void 0,ref:mn(m.useCallback($=>{$&&(s.resizeWidth=$.getBoundingClientRect().width)},[s]),o),onMouseDown:()=>{T.current=!0},onClick:$=>{T.current&&(le==null||le($),T.current=!1)},tabIndex:ne(s)?0:void 0,onKeyDown:$=>{$.key=="Enter"&&ne(s)&&s.toggleSortBy()}},m.createElement(m.Fragment,null,m.createElement(Mt,null,typeof s.Header=="string"?m.createElement(rr,null,m.createElement("slot",null)):m.createElement("slot",null),m.createElement("slot",{name:"actions"}),m.createElement("slot",{name:"resizers"}),m.createElement("slot",{name:"shadows"})),s.render("Header"),(te(s)||ne(s))&&m.createElement(ae,{className:"iui-table-header-actions-container",onKeyDown:$=>$.stopPropagation(),slot:"actions"},te(s)&&m.createElement(fo,{column:s}),ne(s)&&m.createElement(ae,{className:"iui-table-cell-end-icon"},s.isSortedDesc||!s.isSorted&&s.sortDescFirst?m.createElement(El,{className:"iui-table-sort","aria-hidden":!0}):m.createElement(Cl,{className:"iui-table-sort","aria-hidden":!0}))),g&&s.isResizerVisible&&(!f||h==="expand")&&m.createElement(ae,{...s.getResizerProps(),className:"iui-table-resizer",slot:"resizers"},m.createElement(ae,{className:"iui-table-resizer-bar"})),d&&!s.disableReordering&&m.createElement(ae,{className:"iui-table-reorder-bar",slot:"resizers"}),s.sticky==="left"&&(H==null?void 0:H.state.sticky.isScrolledToRight)&&m.createElement(ae,{className:"iui-table-cell-shadow-right",slot:"shadows"}),s.sticky==="right"&&(H==null?void 0:H.state.sticky.isScrolledToLeft)&&m.createElement(ae,{className:"iui-table-cell-shadow-left",slot:"shadows"})))});let mo=m.forwardRef((l,o)=>{let{children:s,className:u,style:g,isDisabled:h,virtualItem:d,...b}=l;return m.createElement(ae,{className:Ce("iui-table-row","iui-table-expanded-content",u),style:{flex:"0 0 auto",minWidth:"100%",...d!=null?{transform:`translateY(${d.start}px)`}:{},...g},"aria-disabled":h,"data-iui-index":d==null?void 0:d.index,...d!=null&&{"data-iui-virtualizer":"item"},ref:o,...b},s)});const po=m.memo(mo);let Jn="singleRowSelected",Yn="shiftRowSelected";const Qn="tableResizeStart";let Zn="tableResizeEnd";const ut=Symbol("iui-id");let br=l=>{let o=[];return l.forEach(s=>{o.push(s),"columns"in s&&o.push(...br(s.columns))}),o};const So=l=>{let{data:o,columns:s,isLoading:u=!1,emptyTableContent:g,className:h,style:d,id:b,isSelectable:F=!1,onSelect:f,onRowClick:B,selectionMode:P="multi",isSortable:T=!1,onSort:H,stateReducer:G,onBottomReached:te,onRowInViewport:ne,intersectionMargin:le=300,subComponent:ce,onExpand:Q,onFilter:$,globalFilterValue:se,emptyFilteredTableContent:Be,filterTypes:Le,expanderCell:Ge,isRowDisabled:oe,rowProps:Oe,density:de="default",selectSubRows:Ie=!0,getSubRows:Me,selectRowOnClick:we=!0,paginatorRenderer:De,pageSize:Ue=25,isResizable:Je=!1,columnResizeMode:Ae="fit",styleType:at="default",enableVirtualization:ze=!1,enableColumnReordering:Ye=!1,headerWrapperProps:Qe,headerProps:Ze,bodyProps:et,emptyTableContentProps:ye,getRowId:Ve,...Vt}=l;tr();let Pe=m.useRef(),jt=m.useMemo(()=>({maxWidth:0,minWidth:0,width:0}),[]),_t=m.useMemo(()=>de==="condensed"?50:de==="extra-condensed"?38:62,[de]),St=Vn(te),Ct=Vn(ne),je=m.useMemo(()=>br(s).some(j=>j.id===wt),[s]),ct=m.useCallback(E=>{E.key==="Shift"&&Pe.current&&(Pe.current.documentElement.style.userSelect="none")},[]),dt=m.useCallback(E=>{E.key==="Shift"&&Pe.current&&(Pe.current.documentElement.style.userSelect="")},[]);m.useEffect(()=>{if(!F||P!=="multi")return;let E=Pe.current;return E==null||E.addEventListener("keydown",ct),E==null||E.addEventListener("keyup",dt),()=>{E==null||E.removeEventListener("keydown",ct),E==null||E.removeEventListener("keyup",dt)}},[F,P,Pe,ct,dt]);let ft=m.useRef([]),_e=m.useRef(ft.current),Xt=m.useCallback((E,j,ue,re)=>{switch(j.type){case q.actions.toggleSortBy:H==null||H(E);break;case q.actions.setFilter:_e.current=lo(E,j,ue,_e.current,re);break;case q.actions.toggleRowExpanded:case q.actions.toggleAllRowsExpanded:ro(E,re,Q);break;case Jn:E=io(E,j,re,f,je?void 0:oe);break;case Yn:E=so(E,j,re,f,je?void 0:oe);break;case q.actions.toggleRowSelected:case q.actions.toggleAllRowsSelected:case q.actions.toggleAllPageRowsSelected:oo(E,j,re,f,je?void 0:oe);break;case Qn:E=ao(E);break;case Zn:E=co(E,j);break}return G?G(E,j,ue,re):E},[je,oe,Q,f,H,G]),$t=m.useMemo(()=>({...Tl,...Le}),[Le]),tt=m.useMemo(()=>o.some((E,j)=>Me?Me(E,j):E.subRows),[o,Me]),Kt=m.useCallback((E,j)=>E[ut]?[]:E.subRows?E.subRows:[{[ut]:`subcomponent-${j}`,...E}],[]),qt=m.useCallback((E,j,ue)=>{let re=ue?`${ue.id}.${j}`:`${j}`,He=Ve==null?void 0:Ve(E,j,ue);return He!==void 0&&E[ut]?`${He}-${re}`:He??re},[Ve]),be=q.useTable({manualPagination:!De,paginateExpandedRows:!1,...l,columns:s,defaultColumn:jt,disableSortBy:!T,stateReducer:Xt,filterTypes:$t,selectSubRows:Ie,data:o,getSubRows:ce?Kt:Me,initialState:{pageSize:Ue,...l.initialState},columnResizeMode:Ae,getRowId:ce?qt:Ve},q.useFlexLayout,yr(Pe),q.useFilters,Ll(tt),q.useGlobalFilter,q.useSortBy,q.useExpanded,q.usePagination,q.useRowSelect,Ml,Gl(ce,Ge,oe),Al(F,P,oe,de),q.useColumnOrder,Ul(Ye),eo),{getTableProps:Ut,rows:nt,headerGroups:gt,getTableBodyProps:Jt,prepareRow:mt,state:Se,allColumns:Yt,dispatch:Ee,page:Fe,gotoPage:Et,setPageSize:Xe,flatHeaders:$e,setGlobalFilter:pt}=be,vt=gt;s.length===1&&"columns"in s[0]&&(vt=gt.slice(1));let xt=Object.entries(Vt).reduce((E,[j,ue])=>((j.startsWith("data-")||j.startsWith("aria-"))&&(E[j]=ue),E),{}),rt=Yt.some(E=>E.filterValue!=null&&E.filterValue!=="")||!!se,ht=m.useCallback((E,j)=>{let ue=oe==null?void 0:oe(j.original),re=E.ctrlKey||E.metaKey;ue||B==null||B(E,j),F&&!ue&&we&&!E.isDefaultPrevented()&&(P==="multi"&&E.shiftKey?Ee({type:Yn,id:j.id,ctrlPressed:re}):j.isSelected||P!=="single"&&re?j.toggleRowSelected(!j.isSelected):Ee({type:Jn,id:j.id}))},[oe,F,we,P,Ee,B]);m.useEffect(()=>{pt(se)},[se,pt]),m.useEffect(()=>{Xe(Ue)},[Ue,Xe]),m.useEffect(()=>{ft.current!==_e.current&&(ft.current=_e.current,$==null||$(_e.current,Se,be.filteredRows))},[Se,be.filteredRows,$]);let lt=m.useRef([]);m.useEffect(()=>{lt.current.length>0&&JSON.stringify(lt.current)!==JSON.stringify(s)&&be.setColumnOrder([]),lt.current=s},[s,be]);let It=m.useMemo(()=>({currentPage:Se.pageIndex,pageSize:Se.pageSize,totalRowsCount:nt.length,size:de!=="default"?"small":"default",isLoading:u,onPageChange:Et,onPageSizeChange:Xe,totalSelectedRowsCount:P==="single"?0:be.selectedFlatRows.length}),[de,Et,u,nt.length,Xe,Se.pageIndex,Se.pageSize,be.selectedFlatRows,P]),ke=m.useRef(null),{scrollToIndex:We,tableRowRef:ot}=Zl({...l,page:Fe}),Ke=m.useRef({}),zt=m.useRef(0),kt=m.useCallback(({width:E})=>{Je&&(be.tableWidth=E,E!==zt.current&&(zt.current=E,$e.forEach(j=>{Ke.current[j.id]&&(j.resizeWidth=Ke.current[j.id].getBoundingClientRect().width)}),Object.keys(Se.columnResizing.columnWidths).length!==0&&Ee({type:Qn})))},[Ee,Se.columnResizing.columnWidths,$e,be,Je]),[Qt]=yl(kt);jn(()=>{if(Se.isTableResizing){let E={};$e.forEach(j=>{Ke.current[j.id]&&(E[j.id]=Ke.current[j.id].getBoundingClientRect().width)}),Ee({type:Zn,columnWidths:E})}});let{virtualizer:qe,css:Bt}=bl({enabled:ze,count:Fe.length,getScrollElement:()=>ke.current,estimateSize:()=>_t,getItemKey:E=>Fe[E].id,overscan:1});jn(()=>{We&&qe.scrollToIndex(We,{align:"start"})},[qe,We]);let Rt=m.useCallback((E,j,ue)=>{let re=Fe[E];return mt(re),!!re.original[ut]&&!!ce?m.createElement(po,{key:re.getRowProps().key,virtualItem:j,ref:ze?ue==null?void 0:ue.measureElement:ot(re),isDisabled:!!(oe!=null&&oe(re.original))},ce(re)):m.createElement(Hl,{row:re,rowProps:Oe,isLast:E===Fe.length-1,onRowInViewport:Ct,onBottomReached:St,intersectionMargin:le,state:Se,key:re.getRowProps().key,onClick:ht,subComponent:ce,isDisabled:!!(oe!=null&&oe(re.original)),tableHasSubRows:tt,tableInstance:be,expanderCell:Ge,scrollContainerRef:ke.current,tableRowRef:ze?void 0:ot(re),density:de,virtualItem:j,virtualizer:ue})},[Fe,mt,ce,Oe,Ct,St,le,Se,ht,oe,tt,be,Ge,ze,ot,de]),Pt=()=>{!ke.current||$e.every(E=>!E.sticky)||(ke.current.scrollLeft!==0?Ee({type:q.actions.setScrolledRight,value:!0}):Ee({type:q.actions.setScrolledRight,value:!1}),ke.current.scrollLeft!==ke.current.scrollWidth-ke.current.clientWidth?Ee({type:q.actions.setScrolledLeft,value:!0}):Ee({type:q.actions.setScrolledLeft,value:!1}))};return m.useEffect(()=>{Pt()},[]),m.createElement(pn.Provider,{value:be},m.createElement(ae,{ref:mn(ke,Qt,m.useCallback(E=>{Pe.current=E==null?void 0:E.ownerDocument},[])),id:b,...Ut({className:Ce("iui-table",h),style:{minWidth:0,...d}}),onScroll:()=>Pt(),"data-iui-size":de==="default"?void 0:de,...xt},vt.map(E=>{E.headers=E.headers.filter(ue=>!ue.id.includes("iui-table-checkbox-selector_placeholder")&&!ue.id.includes("iui-table-expander_placeholder"));let j=E.getHeaderGroupProps({className:"iui-table-row"});return m.createElement(ae,{as:"div",key:j.key,...Qe,className:Ce("iui-table-header-wrapper",Qe==null?void 0:Qe.className)},m.createElement(ae,{as:"div",...Ze,className:Ce("iui-table-header",Ze==null?void 0:Ze.className)},m.createElement(ae,j,E.headers.map((ue,re)=>{let He=ue.getDragAndDropProps();return m.createElement(go,{...He,key:He.key||ue.id||re,column:ue,areFiltersSet:rt,columnHasExpanders:tt&&re===E.headers.findIndex(it=>it.id!==wt),isLast:re===E.headers.length-1,isTableEmpty:o.length===0,isResizable:Je,columnResizeMode:Ae,enableColumnReordering:Ye,density:de,ref:it=>{it&&(Ke.current[ue.id]=it)}})}))))}),m.createElement(ae,{as:"div",...et,...Jt({className:Ce("iui-table-body",{"iui-zebra-striping":at==="zebra-rows"},et==null?void 0:et.className)}),"aria-multiselectable":F&&P==="multi"||void 0},m.createElement(Mt,{css:Bt},ze&&o.length!==0?m.createElement("div",{"data-iui-virtualizer":"root",style:{minBlockSize:qe.getTotalSize()}},m.createElement("slot",null)):m.createElement("slot",null)),o.length!==0&&m.createElement(m.Fragment,null,ze?qe.getVirtualItems().map(E=>Rt(E.index,E,qe)):Fe.map((E,j)=>Rt(j))),u&&o.length===0&&m.createElement(ae,{as:"div",...ye,className:Ce("iui-table-empty",ye==null?void 0:ye.className)},m.createElement(_n,{indeterminate:!0})),!u&&o.length===0&&!rt&&m.createElement(ae,{as:"div",...ye,className:Ce("iui-table-empty",ye==null?void 0:ye.className)},m.createElement("div",null,g)),!u&&(o.length===0||nt.length===0)&&rt&&m.createElement(ae,{as:"div",...ye,className:Ce("iui-table-empty",ye==null?void 0:ye.className)},m.createElement("div",null,Be))),u&&o.length!==0&&m.createElement(ae,{className:"iui-table-body-extra","data-iui-loading":"true"},m.createElement(_n,{indeterminate:!0,size:"small"})),De==null?void 0:De(It)))};export{vn as D,ur as E,wt as S,So as T,Bl as a,Pl as b,Qn as t}; diff --git a/2298/react/assets/Table.stories-DgKDY5Jj.js b/2298/react/assets/Table.stories-DgKDY5Jj.js new file mode 100644 index 00000000000..e8a2a2e24a9 --- /dev/null +++ b/2298/react/assets/Table.stories-DgKDY5Jj.js @@ -0,0 +1 @@ +import{r as a,o as me,a2 as oe,B as z,c as O,P as pe,V as be,I as q,m as he,Y as B,l as ye,d as De,X as fe,O as ge,k as we,R as c,j as e,T as xe}from"./index-DhFzuRA5.js";import{S as te}from"./More-uIWNYWHh.js";import{a as Ce,b as Se,S as Re}from"./StatusWarning-DjosBsXr.js";import{A as M}from"./Anchor-Bcb8Skmt.js";import{S as Ne,E as ke,t as ve,T as w,D as A,a as Fe,b as Te}from"./Table-BA0h3NG6.js";import{B as J}from"./Button-_m-IOzlX.js";import{D as je,i as le}from"./DatePicker-CVIKTWMf.js";import{I as He}from"./InputGrid-B9GMezED.js";import{L as Pe}from"./Label-Jsz1vg8n.js";import{I as Q}from"./InputWithDecorations-Ch-F2i1g.js";import{L as ce}from"./LabeledInput-HkpWfIYR.js";import{I as ae}from"./Input-DfkpvfT2.js";import{T as G}from"./Text-sFYhh81u.js";import{C as _}from"./Code-CP16kF9F.js";import{I as X}from"./InputGroup-DRXjU33i.js";import{C as ee}from"./Checkbox-Bd2WmO3O.js";import{M as L}from"./MenuItem-DISbthDF.js";import{F as Ee}from"./Flex-DbQmRNYC.js";import{F as Me}from"./FieldsetBase-NUuNCSln.js";import{D as ie}from"./DropdownMenu-DRhN05WH.js";import{D as ze}from"./DropdownButton-Biy43FFJ.js";import{P as ne}from"./ProgressRadial-JDu8zAlM.js";import{u as $e}from"./useContainerWidth-BcbCx7FW.js";import{S as Ie}from"./SvgChevronLeft-CoStY9_N.js";import{S as Le}from"./SvgChevronRight-CM7-XKoS.js";import{R as V}from"./Radio-CsyOu0qp.js";import"./useVirtualScroll-DITpZLhm.js";import"./useIntersection-0zo0v0Iz.js";import"./TimePicker-BY3Ef6KR.js";import"./Textarea-jz-XhrTC.js";import"./Icon-Cr7ytm57.js";import"./MenuExtraContent-D2pvBVSo.js";import"./Select-CKIZamIt.js";import"./Tag-BaQiyr47.js";import"./LinkAction-DYlAaokJ.js";import"./List-pOpvCrBi.js";import"./SvgCheckmark-Dp--w9xe.js";import"./SvgCaretDownSmall-BS15oRF-.js";import"./ListItem-DF-kT9pB.js";import"./InputFlexContainer-BcUva1DC.js";import"./focusable-DxELdZu-.js";import"./SvgCaretUpSmall-DdY4evrf.js";const Ve=t=>a.createElement(me,t,a.createElement("path",{d:"m1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2"})),qe=t=>a.createElement(me,t,a.createElement("path",{d:"M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z"})),We=t=>{let{cellElementProps:{className:r,style:l,...i},cellProps:n,onCellEdit:s,children:d,isDisabled:u,className:o,style:m,...p}=t,h=D=>D.replace(/(\r\n|\n|\r)+/gm," "),[R,F]=a.useState(()=>h(n.value));a.useEffect(()=>{F(h(n.value))},[n.value]);let[g,b]=a.useState(oe(10)),[C,N]=a.useState(!1);return a.createElement(z,{...i,contentEditable:!0,suppressContentEditableWarning:!0,key:g,...p,className:O(r,o),style:{...l,...m},onInput:D=>{var y;F(h(D.target.innerText)),N(!0),(y=t.onInput)==null||y.call(t,D)},onBlur:D=>{var y;C&&s(n.column.id,R,n.row.original),(y=t.onBlur)==null||y.call(t,D),b(oe(10))},onKeyDown:D=>{var y;D.key==="Enter"&&D.preventDefault(),(y=t.onKeyDown)==null||y.call(t,D)},onPaste:D=>{var y;D.preventDefault(),document.execCommand("inserttext",!1,h(D.clipboardData.getData("text/plain"))),(y=t.onPaste)==null||y.call(t,D)},onDrop:D=>{var y;D.preventDefault(),(y=t.onDrop)==null||y.call(t,D)},onClick:D=>{var y;D.stopPropagation(),(y=t.onClick)==null||y.call(t,D)}},d)};let de="iui-table-action";const Y=({columnManager:t=!1}={})=>({id:de,disableResizing:!0,disableGroupBy:!0,minWidth:48,width:48,maxWidth:48,columnClassName:"iui-slot",cellClassName:"iui-slot",disableReordering:!0,Header:({allColumns:r,dispatch:l,state:i})=>{let n=a.useRef(null);if(!t)return null;let s=[Ne,ke,de],d=()=>r.filter(({id:o})=>!s.includes(o)).map(o=>{let{checked:m}=o.getToggleHiddenProps(),p=()=>{o.toggleHidden(m),Object.keys(i.columnResizing.columnWidths).length!==0&&(l({type:ve}),queueMicrotask(()=>{var h;(h=n.current)==null||h.scrollIntoView({block:"nearest"})}))};return a.createElement(ee,{key:o.id,checked:m,disabled:o.disableToggleVisibility,onChange:p,label:o.render("Header")})}),u=typeof t!="boolean"?t.dropdownMenuProps:{};return a.createElement(pe,{applyBackground:!0,content:a.createElement(Ee,{as:Me,className:"iui-table-column-manager",flexDirection:"column",alignItems:"flex-start"},a.createElement(be,{as:"legend"},"Show/hide columns"),d()),...u},a.createElement(q,{styleType:"borderless",ref:n,label:"Column manager"},a.createElement(Ve,null)))}}),K=a.forwardRef((t,r)=>a.createElement(z,{as:"form",...t,ref:r,className:O("iui-table-column-filter",t.className),onSubmit:l=>{var i;l.preventDefault(),(i=t.onSubmit)==null||i.call(t,l)},onClick:he(t.onClick,l=>{l.stopPropagation()})}));let Ae={filter:"Filter",clear:"Clear"};const re=t=>{let{children:r,setFilter:l,clearFilter:i,translatedLabels:n,className:s,style:d,id:u}=t,o={...Ae,...n};return B(),a.createElement(z,{className:O("iui-button-bar",s),style:d,id:u},r,a.createElement(J,{type:"submit",styleType:"high-visibility",onClick:l},o.filter),a.createElement(J,{onClick:i},o.clear))},ue=a.forwardRef((t,r)=>{let l=ye(),{onChange:i,date:n,parseInput:s,formatDate:d,label:u,required:o,disabled:m,isFromOrTo:p,selectedDate:h,wrapperProps:R,labelProps:F,inputWrapperProps:g,id:b=l,localizedNames:C,showYearSelection:N,...D}=t,y=E=>p==="to"?le(E,h):le(h,E),T=a.useRef(null),[k,S]=a.useState("");a.useEffect(()=>{n&&!isNaN(n.valueOf())&&S(d(n))},[n,d]);let[f,H]=a.useState(!1),v=a.useCallback(()=>H(!1),[]),$=a.useCallback(E=>{var j;i(E),v(),(j=T.current)==null||j.focus()},[v,i]),I=a.useCallback(E=>{let j=E.target.value;S(j),j||i(void 0);let P=s(j);P&&!isNaN(P.valueOf())&&i(P)},[i,s]);return a.createElement(He,{labelPlacement:"inline",...R},a.createElement(Pe,{as:"label",required:o,disabled:m,htmlFor:b,...F},u),a.createElement(Q,g,a.createElement(Q.Input,{id:b,value:k,onChange:I,required:o,disabled:m,ref:r,...D}),a.createElement(pe,{content:a.createElement(je,{date:n,onChange:$,setFocus:!0,isDateDisabled:y,localizedNames:C,applyBackground:!1,showDatesOutsideMonth:!1,showYearSelection:N}),placement:"bottom-end",visible:f,onVisibleChange:H,closeOnOutsideClick:!0,applyBackground:!0},a.createElement(Q.Button,{"aria-label":"Date picker",ref:T},a.createElement(qe,null)))))});let Oe={from:"From",to:"To"},Be=t=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}).format(t),Je=t=>/^[a-z]{3}\s\d{1,2},\s\d{4}$/gi.test(t)?new Date(t):new Date("");const _e=t=>{var N,D,y,T;let{column:r,translatedLabels:l,setFilter:i,clearFilter:n,formatDate:s=Be,parseInput:d=Je,placeholder:u="MMM dd, yyyy",showYearSelection:o}=t;B();let m={...Oe,...l},[p,h]=a.useState((N=r.filterValue)!=null&&N[0]?new Date((D=r.filterValue)==null?void 0:D[0]):void 0),R=a.useRef(null);a.useEffect(()=>{R.current&&R.current.focus()},[]);let F=a.useCallback(k=>{h(S=>S||!k?k:new Date(k.getFullYear(),k.getMonth(),k.getDate(),0,0,0,0))},[]),[g,b]=a.useState((y=r.filterValue)!=null&&y[1]?new Date((T=r.filterValue)==null?void 0:T[1]):void 0),C=a.useCallback(k=>{b(S=>S||!k?k:new Date(k.getFullYear(),k.getMonth(),k.getDate(),23,59,59,999))},[]);return a.createElement(K,{onSubmit:()=>i([p,g])},a.createElement(ue,{ref:R,label:m.from,date:p,onChange:F,formatDate:s,parseInput:d,placeholder:u,selectedDate:g,isFromOrTo:"from",localizedNames:m.datePicker,showYearSelection:o}),a.createElement(ue,{label:m.to,date:g,onChange:C,formatDate:s,parseInput:d,placeholder:u,selectedDate:p,isFromOrTo:"to",localizedNames:m.datePicker,showYearSelection:o}),a.createElement(re,{clearFilter:n,translatedLabels:l}))};let Ge={from:"From",to:"To"};const Ye=t=>{var R,F;let{column:r,translatedLabels:l,setFilter:i,clearFilter:n}=t;B();let s={...Ge,...l},d=a.useRef(null);a.useEffect(()=>{d.current&&d.current.focus()},[]);let[u,o]=a.useState(((R=r.filterValue)==null?void 0:R[0])??""),[m,p]=a.useState(((F=r.filterValue)==null?void 0:F[1])??""),h=g=>!g||isNaN(Number(g))?void 0:Number(g);return a.createElement(K,{onSubmit:()=>i([h(u),h(m)])},a.createElement(ce,{ref:d,label:s.from,value:u,onChange:g=>o(g.target.value),type:"number",displayStyle:"inline"}),a.createElement(ce,{label:s.to,value:m,onChange:g=>p(g.target.value),type:"number",displayStyle:"inline"}),a.createElement(re,{clearFilter:n,translatedLabels:l}))},Ke=t=>{let{column:r,translatedLabels:l,setFilter:i,clearFilter:n}=t;B();let[s,d]=a.useState(r.filterValue??""),u=a.useRef(null);return a.useEffect(()=>{u.current&&u.current.focus()},[]),a.createElement(K,{onSubmit:()=>i(s)},a.createElement(ae,{ref:u,value:s,onChange:o=>d(o.target.value),required:!0}),a.createElement(re,{clearFilter:n,translatedLabels:l}))},x={TextFilter:t=>r=>a.createElement(Ke,{...r,translatedLabels:t}),DateRangeFilter:t=>r=>a.createElement(_e,{...r,...t}),NumberRangeFilter:t=>r=>a.createElement(Ye,{...r,translatedLabels:t})};let Ze={pageSizeLabel:t=>`${t} per page`,rangeLabel:(t,r,l,i)=>i?`${t}-${r}…`:`${t}-${r} of ${l}`,previousPage:"Previous page",nextPage:"Next page",goToPageLabel:t=>`Go to page ${t}`,rowsPerPageLabel:"Rows per page",rowsSelectedLabel:t=>`${t} ${t===1?"row":"rows"} selected`};const se=t=>{let{currentPage:r,totalRowsCount:l,pageSize:i,onPageChange:n,totalSelectedRowsCount:s=0,focusActivationMode:d="manual",isLoading:u=!1,size:o="default",pageSizeList:m,onPageSizeChange:p,localization:h,className:R,...F}=t;B();let g=a.useMemo(()=>({...Ze,...h}),[h]),b=a.useRef(null),[C,N]=a.useState(r);De(()=>{N(r)},[r]);let D=a.useRef(!1),y=a.useRef(!1);a.useEffect(()=>{var j;if(y.current&&D.current){let P=Array.from(((j=b.current)==null?void 0:j.querySelectorAll(`.${fe["iui-table-paginator-page-button"]}`))??[]).find(Z=>{var W;return((W=Z.textContent)==null?void 0:W.trim())===(C+1).toString()});P==null||P.focus(),D.current=!1}y.current=!0},[C]);let T=o!="default"?"small":void 0,k=Math.ceil(l/i),S=j=>{if(j.altKey)return;let P=Z=>{let W=we(C+Z,0,k-1);D.current=!0,d==="auto"?n(W):N(W)};switch(j.key){case"ArrowRight":P(1),j.preventDefault();break;case"ArrowLeft":P(-1),j.preventDefault();break;case"Enter":case" ":case"Spacebar":d==="manual"&&n(C);break}},[f,H]=$e(),v=k>1||u,$=m&&!!p&&!!l,I=k===0,E=a.createElement(a.Fragment,null,u?a.createElement(ne,{indeterminate:!0,size:"small"}):a.createElement(J,{styleType:"borderless",disabled:!0,size:T},"1"));return!v&&!$?null:a.createElement(z,{className:O("iui-table-paginator",R),ref:f,...F},a.createElement(z,{className:"iui-left"},s>0&&a.createElement("span",null,g.rowsSelectedLabel(s))),v&&a.createElement(ge,{className:"iui-center",itemsCount:k},a.createElement(q,{styleType:"borderless",disabled:r===0,onClick:()=>n(r-1),size:T,"aria-label":g.previousPage},a.createElement(Ie,null)),a.createElement(z,{as:"span",className:"iui-table-paginator-pages-group",onKeyDown:S,ref:b},I?E:a.createElement(Qe,{size:o,focusedIndex:C,setFocusedIndex:N,totalPagesCount:k,onPageChange:n,currentPage:r,localization:g,isLoading:u})),a.createElement(q,{styleType:"borderless",disabled:r===k-1||I,onClick:()=>n(r+1),size:T,"aria-label":g.nextPage},a.createElement(Le,null))),a.createElement(z,{className:"iui-right"},$&&a.createElement(a.Fragment,null,g.rowsPerPageLabel!==null&&H>=1024&&a.createElement(z,{as:"span",className:"iui-table-paginator-page-size-label"},g.rowsPerPageLabel),a.createElement(ze,{styleType:"borderless",size:T,menuItems:j=>m.map(P=>a.createElement(L,{key:P,isSelected:P===i,onClick:()=>{j(),p(P)}},g.pageSizeLabel(P)))},g.rangeLabel(r*i+1,Math.min(l,(r+1)*i),l,u)))))};let Qe=t=>{let{focusedIndex:r,setFocusedIndex:l,totalPagesCount:i,onPageChange:n,currentPage:s,localization:d,isLoading:u,size:o}=t,{visibleCount:m}=ge.useContext(),p=o!="default"?"small":void 0,h=a.useCallback((y,T=y===r?0:-1)=>{var k;return a.createElement(J,{key:y,className:"iui-table-paginator-page-button",styleType:"borderless",size:p,"data-iui-active":y===s,onClick:()=>{l(y),n(y)},"aria-current":y===s,"aria-label":(k=d.goToPageLabel)==null?void 0:k.call(d,y+1),tabIndex:T},y+1)},[r,p,s,d,l,n]),R=a.useMemo(()=>new Array(i).fill(null).map((y,T)=>h(T)),[h,i]),F=Math.floor(m/2),g=r-F,b=r+F+1;g<0&&(b=Math.min(i,b+Math.abs(g)),g=0),b>i&&(g=Math.max(0,g-(b-i)),b=i);let C=a.createElement(z,{as:"span",className:O("iui-table-paginator-ellipsis",{"iui-table-paginator-ellipsis-small":o==="small"})},"…");if(m===1)return h(r);let N=g>1,D=ba.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},a.createElement("path",{d:"M13 0H3a1 1 0 00-1 1v14a1 1 0 001 1h10a1 1 0 001-1V1a1 1 0 00-1-1zM5 13H4v-1h1zm0-3H4V9h1zm0-3H4V6h1zm0-3H4V3h1zm7 9H7v-1h5zm0-3H7V9h5zm0-3H7V6h5zm0-3H7V3h5z"})),Ue=t=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},a.createElement("path",{d:"M11.726 5.172a3.63 3.63 0 01-.033 5.67.813.813 0 01-1.094-.135l-.067-.067a.706.706 0 01.118-1.01 2.026 2.026 0 00.084-3.196.803.803 0 11.992-1.262zm1.834-2.254a.814.814 0 00-1.11.118.794.794 0 00.101 1.11 4.964 4.964 0 010 7.705.802.802 0 001.01 1.246 6.528 6.528 0 000-10.179zm-6.367-1.19L3.011 4.993H.964A.949.949 0 000 5.931v4.128a.949.949 0 00.964.937h2.047L7.21 14.27A1.11 1.11 0 009 13.4V2.58a1.126 1.126 0 00-1.807-.853z"})),Gt={title:"Table"},Yt=()=>{const t=i=>console.log(i.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(M,{as:"button",onClick:n,children:"Click me!"})}}],[]),l=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(w,{columns:r,data:l,emptyTableContent:"No data."})},Kt=()=>{const t=a.useCallback((i,n)=>console.log(`Row clicked: ${JSON.stringify(n.original)}`),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:i=>e.jsx(M,{as:"button",onClick:n=>{n.stopPropagation(),console.log(i.row.original.name)},children:"Click me!"})}],[]),l=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(w,{columns:r,data:l,emptyTableContent:"No data.",isSelectable:!0,onRowClick:t,selectionMode:"single"})},Zt=()=>{const t=a.useCallback((n,s)=>console.log(`Selected rows: ${JSON.stringify(n)}, Table state: ${JSON.stringify(s)}`),[]),r=a.useCallback((n,s)=>console.log(`Row clicked: ${JSON.stringify(s.original)}`),[]),l=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>e.jsx(M,{as:"button",onClick:s=>{s.stopPropagation(),console.log(n.row.original.name)},children:"Click me!"})}],[]),i=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(w,{columns:l,data:i,emptyTableContent:"No data.",isSelectable:!0,onSelect:t,onRowClick:r,selectionMode:"multi"})},Qt=()=>{const t=n=>console.log(n.row.original.name),r=a.useCallback(n=>console.log(`Sort changed. Table state: ${JSON.stringify(n)}`),[]),l=c.useMemo(()=>[{id:"id",Header:"ID (Sorts Desc First)",accessor:"id",sortDescFirst:!0},{id:"name",Header:"Name (Sorts Asc First)",accessor:"name"},{id:"description",Header:"Description Not Sortable",accessor:"description",maxWidth:200,disableSortBy:!0},{id:"click-me",Header:"Click",width:100,Cell:n=>{const s=()=>t(n);return e.jsx(M,{as:"button",onClick:s,children:"Click me!"})}}],[]),i=c.useMemo(()=>[{id:"1",name:"Name1",description:"Description1"},{id:"3",name:"Name3",description:"Description3"},{id:"2",name:"Name2",description:"Description2"}],[]);return e.jsx(w,{columns:l,data:i,emptyTableContent:"No data.",isSortable:!0,onSort:r})},Ut=()=>{const t=c.useMemo(()=>({filter:"Filter",clear:"Clear",from:"From",to:"To"}),[]),r=c.useMemo(()=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}),[]),l=a.useCallback(d=>r.format(d),[r]),i=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",width:80,fieldType:"number",Filter:x.NumberRangeFilter(t),filter:"between"},{id:"name",Header:"Name",accessor:"name",fieldType:"text",Filter:x.TextFilter(t)},{id:"description",Header:"Description",accessor:"description",fieldType:"text",Filter:x.TextFilter(t),maxWidth:200},{id:"ids",Header:"IDs (enter one of the IDs in the filter)",accessor:"ids",Cell:d=>e.jsx(e.Fragment,{children:d.row.original.ids.join(", ")}),Filter:x.TextFilter(t),filter:"includes"},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:d=>e.jsx(e.Fragment,{children:l(d.row.original.startDate)}),Filter:x.DateRangeFilter({translatedLabels:t,showYearSelection:!0}),filter:"betweenDate"},{id:"endDate",Header:"End date",accessor:d=>new Date(d.endDate),Cell:d=>e.jsx(e.Fragment,{children:l(new Date(d.row.original.endDate))}),Filter:x.DateRangeFilter({translatedLabels:t,showYearSelection:!0}),filter:"betweenDate"}],[l,t]),n=c.useMemo(()=>[{index:1,name:"Name1",description:"Description1",ids:[1],startDate:new Date("May 1, 2021"),endDate:"2021-05-31T21:00:00.000Z"},{index:2,name:"Name2",description:"Description2",ids:[2,3,4],startDate:new Date("May 2, 2021"),endDate:"2021-06-01T21:00:00.000Z"},{index:3,name:"Name3",description:"Description3",ids:[3,4],startDate:new Date("May 3, 2021"),endDate:"2021-06-02T21:00:00.000Z"}],[]),s=c.useCallback((d,u,o)=>{let m="[";o==null||o.forEach(p=>{m+=`${JSON.stringify(p.original)},`}),m=m.slice(0,m.length-1),m+="]",console.log(`Filter changed. Filters: ${JSON.stringify(d)}, State: ${JSON.stringify(u)}, Rows: ${m}`)},[]);return e.jsx(w,{columns:i,data:n,emptyTableContent:"No data.",onFilter:s})},Xt=()=>{const t=c.useCallback(s=>console.log(s.row.original.name),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()},{id:"click-me",Header:"Click",width:100,Cell:s=>{const d=()=>t(s);return e.jsx(M,{as:"button",onClick:d,children:"Click me!"})}}],[t]),l=c.useMemo(()=>[{name:"Name1",description:"Description7"},{name:"Name2",description:"Description7"},{name:"Name3",description:"Description8"},{name:"Name4",description:"Description8"},{name:"Name5",description:"Description9"},{name:"Name6",description:"Description9"}],[]),[i,n]=c.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{display:"flex",margin:"8px 0"},children:e.jsx(ae,{placeholder:"Search...",value:i,onInput:s=>n(s.target.value)})}),e.jsx(w,{columns:r,data:l,emptyTableContent:"No data.",globalFilterValue:i})]})},ea=()=>{const t=a.useCallback((n,s)=>console.log(`Expanded rows: ${JSON.stringify(n)}. Table state: ${JSON.stringify(s)}`),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),l=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),i=a.useCallback(n=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:n.values},null,2)})})]}),[]);return e.jsx(w,{columns:r,data:l,emptyTableContent:"No data.",subComponent:i,onExpand:t,isSelectable:!0})},ta=()=>{const t=a.useCallback((i,n)=>console.log(`Expanded rows: ${JSON.stringify(i)}. Table state: ${JSON.stringify(n)}`),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description"}],[]),l=[{name:"Row 1",description:"Description 1",subRows:[{name:"Row 1.1",description:"Description 1.1",subRows:[]},{name:"Row 1.2",description:"Description 1.2",subRows:[{name:"Row 1.2.1",description:"Description 1.2.1",subRows:[]},{name:"Row 1.2.2",description:"Description 1.2.2",subRows:[]},{name:"Row 1.2.3",description:"Description 1.2.3",subRows:[]},{name:"Row 1.2.4",description:"Description 1.2.4",subRows:[]}]},{name:"Row 1.3",description:"Description 1.3",subRows:[]},{name:"Row 1.4",description:"Description 1.4",subRows:[]}]},{name:"Row 2",description:"Description 2",subRows:[{name:"Row 2.1",description:"Description 2.1",subRows:[]},{name:"Row 2.2",description:"Description 2.2",subRows:[]},{name:"Row 2.3",description:"Description 2.3",subRows:[]}]},{name:"Row 3",description:"Description 3",subRows:[]}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:["Each data entry should have ",e.jsx(_,{children:"subRows"})," property. If"," ",e.jsx(_,{children:"subRows"})," has any items, then expander will be shown for that row."]}),e.jsx("br",{}),e.jsx(w,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,data:l,columns:r,onExpand:t})]})},aa=()=>{const t=o=>console.log(o.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:o=>{const m=()=>t(o);return e.jsx(M,{as:"button",onClick:m,children:"Click me!"})}}],[]),l=(o,m)=>Array(m-o).fill(null).map((p,h)=>({name:`Name${o+h}`,description:`Description${o+h}`})),[i,n]=c.useState(()=>l(0,100)),[s,d]=c.useState(!1),u=a.useCallback(()=>{console.log("Bottom reached!"),d(!0),setTimeout(()=>{n(()=>[...i,...l(i.length,i.length+100)]),d(!1)},1e3)},[i]);return e.jsx(w,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",onBottomReached:u,isLoading:s,isSortable:!0,style:{height:440,maxHeight:"90vh"},data:i,autoResetFilters:!1,autoResetSortBy:!1})},ia=()=>{const t=n=>console.log(n.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>{const s=()=>t(n);return e.jsx(M,{as:"button",onClick:s,children:"Click me!"})}}],[]),l=c.useMemo(()=>Array(100).fill(null).map((n,s)=>({name:`Name${s}`,description:`Description${s}`})),[]),i=a.useCallback(n=>{console.log(`Row in view: ${JSON.stringify(n)}`)},[]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:["Demo of ",e.jsx(_,{children:"IntersectionObserver"})," hook that triggers"," ",e.jsx(_,{children:"onRowInViewport"})," callback once the row is visible."]}),e.jsxs("div",{children:["Open"," ",e.jsx(M,{as:"button",onClick:()=>{var n;return(n=parent.document.querySelector('[id^="tabbutton-actions"]'))==null?void 0:n.click()},children:"Actions"})," ","tab to see when callback is called and scroll the table."]}),e.jsx("br",{}),e.jsx(w,{columns:r,emptyTableContent:"No data.",onRowInViewport:i,data:l})]})},na=()=>{const t=a.useCallback((s,d)=>console.log(`Row clicked: ${JSON.stringify(d.original)}`),[]),r=a.useCallback(s=>s.name==="Name2",[]),l=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:s=>e.jsx(e.Fragment,{children:r(s.row.original)?e.jsx(e.Fragment,{children:"Click me!"}):e.jsx(M,{as:"button",onClick:()=>console.log(s.row.original.name),children:"Click me!"})})}],[r]),i=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),n=a.useCallback(s=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:s.values},null,2)})})]}),[]);return e.jsx(w,{columns:l,data:i,emptyTableContent:"No data.",onRowClick:t,subComponent:n,isRowDisabled:r,isSelectable:!0})},ra=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(w,{columns:t,data:[],isLoading:!0,emptyTableContent:"No data."})},sa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(w,{columns:t,data:[],isLoading:!1,emptyTableContent:"No data."})},oa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),r=c.useMemo(()=>[{name:"Name17",description:"Description17"},{name:"Name18",description:"Description18"},{name:"Name19",description:"Description19"},{name:"Name20",description:"Description20"},{name:"Name21",description:"Description21"},{name:"Name22",description:"Description22"}],[]);return e.jsx(w,{columns:t,data:r,emptyTableContent:"No data.",isSelectable:!0,initialState:{filters:[{id:"name",value:"1"}],selectedRowIds:{0:!0,1:!0,4:!0,5:!0}}})},la=()=>{const t=c.useRef(),[r,l]=c.useState([]),[i,n]=c.useState([]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description"}],[]),d=c.useMemo(()=>[{id:"1",name:"Row 1",description:"Description 1",subRows:[{id:"1.1",name:"Row 1.1",description:"Description 1.1",subRows:[]},{id:"1.2",name:"Row 1.2",description:"Description 1.2",subRows:[{id:"1.2.1",name:"Row 1.2.1",description:"Description 1.2.1",subRows:[]},{id:"1.2.2",name:"Row 1.2.2",description:"Description 1.2.2",subRows:[]},{id:"1.2.3",name:"Row 1.2.3",description:"Description 1.2.3",subRows:[]},{id:"1.2.4",name:"Row 1.2.4",description:"Description 1.2.4",subRows:[]}]},{id:"1.3",name:"Row 1.3",description:"Description 1.3",subRows:[]},{id:"1.4",name:"Row 1.4",description:"Description 1.4",subRows:[]}]},{id:"2",name:"Row 2",description:"Description 2",subRows:[{id:"2.1",name:"Row 2.1",description:"Description 2.1",subRows:[]},{id:"2.2",name:"Row 2.2",description:"Description 2.2",subRows:[]},{id:"2.3",name:"Row 2.3",description:"Description 2.3",subRows:[]}]},{id:"3",name:"Row 3",description:"Description 3",subRows:[]}],[]);return e.jsxs(e.Fragment,{children:[e.jsx(X,{label:"Control selected rows",style:{marginBottom:11},children:d.map((u,o)=>e.jsx(ee,{label:u.name,checked:r.some(m=>m.name===u.name),onChange:m=>{var p;(p=t.current)==null||p.toggleRowSelected(u.id,m.target.checked)}},o))}),e.jsx(X,{label:"Control expanded rows",style:{marginBottom:11},children:d.map((u,o)=>e.jsx(ee,{label:u.name,checked:i.some(m=>m.name===u.name),onChange:m=>{var p;(p=t.current)==null||p.toggleRowExpanded([u.id],m.target.checked)}},o))}),e.jsx(w,{columns:s,emptyTableContent:"No data.",stateReducer:a.useCallback((u,o,m,p)=>(t.current=p,u),[]),isSelectable:!0,onSelect:a.useCallback(u=>{l(u??[])},[]),onExpand:a.useCallback(u=>{n(u??[])},[]),getRowId:a.useCallback(u=>u.id,[]),data:d})]})},ca=()=>{const[t,r]=c.useState(0),[l,i]=c.useState({}),n=a.useCallback(p=>p.name==="Name2",[]),s=a.useCallback(p=>[e.jsx(L,{onClick:()=>p(),children:"Edit"},1),e.jsx(L,{onClick:()=>p(),children:"Delete"},2)],[]),d=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter(),disableToggleVisibility:!0},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()},{...Y({columnManager:!0}),Cell:()=>e.jsx(ie,{menuItems:s,onClick:p=>p.stopPropagation(),children:e.jsx(q,{styleType:"borderless",onClick:p=>p.stopPropagation(),"aria-label":"More options",children:e.jsx(te,{})})})}],[s]),u=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),o=a.useCallback(p=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:p.values},null,2)})})]}),[]),m=a.useCallback(p=>({onMouseEnter:()=>{console.log(`Hovered over ${p.original.name}`),r(p.index)},ref:h=>{h&&i(R=>(R[p.index]=h,R))}}),[]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{columns:d,data:u,emptyTableContent:"No data.",subComponent:o,isRowDisabled:n,rowProps:m,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0}),e.jsx(xe,{reference:l[t],content:`Hovered over ${u[t].name}.`,placement:"bottom"})]})},da=()=>{const t=a.useCallback((o,m="",p=0)=>{const h=m?`${m}.${o+1}`:`${o+1}`,R=o%4+1;return{product:`Product ${h}`,price:(o%10+1)*15,quantity:(o%10+1)*150,rating:R,deliveryTime:o%15+1,status:R>=4?"positive":R===3?"warning":"negative",subRows:p<2?Array(Math.round(o%5)).fill(null).map((F,g)=>t(g,h,p+1)):[]}},[]),r=c.useMemo(()=>Array(100).fill(null).map((o,m)=>t(m)),[t]),l=a.useCallback(o=>o.product.endsWith("3"),[]),i=a.useCallback(o=>[e.jsx(L,{onClick:()=>o(),children:"Edit"},1),e.jsx(L,{onClick:()=>o(),children:"Delete"},2)],[]),n=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",Filter:x.TextFilter(),disableToggleVisibility:!0,disableReordering:!0,width:200,sticky:"left"},{id:"price",Header:"Price",accessor:"price",width:200,Filter:x.NumberRangeFilter(),filter:"between",disableReordering:!0,sortType:"number",Cell:o=>e.jsxs(e.Fragment,{children:["$",o.value]}),sticky:"left"},{id:"quantity",Header:"Quantity",accessor:"quantity",Filter:x.NumberRangeFilter(),filter:"between",sortType:"number",width:400},{id:"rating",Header:"Rating",accessor:"rating",Filter:x.NumberRangeFilter(),filter:"between",sortType:"number",width:400,cellRenderer:o=>e.jsxs(A,{...o,status:o.cellProps.row.original.status,children:[o.cellProps.row.original.rating,"/5"]})},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",Filter:x.NumberRangeFilter(),filter:"between",sortType:"number",width:400,Cell:o=>e.jsxs(e.Fragment,{children:[o.value," day(s)"]})},{...Y({columnManager:!0}),Cell:o=>e.jsx(ie,{menuItems:i,onClick:m=>m.stopPropagation(),children:e.jsx(q,{styleType:"borderless",onClick:m=>m.stopPropagation(),"aria-label":"More options",disabled:l(o.row.original),children:e.jsx(te,{})})}),sticky:"right"}],[l,i]),s=a.useCallback(o=>({status:o.original.status}),[]),[d,u]=c.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",maxWidth:"1000px",gap:"8px"},children:[e.jsx(ae,{placeholder:"Search...",value:d,onInput:o=>u(o.target.value)}),e.jsx("div",{style:{height:"375px",maxHeight:"90vh"},children:e.jsx(w,{columns:n,emptyTableContent:"No data.",isRowDisabled:l,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0,data:r,style:{height:"100%"},enableVirtualization:!0,rowProps:s,globalFilterValue:d})})]})},Xe=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter({filter:"Localized filter",clear:"Localized clear"})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),r=(n,s)=>Array(s-n).fill(null).map((d,u)=>({name:`Name${n+u}`,description:`Description${n+u}`})),l=c.useMemo(()=>[50,100,150],[]),i=a.useCallback(n=>e.jsx(se,{...n,pageSizeList:l,localization:{pageSizeLabel:s=>`${s} per localized page`,rangeLabel:(s,d,u,o)=>o?`${s}-${d} localized`:`${s}-${d} of localized ${u}`,previousPage:"Previous localized page",nextPage:"Next localized page",goToPageLabel:s=>`Go to localized page ${s}`,rowsPerPageLabel:"Rows per localized page",rowsSelectedLabel:s=>`${s} localized ${s===1?"row":"rows"} selected`}}),[l]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No localized data.",isSelectable:!0,isSortable:!0,columns:t,data:r(0,100),pageSize:50,paginatorRenderer:i,style:{height:"100%"}})})};Xe.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const ua=()=>{const t=n=>console.log(n.row.original.name),r=a.useCallback((n,s)=>console.log(`Expanded rows: ${JSON.stringify(n)}. Table state: ${JSON.stringify(s)}`),[]),l=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>{const s=()=>t(n);return e.jsx(M,{as:"button",onClick:s,children:"Click me!"})}}],[]),i=[{name:"Row 1",description:"Description 1",subRows:[{name:"Row 1.1",description:"Description 1.1",subRows:[]},{name:"Row 1.2",description:"Description 1.2",subRows:[{name:"Row 1.2.1",description:"Description 1.2.1",subRows:[]},{name:"Row 1.2.2",description:"Description 1.2.2",subRows:[]},{name:"Row 1.2.3",description:"Description 1.2.3",subRows:[]},{name:"Row 1.2.4",description:"Description 1.2.4",subRows:[]}]},{name:"Row 1.3",description:"Description 1.3",subRows:[]},{name:"Row 1.4",description:"Description 1.4",subRows:[]}]},{name:"Row 2",description:"Description 2",subRows:[{name:"Row 2.1",description:"Description 2.1",subRows:[]},{name:"Row 2.2",description:"Description 2.2",subRows:[]},{name:"Row 2.3",description:"Description 2.3",subRows:[]}]},{name:"Row 3",description:"Description 3",subRows:[]}];return e.jsx(w,{isSelectable:!0,isSortable:!0,columns:l,data:i,emptyTableContent:"No data.",density:"condensed",onExpand:r})},ma=()=>{const[t,r]=c.useState(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Fetching..."}]),l=a.useCallback(d=>d.name==="Name2",[]),i=a.useCallback((d,u,o)=>{console.log({columnId:d,value:u,rowData:o}),r(m=>{const p=[...m],h=m.indexOf(o),R={...p[h]};return R[d]=u,p[h]=R,p})},[]),n=a.useCallback(d=>e.jsx(e.Fragment,{children:!l(d.cellProps.row.original)&&d.cellProps.value!=="Fetching..."?e.jsx(We,{...d,onCellEdit:i}):e.jsx(A,{...d})}),[l,i]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:n,Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",cellRenderer:n,Filter:x.TextFilter()}],[n]);return e.jsx(w,{emptyTableContent:"No data.",columns:s,data:t,isRowDisabled:l,isSortable:!0,isSelectable:!0,autoResetFilters:!1,autoResetSortBy:!1})},et=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],[]),r=a.useCallback((s,d="",u=0)=>{const o=d?`${d}.${s}`:`${s}`;return{name:`Name ${o}`,description:`Description ${o}`,subRows:u<2?Array(Math.round(s%5)).fill(null).map((m,p)=>r(p,o,u+1)):[]}},[]),l=c.useMemo(()=>Array(5005).fill(null).map((s,d)=>r(d)),[r]),i=c.useMemo(()=>[50,100,150],[]),n=a.useCallback(s=>e.jsx(se,{...s,pageSizeList:i}),[i]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,columns:t,data:l,pageSize:50,paginatorRenderer:n,style:{height:"100%"}})})};et.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const tt=()=>{const t=c.useMemo(()=>[50,100,150],[]),r=c.useMemo(()=>6e4,[]),[l,i]=c.useState(!1),[n,s]=c.useState(0),[d,u]=c.useState(t[0]),[o,m]=c.useState({name:"",description:""}),[p,h]=c.useState(void 0),[R,F]=c.useState(r),g=(S,f)=>Array(f-S).fill(null).map((H,v)=>p!==void 0&&!(o.name===""&&o.description==="")?p[v]:{name:`Name${S+v}`,description:`Description${S+v}`}),[b,C]=c.useState(()=>g(0,25)),N=c.useCallback((S,f)=>{let H=!1,v=!1;return(!f.name||f.name&&S.name.includes(f.name))&&(H=!0),(!f.description||f.description&&S.description.includes(f.description))&&(v=!0),H&&v},[]),D=c.useCallback(S=>{let f=0;const H=[];let v={name:"",description:""};do{do v={name:`Name${f}`,description:`Description${f}`},f++;while(!N(v,S)&&f{var f,H;m({name:((f=S.find(v=>v.id=="name"))==null?void 0:f.value)??"",description:((H=S.find(v=>v.id=="description"))==null?void 0:H.value)??""}),i(!0),C([]),s(0),setTimeout(()=>{var $,I;i(!1);const v=D({name:(($=S.find(E=>E.id==="name"))==null?void 0:$.value)??"",description:((I=S.find(E=>E.id==="description"))==null?void 0:I.value)??""});C(v.slice(0,d)),F(v.length)},500)},[d,D]),T=[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],k=a.useCallback(S=>e.jsx(se,{...S,onPageChange:f=>{i(!0),C([]),s(f),setTimeout(()=>{i(!1),p!==void 0&&!(o.name===""&&o.description==="")?C(p.slice(f*S.pageSize,(f+1)*S.pageSize)):C(g(f*S.pageSize,(f+1)*S.pageSize))},500)},onPageSizeChange:f=>{p!==void 0&&!(o.name===""&&o.description==="")?C(p.slice(n*f,(n+1)*f)):C(g(n*f,(n+1)*f)),u(f),S.onPageSizeChange(f)},pageSizeList:t,currentPage:n,isLoading:!1,totalRowsCount:R}),[n,t,R]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isLoading:l,columns:T,data:b,pageSize:25,paginatorRenderer:k,style:{height:"100%"},manualPagination:!0,onFilter:y,manualFilters:!0})})};tt.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const at=()=>{const t=c.useMemo(()=>100,[]),[r,l]=c.useState(!1),[i,n]=c.useState(""),[s,d]=c.useState(void 0),u=(g,b)=>Array(b-g).fill(null).map((C,N)=>s!==void 0&&!i?s[N]:{name:`Name${g+N}`,description:`Description${g+N}`}),[o,m]=c.useState(()=>u(0,100)),p=c.useCallback((g,b)=>!!(!b.name||b.name&&g.name.includes(b.name)),[]),h=c.useCallback(g=>{let b=0;const C=[];let N={name:"",description:""};do{do N={name:`Name${b}`,description:`Description${b}`},b++;while(!p(N,g)&&b{const g=(b,C)=>{n(b?C:""),l(!0),m([]),setTimeout(()=>{l(!1);const N=h({name:b?C:"",description:""});m(N.slice(0,t))},500)};return e.jsxs(K,{style:{alignItems:"flex-start"},children:[e.jsx(V,{label:"Contains '3'",onChange:({target:{value:b}})=>{g(b==="on","3")},checked:i==="3",autoFocus:i==="3"}),e.jsx(V,{label:"Contains '5'",onChange:({target:{value:b}})=>{g(b==="on","5")},checked:i==="5",autoFocus:i==="5"}),e.jsx(V,{label:"Contains '7'",onChange:({target:{value:b}})=>{g(b==="on","7")},checked:i==="7",autoFocus:i==="7"}),e.jsx(V,{label:"No filter",onChange:({target:{value:b}})=>{g(b==="on","")},checked:i==="",autoFocus:i===""})]})}},{id:"description",Header:"Description",accessor:"description",maxWidth:200}];return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isLoading:r,columns:F,data:o,pageSize:100,style:{height:"100%"},manualPagination:!0,manualFilters:!0})})};at.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const pa=()=>{const t=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",width:80,disableResizing:!0},{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",fieldType:"text",minWidth:100},{id:"id",Header:"ID",accessor:"id",width:100,disableResizing:!0},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:n=>e.jsx(e.Fragment,{children:n.row.original.startDate.toLocaleDateString("en-US")}),width:100,disableResizing:!0},{id:"endDate",Header:"End date",Cell:n=>e.jsx(e.Fragment,{children:n.row.original.endDate.toLocaleDateString("en-US")}),maxWidth:200}],[]),r=c.useMemo(()=>[{index:1,name:"Name1",description:"Description1",id:"111",startDate:new Date("May 1, 2021"),endDate:new Date("Jun 1, 2021")},{index:2,name:"Name2",description:"Description2",id:"222",startDate:new Date("May 2, 2021"),endDate:new Date("Jun 2, 2021")},{index:3,name:"Name3",description:"Description3",id:"333",startDate:new Date("May 3, 2021"),endDate:new Date("Jun 3, 2021")}],[]),[l,i]=c.useState("fit");return e.jsxs(e.Fragment,{children:[e.jsxs(X,{label:"Resize mode",displayStyle:"inline",children:[e.jsx(V,{name:"choice",value:"fit",onChange:()=>i("fit"),label:"fit",checked:l==="fit"}),e.jsx(V,{name:"choice",value:"expand",onChange:()=>i("expand"),label:"expand",checked:l==="expand"})]}),e.jsx(w,{columns:t,data:r,emptyTableContent:"No data.",isResizable:!0,isSortable:!0,columnResizeMode:l})]})},ga=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],[]),r=a.useCallback((i,n="",s=0)=>{const d=n?`${n}.${i}`:`${i}`;return{name:`Name ${d}`,description:`Description ${d}`,subRows:s<2?Array(Math.round(i%5)).fill(null).map((u,o)=>r(o,d,s+1)):[]}},[]),l=c.useMemo(()=>Array(10).fill(null).map((i,n)=>r(n)),[r]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,styleType:"zebra-rows",columns:t,data:l,style:{height:"100%"}})})},it=()=>{const t=c.useMemo(()=>[{product:"Product 1",price:5,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 2",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 3",price:2.99,quantity:1500,rating:"3/5",deliveryTime:7},{product:"Product 4",price:20,quantity:50,rating:"4/5",deliveryTime:2},{product:"Product 5",price:1.99,quantity:700,rating:"5/5",deliveryTime:1},{product:"Product 6",price:499,quantity:30,rating:"5/5",deliveryTime:20},{product:"Product 7",price:13.99,quantity:130,rating:"1/5",deliveryTime:30},{product:"Product 8",price:5.99,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 9",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 10",price:2.99,quantity:200,rating:"3/5",deliveryTime:17}],[]),r=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",minWidth:400},{id:"price",Header:"Price",accessor:"price",width:400,Cell:l=>e.jsx(e.Fragment,{children:`$${l.value}`})},{id:"quantity",Header:"Quantity",accessor:"quantity",width:400},{id:"rating",Header:"Rating",accessor:"rating",width:400},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",width:400,Cell:l=>e.jsx(e.Fragment,{children:`${l.value} day(s)`})}],[]);return e.jsx(w,{columns:r,data:t,emptyTableContent:"No data.",style:{height:"100%"}})};it.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const ba=()=>{const t=i=>console.log(i.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description"},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(M,{as:"button",onClick:n,children:"Click me!"})}}],[]),l=c.useMemo(()=>{const n=new Array(1e5);for(let s=0;s<1e5;++s)n[s]={name:`Name${s}`,description:`Description${s}`};return n},[]);return e.jsx(w,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:l})},ha=()=>{const t=c.useCallback(i=>console.log(i.row.original.name),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",Filter:x.TextFilter()},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(M,{as:"button",onClick:n,children:"Click me!"})}}],[t]),l=c.useMemo(()=>{const n=new Array(1e5);for(let s=0;s<1e5;++s)n[s]={id:s.toString(),name:`Name${s}${s===12345?" - Scrolled to me!":""}`,description:`Description${s}${s===12345?" - Scrolled to me!":""}`};return n},[]);return e.jsx(w,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",isSortable:!0,style:{maxHeight:"90vh"},data:l,scrollToRow:c.useCallback((i,n)=>i.findIndex(s=>s.original.id===n[12345].id),[])})},ya=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],[]),r=a.useCallback((i,n="",s=0)=>{const d=n?`${n}.${i}`:`${i}`;return{name:`Name ${d}`,description:`Description ${d}`,subRows:s<2?Array(Math.round(i%5)).fill(null).map((u,o)=>r(o,d,s+1)):[]}},[]),l=c.useMemo(()=>Array(1e4).fill(null).map((i,n)=>r(n)),[r]);return e.jsx(w,{enableVirtualization:!0,columns:t,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:l})},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}],[]),r=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",disableReordering:!0},{id:"price",Header:"Price",accessor:"price",Cell:l=>e.jsx(e.Fragment,{children:`$${l.value}`})},{id:"quantity",Header:"Quantity",accessor:"quantity"},{id:"rating",Header:"Rating",accessor:"rating"},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",Cell:l=>e.jsx(e.Fragment,{children:`${l.value} day(s)`})}],[]);return e.jsx(w,{enableColumnReordering:!0,columns:r,data:t,emptyTableContent:"No data.",isSelectable:!0})},fa=()=>{const t=a.useCallback((o,m)=>console.log(`Expanded rows: ${JSON.stringify(o)}. Table state: ${JSON.stringify(m)}`),[]),r=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"},{name:"Name4",description:"Description4"}],[]),l=a.useCallback(o=>o.name==="Name1",[]),i=a.useCallback(o=>o.name==="Name2",[]),n=a.useCallback(o=>o.name==="Name3",[]),s=a.useCallback(o=>o.name==="Name4",[]),d=a.useCallback(o=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:o.values},null,2)})})]}),[]),u=c.useMemo(()=>[Fe({isDisabled:l}),Te({subComponent:d,isDisabled:i}),{id:"name",Header:"Name",accessor:"name",cellRenderer:o=>e.jsx(A,{...o,isDisabled:m=>n(m)||s(m)})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[l,d,i,n,s]);return e.jsx(w,{columns:u,data:r,emptyTableContent:"No data.",subComponent:d,onExpand:t,isSelectable:!0,isRowDisabled:s,rowProps:({index:o})=>({onClick:m=>o===0&&m.preventDefault()})})},wa=()=>{const t=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",disableToggleVisibility:!0},{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",fieldType:"text"},{id:"id",Header:"ID",accessor:"id"},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:l=>e.jsx(e.Fragment,{children:l.row.original.startDate.toLocaleDateString("en-US")})},{id:"endDate",Header:"End date",accessor:"endDate",Cell:l=>e.jsx(e.Fragment,{children:l.row.original.endDate.toLocaleDateString("en-US")})},{id:"Price",Header:"Price",accessor:"price"},{id:"Color",Header:"Color",accessor:"color"},{id:"# in stock",Header:"# in stock",accessor:"stock"},{id:"Rating",Header:"Rating",accessor:"rating"},{id:"Location",Header:"Location",accessor:"location"},Y({columnManager:!0})],[]),r=c.useMemo(()=>[{index:1,name:"Name1",description:"Description1",id:"111",startDate:new Date("May 1, 2021"),endDate:new Date("Jun 1, 2021"),price:"$1.00",color:"Red",stock:10,rating:"5/5",location:"Philadelphia, Pennsylvania"},{index:2,name:"Name2",description:"Description2",id:"222",startDate:new Date("May 2, 2021"),endDate:new Date("Jun 2, 2021"),price:"$2.00",color:"Green",stock:20,rating:"4/5",location:"Philadelphia, Pennsylvania"},{index:3,name:"Name3",description:"Description3",id:"333",startDate:new Date("May 3, 2021"),endDate:new Date("Jun 3, 2021"),price:"$3.00",color:"Green",stock:30,rating:"3/5",location:"Philadelphia, Pennsylvania"},{index:4,name:"Name4",description:"Description4",id:"444",startDate:new Date("May 4, 2021"),endDate:new Date("Jun 4, 2021"),price:"$4.00",color:"Yellow",stock:40,rating:"2/5",location:"Philadelphia, Pennsylvania"},{index:5,name:"Name5",description:"Description5",id:"555",startDate:new Date("May 5, 2021"),endDate:new Date("Jun 5, 2021"),price:"$5.00",color:"Purple",stock:50,rating:"1/5",location:"Philadelphia, Pennsylvania"}],[]);return e.jsx(w,{isSelectable:!0,columns:t,data:r,emptyTableContent:"No data."})},nt=()=>{const t=c.useMemo(()=>[{product:"Product 1",price:5,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 2",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 3",price:2.99,quantity:1500,rating:"3/5",deliveryTime:7},{product:"Product 4",price:20,quantity:50,rating:"4/5",deliveryTime:2},{product:"Product 5",price:1.99,quantity:700,rating:"5/5",deliveryTime:1},{product:"Product 6",price:499,quantity:30,rating:"5/5",deliveryTime:20},{product:"Product 7",price:13.99,quantity:130,rating:"1/5",deliveryTime:30},{product:"Product 8",price:5.99,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 9",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 10",price:2.99,quantity:200,rating:"3/5",deliveryTime:17}],[]),r=a.useCallback(i=>[e.jsx(L,{onClick:()=>i(),children:"Edit"},1),e.jsx(L,{onClick:()=>i(),children:"Delete"},2)],[]),l=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",minWidth:150,sticky:"left"},{id:"price",Header:"Price",accessor:"price",width:150,Cell:i=>e.jsxs(e.Fragment,{children:["$",i.value]}),sticky:"left"},{id:"quantity",Header:"Quantity",accessor:"quantity",width:400},{id:"rating",Header:"Rating",accessor:"rating",width:400},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",width:400,Cell:i=>e.jsxs(e.Fragment,{children:[i.value," day(s)"]})},{...Y({columnManager:!0}),Cell:()=>e.jsx(ie,{menuItems:r,onClick:i=>i.stopPropagation(),children:e.jsx(q,{styleType:"borderless",onClick:i=>i.stopPropagation(),"aria-label":"More options",children:e.jsx(te,{})})}),sticky:"right"}],[r]);return e.jsx(w,{columns:l,data:t,emptyTableContent:"No data.",style:{height:"100%"},isResizable:!0})};nt.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const xa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:i=>e.jsx(A,{...i,startIcon:i.cellProps.row.original.startIcon,endIcon:i.cellProps.row.original.isLoading?e.jsx(ne,{value:40,size:"small"}):i.cellProps.row.original.endIcon})},{id:"modified",Header:"Modified",accessor:"modified",maxWidth:200,cellRenderer:i=>e.jsx(A,{...i,status:i.cellProps.row.original.status})},{id:"size",Header:"Size",maxWidth:200,accessor:"size"}],[]),r=c.useMemo(()=>[{name:"alfa.mp3",modified:"Just now",size:"76 KB",isLoading:!0},{name:"beta.mp3",modified:"Just now",size:"15 KB",startIcon:e.jsx(Ue,{fill:"#66c6ff"})},{name:"gamma.pdf",modified:"A few moments ago",size:"9 MB",startIcon:e.jsx(U,{fill:"#dd3e39"}),endIcon:e.jsx(Ce,{}),status:"positive"},{name:"delta.jpg",modified:"A few moments ago",size:"963 MB",startIcon:e.jsx(U,{fill:"#7957a3"}),endIcon:e.jsx(Se,{}),status:"warning"},{name:"theta.dgn",modified:"A few moments ago",size:"64 KB",startIcon:e.jsx(U,{fill:"#d16c00"}),endIcon:e.jsx(Re,{}),status:"negative"}],[]),l=a.useCallback(i=>({status:i.original.status,isLoading:i.original.isLoading}),[]);return e.jsx(w,{columns:t,data:r,emptyTableContent:"No data.",selectionMode:"multi",isSelectable:!0,rowProps:l})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Yt as Basic,wa as ColumnManager,ua as Condensed,la as ControlledState,at as CustomFilter,fa as CustomizedColumns,na as DisabledRows,Da as DraggableColumns,ma as Editable,ea as Expandable,ta as ExpandableSubrows,Ut as Filters,ca as Full,da as Full2,Xt as GlobalFilter,it as HorizontalScroll,oa as InitialState,aa as LazyLoading,ra as Loading,Xe as Localized,sa as NoData,pa as ResizableColumns,ia as RowInViewport,ha as ScrollToRow,Zt as SelectableMulti,Kt as SelectableSingle,Qt as Sortable,xa as StatusAndCellIcons,nt as StickyColumns,ba as Virtualized,ya as VirtualizedSubRows,tt as WithManualPaginatorAndFilter,et as WithPaginator,ga as ZebraStripedRows,Gt as default}; diff --git a/2298/react/assets/Tabs.stories-ry7s6Pkn.js b/2298/react/assets/Tabs.stories-ry7s6Pkn.js new file mode 100644 index 00000000000..f46c87c98f0 --- /dev/null +++ b/2298/react/assets/Tabs.stories-ry7s6Pkn.js @@ -0,0 +1,28 @@ +import{r,t as $,l as J,B as I,c as C,u as z,a3 as Q,e as O,n as X,d as M,h as ee,m as V,p as ae,j as e}from"./index-DhFzuRA5.js";import{S as T}from"./Star-Bf5zKyvt.js";import{I as te}from"./Icon-Cr7ytm57.js";import{u as re}from"./useContainerWidth-BcbCx7FW.js";import{B as b}from"./Button-_m-IOzlX.js";import"./ProgressRadial-JDu8zAlM.js";let D=r.forwardRef((t,s)=>{let{className:n,children:i,orientation:l="horizontal",type:c="default",focusActivationMode:h="auto",color:o="blue",defaultValue:g,value:m,onValueChange:j,...x}=t,[A,E]=$(g,m,j),[N,v]=r.useState({}),[p,y]=r.useState(!1),R=J();return r.createElement(I,{className:C("iui-tabs-wrapper",`iui-${l}`,n),...x,style:{...N,...t==null?void 0:t.style},ref:s},r.createElement(k.Provider,{value:{orientation:l,type:c,activeValue:A,setActiveValue:E,setStripeProperties:v,idPrefix:R,focusActivationMode:h,hasSublabel:p,setHasSublabel:y,color:o}},i))}),W=r.forwardRef((t,s)=>{let{className:n,children:i,...l}=t,{type:c,hasSublabel:h,color:o}=z(k),g=Q(),m=r.useRef(null),[j,x]=re(c!=="default"),A=O(s,m,j,ie());return r.createElement(I,{className:C("iui-tabs",`iui-${c}`,{"iui-green":o==="green","iui-animated":c!=="default"&&g,"iui-not-animated":c!=="default"&&!g,"iui-large":h},n),role:"tablist",ref:A,...l},r.createElement(Z.Provider,{value:{tabsWidth:x,tablistRef:m}},i))}),B=r.forwardRef((t,s)=>{let{className:n,children:i,value:l,label:c,...h}=t,{orientation:o,activeValue:g,setActiveValue:m,type:j,setStripeProperties:x,idPrefix:A,focusActivationMode:E}=z(k),{tabsWidth:N,tablistRef:v}=z(Z),p=r.useRef(),y=g===l,R=X(y);M(()=>{var u,d,f;R.current&&((f=(u=p.current)==null?void 0:u.parentElement)==null||f.scrollTo({[o==="horizontal"?"left":"top"]:((d=p.current)==null?void 0:d[o==="horizontal"?"offsetLeft":"offsetTop"])-4,behavior:"instant"}))},[R,o]),M(()=>{j!=="default"&&y&&(()=>{var S,P;let d=(S=p.current)==null?void 0:S.getBoundingClientRect(),f=(P=v.current)==null?void 0:P.getBoundingClientRect(),w=d!=null&&f!=null?{horizontal:d.x-f.x,vertical:d.y-f.y}:{horizontal:0,vertical:0};x({"--iui-tabs-stripe-size":o==="horizontal"?`${d==null?void 0:d.width}px`:`${d==null?void 0:d.height}px`,"--iui-tabs-stripe-position":o==="horizontal"?`${w.horizontal}px`:`${w.vertical}px`})})()},[j,o,y,N,x,v]);let _=u=>{var S,P,G;if(u.altKey)return;let d=Array.from(((S=u.currentTarget.parentElement)==null?void 0:S.children)??[]),f=((P=p.current)==null?void 0:P.nextElementSibling)??d.at(0),w=((G=p.current)==null?void 0:G.previousElementSibling)??d.at(-1);switch(u.key){case"ArrowDown":o==="vertical"&&(f==null||f.focus(),u.preventDefault());break;case"ArrowRight":o==="horizontal"&&(f==null||f.focus(),u.preventDefault());break;case"ArrowUp":o==="vertical"&&(w==null||w.focus(),u.preventDefault());break;case"ArrowLeft":o==="horizontal"&&(w==null||w.focus(),u.preventDefault());break}},q=r.useCallback(u=>{g===void 0&&u!=null&&u.matches(":first-of-type")&&m(l)},[g,m,l]);return r.createElement(ee,{className:C("iui-tab",n),role:"tab",tabIndex:y?0:-1,"aria-selected":y,"aria-controls":`${A}-panel-${l.replaceAll(" ","-")}`,ref:O(p,s,q),...h,id:`${A}-tab-${l.replaceAll(" ","-")}`,onClick:V(t.onClick,()=>m(l)),onKeyDown:V(t.onKeyDown,_),onFocus:V(t.onFocus,()=>{var u;(u=p.current)==null||u.scrollIntoView({block:"nearest",inline:"nearest"}),E==="auto"&&!t.disabled&&m(l)})},c?r.createElement(a.TabLabel,null,c):i)}),H=r.forwardRef((t,s)=>r.createElement(te,{...t,className:C("iui-tab-icon",t==null?void 0:t.className),ref:s})),F=ae.span("iui-tab-label"),K=r.forwardRef((t,s)=>{let{className:n,children:i,...l}=t,{hasSublabel:c,setHasSublabel:h}=z(k);return M(()=>{c||h(!0)},[c,h]),r.createElement(I,{as:"span",className:C("iui-tab-description",n),ref:s,...l},i)}),U=r.forwardRef((t,s)=>{let{wrapperProps:n,className:i,children:l,...c}=t;return r.createElement(I,{...n,className:C("iui-tabs-actions-wrapper",n==null?void 0:n.className)},r.createElement(I,{className:C("iui-tabs-actions",i),ref:s,...c},l))}),Y=r.forwardRef((t,s)=>{let{value:n,className:i,children:l,...c}=t,{activeValue:h,idPrefix:o}=z(k);return r.createElement(I,{className:C("iui-tabs-content",i),"aria-labelledby":`${o}-tab-${n.replaceAll(" ","-")}`,role:"tabpanel",hidden:h!==n||void 0,ref:s,...c,id:`${o}-panel-${n.replaceAll(" ","-")}`},l)}),ne=r.forwardRef((t,s)=>{let n;t.type!=="pill"&&t.actions&&(n=t.actions,t={...t},delete t.actions);let{labels:i,onTabSelected:l,focusActivationMode:c,color:h,activeIndex:o,tabsClassName:g,contentClassName:m,wrapperClassName:j,children:x,...A}=t,[E,N]=$(0,o,l);return r.createElement(D,{className:j,focusActivationMode:c,color:h,value:`${E}`,onValueChange:v=>N(Number(v)),...A},r.createElement(W,{className:g,ref:s},i.map((v,p)=>{let y=`${p}`;return r.isValidElement(v)?r.cloneElement(v,{value:y}):r.createElement(L,{key:p,value:y,label:v})})),n&&r.createElement(U,null,n),x&&r.createElement(Y,{value:`${E}`,className:m},x))}),L=r.forwardRef((t,s)=>{let{label:n,sublabel:i,startIcon:l,children:c,value:h,...o}=t;return r.createElement(r.Fragment,null,r.createElement(B,{...o,value:h,ref:s},l&&r.createElement(H,null,l),r.createElement(F,null,n),i&&r.createElement(K,null,i),c))});const a=Object.assign(ne,{Wrapper:D,TabList:W,Tab:B,TabIcon:H,TabLabel:F,TabDescription:K,Actions:U,Panel:Y});let k=r.createContext(void 0),Z=r.createContext(void 0),ie=()=>r.useCallback(t=>{t&&t.scrollHeight>t.clientHeight&&(t.style.scrollbarGutter="stable",CSS.supports("scrollbar-gutter: stable")||(t.style.overflowY="scroll"))},[]);const he={title:"Tabs"},fe=()=>e.jsxs(a.Wrapper,{children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{label:"Apple",value:"apple"}),e.jsx(a.Tab,{label:"Orange",value:"orange"}),e.jsx(a.Tab,{label:"Grape",value:"grape"})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),pe=()=>e.jsxs(a.Wrapper,{type:"borderless",children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{value:"pear",label:"Pear"}),e.jsx(a.Tab,{value:"cherry",label:"Cherry"}),e.jsx(a.Tab,{value:"peach",label:"Peach"})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"pear",children:"Pears are fruits produced and consumed around the world, growing on a tree and harvested in late summer into mid-autumn. The pear tree and shrub are a species of genus Pyrus, in the family Rosaceae, bearing the pomaceous fruit of the same name. Several species of pears are valued for their edible fruit and juices, while others are cultivated as trees."}),e.jsx(a.Panel,{value:"cherry",children:`A cherry is the fruit of many plants of the genus Prunus, and is a + fleshy drupe (stone fruit). Commercial cherries are obtained from + cultivars of several species, such as the sweet Prunus avium and the + sour Prunus cerasus. The name "cherry" also refers to the cherry tree + and its wood, and is sometimes applied to almonds and visually similar + flowering trees in the genus Prunus, as in "ornamental cherry" or + "cherry blossom". Wild cherry may refer to any of the cherry species + growing outside cultivation, although Prunus avium is often referred to + specifically by the name "wild cherry" in the British Isles.`}),e.jsx(a.Panel,{value:"peach",children:"The peach (Prunus persica) is a deciduous tree first domesticated and cultivated in Zhejiang province of Eastern China. It bears edible juicy fruits with various characteristics, most called peaches and others (the glossy-skinned, non-fuzzy varieties), nectarines."})]}),be=()=>e.jsxs(a.Wrapper,{type:"pill",children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{value:"apple",children:e.jsx(a.TabIcon,{children:e.jsx(T,{})})}),e.jsx(a.Tab,{value:"orange",children:e.jsx(a.TabIcon,{children:e.jsx(T,{})})}),e.jsx(a.Tab,{value:"grape",children:e.jsx(a.TabIcon,{children:e.jsx(T,{})})})]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),me=()=>e.jsxs(a.Wrapper,{type:"borderless",children:[e.jsxs(a.TabList,{children:[e.jsxs(a.Tab,{value:"apple",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Apple"}),e.jsx(a.TabDescription,{children:"Red fruit"})]}),e.jsxs(a.Tab,{value:"orange",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Orange"}),e.jsx(a.TabDescription,{children:"Orange fruit"})]}),e.jsxs(a.Tab,{value:"grape",disabled:!0,children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Grape"}),e.jsx(a.TabDescription,{children:"Green fruit"})]})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),ge=()=>{const[t,s]=r.useState("Item 11"),n=[{name:"Item 1",content:"Tab Content One",disabled:!1},{name:"Item 2",content:"Tab Content Two",disabled:!1},{name:"Item 3",content:"Tab Content Three",disabled:!1},{name:"Item 4",content:"Tab Content Four",disabled:!1},{name:"Item 5",content:"Tab Content Five",disabled:!1},{name:"Item 6",content:"Tab Content Six",disabled:!0},{name:"Item 7",content:"Tab Content Seven",disabled:!1},{name:"Item 8",content:"Tab Content Eight",disabled:!1},{name:"Item 9",content:"Tab Content Nine",disabled:!0},{name:"Item 10",content:"Tab Content Ten",disabled:!1},{name:"Item 11",content:"Tab Content Eleven",disabled:!1},{name:"Item 12",content:"Tab Content Twelve",disabled:!1},{name:"Very long item number thirteen",content:"Tab Content Thirteen",disabled:!1}];return e.jsx("div",{style:{width:"60%",maxWidth:800,minWidth:250,border:"1px solid lightpink",padding:8},children:e.jsxs(a.Wrapper,{value:t,onValueChange:s,children:[e.jsx(a.TabList,{children:n==null?void 0:n.map(i=>e.jsx(a.Tab,{value:i.name,disabled:i.disabled,label:i.name},i.name))}),e.jsx(a.Actions,{children:e.jsx(b,{children:"Button"},"button")}),n.map(i=>e.jsx(a.Panel,{value:i.name,children:i.content},i.name))]})})},ve=()=>{const[t,s]=r.useState("Item 11"),n=[{name:"Item 1",content:"Tab Content One",disabled:!1},{name:"Item 2",content:"Tab Content Two",disabled:!1},{name:"Item 3",content:"Tab Content Three",disabled:!1},{name:"Item 4",content:"Tab Content Four",disabled:!1},{name:"Item 5",content:"Tab Content Five",disabled:!1},{name:"Item 6",content:"Tab Content Six",disabled:!0},{name:"Item 7",content:"Tab Content Seven",disabled:!1},{name:"Item 8",content:"Tab Content Eight",disabled:!1},{name:"Item 9",content:"Tab Content Nine",disabled:!0},{name:"Item 10",content:"Tab Content Ten",disabled:!1},{name:"Item 11",content:"Tab Content Eleven",disabled:!1},{name:"Item 12",content:"Tab Content Twelve",disabled:!1},{name:"Very long item number thirteen",content:"Tab Content Thirteen",disabled:!1}];return e.jsx("div",{style:{height:"50vh",maxHeight:400,minHeight:100,border:"1px solid lightpink",padding:8},children:e.jsxs(a.Wrapper,{orientation:"vertical",value:t,onValueChange:s,children:[e.jsx(a.TabList,{children:n==null?void 0:n.map(i=>e.jsx(a.Tab,{value:i.name,disabled:i.disabled,label:i.name},i.name))}),e.jsx(a.Actions,{children:e.jsx(b,{children:"Button"},"button")}),n.map(i=>e.jsx(a.Panel,{value:i.name,children:i.content},i.name))]})})},ye=()=>e.jsxs(a.Wrapper,{orientation:"vertical",type:"borderless",children:[e.jsxs(a.TabList,{children:[e.jsxs(a.Tab,{value:"apple",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Apple"}),e.jsx(a.TabDescription,{children:"Red fruit"})]}),e.jsxs(a.Tab,{value:"orange",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Orange"}),e.jsx(a.TabDescription,{children:"Orange fruit"})]}),e.jsxs(a.Tab,{value:"grape",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Grape"}),e.jsx(a.TabDescription,{children:"Green fruit"})]})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),xe=()=>{const[t,s]=r.useState(0),n=()=>{switch(t){case 0:return`An apple is a round, edible fruit produced by an apple tree (Malus + domestica). Apple trees are cultivated worldwide and are the most widely + grown species in the genus Malus. The tree originated in Central Asia, + where its wild ancestor, Malus sieversii, is still found. Apples have + been grown for thousands of years in Asia and Europe and were introduced + to North America by European colonists. Apples have religious and + mythological significance in many cultures, including Norse, Greek, and + European Christian tradition.`;case 1:return`An orange is a fruit of various citrus species in the family Rutaceae + (see list of plants known as orange); it primarily refers to Citrus x + sinensis, which is also called sweet orange, to distinguish it from the + related Citrus x aurantium, referred to as bitter orange. The sweet + orange reproduces asexually (apomixis through nucellar embryony); + varieties of the sweet orange arise through mutations.`;default:return`A grape is a fruit, botanically a berry, of the deciduous woody vines of + the flowering plant genus Vitis. Grapes are a non-climacteric type of + fruit, generally occurring in clusters. The cultivation of grapes began + perhaps 8,000 years ago, and the fruit has been used as human food over + history. Eaten fresh or in dried form (as raisins, currants and + sultanas), grapes also hold cultural significance in many parts of the + world, particularly for their role in winemaking. Other grape-derived + products include various types of jam, juice, vinegar and oil.`}};return e.jsx(a,{labels:[e.jsx(L,{label:"Apple"},1),e.jsx(L,{label:"Orange"},2),e.jsx(L,{label:"Grape"},3)],activeIndex:t,onTabSelected:s,actions:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")],children:n()})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{pe as BorderlessTabs,fe as DefaultTabs,ge as HorizontalOverflow,xe as LegacyTabs,be as PillTabs,me as SublabelsAndIcons,ye as Vertical,ve as VerticalOverflow,he as default}; diff --git a/2298/react/assets/Tag-BaQiyr47.js b/2298/react/assets/Tag-BaQiyr47.js new file mode 100644 index 00000000000..90a07f49fdb --- /dev/null +++ b/2298/react/assets/Tag-BaQiyr47.js @@ -0,0 +1 @@ +import{r as a,B as r,h as g,c as n,I as k,a as N}from"./index-DhFzuRA5.js";import{L as b,a as p}from"./LinkAction-DYlAaokJ.js";const C=a.forwardRef((m,u)=>{let{className:d,variant:i="default",children:o,onRemove:c,onClick:e,labelProps:s,removeButtonProps:t,...f}=m,l=!!e&&!!c;return a.createElement(r,{as:l?b:e?g:"span",className:n({"iui-tag-basic":i==="basic","iui-tag":i==="default"},d),ref:u,onClick:l?void 0:e,...f},i==="default"?a.createElement(r,{as:l?p:"span",onClick:l?e:void 0,...s,className:n("iui-tag-label",s==null?void 0:s.className)},o):o,c&&a.createElement(k,{styleType:"borderless",size:"small",onClick:c,"aria-label":"Delete tag",...t,className:n("iui-tag-button",t==null?void 0:t.className)},a.createElement(N,{"aria-hidden":!0})))});export{C as T}; diff --git a/2298/react/assets/Tag.stories-D4rNsqOy.js b/2298/react/assets/Tag.stories-D4rNsqOy.js new file mode 100644 index 00000000000..40a6d37b429 --- /dev/null +++ b/2298/react/assets/Tag.stories-D4rNsqOy.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{T as o}from"./Tag-BaQiyr47.js";import"./LinkAction-DYlAaokJ.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/2298/react/assets/TagContainer-CbYKOKAx.js b/2298/react/assets/TagContainer-CbYKOKAx.js new file mode 100644 index 00000000000..dc3549d16e4 --- /dev/null +++ b/2298/react/assets/TagContainer-CbYKOKAx.js @@ -0,0 +1 @@ +import{r,B as c,c as l}from"./index-DhFzuRA5.js";const m=r.forwardRef((a,o)=>{let{className:n,children:t,overflow:e,background:i="none",...s}=a;return r.createElement(c,{className:l("iui-tag-container",{[`iui-${e}`]:!!e,"iui-visible":i!=="none"},n),ref:o,...s},t)});export{m as T}; diff --git a/2298/react/assets/TagContainer.stories-CXFQ8YqL.js b/2298/react/assets/TagContainer.stories-CXFQ8YqL.js new file mode 100644 index 00000000000..51d922f1f68 --- /dev/null +++ b/2298/react/assets/TagContainer.stories-CXFQ8YqL.js @@ -0,0 +1 @@ +import{j as a}from"./index-DhFzuRA5.js";import{T as r}from"./TagContainer-CbYKOKAx.js";import{T as n}from"./Tag-BaQiyr47.js";import"./LinkAction-DYlAaokJ.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/2298/react/assets/Text-sFYhh81u.js b/2298/react/assets/Text-sFYhh81u.js new file mode 100644 index 00000000000..23017956c43 --- /dev/null +++ b/2298/react/assets/Text-sFYhh81u.js @@ -0,0 +1 @@ +import{r as e,B as c,c as x}from"./index-DhFzuRA5.js";const d=e.forwardRef((a,r)=>{let{variant:t="body",className:s,isMuted:o=!1,isSkeleton:i=!1,...l}=a;return e.createElement(n.Provider,{value:!0},e.createElement(c,{className:x({[`iui-text-${t}`]:t!=="body","iui-text-block":t==="body","iui-text-muted":o,"iui-skeleton":i},s),ref:r,...l}))}),n=e.createContext(!1);export{d as T,n as a}; diff --git a/2298/react/assets/Text.stories-DmDyR9gp.js b/2298/react/assets/Text.stories-DmDyR9gp.js new file mode 100644 index 00000000000..f854afdb670 --- /dev/null +++ b/2298/react/assets/Text.stories-DmDyR9gp.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{T as t}from"./Text-sFYhh81u.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/2298/react/assets/Textarea-jz-XhrTC.js b/2298/react/assets/Textarea-jz-XhrTC.js new file mode 100644 index 00000000000..ca8343bb2e9 --- /dev/null +++ b/2298/react/assets/Textarea-jz-XhrTC.js @@ -0,0 +1 @@ +import{r}from"./index-DhFzuRA5.js";import{I as a}from"./Input-DfkpvfT2.js";const f=r.forwardRef((e,t)=>r.createElement(a,{as:"textarea",rows:3,ref:t,...e}));export{f as T}; diff --git a/2298/react/assets/Textarea.stories-BuPcLmw1.js b/2298/react/assets/Textarea.stories-BuPcLmw1.js new file mode 100644 index 00000000000..f03a63b17ca --- /dev/null +++ b/2298/react/assets/Textarea.stories-BuPcLmw1.js @@ -0,0 +1 @@ +import{j as e}from"./index-DhFzuRA5.js";import{T as t}from"./Textarea-jz-XhrTC.js";import"./Input-DfkpvfT2.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/2298/react/assets/Tile.stories-UcEcaT_C.js b/2298/react/assets/Tile.stories-UcEcaT_C.js new file mode 100644 index 00000000000..022fc0ee8b6 --- /dev/null +++ b/2298/react/assets/Tile.stories-UcEcaT_C.js @@ -0,0 +1 @@ +import{r as t,o as B,B as T,c as f,u as y,p,I as L,S as Y,j as e}from"./index-DhFzuRA5.js";import{S as Z}from"./Folder-DEKFwcsl.js";import{S as ee}from"./Star-Bf5zKyvt.js";import{D as ie}from"./DropdownMenu-DRhN05WH.js";import{P as te}from"./ProgressRadial-JDu8zAlM.js";import{a as ne}from"./LinkAction-DYlAaokJ.js";import{s as le}from"./supports-D6yRdPD6.js";import{S as ae}from"./SvgCheckmark-Dp--w9xe.js";import{B as k}from"./Badge-C3tvc-la.js";import{M as o}from"./MenuItem-DISbthDF.js";import{T as C}from"./TagContainer-CbYKOKAx.js";import{T as j}from"./Tag-BaQiyr47.js";import{B as I}from"./Button-_m-IOzlX.js";import{A as re}from"./Avatar-CPLkr2HC.js";import{g as se}from"./colors-ymlpSE_k.js";import"./focusable-DxELdZu-.js";import"./ListItem-DF-kT9pB.js";const ce=n=>t.createElement(B,n,t.createElement("path",{d:"m4 8a2 2 0 1 1 -2-2 2 2 0 0 1 2 2zm4-2a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z"})),oe=n=>t.createElement(B,n,t.createElement("path",{d:"M8 5a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM4.535 7a.997.997 0 0 1-.499-.134l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5A1 1 0 0 1 4.536 7zM1.94 12.5a1 1 0 0 1-.501-1.866l2.598-1.5a1 1 0 1 1 1 1.732l-2.598 1.5a.997.997 0 0 1-.499.134zM8 16a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zm6.061-3.5a.995.995 0 0 1-.499-.134l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5a1 1 0 0 1-.5 1.866zM11.465 7a1 1 0 0 1-.501-1.866l2.598-1.5a1 1 0 1 1 1 1.732l-2.598 1.5a.995.995 0 0 1-.5.134z"}));let M=t.createContext(void 0),z=t.forwardRef((n,r)=>{let{className:a,status:l,variant:s,isNew:c,isSelected:m,isLoading:u,isDisabled:h,...x}=n,[d,b]=t.useState(!1),g=d;return t.createElement(M.Provider,{value:{status:l,variant:s,isNew:c,isSelected:m,isLoading:u,isActionable:g,isDisabled:h,setActionable:b}},t.createElement(T,{className:f("iui-tile",{"iui-folder":s==="folder","iui-new":c,"iui-selected":m,"iui-actionable":g,[`iui-${l}`]:!!l,"iui-loading":u},a),"aria-disabled":h,ref:r,...x}))}),D=t.forwardRef((n,r)=>{let{onClick:a,children:l,href:s,...c}=n,{setActionable:m,isDisabled:u}=y(M);return t.useEffect(()=>{le()||m(!0)},[m]),t.createElement(ne,{as:n.href?"a":"button",href:s,onClick:u?void 0:a,"aria-disabled":u,ref:r,...c},l)}),P=p.div("iui-tile-thumbnail"),E=t.forwardRef((n,r)=>{let{className:a,url:l,children:s,...c}=n;return l?t.createElement(T,{className:f("iui-tile-thumbnail-picture",a),style:{backgroundImage:typeof l=="string"?`url(${l})`:void 0},ref:r,...c}):t.createElement(T,{className:f("iui-thumbnail-icon",a),ref:r,...c},s)}),W=p.div("iui-tile-thumbnail-quick-action"),O=p.div("iui-tile-thumbnail-type-indicator"),de=t.forwardRef((n,r)=>{let{className:a,children:l,...s}=n;return t.createElement(L,{className:f("iui-tile-thumbnail-button",a),styleType:"borderless",size:"small",ref:r,...s},l)}),R=p.div("iui-tile-thumbnail-badge-container"),U=t.forwardRef((n,r)=>{let{className:a,children:l,name:s,...c}=n;return t.createElement(T,{className:f("iui-tile-name",a),ref:r,...c},l??s)}),V=t.forwardRef((n,r)=>{let{children:a,className:l,...s}=n,{status:c,isLoading:m,isSelected:u,isNew:h}=y(M),x=!!c&&Y[c],d;return x&&(d=t.createElement(x,{"aria-hidden":!0})),m&&(d=t.createElement(te,{size:"x-small","aria-hidden":!0,indeterminate:!0})),u&&(d=t.createElement(ae,{"aria-hidden":!0})),h&&(d=t.createElement(oe,{"aria-hidden":!0})),a||d?t.createElement(T,{className:f("iui-tile-status-icon",l),ref:r,...s},a??d):null}),F=p.span("iui-tile-name-label"),Q=p.div("iui-tile-content"),q=p.div("iui-tile-description"),H=p.div("iui-tile-metadata"),$=t.forwardRef((n,r)=>{let{className:a,children:l=[],buttonProps:s,...c}=n,[m,u]=t.useState(!1);return t.createElement(T,{className:f("iui-tile-more-options",{"iui-visible":m},a),ref:r,...c},t.createElement(ie,{onVisibleChange:u,menuItems:h=>l==null?void 0:l.map(x=>t.cloneElement(x,{onClick:d=>{var b,g;h(),(g=(b=x.props).onClick)==null||g.call(b,d)}}))},t.createElement(L,{styleType:"borderless",size:"small","aria-label":"More options",...s},t.createElement(ce,null))))}),_=p.div("iui-tile-buttons"),me=t.forwardRef((n,r)=>{let{name:a,description:l,status:s,isNew:c,isLoading:m,isSelected:u,thumbnail:h,badge:x,leftIcon:d,rightIcon:b,buttons:g,metadata:w,moreOptions:S,children:G,isActionable:J,isDisabled:A,onClick:K,...X}=n;return t.createElement(z,{ref:r,isNew:c,isSelected:u,isLoading:m,status:s,isDisabled:A,...X},t.createElement(U,null,(s||c||m||u)&&t.createElement(V,null),t.createElement(F,null,J?t.createElement(D,{onClick:A?void 0:K,"aria-disabled":A},a):a)),h&&t.createElement(P,null,typeof h!="string"?t.createElement(E,null,h):t.createElement(E,{url:h}),x&&t.createElement(R,null,x),d&&t.createElement(O,null,d),b&&t.createElement(W,null,b)),t.createElement(Q,null,l&&t.createElement(q,null,l),S&&t.createElement($,null,S),w&&t.createElement(H,null,w),G),g&&t.createElement(_,null,g))});const i=Object.assign(me,{Wrapper:z,ThumbnailArea:P,ThumbnailPicture:E,QuickAction:W,TypeIndicator:O,BadgeContainer:R,IconButton:de,Name:U,NameIcon:V,NameLabel:F,Action:D,ContentArea:Q,Description:q,Metadata:H,MoreOptions:$,Buttons:_}),N=n=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},t.createElement("path",{d:"M8 1a1.004 1.004 0 01.514.138l5.01 2.981a.951.951 0 01.476.82v6.097a1.004 1.004 0 01-.486.851l-5 2.975a1.023 1.023 0 01-1.028 0l-4.984-2.965a1.032 1.032 0 01-.502-.86V4.963a1.004 1.004 0 01.486-.851l5-2.975A1.004 1.004 0 018 1m0-1a2.006 2.006 0 00-1.025.28l-5 2.974A1.994 1.994 0 001 4.963v6.073a2.025 2.025 0 00.975 1.71l5 2.975a2.023 2.023 0 002.05 0l5-2.974a1.994 1.994 0 00.975-1.71V4.938a1.953 1.953 0 00-.975-1.686l-5-2.974A2.006 2.006 0 008 0zm0 3.25a1.063 1.063 0 11-1.063 1.063A1.063 1.063 0 018 3.25zm3 9.19a.25.25 0 01-.122.214l-2.725 1.623a.25.25 0 01-.255 0L5.123 12.64A.25.25 0 015 12.424v-1.441a.25.25 0 01.378-.215L7 11.667v-3.43l-.878-.56A.25.25 0 016 7.462V6.016a.25.25 0 01.378-.214l2.5 1.383A.25.25 0 019 7.399v4.268l1.622-.899a.25.25 0 01.378.215z"})),ue=n=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},t.createElement("path",{d:"M10 0a1.539 1.539 0 011.662 1.405q.004.048.005.095a2.182 2.182 0 01-2.167 2 1.575 1.575 0 01-1.667-1.667A2.047 2.047 0 0110 0M6.667 16c-.833 0-1.5-.5-.833-2.833l1-4C7 8.5 7 8.333 6.833 8.333c-.333-.167-1.5.333-2.167.833l-.333-.833c2-1.667 4.333-2.667 5.5-2.667.833 0 1 1 .5 2.667l-1.166 4.334c-.167.833-.167 1 .167 1a3.338 3.338 0 001.833-1l.5.667a9.615 9.615 0 01-5 2.666"})),v=n=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},t.createElement("path",{d:"M9 0L0 9l7 7 9-9V0zm3.5 5A1.5 1.5 0 1114 3.5 1.5 1.5 0 0112.5 5z"})),Se={title:"Tile"},Be=()=>e.jsxs(i.Wrapper,{children:[e.jsx(i.Name,{name:"Stadium"}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(k,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"National stadium in Singapore. Features landscape details and a metro station. This is the largest sample iModel."}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]}),ye=()=>e.jsxs(i.Wrapper,{isSelected:!0,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Stadium"})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(k,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"}),e.jsx(i.TypeIndicator,{children:e.jsx(i.IconButton,{children:e.jsx(ee,{})})}),e.jsx(i.QuickAction,{children:e.jsx(i.IconButton,{children:e.jsx(ue,{})})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"National stadium in Singapore. Features landscape details and a metro station. This is the largest sample iModel."}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]}),e.jsxs(i.Buttons,{children:[e.jsx(I,{onClick:()=>console.log("clicked left button"),children:"Manage"},1),e.jsx(I,{onClick:()=>console.log("clicked right button"),children:"Projects"},2)]})]}),Le=()=>{const[n,r]=t.useState(!1);return e.jsxs(i.Wrapper,{isSelected:n,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:e.jsx(i.Action,{onClick:()=>r(a=>!a),children:"Stadium"})})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"}),e.jsx(i.BadgeContainer,{children:e.jsx(k,{backgroundColor:"skyblue",children:"Badge"})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"If you click on this stadium, it is going to be selected."}),e.jsxs(i.Metadata,{children:[e.jsx(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]})},ze=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:e.jsx(i.Action,{href:"https://inclusive-components.design/cards/",children:"Stadium"})})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(k,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"If you click on this stadium, it is going to open another page."}),e.jsxs(i.Metadata,{children:[e.jsx(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]}),De=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Condensed"})]}),e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})}),e.jsx(i.ContentArea,{children:e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]})})]}),Pe=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Some User"})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(k,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(re,{size:"x-large",status:"online",abbreviation:"TR",backgroundColor:se("Terry Rivers"),image:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/user-placeholder.png"}),title:"Terry Rivers"})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"User Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]})]})]}),We=()=>e.jsxs(i.Wrapper,{variant:"folder",children:[e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(Z,{})})}),e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Folder Name"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Folder description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsx(i.Metadata,{children:e.jsx("span",{children:"Folder metadata"})})]})]}),Oe=()=>e.jsxs(i.Wrapper,{status:"positive",children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Tile Name"})]}),e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsx(i.Metadata,{children:e.jsx("span",{children:"Tile with status"})})]})]}),Re=()=>e.jsxs(i.Wrapper,{isLoading:!0,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Tile Name"})]}),e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsx(i.Metadata,{children:e.jsx("span",{children:"Loading tile"})})]})]}),Ue=()=>e.jsxs(i.Wrapper,{isDisabled:!0,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Tile Name"})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(k,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]}),e.jsx(i.Buttons,{children:e.jsx(I,{disabled:!0,children:"Button"})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Le as Actionable,ye as AllProps,ze as AnchorLink,Be as Basic,De as Condensed,Ue as Disabled,We as Folder,Re as Loading,Oe as Status,Pe as WithAvatar,Se as default}; diff --git a/2298/react/assets/TimePicker-BY3Ef6KR.js b/2298/react/assets/TimePicker-BY3Ef6KR.js new file mode 100644 index 00000000000..76fe79e654d --- /dev/null +++ b/2298/react/assets/TimePicker-BY3Ef6KR.js @@ -0,0 +1 @@ +import{r as a,B as I,c as $}from"./index-DhFzuRA5.js";let L=(n,r,o)=>{let m=o?E(n.getHours(),o):n.getHours();return o?!!r&&m%12===r.getHours()%12:!!r&&m===r.getHours()},P=(n,r)=>!!r&&n.getMinutes()===r.getMinutes(),N=(n,r)=>!!r&&n.getSeconds()===r.getSeconds(),B=(n,r,o,m)=>{let s=!0;switch(o){case"seconds":if(s=N(n,r),!s)break;case"minutes":if(s=P(n,r),!s)break;case"hours":s=L(n,r,m)}return s},U=(n,r)=>!!r&&(n==="AM"?r.getHours()<12:r.getHours()>=12),E=(n,r)=>{let o=n%12;return r==="PM"?o+12:o},h=(n,r)=>new Date(r.getFullYear(),r.getMonth(),r.getDate(),n,r.getMinutes(),r.getSeconds()),te=(n,r)=>{let o="";switch(r){case"seconds":o=":"+n.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2});case"minutes":o=":"+n.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2})+o;case"hours":o=n.getHours().toLocaleString(void 0,{minimumIntegerDigits:2})+o}return o};const se=a.forwardRef((n,r)=>{let{date:o,onChange:m,use12Hours:s=!1,precision:l="minutes",hourStep:F=1,minuteStep:w=1,secondStep:p=1,setFocusHour:R=!1,hourRenderer:k=e=>e.getHours().toLocaleString(void 0,{minimumIntegerDigits:2}),minuteRenderer:j=e=>e.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2}),secondRenderer:c=e=>e.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2}),meridiemRenderer:C=e=>e,useCombinedRenderer:H=!1,combinedRenderer:S=te,className:d,...q}=n,[i,x]=a.useState(o),[f,M]=a.useState(i??new Date),[D,v]=a.useState(s?(f==null?void 0:f.getHours())>11?"PM":"AM":void 0);a.useEffect(()=>{M(o??new Date),x(o)},[o]);let z=e=>{let t=s?E(e.getHours(),D):e.getHours(),u=h(t,i??new Date);T(u)},G=e=>{let t=s?E(e.getHours(),D):e.getHours(),u=h(t,e);T(u)},J=e=>{let t=i??new Date,u=t.getHours();v(e),e==="AM"&&u>11&&(t=h(u-12,t)),e==="PM"&&u<=12&&(t=h(u+12,t)),T(t)},T=e=>{let t=e;l==="hours"&&(t=new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),0,0)),l==="minutes"&&(t=new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),0)),M(t),x(t),m==null||m(t)},O=e=>{let t=s?E(e.getHours(),D):e.getHours();M(h(t,f))},Q=e=>{let t=s?E(e.getHours(),D):e.getHours();M(h(t,e))},W=e=>{let t=i??new Date,u=t.getHours();e==="AM"&&u>11&&(v(e),t=h(u-12,t)),e==="PM"&&u<=12&&(v(e),t=h(u+12,t)),M(t)},Y=(e,t,u)=>{let b=[];for(let y=0;y{let e=i??new Date,t=[],u=Array.from(Array(s?12:24).keys()).filter(g=>g%F===0).map(g=>s&&g===0?12:g),b=Array.from(Array(60).keys()).filter(g=>g%w===0),y=Array.from(Array(60).keys()).filter(g=>g%p===0);return u.forEach(g=>{l==="hours"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,e.getMinutes(),e.getSeconds())):b.forEach(K=>{l==="minutes"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,K,e.getSeconds())):y.forEach(ee=>{t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,K,ee))})})}),t},[F,w,p,i,s,l]),Z=a.useMemo(()=>{let e=i??new Date;return Y(s?12:24,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),s&&t===0?12:t,e.getMinutes(),e.getSeconds()),F)},[F,i,s]),_=a.useMemo(()=>{let e=i??new Date;return Y(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),t,e.getSeconds()),w)},[w,i]),V=a.useMemo(()=>{let e=i??new Date;return Y(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),t),p)},[p,i]);return a.createElement(I,{className:$("iui-time-picker",d),ref:r,...q},H?a.createElement(A,{data:X,isSameFocused:e=>B(e,f,l,s?D:void 0),isSameSelected:e=>B(e,i,l,s?D:void 0),onFocusChange:Q,onSelectChange:G,setFocus:R,precision:l,valueRenderer:S}):a.createElement(a.Fragment,null,a.createElement(A,{data:Z,isSameFocused:e=>L(e,f,s?D:void 0),isSameSelected:e=>L(e,i,s?D:void 0),onFocusChange:O,onSelectChange:z,setFocus:R,valueRenderer:k}),l!=="hours"&&a.createElement(A,{data:_,isSameFocused:e=>P(e,f),isSameSelected:e=>P(e,i),onFocusChange:e=>M(e),onSelectChange:e=>T(e),valueRenderer:j}),l==="seconds"&&a.createElement(A,{data:V,isSameFocused:e=>N(e,f),isSameSelected:e=>N(e,i),onFocusChange:e=>M(e),onSelectChange:e=>T(e),valueRenderer:c})),s&&a.createElement(A,{data:["AM","PM"],isSameFocused:e=>U(e,f),isSameSelected:e=>U(e,i),onFocusChange:e=>W(e),onSelectChange:e=>J(e),valueRenderer:C,className:"iui-period"}))});let A=n=>{let{data:r,onFocusChange:o,onSelectChange:m,isSameFocused:s,isSameSelected:l,setFocus:F=!1,valueRenderer:w,precision:p="minutes",className:R="iui-time"}=n,k=a.useRef(F),j=(c,C,H,S,d)=>{if(!c.altKey)switch(c.key){case"ArrowDown":if(d+1>C)break;H(d+1),k.current=!0,c.preventDefault();break;case"ArrowUp":if(d-1<0)break;H(d-1),k.current=!0,c.preventDefault();break;case"Enter":case" ":case"Spacebar":S(d),c.preventDefault();break}};return a.createElement(I,{className:`${R}`},a.createElement("ol",null,r.map((c,C)=>{let H=s(c);return a.createElement(I,{as:"li",onKeyDown:S=>{j(S,r.length-1,d=>o(r[d]),d=>m(r[d]),C)},className:$({"iui-selected":l(c)}),key:C,tabIndex:H?0:void 0,ref:S=>{!S||!H||setTimeout(()=>{S.scrollIntoView({block:"nearest",inline:"nearest"}),k.current&&(S.focus(),k.current=!1)})},onClick:()=>{m(c)}},w(c,p))})))};export{se as T}; diff --git a/2298/react/assets/TimePicker.stories-JWfspO9o.js b/2298/react/assets/TimePicker.stories-JWfspO9o.js new file mode 100644 index 00000000000..4a7aa05c529 --- /dev/null +++ b/2298/react/assets/TimePicker.stories-JWfspO9o.js @@ -0,0 +1 @@ +import{r as u,j as e,P as i}from"./index-DhFzuRA5.js";import{S as a}from"./Calendar-ZgETcpCB.js";import{I as n}from"./InputWithDecorations-Ch-F2i1g.js";import{T as c}from"./TimePicker-BY3Ef6KR.js";import"./InputFlexContainer-BcUva1DC.js";import"./Icon-Cr7ytm57.js";const g={title:"TimePicker"},y=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,55,22)),s=t=>{o(t),console.log(`New Time value: ${t}`)};return e.jsx(e.Fragment,{children:e.jsxs(n,{style:{width:150},id:"time-input",children:[e.jsx(n.Input,{value:r.toLocaleTimeString("en-US",{timeStyle:"short"}),readOnly:!0}),e.jsx(i,{applyBackground:!0,placement:"bottom-end",content:e.jsx(c,{date:r,onChange:s,setFocusHour:!0,use12Hours:!1}),children:e.jsx(n.Button,{children:e.jsx(a,{})})})]})})},S=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,55,22)),s=t=>{o(t),console.log(`New Time value: ${t}`)};return e.jsx(e.Fragment,{children:e.jsxs(n,{style:{width:200},id:"time-input",children:[e.jsx(n.Input,{value:r.toLocaleTimeString("en-US",{timeStyle:"short"}),readOnly:!0}),e.jsx(i,{applyBackground:!0,placement:"bottom-end",content:e.jsx(c,{date:r,onChange:s,setFocusHour:!0,use12Hours:!1,hourRenderer:t=>t.getHours()===1?`${t.getHours()} hr`:`${t.getHours()} hrs`,minuteRenderer:t=>t.getMinutes()===1?`${t.getMinutes()} min`:`${t.getMinutes()} mins`,meridiemRenderer:t=>t==="AM"?"Before":"After"}),children:e.jsx(n.Button,{children:e.jsx(a,{})})})]})})},w=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,30,0)),s=l=>{o(l),console.log(`New Time value: ${l}`)};return e.jsx(e.Fragment,{children:e.jsxs(n,{style:{width:150},id:"time-input",children:[e.jsx(n.Input,{value:r.toLocaleTimeString("en-US",{timeStyle:"short"}),readOnly:!0}),e.jsx(i,{applyBackground:!0,placement:"bottom-end",content:e.jsx(c,{date:r,onChange:s,setFocusHour:!0,useCombinedRenderer:!0,precision:"minutes",hourStep:1,minuteStep:30,use12Hours:!0}),children:e.jsx(n.Button,{children:e.jsx(a,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{y as Basic,w as Combined,S as CustomRenderers,g as default}; diff --git a/2298/react/assets/Toasts.stories-C9-lxPZ2.js b/2298/react/assets/Toasts.stories-C9-lxPZ2.js new file mode 100644 index 00000000000..4e4e23fe2ad --- /dev/null +++ b/2298/react/assets/Toasts.stories-C9-lxPZ2.js @@ -0,0 +1 @@ +import{a4 as i,j as e,r as l}from"./index-DhFzuRA5.js";import{B as s}from"./Button-_m-IOzlX.js";import{P as a}from"./ProgressRadial-JDu8zAlM.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/2298/react/assets/ToggleSwitch-D9_iq6aA.js b/2298/react/assets/ToggleSwitch-D9_iq6aA.js new file mode 100644 index 00000000000..ec79475e193 --- /dev/null +++ b/2298/react/assets/ToggleSwitch-D9_iq6aA.js @@ -0,0 +1 @@ +import{r as e,B as t,c as o}from"./index-DhFzuRA5.js";import{S as p}from"./SvgCheckmark-Dp--w9xe.js";const w=e.forwardRef((n,m)=>{let{disabled:s=!1,labelPosition:c="right",label:a,className:u,style:d,size:r="default",labelProps:l={},icon:i,...g}=n,h=i===void 0||i!==null&&r!=="small";return e.createElement(t,{as:a?"label":"div",className:o("iui-toggle-switch-wrapper",{"iui-disabled":s,"iui-label-on-right":a&&c==="right","iui-label-on-left":a&&c==="left"},u),"data-iui-size":r,style:d},e.createElement(t,{as:"input",className:"iui-toggle-switch",type:"checkbox",role:"switch",disabled:s,ref:m,...g}),h&&e.createElement(t,{as:"span",className:"iui-toggle-switch-icon","aria-hidden":!0},i||e.createElement(p,null)),a&&e.createElement(t,{as:"span",...l,className:o("iui-toggle-switch-label",l==null?void 0:l.className)},a))});export{w as T}; diff --git a/2298/react/assets/ToggleSwitch.stories-9ndZb3zN.js b/2298/react/assets/ToggleSwitch.stories-9ndZb3zN.js new file mode 100644 index 00000000000..b620c1d808b --- /dev/null +++ b/2298/react/assets/ToggleSwitch.stories-9ndZb3zN.js @@ -0,0 +1 @@ +import{r,j as e}from"./index-DhFzuRA5.js";import{T as t}from"./ToggleSwitch-D9_iq6aA.js";import"./SvgCheckmark-Dp--w9xe.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/2298/react/assets/Tooltip.stories-DhJckw5h.js b/2298/react/assets/Tooltip.stories-DhJckw5h.js new file mode 100644 index 00000000000..c4d394dfdaa --- /dev/null +++ b/2298/react/assets/Tooltip.stories-DhJckw5h.js @@ -0,0 +1 @@ +import{j as t,T as e}from"./index-DhFzuRA5.js";import{B as o}from"./Button-_m-IOzlX.js";import"./ProgressRadial-JDu8zAlM.js";const l={title:"Tooltip"},s=()=>t.jsx(e,{placement:"top",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"Please, try to hover me!"})}),c=()=>t.jsx(e,{placement:"right",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"Please, try to hover me!"})}),d=()=>t.jsx(e,{placement:"bottom",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"Please, try to hover me!"})}),m=()=>t.jsx(e,{placement:"left",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",style:{marginLeft:100},children:"Please, try to hover me!"})}),a=()=>t.jsx(e,{visible:!0,placement:"left",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"No need to hover me"})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{d as Bottom,a as Controlled,m as Left,c as Right,s as Top,l as default}; diff --git a/2298/react/assets/TransferList.stories-mO1rB2pR.js b/2298/react/assets/TransferList.stories-mO1rB2pR.js new file mode 100644 index 00000000000..35b37e84585 --- /dev/null +++ b/2298/react/assets/TransferList.stories-mO1rB2pR.js @@ -0,0 +1 @@ +import{p as T,r,l as I,B as D,c as L,u as w,e as O,b as k,j as e,I as h}from"./index-DhFzuRA5.js";import{S as y}from"./ChevronRightDouble-gO7OL3OC.js";import{L as A}from"./List-pOpvCrBi.js";import{L as M}from"./ListItem-DF-kT9pB.js";import{L as R}from"./Label-Jsz1vg8n.js";import{a as S}from"./focusable-DxELdZu-.js";import"./LinkAction-DYlAaokJ.js";let B=T.div("iui-transfer-list-wrapper"),N=r.forwardRef((s,i)=>{let{className:u,children:n,...d}=s,t=I(),[a,f]=r.useState(t);return r.createElement(D,{as:"div",className:L("iui-transfer-list-listbox-wrapper",u),ref:i,...d},r.createElement(j.Provider,{value:{labelId:a,setLabelId:f}},n))}),W=r.forwardRef((s,i)=>{let{children:u,className:n,...d}=s,{labelId:t}=w(j),[a,f]=r.useState(),b=r.useRef(null),o=O(b,i),l=r.useCallback(()=>{let c=S(b.current);return c.filter(m=>!c.some(v=>v.contains(m.parentElement)))},[]);r.useEffect(()=>{var m;let c=l();if(a!=null){(m=c==null?void 0:c[a])==null||m.focus();return}},[a,l]);let x=c=>{if(c.altKey)return;let m=l();if(!(m!=null&&m.length))return;let v=a??0;switch(c.key){case"ArrowDown":f(Math.min(v+1,m.length-1)),c.preventDefault(),c.stopPropagation();break;case"ArrowUp":f(Math.max(v-1,0)),c.preventDefault(),c.stopPropagation();break}};return r.createElement(A,{className:L("iui-transfer-list-listbox",n),onKeyDown:x,role:"listbox","aria-multiselectable":!0,"aria-labelledby":t,tabIndex:0,ref:o,...d},u)}),K=r.forwardRef((s,i)=>{let{actionable:u=!0,disabled:n,onActiveChange:d,children:t,active:a,...f}=s,b=()=>u&&d&&d(!a),o=l=>{l.altKey||(l.key==="Enter"||l.key===" "||l.key==="Spacebar")&&(n||b(),l.preventDefault())};return r.createElement(M,{ref:i,onClick:b,onKeyDown:o,active:a,actionable:u,tabIndex:-1,role:"option","aria-disabled":n?"true":void 0,"aria-selected":a?"true":void 0,disabled:n,...f},t)}),F=r.forwardRef((s,i)=>{let{children:u,id:n,...d}=s,{labelId:t,setLabelId:a}=w(j);return r.useEffect(()=>{n&&n!==t&&a(n)},[n,t,a]),r.createElement(R,{as:"div",id:t,ref:i,...d},u)}),z=r.forwardRef((s,i)=>{let{className:u,children:n,...d}=s;return r.createElement(k,{role:"toolbar",ref:i,...d,orientation:"vertical",className:L("iui-transfer-list-toolbar",u)},n)});const p=Object.assign(B,{ListboxWrapper:N,Listbox:W,Item:K,ListboxLabel:F,Toolbar:z}),j=r.createContext(void 0),g=s=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},r.createElement("path",{d:"M14.6 0L16 1.4 9.4 8l6.6 6.6-1.4 1.4-8-8zM8 0l1.4 1.4L2.8 8l6.6 6.6L8 16 0 8z"})),C=s=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},r.createElement("path",{d:"M11.3 0l1.4 1.4L6.1 8l6.6 6.6-1.4 1.4-8-8z"})),E=s=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},r.createElement("path",{d:"M4.7 0L3.3 1.4 9.9 8l-6.6 6.6L4.7 16l8-8z"})),Q={title:"TransferList"},V=()=>{const[s,i]=r.useState([{name:"Option 1",active:!1},{name:"Option 2",active:!1},{name:"Option 3",active:!1},{name:"Option 4",active:!1},{name:"Option 5",active:!1},{name:"Option 6",active:!1}]),[u,n]=r.useState([{name:"Option 7",active:!1}]),d=(t,a,f,b)=>{f(o=>{const l=[...o],x=[];return t.forEach(c=>{if(b||c.active===!0){const m=c;m.active=!1,l.push(m)}else x.push(c)}),a(x),l})};return e.jsxs(p,{children:[e.jsx(p.ListboxWrapper,{children:e.jsx(p.Listbox,{children:s==null?void 0:s.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{i(b=>{const o=[...b],l={...o[a]};return l.active=f,o[a]=l,o})},children:t.name},t.name))})}),e.jsxs(p.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(s,i,n,!0)},children:e.jsx(y,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(s,i,n,!1),children:e.jsx(E,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(u,n,i,!1),children:e.jsx(C,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(u,n,i,!0),children:e.jsx(g,{})})]}),e.jsx(p.ListboxWrapper,{children:e.jsx(p.Listbox,{children:u.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{n(b=>{const o=[...b],l={...o[a]};return l.active=f,o[a]=l,o})},children:t.name},t.name))})})]})},X=()=>{const[s,i]=r.useState([{name:"Option 1",active:!1},{name:"Option 2",active:!1},{name:"Option 3",active:!1},{name:"Option 4",active:!1},{name:"Option 5",active:!1},{name:"Option 6",active:!1}]),[u,n]=r.useState([{name:"Option 7",active:!1}]),d=(t,a,f,b)=>{f(o=>{const l=[...o],x=[];return t.forEach(c=>{if(b||c.active===!0){const m=c;m.active=!1,l.push(m)}else x.push(c)}),a(x),l})};return e.jsxs(p,{children:[e.jsxs(p.ListboxWrapper,{children:[e.jsx(p.ListboxLabel,{children:"Options"}),e.jsx(p.Listbox,{children:s==null?void 0:s.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{i(b=>{const o=[...b],l={...o[a]};return l.active=f,o[a]=l,o})},children:t.name},t.name))})]}),e.jsxs(p.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(s,i,n,!0)},children:e.jsx(y,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(s,i,n,!1),children:e.jsx(E,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(u,n,i,!1),children:e.jsx(C,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(u,n,i,!0),children:e.jsx(g,{})})]}),e.jsxs(p.ListboxWrapper,{children:[e.jsx(p.ListboxLabel,{children:"Applied"}),e.jsx(p.Listbox,{children:u.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{n(b=>{const o=[...b],l={...o[a]};return l.active=f,o[a]=l,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/2298/react/assets/Tree.stories-BMRnYtvo.js b/2298/react/assets/Tree.stories-BMRnYtvo.js new file mode 100644 index 00000000000..4810908461b --- /dev/null +++ b/2298/react/assets/Tree.stories-BMRnYtvo.js @@ -0,0 +1 @@ +import{r as t,o as re,D as de,p as ue,d as ce,e as se,K as ie,I as be,c as y,B as w,m as W,j as x}from"./index-DhFzuRA5.js";import{S as F}from"./Placeholder-L-MfORW8.js";import{a as O}from"./focusable-DxELdZu-.js";import{u as me}from"./useVirtualScroll-DITpZLhm.js";import{S as Ne}from"./SvgChevronRight-CM7-XKoS.js";import{C as U}from"./Checkbox-Bd2WmO3O.js";import{P as fe}from"./ProgressRadial-JDu8zAlM.js";const xe=u=>t.createElement(re,u,t.createElement("path",{d:"m5.525 2-1.05 1.05L9.425 8l-4.95 4.95L5.525 14l6-6-6-6Z"})),H=t.createContext(void 0),pe=()=>{let u=t.useContext(H);if(u==null)throw new Error("TreeContext must be used within a TreeContext.Provider");return u},M=u=>{let{data:m,className:c,nodeRenderer:d,getNode:f,size:i="default",enableVirtualization:l=!1,style:n,...b}=u,o=t.useRef(null),e=t.useRef(0);t.useEffect(()=>{e.current=0},[m]);let s=t.useCallback(()=>{let p=O(o.current);return p.filter(N=>!p.some(E=>E.contains(N.parentElement)))},[]),a=p=>{if(p.altKey)return;let N=s();if(!(N!=null&&N.length))return;let E=N.findIndex(S=>{var v;return S.contains((v=o.current)==null?void 0:v.ownerDocument.activeElement)}),h=E>-1?E:0;switch(p.key){case"ArrowUp":{p.preventDefault();let S=Math.max(0,h-1);N[S].focus(),e.current=S;break}case"ArrowDown":{p.preventDefault();let S=Math.min(N.length-1,h+1);N[S].focus(),e.current=S;break}}},[r,g]=t.useMemo(()=>{let p=[],N=[],E=(h=[],S=0,v)=>{let j=Array();return h.forEach((D,P)=>{let{subNodes:R,...K}=f(D),z={nodeProps:K,depth:S,parentNode:v,indexInGroup:P};if(j.push(z.nodeProps.nodeId),p.push(z),S===0&&N.push(z),z.nodeProps.isExpanded){let G=E(R,S+1,z);z.subNodeIds=G}}),j};return E(m),[p,N]},[m,f]),k=t.useCallback((p,N,E)=>{var S,v,j;let h=r[p];return t.createElement(H.Provider,{key:h.nodeProps.nodeId,value:{nodeDepth:h.depth,subNodeIds:h.subNodeIds,groupSize:h.depth===0?g.length:((v=(S=h.parentNode)==null?void 0:S.subNodeIds)==null?void 0:v.length)??0,indexInGroup:h.indexInGroup,parentNodeId:(j=h.parentNode)==null?void 0:j.nodeProps.nodeId,scrollToParent:h.parentNode?()=>{var R;let D=(R=h.parentNode)==null?void 0:R.nodeProps.nodeId,P=r.findIndex(K=>K.nodeProps.nodeId===D);A(P)}:void 0,size:i}},N&&E?de(d(h.nodeProps),D=>({...D.props,key:N.key,"data-iui-index":N.index,"data-iui-virtualizer":"item",ref:E.measureElement,style:{...D.props.style,"--_iui-width":"100%",transform:`translateY(${N.start}px)`}})):d(h.nodeProps))},[g.length,r,d,i]),[C,A]=t.useState(),T=t.useRef(r);t.useEffect(()=>{T.current=r},[r]),t.useEffect(()=>{setTimeout(()=>{var p;if(C!==void 0){let N=T.current[C].nodeProps.nodeId,E=(p=o.current)==null?void 0:p.ownerDocument.querySelector(`#${N}`);E==null||E.focus(),A(void 0)}})},[C]);let _=p=>{var E,h;if((E=o.current)!=null&&E.contains(p.relatedTarget))return;let N=s();N.length>0&&((h=N[e.current])==null||h.focus())};return t.createElement(t.Fragment,null,l?t.createElement(Ee,{flatNodesList:r,itemRenderer:k,scrollToIndex:C,onFocus:_,onKeyDown:a,ref:o,className:c,"data-iui-size":i==="small"?"small":void 0,style:n,...b}):t.createElement(le,{onKeyDown:a,onFocus:_,className:c,"data-iui-size":i==="small"?"small":void 0,style:n,ref:o,...b},r.map((p,N)=>k(N))))};let le=ue.div("iui-tree",{role:"tree",tabIndex:0}),Ee=t.forwardRef(({flatNodesList:u,itemRenderer:m,scrollToIndex:c,...d},f)=>{let i=t.useRef(null),l=t.useCallback(o=>u[o].nodeProps.nodeId,[u]),{virtualizer:n,css:b}=me({count:u.length,getScrollElement:()=>i.current,estimateSize:()=>39,getItemKey:l});return ce(()=>{c&&n.scrollToIndex(c)},[n,c]),t.createElement(le,{...d,ref:se(f,i)},t.createElement(ie,{css:b},t.createElement("div",{"data-iui-virtualizer":"root",style:{minBlockSize:n.getTotalSize()}},t.createElement("slot",null))),t.createElement(t.Fragment,null,n.getVirtualItems().map(o=>m(o.index,o,n))))});const ae=t.forwardRef((u,m)=>{var n;let{isExpanded:c,expanderIconProps:d={},...f}=u,l=(((n=t.useContext(H))==null?void 0:n.size)??"default")==="small"?xe:Ne;return t.createElement(be,{styleType:"borderless",size:"small","aria-label":c?"Collapse":"Expand",ref:m,...f},t.createElement(l,{...d,className:y("iui-tree-node-content-expander-icon",d==null?void 0:d.className,{"iui-tree-node-content-expander-icon-expanded":c})}))}),V=t.forwardRef((u,m)=>{let{nodeId:c,nodeProps:d={},label:f,labelProps:i={},sublabel:l,sublabelProps:n={},children:b,className:o,icon:e,iconProps:s={},hasSubNodes:a=!1,isDisabled:r=!1,isExpanded:g=!1,isSelected:k=!1,onSelected:C,onExpanded:A,checkbox:T,checkboxProps:_={},subTreeProps:p={},contentProps:N={},titleProps:E={},expanderProps:h={},expander:S,...v}=u,{nodeDepth:j,subNodeIds:D=[],parentNodeId:P,scrollToParent:R,groupSize:K,indexInGroup:z}=pe(),[G,q]=t.useState(!1),I=t.useRef(null),oe=$=>{var Z,J,Q,X,ee,te;if($.altKey)return;let Y=I.current===((Z=I.current)==null?void 0:Z.ownerDocument.activeElement);switch($.key){case"ArrowLeft":{if($.preventDefault(),Y){if(g){A(c,!1);break}P&&(R==null||R());break}let L=O(I.current),B=L.indexOf((J=I.current)==null?void 0:J.ownerDocument.activeElement);B===0?(Q=I.current)==null||Q.focus():(X=L[B-1])==null||X.focus();break}case"ArrowRight":{$.preventDefault();let L=O(I.current);if(Y){if(!g&&a){A(c,!0);break}(ee=L[0])==null||ee.focus();break}let B=L.indexOf((te=I.current)==null?void 0:te.ownerDocument.activeElement);B{A(c,!g),$.stopPropagation()},[g,c,A]);return t.createElement(w,{as:"div",role:"treeitem",className:y("iui-tree-item",o),"aria-expanded":a?g:void 0,"aria-disabled":r,"aria-selected":k,"aria-level":j+1,"aria-setsize":K,"aria-posinset":z+1,tabIndex:-1,...v,id:c,ref:se(I,m),onFocus:W(u.onFocus,$=>{q(!0),$.stopPropagation()}),onBlur:W(u.onBlur,()=>{q(!1)}),onKeyDown:W(u.onKeyDown,oe)},t.createElement(w,{as:"div",style:{"--level":j},onClick:()=>!r&&(C==null?void 0:C(c,!k)),...d,className:y("iui-tree-node",{"iui-active":k,"iui-disabled":r},d==null?void 0:d.className)},T&&t.createElement(w,{as:"div",..._,className:y("iui-tree-node-checkbox",_==null?void 0:_.className)},t.isValidElement(T)?t.cloneElement(T,{tabIndex:G?0:-1}):T),t.createElement(w,{as:"div",...N,className:y("iui-tree-node-content",N==null?void 0:N.className)},a&&S,a&&!S&&t.createElement(ae,{isExpanded:g,disabled:r,onClick:ne,tabIndex:G?0:-1,...h}),e&&t.createElement(w,{as:"span","aria-hidden":!0,...s,className:y("iui-tree-node-content-icon",s==null?void 0:s.className)},e),t.createElement(w,{as:"div",...i,className:y("iui-tree-node-content-label",i==null?void 0:i.className)},t.createElement(w,{as:"div",...E,className:y("iui-tree-node-content-title",E==null?void 0:E.className)},f),l&&t.createElement(w,{as:"div",...n,className:y("iui-tree-node-content-caption",n==null?void 0:n.className)},l)),b)),a&&t.createElement(w,{as:"div",role:"group","aria-owns":D.join(" "),...p,className:y("iui-sub-tree",p==null?void 0:p.className)}))}),ve={title:"Tree"},Ie=()=>{const[u,m]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),c=t.useCallback((l,n)=>{n?(m(b=>({...b,[l]:!0})),console.log(`Expanded node ${l}`)):(m(b=>({...b,[l]:!1})),console.log(`Closed node ${l}`))},[]),d=t.useCallback((l,n="",b=0)=>{const o=n?`${n}-${l}`:`${l}`;return{id:`Node-${o}`,label:`Node ${o}`,sublabel:`Sublabel for Node ${o}`,subItems:b<10?Array(Math.round(l%5)).fill(null).map((e,s)=>d(s,o,b+1)):[]}},[]),f=t.useMemo(()=>Array(8).fill(null).map((l,n)=>d(n)),[d]),i=t.useCallback(l=>({subNodes:l.subItems,nodeId:l.id,node:l,isExpanded:u[l.id],hasSubNodes:l.subItems.length>0}),[u]);return x.jsx(M,{data:f,getNode:i,nodeRenderer:t.useCallback(({node:l,...n})=>x.jsx(V,{label:l.label,onExpanded:c,...n}),[c])})},we=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((e,s)=>{s?(m(a=>({...a,[e]:!0})),console.log(`Selected node ${e}`)):(m(a=>({...a,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[d,f]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((e,s)=>{s?(f(a=>({...a,[e]:!0})),console.log(`Expanded node ${e}`)):(f(a=>({...a,[e]:!1})),console.log(`Closed node ${e}`))},[]),[l]=t.useState({"Node-4":!0,"Node-3-0":!0,"Node-6":!0,"Node-10":!0}),n=t.useCallback((e,s="",a=0)=>{const r=s?`${s}-${e}`:`${e}`;return{id:`Node-${r}`,label:`Node ${r}`,sublabel:`Sublabel for Node ${r}`,subItems:a<10?Array(Math.round(e%5)).fill(null).map((g,k)=>n(k,r,a+1)):[]}},[]),b=t.useMemo(()=>Array(8).fill(null).map((e,s)=>n(s)),[n]),o=t.useCallback(e=>({subNodes:e.subItems,nodeId:e.id,node:e,isExpanded:d[e.id],isDisabled:l[e.id],isSelected:u[e.id],hasSubNodes:e.subItems.length>0}),[l,d,u]);return x.jsx(M,{data:b,getNode:o,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.label,sublabel:e.sublabel,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:x.jsx(F,{}),...s}),[i,c])})},je=()=>{const u=t.useCallback(e=>({id:`Node-${e}`,label:`Node ${e}`,subItems:[],hasSubNodes:!0}),[]),[m,c]=t.useState(()=>Array(8).fill(null).map((e,s)=>u(s))),[d,f]=t.useState({}),i=t.useCallback((e,s)=>{s?(f(a=>({...a,[e]:!0})),console.log(`Selected node ${e}`)):(f(a=>({...a,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[l,n]=t.useState({}),b=t.useCallback((e,s,a)=>{s&&!a.subItems.length&&a.hasSubNodes&&setTimeout(()=>{c(r=>{const g=[...r],k=g.find(C=>C.id===e);return k?(k.subItems=[{id:`Async-${e}`,label:`Async ${e}`,subItems:[]}],g):r})},1e3),s?(n(r=>({...r,[e]:!0})),console.log(`Expanded node ${e}`)):(n(r=>({...r,[e]:!1})),console.log(`Closed node ${e}`))},[]),o=t.useCallback(e=>({subNodes:!e.subItems.length&&e.hasSubNodes?[{id:`Async-${e.id}`,label:"",subItems:[],isLoading:!0}]:e.subItems,nodeId:e.id,node:e,isExpanded:l[e.id],isSelected:d[e.id],hasSubNodes:!!e.hasSubNodes}),[l,d]);return x.jsx(M,{data:m,getNode:o,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.isLoading?"Loading...":e.label,onExpanded:(a,r)=>b(a,r,e),onSelected:i,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:e.isLoading?x.jsx(fe,{size:"x-small",indeterminate:!0}):x.jsx(F,{}),...s}),[b,i])})},De=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((s,a)=>{a?(m(r=>({...r,[s]:!0})),console.log(`Selected node ${s}`)):(m(r=>({...r,[s]:!1})),console.log(`Unselected node ${s}`))},[]),[d,f]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((s,a)=>{a?(f(r=>({...r,[s]:!0})),console.log(`Expanded node ${s}`)):(f(r=>({...r,[s]:!1})),console.log(`Closed node ${s}`))},[]),[l]=t.useState({"Node-4":!0,"Node-3":!0,"Node-6":!0,"Node-10":!0}),n=t.useCallback(s=>Object.keys(l).some(a=>s===a||s.startsWith(`${a}-`)),[l]),b=t.useCallback((s,a="",r=0)=>{const g=a?`${a}-${s}`:`${s}`;return{id:`Node-${g}`,label:`Node ${g}`,sublabel:`Sublabel for Node ${g}`,subItems:r<10?Array(Math.round(s%5)).fill(null).map((k,C)=>b(C,g,r+1)):[]}},[]),o=t.useMemo(()=>Array(8).fill(null).map((s,a)=>b(a)),[b]),e=t.useCallback(s=>({subNodes:s.subItems,nodeId:s.id,node:s,isExpanded:d[s.id],isDisabled:n(s.id),isSelected:u[s.id],hasSubNodes:s.subItems.length>0}),[d,n,u]);return x.jsx(M,{data:o,getNode:e,nodeRenderer:t.useCallback(({node:s,...a})=>x.jsx(V,{label:s.label,sublabel:s.sublabel,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:a.isDisabled}),icon:x.jsx(F,{}),expander:x.jsx(ae,{isExpanded:a.isExpanded,onClick:r=>{i(s.id,!a.isExpanded),r.stopPropagation()}}),...a}),[i,c])})},Re=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((e,s)=>{s?(m(a=>({...a,[e]:!0})),console.log(`Selected node ${e}`)):(m(a=>({...a,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[d,f]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((e,s)=>{s?(f(a=>({...a,[e]:!0})),console.log(`Expanded node ${e}`)):(f(a=>({...a,[e]:!1})),console.log(`Closed node ${e}`))},[]),[l]=t.useState({"Node-4":!0,"Node-3-0":!0,"Node-6":!0,"Node-10":!0}),n=t.useCallback((e,s="",a=0)=>{const r=s?`${s}-${e}`:`${e}`;return{id:`Node-${r}`,label:`Node ${r}`,sublabel:`Sublabel for Node ${r}`,subItems:a<10?Array(Math.round(e%5)).fill(null).map((g,k)=>n(k,r,a+1)):[]}},[]),b=t.useMemo(()=>Array(1e5).fill(null).map((e,s)=>n(s)),[n]),o=t.useCallback(e=>({subNodes:e.subItems,nodeId:e.id,node:e,isExpanded:d[e.id],isDisabled:l[e.id],isSelected:u[e.id],hasSubNodes:e.subItems.length>0}),[l,d,u]);return x.jsx(M,{data:b,getNode:o,enableVirtualization:!0,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.label,sublabel:e.sublabel,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:x.jsx(F,{}),...s}),[i,c]),style:{height:"min(400px, 90vh)"}})},ze=()=>{const[u,m]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),c=t.useCallback((l,n)=>{n?(m(b=>({...b,[l]:!0})),console.log(`Expanded node ${l}`)):(m(b=>({...b,[l]:!1})),console.log(`Closed node ${l}`))},[]),d=t.useCallback((l,n="",b=0)=>{const o=n?`${n}-${l}`:`${l}`;return{id:`Node-${o}`,label:`Node ${o}`,sublabel:`Sublabel for Node ${o}`,subItems:b<10?Array(Math.round(l%5)).fill(null).map((e,s)=>d(s,o,b+1)):[]}},[]),f=t.useMemo(()=>Array(8).fill(null).map((l,n)=>d(n)),[d]),i=t.useCallback(l=>({subNodes:l.subItems,nodeId:l.id,node:l,isExpanded:u[l.id],hasSubNodes:l.subItems.length>0}),[u]);return x.jsx(M,{data:f,size:"small",getNode:i,nodeRenderer:t.useCallback(({node:l,...n})=>x.jsx(V,{label:l.label,sublabel:l.sublabel,onExpanded:c,icon:x.jsx(F,{}),...n}),[c])})},Ae=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((o,e)=>{e?(m(s=>({...s,[o]:!0})),console.log(`Selected node ${o}`)):(m(s=>({...s,[o]:!1})),console.log(`Unselected node ${o}`))},[]),[d,f]=t.useState({"Node-0":!0,"Node-0-0":!0,"Node-0-0-0":!0,"Node-0-0-0-0":!0,"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((o,e)=>{e?(f(s=>({...s,[o]:!0})),console.log(`Expanded node ${o}`)):(f(s=>({...s,[o]:!1})),console.log(`Closed node ${o}`))},[]),l=t.useCallback((o,e="",s=0)=>{const a=e?`${e}-${o}`:`${o}`;return{id:`Node-${a}`,label:`Node ${a}`,subItems:s<10?Array(1).fill(null).map((r,g)=>l(g,a,s+1)):[]}},[]),n=t.useMemo(()=>Array(1e5).fill(null).map((o,e)=>l(e)),[l]),b=t.useCallback(o=>({subNodes:o.subItems,nodeId:o.id,node:o,isExpanded:d[o.id],isSelected:u[o.id],hasSubNodes:o.subItems.length>0}),[d,u]);return x.jsx(M,{data:n,getNode:b,enableVirtualization:!0,nodeRenderer:t.useCallback(({node:o,...e})=>x.jsx(V,{label:o.label,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:e.isDisabled}),icon:x.jsx(F,{}),style:{width:"fit-content",minWidth:"100%"},...e}),[i,c]),style:{height:"min(400px, 90vh)",width:"250px"}})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{je as AsyncLoading,Ie as Basic,De as CustomizedExpander,we as Full,ze as Small,Re as Virtualized,Ae as VirtualizedWithHorizontalScroll,ve as default}; diff --git a/2298/react/assets/WorkflowDiagram.stories-DotTnsP2.js b/2298/react/assets/WorkflowDiagram.stories-DotTnsP2.js new file mode 100644 index 00000000000..0724db3030e --- /dev/null +++ b/2298/react/assets/WorkflowDiagram.stories-DotTnsP2.js @@ -0,0 +1 @@ +import{r as e,B as s,c as p,T as f,j as d}from"./index-DhFzuRA5.js";const v=i=>{let{title:n,description:r,className:l,style:a,contentProps:t,...m}=i,o=e.createElement(s,{as:"li",className:p("iui-workflow-diagram-step",l),style:a,...m},e.createElement(s,{as:"span",...t,className:p("iui-workflow-diagram-content",t==null?void 0:t.className)},n));return r?e.createElement(f,{content:r},o):o},w=e.forwardRef((i,n)=>{let{steps:r,className:l,contentProps:a,wrapperProps:t,...m}=i;return e.createElement(s,{as:"div",...t,ref:n},e.createElement(s,{as:"ol",className:p("iui-workflow-diagram",l),...m},r.map((o,c)=>{let u=a==null?void 0:a(c);return e.createElement(v,{contentProps:u,key:c,title:o.name,description:o.description})})))}),k={title:"WorkflowDiagram"},S=()=>d.jsx(w,{steps:[{name:"Start"},{name:"Set parameters"},{name:"Invite collaborators"},{name:"Review & Approve"},{name:"Complete"}]}),T=()=>d.jsx(w,{steps:[{name:"Start",description:"Start Tooltip"},{name:"Set parameters",description:"Set parameters Tooltip"},{name:"Invite collaborators",description:"Invite collaborators Tooltip"},{name:"Review & Approve",description:"Review & Approve Tooltip"},{name:"Complete",description:"Complete Tooltip"}]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{S as Basic,T as WithTooltips,k as default}; diff --git a/2298/react/assets/colors-ymlpSE_k.js b/2298/react/assets/colors-ymlpSE_k.js new file mode 100644 index 00000000000..af477868478 --- /dev/null +++ b/2298/react/assets/colors-ymlpSE_k.js @@ -0,0 +1 @@ +const l={skyblue:"var(--iui-color-background-skyblue)",celery:"var(--iui-color-background-celery)",froly:"var(--iui-color-background-froly)",steelblue:"var(--iui-color-background-steelblue)",sunglow:"var(--iui-color-background-sunglow)",seabuckthorn:"var(--iui-color-background-seabuckthorn)",montecarlo:"var(--iui-color-background-montecarlo)",poloblue:"var(--iui-color-background-poloblue)",bouquet:"var(--iui-color-background-bouquet)",ash:"var(--iui-color-background-ash)",oak:"var(--iui-color-background-oak)"},i=o=>Object.keys(l).includes(o);let u=Object.values(l);const t=o=>{let e=o.trim().toLowerCase(),r=0;for(let a=0;a + + + diff --git a/2298/react/assets/focusable-DxELdZu-.js b/2298/react/assets/focusable-DxELdZu-.js new file mode 100644 index 00000000000..83c2a1731ca --- /dev/null +++ b/2298/react/assets/focusable-DxELdZu-.js @@ -0,0 +1 @@ +import{r as a,n as E,C as A}from"./index-DhFzuRA5.js";let d='a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';const p=t=>{if(!t)return[];let s=t.querySelectorAll(d);return Array.from(s).filter(e=>!e.hasAttribute("disabled")&&!e.classList.contains("iui-disabled")&&e.getAttribute("aria-disabled")!=="true")},x=t=>{if(!t)return[];let s=t.querySelectorAll(`${d}, [tabindex="-1"]`);return Array.from(s).filter(e=>!e.hasAttribute("disabled")&&!e.classList.contains("iui-disabled")&&e.getAttribute("aria-disabled")!=="true")};function g(t,s){let e=a.useRef([]),[u,f]=a.useState(e.current),i=l=>{e.current=l,f(l)},{filter:m}=s??{},r=E(m),b=a.useMemo(()=>({focusableElementsRef:e,focusableElements:u}),[e,u]);return A(a.useCallback(()=>{if(!t)return i([]),()=>{};o();let l=new MutationObserver(()=>o());return l.observe(t,{childList:!0,subtree:!0}),()=>l.disconnect();function o(){var c;let n=x(t);r.current&&(n=(c=r.current)==null?void 0:c.call(r,n)),i(n)}},[t,r]),()=>b,()=>b)}export{x as a,p as g,g as u}; diff --git a/2298/react/assets/index-DS3RRG6c.css b/2298/react/assets/index-DS3RRG6c.css new file mode 100644 index 00000000000..181b459f1de --- /dev/null +++ b/2298/react/assets/index-DS3RRG6c.css @@ -0,0 +1 @@ +:root{--ladle-bg-color-primary: #fff;--ladle-bg-color-secondary: #f4f4f4;--ladle-color-primary: #000;--ladle-color-secondary: #bbb;--ladle-color-hover: #545454;--ladle-color-accent: #276ef1;--ladle-ring-size: 64px;--ladle-ring-thickness: 6px;--ladle-mode-overflow: hidden;--ladle-mode-height: 100vh;--ladle-main-padding: 3em;--ladle-main-padding-mobile: 1em;--reach-dialog: 1;--ladle-blueprint: #aaa}[data-theme=dark]{--ladle-bg-color-primary: #141414;--ladle-bg-color-secondary: #1f1f1f;--ladle-color-primary: #f6f6f6;--ladle-color-secondary: #bbb;--ladle-color-hover: #e2e2e2;--ladle-color-accent: #276ef1;--ladle-blueprint: #1f1f1f}[data-mode=single-scroll],[data-mode=preview]{--ladle-mode-overflow: visible;--ladle-mode-height: 100%}[data-iframed]{--ladle-main-padding-mobile: 0;--ladle-main-padding: 0}.ladle-wrapper,html,body{margin:0}[data-iframed]:not([data-iframed="0"]) .ladle-main{display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);overflow:auto;background-color:var(--ladle-blueprint);background-image:linear-gradient(rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}.ladle-iframe{height:100%;border:0;background-color:var(--ladle-bg-color-primary)}[data-iframed]:not([data-iframed="0"]) .ladle-iframe{grid-column:2;height:calc(100% - 128px);min-height:500px;margin-top:64px;margin-bottom:64px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.ladle-background{position:absolute;top:0;left:0;z-index:-1000;width:100%;height:100%;background-color:var(--ladle-bg-color-primary)}.ladle-wrapper{display:flex;flex-direction:column}.ladle-aside img,.ladle-aside svg{display:inline;vertical-align:baseline}.ladle-main{flex:1 1 auto;padding:var(--ladle-main-padding-mobile)}.ladle-error-content{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:var(--ladle-color-primary)}.ladle-link{color:var(--ladle-color-accent)}.ladle-aside{font-family:Arial,Helvetica,sans-serif;font-size:18px;background-color:var(--ladle-bg-color-primary);color:var(--ladle-color-primary);padding:1.5em}.ladle-aside input{padding:.5em 0;width:100%;border-top:0;border-left:0;border-right:0;border-color:var(--ladle-color-hover);border-bottom-width:1px;border-bottom-style:solid;border-radius:0;background-color:var(--ladle-bg-color-primary);font-size:1em;color:var(--ladle-color-primary);margin-bottom:.5em}.ladle-aside input:focus{outline:none;color:var(--ladle-color-accent);border-color:var(--ladle-color-accent)}.ladle-aside ul{padding:0;margin:.8em .75em 0}.ladle-aside li{list-style-type:none;margin:.8em .35em}.ladle-aside li:focus{outline:none}.ladle-aside li:focus-visible>div{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ladle-color-primary)}.ladle-aside a:hover{color:var(--ladle-color-hover)}.ladle-aside a:focus{outline:none}.ladle-aside a:focus-visible{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside .ladle-active a{font-weight:700}.ladle-addons{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary);padding:0;margin:0 0 2em;position:relative;bottom:0;margin-inline-start:1em;margin-inline-end:1em}.ladle-addons ul{padding:0;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap}.ladle-addons li{background-color:var(--ladle-bg-color-secondary);box-shadow:0 1px 2px #00000029;border-bottom:none;border-radius:.25em;list-style-type:none;margin:.35em;width:auto;height:2.5em}.ladle-addons>ul>li>button{display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:.3em;width:100%;height:100%;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;cursor:pointer;border-radius:4px;outline:none}.ladle-addons>ul>li>button>label{display:block;cursor:pointer;line-height:24px;font-size:18px;margin-inline-start:.5em;padding-top:.1em}.ladle-addon-modal-body>button{border:0;font-size:14px;border-radius:4px;padding:.25em .5em;margin:1em 0;background:var(--ladle-color-accent);color:#fff;font:inherit;letter-spacing:inherit}.ladle-addons>ul>li>button>.ladle-badge{font-style:normal;min-width:1.6em;margin-left:1em;height:1.6em;border-radius:.8em;background-color:#fa3e3e;display:flex;justify-content:center;align-items:center;font-size:.8em;color:#fff}.ladle-addon-modal-body select,.ladle-addon-modal-body input,.ladle-addon-modal-body textarea{font-size:14px;border-radius:4px;border:1px solid var(--ladle-color-primary);padding:.5em .75em;margin:0;background:var(--ladle-bg-color-primary);color:var(--ladle-color-primary)}.ladle-addon-modal-body input[type=range]{padding:0;margin:0 .5em;vertical-align:middle}.ladle-addon-modal-body>button:hover{color:#ccc}.ladle-addon-tooltip{box-shadow:0 1px 2px #00000029;display:none;white-space:nowrap;background:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;margin-top:-96px;inset-inline-start:5px;padding:10px;position:absolute;z-index:1000}.ladle-addon-source-lineno{display:table-cell;text-align:right;padding-right:.25em;padding-left:.25em;-webkit-user-select:none;user-select:none;opacity:.5}.ladle-addons>ul>li>.ladle-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.source-active,.ladle-addons>ul>li>.width-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.a11y-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>button:focus-visible{border:2px solid var(--ladle-color-accent)}.ladle-addons>ul>li>button:hover{box-shadow:none;color:var(--ladle-color-accent)}.ladle-controls-table td{padding:.25em 1em .25em 0}.ladle-controls-table input{margin:0}.ladle-controls-table input[type=radio]{margin-right:.3em}.ladle-controls-table span{margin-right:1em}.ladle-controls-table select{min-width:177px}.ladle-controls-table textarea{min-width:172px;min-height:3em}.ladle-controls-table{margin-bottom:1em}.ladle-ring-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;visibility:hidden;animation:ladle-ring-fadein 1.5s;animation-fill-mode:forwards;animation-delay:.5s}@keyframes ladle-ring-fadein{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.ladle-ring{display:inline-block;position:relative;width:var(--ladle-ring-size);height:var(--ladle-ring-size)}.ladle-ring div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:var(--ladle-ring-thickness) solid var(--ladle-color-secondary);border-radius:50%;animation:ladle-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--ladle-color-secondary) transparent transparent transparent}.ladle-ring div:nth-child(1){animation-delay:-.45s}.ladle-ring div:nth-child(2){animation-delay:-.3s}.ladle-ring div:nth-child(3){animation-delay:-.15s}@keyframes ladle-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[data-reach-dialog-content][data-testid=ladle-dialog]{box-shadow:0 1px 2px #00000029;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;background-color:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;padding:1.2em 2em .8em;margin:21px;position:absolute;bottom:0;overflow:none}div[data-reach-dialog-content][data-testid=ladle-dialog] a{color:var(--ladle-color-accent)}div[data-reach-dialog-overlay][data-testid=ladle-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:2147483647}.ladle-button{box-sizing:border-box;box-shadow:0 1px 2px #00000029;border:1px solid var(--ladle-color-secondary);margin:1px 8px;padding:.5em;width:auto;cursor:pointer;overflow:visible;background:inherit;color:inherit;border-radius:4px;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.ladle-button:hover{background:var(--ladle-bg-color-secondary);color:var(--ladle-color-accent)}.ladle-button:focus{outline:none}.ladle-button:focus-visible{border:2px solid var(--ladle-color-accent)!important;margin:0 7px}q.ladle-code,code.ladle-markdown{-moz-tab-size:2;tab-size:2;padding:.2em .4em;margin:0;line-height:2;font-size:85%;background-color:var(--ladle-bg-color-secondary);border:1px solid var(--ladle-color-hover);color:var(--ladle-color-primary);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}h1.ladle-markdown,h2.ladle-markdown,h3.ladle-markdown,h4.ladle-markdown,h5.ladle-markdown,h6.ladle-markdown{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary)}p.ladle-markdown,ul.ladle-markdown,ol.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-primary)}a.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-accent)}blockquote.ladle-markdown{border-left:6px solid var(--ladle-color-secondary);padding-left:24px;margin-left:0}.ladle-addon-modal-body{max-height:80vh;overflow:auto;-moz-tab-size:2;tab-size:2}.ladle-addon-modal-body ul{list-style:square;overflow:auto;margin:8px;padding-left:40px}.ladle-resize-handle{display:none}@media (min-width: 768px){html,body{height:100%}.ladle-wrapper{min-height:100%;margin:0;flex-direction:row;align-items:flex-start}[data-mode=full] html,[data-mode=full] body,[data-mode=full] .ladle-wrapper{height:100vh;overflow:hidden}.ladle-resize-handle{transition:box-shadow .15s ease-in;display:block;width:16px;height:100%;cursor:col-resize;background-color:var(--ladle-bg-color-secondary)}.ladle-resize-handle:hover{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-handle:hover{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-resize-active{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-active{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-aside{box-sizing:content-box}.ladle-main{padding:var(--ladle-main-padding);align-self:stretch}.ladle-aside{font-size:16px;flex:0 0 12em;padding:3em 2em;padding-left:calc(2em - 16px);min-width:15em;background-color:var(--ladle-bg-color-secondary);align-self:stretch}[data-reversed] .ladle-aside{padding-left:2em;padding-right:calc(2em - 16px)}[data-mode=full] .ladle-main,[data-mode=full] .ladle-aside{overflow:auto}.ladle-aside ul{margin:0;-webkit-user-select:none;user-select:none;margin-inline-start:.75em}.ladle-aside li{margin:.35em;line-height:18px}.ladle-aside input{line-height:1;background-color:var(--ladle-bg-color-secondary)}.ladle-aside input::placeholder{-webkit-user-select:none;user-select:none}.ladle-addons{position:fixed;margin-bottom:0;z-index:2147483647}.ladle-addons ul{flex-direction:row}.ladle-addons li{margin:0 .35em;border-bottom-left-radius:0;border-bottom-right-radius:0;width:2.5em}.ladle-addons>ul>li>button>label{display:none}div[data-reach-dialog-content][data-testid=ladle-dialog]{position:fixed;bottom:49px;inset-inline-start:21px;margin-inline-end:21px;max-width:40em;margin:0}.ladle-addons>ul>li>button:hover .ladle-addon-tooltip{display:block}.ladle-addons>ul>li>button>.ladle-badge{position:absolute;margin-left:3.1em;top:-.7em;font-size:.7em}}:where([data-iui-theme]){color-scheme:light dark;accent-color:var(--iui-color-border-accent);--iui-size-3xs: .125rem;--iui-size-2xs: .25rem;--iui-size-xs: .5rem;--iui-size-s: .75rem;--iui-size-m: 1rem;--iui-size-l: 1.5rem;--iui-size-xl: 2rem;--iui-size-2xl: 4rem;--iui-size-3xl: 6rem;--iui-component-height-small: calc(var(--iui-size-s) * 2);--iui-component-height: calc(var(--iui-size-s) * 3);--iui-component-height-large: calc(var(--iui-size-s) * 4);--iui-border-radius-1: 4px;--iui-border-radius-round: 9999px;--iui-font-sans: "Noto Sans", "Open Sans", system-ui, sans-serif;--iui-font-mono: "Noto Sans Mono", ui-monospace, "Segoe UI Mono", Consolas, "Roboto Mono", monospace;--iui-font-size-0: .75rem;--iui-font-size-1: .875rem;--iui-font-size-2: 1rem;--iui-font-size-3: 1.125rem;--iui-font-size-4: 1.5rem;--iui-font-size-5: 2rem;--iui-font-weight-light: 300;--iui-font-weight-normal: 400;--iui-font-weight-semibold: 600;--iui-font-weight-bold: 700;--iui-shadow-0: 0;--iui-shadow-1: 0 1px 5px var(--iui-shadow-color);--iui-shadow-2: 0 1px 10px var(--iui-shadow-color);--iui-shadow-3: 0 3px 14px var(--iui-shadow-color);--iui-shadow-4: 0 6px 30px var(--iui-shadow-color);--iui-shadow-5: 0 9px 46px var(--iui-shadow-color);--iui-duration-0: 0s;--iui-duration-1: .2s;--iui-duration-2: .4s;--iui-duration-3: .8s;--iui-color-background-skyblue: #b5e1f2;--iui-color-background-celery: #c3d57c;--iui-color-background-froly: #fbafad;--iui-color-background-steelblue: #9cbdd8;--iui-color-background-sunglow: #ffd166;--iui-color-background-seabuckthorn: #f9b371;--iui-color-background-montecarlo: #99d6d2;--iui-color-background-poloblue: #abc3de;--iui-color-background-bouquet: #cbb3c9;--iui-color-background-ash: #dedbd3;--iui-color-background-oak: #ceb5a1;--iui-color-white: white}:where([data-iui-theme=light]){color-scheme:light;--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .2;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fbfbfc;--iui-color-background-hover: #f7f8f8;--iui-color-background-backdrop: #eef0f1;--iui-color-background-backdrop-hover: #e6e9ea;--iui-color-background-disabled: #dde1e3;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #00568f;--iui-color-background-informational-muted: #e4f3fc;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #0d610a;--iui-color-background-positive-muted: #e7f4e6;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #6b4b00;--iui-color-background-warning-muted: #f9f1e6;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #9e0008;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .06);--iui-color-border-subtle: #c4cbcf;--iui-color-border: #b3bcc1;--iui-color-border-foreground: #8f8f8f;--iui-color-border-foreground-hover: #6b6b6b;--iui-color-border-disabled: #a1a1a1;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #0071b8;--iui-color-border-positive: #157e11;--iui-color-border-warning: #7a4606;--iui-color-border-negative: #db0a0a;--iui-color-icon: #363636;--iui-color-icon-hover: #242424;--iui-color-icon-muted: #7d7d7d;--iui-color-icon-muted-hover: #6b6b6b;--iui-color-icon-disabled: #a1a1a1;--iui-color-icon-disabled-hover: #747474;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #008ae0;--iui-color-icon-positive: #1c9b17;--iui-color-icon-warning: #a05c08;--iui-color-icon-negative: #fd3535;--iui-color-text: #242424;--iui-color-text-hover: #121212;--iui-color-text-muted: #595959;--iui-color-text-placeholder: #747474;--iui-color-text-disabled: #a1a1a1;--iui-color-text-disabled-hover: #626262;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #0071b8;--iui-color-text-informational-hover: #00568f;--iui-color-text-positive: #157e11;--iui-color-text-positive-hover: #0d610a;--iui-color-text-warning: #7a4606;--iui-color-text-warning-hover: #552f02;--iui-color-text-negative: #db0a0a;--iui-color-text-negative-hover: #a80505;--iui-color-background-hsl: 203deg 10% 100%;--iui-color-foreground-hsl: 0deg 0% 7%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 44%;--iui-color-positive-hsl: 118deg 74% 35%;--iui-color-warning-hsl: 33deg 90% 33%;--iui-color-negative-hsl: 0deg 98% 60%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-5))}:where([data-iui-theme=light]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .2;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fafafa;--iui-color-background-hover: #f4f5f5;--iui-color-background-backdrop: #eaebec;--iui-color-background-backdrop-hover: #dfe1e2;--iui-color-background-disabled: #d4d7d8;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #003c66;--iui-color-background-informational-muted: #e5eff5;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #074205;--iui-color-background-positive-muted: #e7f0e6;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #4d3400;--iui-color-background-warning-muted: #f3eee7;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #700004;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .08);--iui-color-border-subtle: #b4b8bb;--iui-color-border: #9fa4a8;--iui-color-border-foreground: #7a7a7a;--iui-color-border-foreground-hover: #5c5c5c;--iui-color-border-disabled: #8a8a8a;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #004f80;--iui-color-border-positive: #0d560b;--iui-color-border-warning: #583304;--iui-color-border-negative: #9c0707;--iui-color-icon: #2e2e2e;--iui-color-icon-hover: #1f1f1f;--iui-color-icon-muted: #5c5c5c;--iui-color-icon-muted-hover: #4d4d4d;--iui-color-icon-disabled: #737373;--iui-color-icon-disabled-hover: #4d4d4d;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #00619e;--iui-color-icon-positive: #116c0e;--iui-color-icon-warning: #754306;--iui-color-icon-negative: #bf0808;--iui-color-text: #1f1f1f;--iui-color-text-hover: #0f0f0f;--iui-color-text-muted: #4d4d4d;--iui-color-text-disabled: #737373;--iui-color-text-disabled-hover: #3d3d3d;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #004f80;--iui-color-text-informational-hover: #002c47;--iui-color-text-positive: #0d560b;--iui-color-text-positive-hover: #083206;--iui-color-text-warning: #583304;--iui-color-text-warning-hover: #2c1902;--iui-color-text-negative: #9c0707;--iui-color-text-negative-hover: #580404;--iui-color-background-hsl: 203deg 5% 100%;--iui-color-foreground-hsl: 0deg 0% 6%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 31%;--iui-color-positive-hsl: 118deg 77% 24%;--iui-color-warning-hsl: 33deg 91% 24%;--iui-color-negative-hsl: 0deg 92% 39%}:where([data-iui-theme=dark]){color-scheme:dark;--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333c41;--iui-color-background-zebra: #374046;--iui-color-background-hover: #3a444a;--iui-color-background-backdrop: #242b2e;--iui-color-background-backdrop-hover: #2c3338;--iui-color-background-disabled: #1d2225;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #008ee0;--iui-color-background-informational-muted: #384652;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #1e991a;--iui-color-background-positive-muted: #3a4b46;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #b88400;--iui-color-background-warning-muted: #46453f;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #e94f44;--iui-color-background-negative-muted: #464347;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .065);--iui-color-border-subtle: #49555d;--iui-color-border: #58666f;--iui-color-border-foreground: #707070;--iui-color-border-foreground-hover: #949494;--iui-color-border-disabled: #5e5e5e;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #94befa;--iui-color-border-positive: #94d293;--iui-color-border-warning: #faaa75;--iui-color-border-negative: #f9a9a9;--iui-color-icon: #c9c9c9;--iui-color-icon-hover: #dbdbdb;--iui-color-icon-muted: #949494;--iui-color-icon-muted-hover: #a6a6a6;--iui-color-icon-disabled: #707070;--iui-color-icon-disabled-hover: #949494;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #7bb4f9;--iui-color-icon-positive: #82d080;--iui-color-icon-warning: #f59e56;--iui-color-icon-negative: #f89696;--iui-color-text: #dbdbdb;--iui-color-text-hover: #ededed;--iui-color-text-muted: #b8b8b8;--iui-color-text-placeholder: #a6a6a6;--iui-color-text-disabled: #828282;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #94befa;--iui-color-text-informational-hover: #bcd4fb;--iui-color-text-positive: #94d293;--iui-color-text-positive-hover: #d2efd2;--iui-color-text-warning: #faaa75;--iui-color-text-warning-hover: #fbc9ac;--iui-color-text-negative: #f9a9a9;--iui-color-text-negative-hover: #fbc6c6;--iui-color-background-hsl: 203deg 12% 22.75%;--iui-color-foreground-hsl: 0deg 0% 93%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 213deg 91% 73%;--iui-color-positive-hsl: 119deg 46% 66%;--iui-color-warning-hsl: 27deg 89% 65%;--iui-color-negative-hsl: 0deg 87% 78%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-4))}:where([data-iui-theme=dark]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333739;--iui-color-background-zebra: #383c3f;--iui-color-background-hover: #3d4245;--iui-color-background-backdrop: #1f2122;--iui-color-background-backdrop-hover: #292c2e;--iui-color-background-disabled: #141617;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #0071b8;--iui-color-background-informational-muted: #3c4449;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #157e11;--iui-color-background-positive-muted: #3c4441;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #8f6400;--iui-color-background-warning-muted: #434342;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #c52b26;--iui-color-background-negative-muted: #484244;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .085);--iui-color-border-subtle: #5c6367;--iui-color-border: #666e73;--iui-color-border-foreground: #999999;--iui-color-border-foreground-hover: #b3b3b3;--iui-color-border-disabled: #8c8c8c;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #c3deee;--iui-color-border-positive: #c8e1c7;--iui-color-border-warning: #e8d8c4;--iui-color-border-negative: #f9d2d2;--iui-color-icon: #d9d9d9;--iui-color-icon-hover: #e6e6e6;--iui-color-icon-muted: #bfbfbf;--iui-color-icon-muted-hover: #cccccc;--iui-color-icon-disabled: #8c8c8c;--iui-color-icon-disabled-hover: #999999;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #90c1e0;--iui-color-icon-positive: #96c695;--iui-color-icon-warning: #d5b690;--iui-color-icon-negative: #f2a6a6;--iui-color-text: #e6e6e6;--iui-color-text-hover: #f2f2f2;--iui-color-text-muted: #cccccc;--iui-color-text-disabled: #8c8c8c;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #c3deee;--iui-color-text-informational-hover: #ebf4f9;--iui-color-text-positive: #c8e1c7;--iui-color-text-positive-hover: #ecf4ec;--iui-color-text-warning: #e8d8c4;--iui-color-text-warning-hover: #f7f0e9;--iui-color-text-negative: #f9d2d2;--iui-color-text-negative-hover: #fdeded;--iui-color-background-hsl: 203deg 6% 21.25%;--iui-color-foreground-hsl: 0deg 0% 95%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 56% 72%;--iui-color-positive-hsl: 119deg 30% 68%;--iui-color-warning-hsl: 33deg 45% 70%;--iui-color-negative-hsl: 0deg 75% 80%}@layer itwinui-v1,itwinui.v1,itwinui.v2,itwinui.v3;@layer itwinui.v3{:where(._iui3160-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(._iui3160-root):where([data-iui-theme=light]){color-scheme:light;--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .2;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fbfbfc;--iui-color-background-hover: #f7f8f8;--iui-color-background-backdrop: #eef0f1;--iui-color-background-backdrop-hover: #e6e9ea;--iui-color-background-disabled: #dde1e3;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #00568f;--iui-color-background-informational-muted: #e4f3fc;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #0d610a;--iui-color-background-positive-muted: #e7f4e6;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #6b4b00;--iui-color-background-warning-muted: #f9f1e6;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #9e0008;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .06);--iui-color-border-subtle: #c4cbcf;--iui-color-border: #b3bcc1;--iui-color-border-foreground: #8f8f8f;--iui-color-border-foreground-hover: #6b6b6b;--iui-color-border-disabled: #a1a1a1;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #0071b8;--iui-color-border-positive: #157e11;--iui-color-border-warning: #7a4606;--iui-color-border-negative: #db0a0a;--iui-color-icon: #363636;--iui-color-icon-hover: #242424;--iui-color-icon-muted: #7d7d7d;--iui-color-icon-muted-hover: #6b6b6b;--iui-color-icon-disabled: #a1a1a1;--iui-color-icon-disabled-hover: #747474;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #008ae0;--iui-color-icon-positive: #1c9b17;--iui-color-icon-warning: #a05c08;--iui-color-icon-negative: #fd3535;--iui-color-text: #242424;--iui-color-text-hover: #121212;--iui-color-text-muted: #595959;--iui-color-text-placeholder: #747474;--iui-color-text-disabled: #a1a1a1;--iui-color-text-disabled-hover: #626262;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #0071b8;--iui-color-text-informational-hover: #00568f;--iui-color-text-positive: #157e11;--iui-color-text-positive-hover: #0d610a;--iui-color-text-warning: #7a4606;--iui-color-text-warning-hover: #552f02;--iui-color-text-negative: #db0a0a;--iui-color-text-negative-hover: #a80505;--iui-color-background-hsl: 203deg 10% 100%;--iui-color-foreground-hsl: 0deg 0% 7%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 44%;--iui-color-positive-hsl: 118deg 74% 35%;--iui-color-warning-hsl: 33deg 90% 33%;--iui-color-negative-hsl: 0deg 98% 60%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-5))}:where(._iui3160-root):where([data-iui-theme=light]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .2;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fafafa;--iui-color-background-hover: #f4f5f5;--iui-color-background-backdrop: #eaebec;--iui-color-background-backdrop-hover: #dfe1e2;--iui-color-background-disabled: #d4d7d8;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #003c66;--iui-color-background-informational-muted: #e5eff5;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #074205;--iui-color-background-positive-muted: #e7f0e6;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #4d3400;--iui-color-background-warning-muted: #f3eee7;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #700004;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .08);--iui-color-border-subtle: #b4b8bb;--iui-color-border: #9fa4a8;--iui-color-border-foreground: #7a7a7a;--iui-color-border-foreground-hover: #5c5c5c;--iui-color-border-disabled: #8a8a8a;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #004f80;--iui-color-border-positive: #0d560b;--iui-color-border-warning: #583304;--iui-color-border-negative: #9c0707;--iui-color-icon: #2e2e2e;--iui-color-icon-hover: #1f1f1f;--iui-color-icon-muted: #5c5c5c;--iui-color-icon-muted-hover: #4d4d4d;--iui-color-icon-disabled: #737373;--iui-color-icon-disabled-hover: #4d4d4d;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #00619e;--iui-color-icon-positive: #116c0e;--iui-color-icon-warning: #754306;--iui-color-icon-negative: #bf0808;--iui-color-text: #1f1f1f;--iui-color-text-hover: #0f0f0f;--iui-color-text-muted: #4d4d4d;--iui-color-text-disabled: #737373;--iui-color-text-disabled-hover: #3d3d3d;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #004f80;--iui-color-text-informational-hover: #002c47;--iui-color-text-positive: #0d560b;--iui-color-text-positive-hover: #083206;--iui-color-text-warning: #583304;--iui-color-text-warning-hover: #2c1902;--iui-color-text-negative: #9c0707;--iui-color-text-negative-hover: #580404;--iui-color-background-hsl: 203deg 5% 100%;--iui-color-foreground-hsl: 0deg 0% 6%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 31%;--iui-color-positive-hsl: 118deg 77% 24%;--iui-color-warning-hsl: 33deg 91% 24%;--iui-color-negative-hsl: 0deg 92% 39%}:where(._iui3160-root):where([data-iui-theme=dark]){color-scheme:dark;--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333c41;--iui-color-background-zebra: #374046;--iui-color-background-hover: #3a444a;--iui-color-background-backdrop: #242b2e;--iui-color-background-backdrop-hover: #2c3338;--iui-color-background-disabled: #1d2225;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #008ee0;--iui-color-background-informational-muted: #384652;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #1e991a;--iui-color-background-positive-muted: #3a4b46;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #b88400;--iui-color-background-warning-muted: #46453f;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #e94f44;--iui-color-background-negative-muted: #464347;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .065);--iui-color-border-subtle: #49555d;--iui-color-border: #58666f;--iui-color-border-foreground: #707070;--iui-color-border-foreground-hover: #949494;--iui-color-border-disabled: #5e5e5e;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #94befa;--iui-color-border-positive: #94d293;--iui-color-border-warning: #faaa75;--iui-color-border-negative: #f9a9a9;--iui-color-icon: #c9c9c9;--iui-color-icon-hover: #dbdbdb;--iui-color-icon-muted: #949494;--iui-color-icon-muted-hover: #a6a6a6;--iui-color-icon-disabled: #707070;--iui-color-icon-disabled-hover: #949494;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #7bb4f9;--iui-color-icon-positive: #82d080;--iui-color-icon-warning: #f59e56;--iui-color-icon-negative: #f89696;--iui-color-text: #dbdbdb;--iui-color-text-hover: #ededed;--iui-color-text-muted: #b8b8b8;--iui-color-text-placeholder: #a6a6a6;--iui-color-text-disabled: #828282;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #94befa;--iui-color-text-informational-hover: #bcd4fb;--iui-color-text-positive: #94d293;--iui-color-text-positive-hover: #d2efd2;--iui-color-text-warning: #faaa75;--iui-color-text-warning-hover: #fbc9ac;--iui-color-text-negative: #f9a9a9;--iui-color-text-negative-hover: #fbc6c6;--iui-color-background-hsl: 203deg 12% 22.75%;--iui-color-foreground-hsl: 0deg 0% 93%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 213deg 91% 73%;--iui-color-positive-hsl: 119deg 46% 66%;--iui-color-warning-hsl: 27deg 89% 65%;--iui-color-negative-hsl: 0deg 87% 78%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-4))}:where(._iui3160-root):where([data-iui-theme=dark]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333739;--iui-color-background-zebra: #383c3f;--iui-color-background-hover: #3d4245;--iui-color-background-backdrop: #1f2122;--iui-color-background-backdrop-hover: #292c2e;--iui-color-background-disabled: #141617;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #0071b8;--iui-color-background-informational-muted: #3c4449;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #157e11;--iui-color-background-positive-muted: #3c4441;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #8f6400;--iui-color-background-warning-muted: #434342;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #c52b26;--iui-color-background-negative-muted: #484244;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .085);--iui-color-border-subtle: #5c6367;--iui-color-border: #666e73;--iui-color-border-foreground: #999999;--iui-color-border-foreground-hover: #b3b3b3;--iui-color-border-disabled: #8c8c8c;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #c3deee;--iui-color-border-positive: #c8e1c7;--iui-color-border-warning: #e8d8c4;--iui-color-border-negative: #f9d2d2;--iui-color-icon: #d9d9d9;--iui-color-icon-hover: #e6e6e6;--iui-color-icon-muted: #bfbfbf;--iui-color-icon-muted-hover: #cccccc;--iui-color-icon-disabled: #8c8c8c;--iui-color-icon-disabled-hover: #999999;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #90c1e0;--iui-color-icon-positive: #96c695;--iui-color-icon-warning: #d5b690;--iui-color-icon-negative: #f2a6a6;--iui-color-text: #e6e6e6;--iui-color-text-hover: #f2f2f2;--iui-color-text-muted: #cccccc;--iui-color-text-disabled: #8c8c8c;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #c3deee;--iui-color-text-informational-hover: #ebf4f9;--iui-color-text-positive: #c8e1c7;--iui-color-text-positive-hover: #ecf4ec;--iui-color-text-warning: #e8d8c4;--iui-color-text-warning-hover: #f7f0e9;--iui-color-text-negative: #f9d2d2;--iui-color-text-negative-hover: #fdeded;--iui-color-background-hsl: 203deg 6% 21.25%;--iui-color-foreground-hsl: 0deg 0% 95%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 56% 72%;--iui-color-positive-hsl: 119deg 30% 68%;--iui-color-warning-hsl: 33deg 45% 70%;--iui-color-negative-hsl: 0deg 75% 80%}}@layer itwinui.v3{:where(._iui3160-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._iui3160-root){margin:0}:where(body._iui3160-root,._iui3160-root._iui3160-root-background){background-color:var(--iui-color-background-backdrop)}:where(._iui3160-root,._iui3160-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where(._iui3160-root,._iui3160-root *)::selection,:where(._iui3160-root,._iui3160-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}:where(._iui3160-root,._iui3160-root *)::-webkit-scrollbar{max-inline-size:var(--iui-size-xs);max-block-size:var(--iui-size-xs)}:where(._iui3160-root,._iui3160-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where(._iui3160-root,._iui3160-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where(._iui3160-root,._iui3160-root *)::-webkit-scrollbar-track{background-color:#0000}:where(._iui3160-root,._iui3160-root *)::-webkit-scrollbar-corner{background-color:#0000}:where(._iui3160-root,._iui3160-root *),:where(._iui3160-root,._iui3160-root *):before,:where(._iui3160-root,._iui3160-root *):after{box-sizing:border-box}:where(._iui3160-root,._iui3160-root *):where(:focus-visible){outline:2px solid var(--iui-color-border-accent)}@keyframes _iui3160-fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}._iui3160-field{--_iui-field-color-text:var(--iui-color-text);--_iui-field-color-text-hover:var(--iui-color-text-hover);--_iui-field-color-text-disabled:var(--iui-color-text-disabled);--_iui-field-color-text-disabled-hover:var(--iui-color-text-disabled-hover);--_iui-field-color-icon:var(--iui-color-icon);--_iui-field-color-icon-hover:var(--iui-color-icon-hover);--_iui-field-color-icon-disabled:var(--iui-color-icon-disabled);--_iui-field-color-icon-disabled-hover:var(--iui-color-icon-disabled-hover);--_iui-field-color-background:var(--iui-color-background);--_iui-field-color-background-hover:var(--iui-color-background-hover);--_iui-field-color-background-disabled:var(--iui-color-background-disabled);--_iui-field-color-border:var(--iui-color-border-foreground);--_iui-field-color-border-hover:var(--iui-color-border-foreground-hover);--_iui-field-color-border-disabled:var(--iui-color-border-disabled);--_iui-field-color-focus-outline:var(--iui-color-border-accent);--_iui-field-height:var(--iui-component-height);--_iui-field-focus-outline-offset:-2px;--_iui-field-focus-outline-width:2px;--_iui-field-font-size:var(--iui-font-size-1);--_iui-field-state:var(--_iui-field-state--default);--_iui-field-state--default:var(--_iui-field-state,);--_iui-field-state--hover:var(--_iui-field-state,);--_iui-field-state--disabled:var(--_iui-field-state,);--_iui-field-state--disabled-hover:var(--_iui-field-state,);background-color:var(--_iui-field-state--default,var(--_iui-field-color-background))var(--_iui-field-state--hover,var(--_iui-field-color-background-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-background-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-background-disabled));border:1px solid;border-color:var(--_iui-field-state--default,var(--_iui-field-color-border))var(--_iui-field-state--hover,var(--_iui-field-color-border-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-border-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-border-disabled));border-radius:var(--iui-border-radius-1);color:var(--_iui-field-state--default,var(--_iui-field-color-text))var(--_iui-field-state--hover,var(--_iui-field-color-text-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-text-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-text-disabled-hover));fill:var(--_iui-field-state--default,var(--_iui-field-color-icon))var(--_iui-field-state--hover,var(--_iui-field-color-icon-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-icon-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-icon-disabled-hover));font:inherit;font-size:var(--_iui-field-font-size);font-weight:var(--iui-font-weight-normal);min-block-size:var(--_iui-field-height);min-inline-size:var(--_iui-field-height);-webkit-tap-highlight-color:var(--_iui-field-color-background-hover);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out,color var(--iui-duration-1)ease-out}._iui3160-field:where(:hover,:active){--_iui-field-state:var(--_iui-field-state--hover)}._iui3160-field:where(:focus-visible){outline:var(--_iui-field-focus-outline-width)solid var(--_iui-field-color-focus-outline);outline-offset:var(--_iui-field-focus-outline-offset)}._iui3160-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-field-state:var(--_iui-field-state--disabled);cursor:not-allowed}._iui3160-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):where(:hover,:focus-visible){--_iui-field-state:var(--_iui-field-state--disabled-hover)}._iui3160-field:where([data-iui-variant=borderless]){--_iui-field-color-background:transparent;--_iui-field-color-background-hover:var(--iui-color-background-transparent-hover);--_iui-field-color-background-disabled:transparent;--_iui-field-color-border:transparent;--_iui-field-color-border-hover:transparent;--_iui-field-color-border-disabled:transparent;--_iui-field-focus-outline-offset:-1px;--_iui-field-focus-outline-width:1px}._iui3160-field:where([data-iui-size=small]){--_iui-field-height:var(--iui-component-height-small)}._iui3160-field:where([data-iui-size=large]){--_iui-field-height:var(--iui-component-height-large);--_iui-field-font-size:var(--iui-font-size-2)}._iui3160-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}._iui3160-alert:where([data-iui-status=informational]){--_iui-alert-border-color:var(--iui-color-border-informational);--_iui-alert-icon-color:var(--iui-color-icon-informational)}._iui3160-alert:where([data-iui-status=informational])::selection,._iui3160-alert:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3160-alert:where([data-iui-status=informational]) ._iui3160-button:focus{outline-color:var(--iui-color-text-informational)}._iui3160-alert:where([data-iui-status=positive]){--_iui-alert-border-color:var(--iui-color-border-positive);--_iui-alert-icon-color:var(--iui-color-icon-positive)}._iui3160-alert:where([data-iui-status=positive])::selection,._iui3160-alert:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-alert:where([data-iui-status=positive]) ._iui3160-button:focus{outline-color:var(--iui-color-text-positive)}._iui3160-alert:where([data-iui-status=warning]){--_iui-alert-border-color:var(--iui-color-border-warning);--_iui-alert-icon-color:var(--iui-color-icon-warning)}._iui3160-alert:where([data-iui-status=warning])::selection,._iui3160-alert:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-alert:where([data-iui-status=warning]) ._iui3160-button:focus{outline-color:var(--iui-color-text-warning)}._iui3160-alert:where([data-iui-status=negative]){--_iui-alert-border-color:var(--iui-color-border-negative);--_iui-alert-icon-color:var(--iui-color-icon-negative)}._iui3160-alert:where([data-iui-status=negative])::selection,._iui3160-alert:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-alert:where([data-iui-status=negative]) ._iui3160-button:focus{outline-color:var(--iui-color-text-negative)}._iui3160-alert:where([data-iui-variant=sticky]){border-radius:0;position:sticky;inset-block-start:0;inset-inline-start:0}._iui3160-alert-message{margin-block:var(--iui-size-s);margin-inline:var(--iui-size-m);word-break:normal;overflow-wrap:anywhere;flex:999}._iui3160-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)}._iui3160-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}._iui3160-anchor:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}._iui3160-anchor:where(button){font:inherit;background:0 0;border:none;padding:0}._iui3160-anchor:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}@media (prefers-contrast:more){._iui3160-anchor{text-decoration:underline}._iui3160-anchor:hover{text-decoration:none}}._iui3160-anchor[data-iui-underline=true],:is([data-iui-contrast=high] ._iui3160-anchor){text-decoration:underline}._iui3160-anchor[data-iui-underline=true]:hover,:is([data-iui-contrast=high] ._iui3160-anchor):hover{text-decoration:none}._iui3160-anchor-external{--_iui-anchor-external-svg:url("data:image/svg+xml,")}._iui3160-anchor-external:after{content:"";vertical-align:-.1ch;-webkit-mask:var(--_iui-anchor-external-svg);mask:var(--_iui-anchor-external-svg);background-color:currentColor;block-size:1.5ch;inline-size:1.5ch;margin-inline-start:.5ch;display:inline-block}@media (forced-colors:active){._iui3160-anchor-external:after{background-color:linktext}}._iui3160-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))}._iui3160-anchor:where([data-iui-status=informational]):focus-visible{outline:1px solid var(--iui-color-text-informational);outline-offset:1px}._iui3160-anchor:where([data-iui-status=informational])::selection,._iui3160-anchor:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3160-anchor:where([data-iui-status=informational]):hover{color:var(--iui-color-text-informational-hover)}._iui3160-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))}._iui3160-anchor:where([data-iui-status=positive]):focus-visible{outline:1px solid var(--iui-color-text-positive);outline-offset:1px}._iui3160-anchor:where([data-iui-status=positive])::selection,._iui3160-anchor:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-anchor:where([data-iui-status=positive]):hover{color:var(--iui-color-text-positive-hover)}._iui3160-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))}._iui3160-anchor:where([data-iui-status=warning]):focus-visible{outline:1px solid var(--iui-color-text-warning);outline-offset:1px}._iui3160-anchor:where([data-iui-status=warning])::selection,._iui3160-anchor:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-anchor:where([data-iui-status=warning]):hover{color:var(--iui-color-text-warning-hover)}._iui3160-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))}._iui3160-anchor:where([data-iui-status=negative]):focus-visible{outline:1px solid var(--iui-color-text-negative);outline-offset:1px}._iui3160-anchor:where([data-iui-status=negative])::selection,._iui3160-anchor:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-anchor:where([data-iui-status=negative]):hover{color:var(--iui-color-text-negative-hover)}._iui3160-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}._iui3160-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}._iui3160-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%)}._iui3160-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}._iui3160-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}._iui3160-avatar[data-iui-status=online]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-background-positive)}._iui3160-avatar[data-iui-status=away]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-background-warning)}._iui3160-avatar[data-iui-status=busy]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-background-negative)}._iui3160-avatar[data-iui-status=offline]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-icon-muted)}._iui3160-avatar._iui3160-avatar-count{background-color:var(--iui-color-background);color:var(--iui-color-text-muted)}._iui3160-avatar._iui3160-avatar-count:before{box-shadow:inset 0 0 0 var(--iui-size-3xs) var(--iui-color-border)}._iui3160-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)}._iui3160-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)}._iui3160-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)}._iui3160-avatar-list{flex-wrap:wrap;display:inline-flex}._iui3160-avatar-list ._iui3160-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3160-avatar-list ._iui3160-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3160-avatar-list ._iui3160-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3160-avatar-list ._iui3160-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3160-avatar-list._iui3160-stacked ._iui3160-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))}._iui3160-avatar-list._iui3160-stacked ._iui3160-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))}._iui3160-avatar-list._iui3160-stacked ._iui3160-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3160-avatar-list._iui3160-stacked ._iui3160-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:calc(0px - var(--iui-size-s))}@media (prefers-reduced-motion:no-preference){._iui3160-avatar-list._iui3160-stacked._iui3160-animated ._iui3160-avatar{transition:margin-left var(--iui-duration-2)ease-out}}._iui3160-avatar-list._iui3160-stacked._iui3160-animated:hover ._iui3160-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3160-avatar-list._iui3160-stacked._iui3160-animated:hover ._iui3160-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3160-avatar-list._iui3160-stacked._iui3160-animated:hover ._iui3160-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3160-avatar-list._iui3160-stacked._iui3160-animated:hover ._iui3160-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3160-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}._iui3160-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)}._iui3160-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)}._iui3160-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)}._iui3160-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)}._iui3160-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}._iui3160-backdrop:not(._iui3160-backdrop-visible){visibility:hidden;opacity:0}._iui3160-backdrop._iui3160-backdrop-visible{transition-delay:var(--iui-duration-0);animation:_iui3160-fade-in var(--iui-duration-1)ease-out}._iui3160-backdrop._iui3160-backdrop-fixed{position:fixed}._iui3160-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}._iui3160-blockquote>footer{text-align:end;color:var(--iui-color-text-muted)}._iui3160-blockquote>footer>cite{font-style:normal}._iui3160-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}._iui3160-breadcrumbs-list{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;align-items:center;block-size:100%;inline-size:100%;margin:0;padding:0;list-style-type:none;display:flex}._iui3160-breadcrumbs-item{align-items:center;block-size:100%;display:flex}._iui3160-breadcrumbs-item>*{max-inline-size:26ch}._iui3160-breadcrumbs-content{padding-inline:var(--iui-size-xs);line-height:var(--iui-component-height)}._iui3160-breadcrumbs-content,._iui3160-breadcrumbs-content>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-breadcrumbs-content:any-link{outline-offset:-1px}._iui3160-breadcrumbs-content:any-link:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}._iui3160-breadcrumbs-content:where(button,:any-link){vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:var(--_iui-button-gap);padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);color:var(--iui-color-text-accent);flex-shrink:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}._iui3160-breadcrumbs-content:where(button,:any-link):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3160-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(:not(._iui3160-button-spinner)){opacity:0}._iui3160-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(._iui3160-button-spinner){margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._iui3160-breadcrumbs-content:where(button,:any-link)[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3160-breadcrumbs-content:where(button,:any-link)[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3160-breadcrumbs-content:where(button,:any-link)[aria-current]{color:var(--iui-color-text)}._iui3160-breadcrumbs-separator{margin-inline:var(--iui-size-3xs);display:flex}._iui3160-breadcrumbs-separator svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-breadcrumbs-separator svg{fill:canvastext}}._iui3160-button{vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:var(--_iui-button-gap);padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);flex-shrink:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}._iui3160-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3160-button[data-iui-loading=true]>:where(:not(._iui3160-button-spinner)){opacity:0}._iui3160-button[data-iui-loading=true]>:where(._iui3160-button-spinner){margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._iui3160-button:is([data-iui-has-popover=open],:has(+:popover-open)){--_iui-field-state:var(--_iui-field-state--hover)}._iui3160-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)}._iui3160-button[data-iui-size=large]{--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l)}._iui3160-button[data-iui-variant=borderless]{--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs)}._iui3160-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3160-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3160-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)}._iui3160-button[data-iui-variant=borderless][data-iui-size=large]{--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-s)}._iui3160-button[data-iui-active=true]{--_iui-field-color-icon:var(--iui-color-icon-accent);--_iui-field-color-icon-hover:var(--iui-color-icon-accent);--_iui-field-color-background:var(--iui-color-background-accent-muted);--_iui-field-color-background-hover:var(--iui-color-background-accent-muted);--_iui-field-color-background-disabled:var(--iui-color-background-disabled);--_iui-field-color-text:var(--iui-color-text-accent)}._iui3160-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block,initial);inset-inline:var(--_iui-button-active-stripe-inset-inline,initial);background:var(--_iui-button-active-stripe-background,var(--iui-color-border-accent));position:absolute}._iui3160-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)}._iui3160-button[data-iui-active=true][data-iui-variant=borderless]{--_iui-field-color-background:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));--_iui-field-color-background-hover:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3160-button:where([data-iui-variant=high-visibility],[data-iui-variant=cta]){--_iui-field-color-text:var(--iui-color-white);--_iui-field-color-text-hover:var(--iui-color-white);--_iui-field-color-focus-outline:var(--iui-color-white);--_iui-field-focus-outline-offset:-3px;--_iui-field-focus-outline-width:1px;--_iui-field-color-icon:var(--iui-color-white);--_iui-field-color-icon-hover:var(--iui-color-white)}._iui3160-button:where([data-iui-variant=high-visibility]){--_iui-field-color-background:var(--iui-color-background-accent);--_iui-field-color-background-hover:var(--iui-color-background-accent-hover);--_iui-field-color-border:var(--iui-color-background-accent);--_iui-field-color-border-hover:var(--iui-color-background-accent-hover)}._iui3160-button:where([data-iui-variant=cta]){--_iui-field-color-background:var(--iui-color-background-positive);--_iui-field-color-background-hover:var(--iui-color-background-positive-hover);--_iui-field-color-border:var(--iui-color-background-positive);--_iui-field-color-border-hover:var(--iui-color-background-positive-hover)}._iui3160-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3160-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3160-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3160-button-idea{border-radius:var(--iui-border-radius-round);box-shadow:var(--iui-shadow-5);position:fixed;inset-block-end:var(--iui-size-s);inset-inline-end:var(--iui-size-m)}._iui3160-button-icon{display:inline-flex}._iui3160-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:inherit;flex-shrink:0;display:flex}._iui3160-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3160-button-split :where(._iui3160-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3160-button-split :where(._iui3160-button:first-child)[data-iui-variant=high-visibility],._iui3160-button-split :where(._iui3160-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3160-button-split :where(._iui3160-button:first-child):hover{z-index:1}._iui3160-button-split :where(._iui3160-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}._iui3160-button-split :where(._iui3160-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}._iui3160-button-split :where(._iui3160-button:last-child)[data-iui-variant=high-visibility],._iui3160-button-split :where(._iui3160-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3160-button-split :where(._iui3160-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}._iui3160-button-split :where(._iui3160-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3160-button-split :where(._iui3160-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3160-button-group:where(:not([data-iui-orientation=vertical])){isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs));--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container):hover{z-index:1}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus,._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus:where([aria-disabled=true]),._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus-within,._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field:not([data-iui-variant=borderless]),._iui3160-input-flex-container){border-radius:0;transition-duration:0s}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field:not([data-iui-variant=borderless]),._iui3160-input-flex-container):hover,._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3160-field:not([data-iui-variant=borderless]),._iui3160-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-child(1 of:where(._iui3160-field,._iui3160-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-last-child(1 of:where(._iui3160-field,._iui3160-input-flex-container))){border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3160-field,._iui3160-input-flex-container){margin-inline-start:-1px}._iui3160-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3160-field,._iui3160-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-inline-start-color:var(--iui-color-border-subtle)}._iui3160-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}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]{pointer-events:all;position:relative}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs);--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs))}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container):hover{z-index:1}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus,._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus:where([aria-disabled=true]),._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus-within,._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field,._iui3160-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field:not([data-iui-variant=borderless]),._iui3160-input-flex-container){border-radius:0;transition-duration:0s}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field:not([data-iui-variant=borderless]),._iui3160-input-flex-container):hover,._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3160-field:not([data-iui-variant=borderless]),._iui3160-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(:nth-child(1 of:where(._iui3160-field,._iui3160-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]:where(:nth-last-child(1 of:where(._iui3160-field,._iui3160-input-flex-container))){border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]~:where(._iui3160-field,._iui3160-input-flex-container){margin-block-start:-1px}._iui3160-button-group:where([data-iui-orientation=vertical])>[class]~:where(._iui3160-field,._iui3160-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-block-start-color:var(--iui-color-border-subtle)}._iui3160-button-group-overflow-x{inline-size:100%}._iui3160-carousel{border-radius:var(--iui-border-radius-1);display:grid;overflow:hidden}._iui3160-carousel:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:4px}._iui3160-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}._iui3160-carousel-slider::-webkit-scrollbar{display:none}._iui3160-carousel-slider-item{scroll-snap-align:center;flex-shrink:0;inline-size:100%}._iui3160-carousel-slider-item:focus-visible{outline-offset:-2px}._iui3160-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}._iui3160-carousel-navigation-left,._iui3160-carousel-navigation-right{flex:1;align-items:center;display:flex}._iui3160-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}._iui3160-carousel-navigation-dots::-webkit-scrollbar{display:none}._iui3160-carousel-navigation-dots:has(:focus-visible){outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(:has(+ *)){._iui3160-carousel-navigation-dots:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3160-carousel-navigation-dot{cursor:pointer;block-size:var(--iui-component-height-small);padding-inline:var(--iui-size-xs);background-color:#0000;border:none}._iui3160-carousel-navigation-dot:hover:after{background-color:var(--iui-color-icon-muted-hover)}._iui3160-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}._iui3160-carousel-navigation-dot._iui3160-first:after{transform:scale(.5)}._iui3160-carousel-navigation-dot._iui3160-second:after{transform:scale(.75)}._iui3160-carousel-navigation-dot._iui3160-active:after{background-color:var(--iui-color-icon-accent);border-color:var(--iui-color-icon-accent);box-shadow:inset 0 0 0 1px var(--iui-color-background)}@media (forced-colors:active){._iui3160-carousel-navigation-dot._iui3160-active:after{border-width:var(--iui-size-xs)}}._iui3160-carousel-navigation-dot:focus{outline-color:#0000}._iui3160-carousel-navigation-right{justify-content:flex-end}._iui3160-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}._iui3160-checkbox-wrapper[data-iui-loading=true]{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3160-checkbox-wrapper>._iui3160-checkbox-label,._iui3160-checkbox-wrapper>._iui3160-radio-label{line-height:var(--iui-size-l)}._iui3160-checkbox-wrapper>._iui3160-checkbox-label svg,._iui3160-checkbox-wrapper>._iui3160-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}._iui3160-checkbox-wrapper[data-iui-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3160-checkbox-wrapper[data-iui-disabled=true] svg{fill:var(--iui-color-icon-disabled)}._iui3160-checkbox-wrapper[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3160-checkbox-wrapper[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3160-checkbox-wrapper[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3160-checkbox{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-svg-color:var(--iui-color-icon-accent);--_iui-checkbox-border-color:var(--iui-color-border-foreground);--_iui-checkbox-background-color:var(--iui-color-background);--_iui-checkbox-mask-image:initial;inline-size:var(--iui-size-m);block-size:var(--iui-size-m);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--iui-border-radius-1);background-color:var(--_iui-checkbox-background-color);cursor:pointer;transition:outline-color var(--iui-duration-1)ease-out;outline:solid 1px var(--_iui-checkbox-border-color);outline-offset:-1px;flex-shrink:0;margin:0;display:flex;position:relative}._iui3160-checkbox:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3160-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}._iui3160-checkbox:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3160-checkbox:checked{--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg)}._iui3160-checkbox:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3160-checkbox:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3160-checkbox:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-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}._iui3160-checkbox._iui3160-checkbox-visibility{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3160-checkbox._iui3160-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3160-checkbox._iui3160-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3160-checkbox._iui3160-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3160-checkbox[data-iui-loading=true]{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3160-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}._iui3160-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}._iui3160-codeblock>._iui3160-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}._iui3160-codeblock>._iui3160-title-bar>._iui3160-title{margin-inline-start:var(--iui-size-s)}._iui3160-codeblock>._iui3160-title-bar>._iui3160-button{margin-inline-start:auto}._iui3160-codeblock>._iui3160-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}._iui3160-codeblock>._iui3160-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-codeblock>._iui3160-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}._iui3160-codeblock>._iui3160-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}._iui3160-codeblock>._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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)}._iui3160-color-swatch:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}._iui3160-color-swatch._iui3160-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)}._iui3160-color-swatch._iui3160-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)}._iui3160-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}._iui3160-color-palette-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3160-color-palette-wrapper:only-child{max-inline-size:calc(var(--iui-size-l)*10 + var(--iui-size-xs)*9)}._iui3160-color-input{align-items:center;display:flex}._iui3160-color-input-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3160-color-input ._iui3160-button{margin-inline-end:var(--iui-size-2xs)}._iui3160-color-input-fields{gap:var(--iui-size-3xs);inline-size:100%;display:flex}._iui3160-color-input-fields>*{flex-grow:1}._iui3160-color-input-fields input{text-transform:uppercase}._iui3160-color-input-fields input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:end}._iui3160-color-input-fields input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3160-color-picker-section-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-block-end:calc(var(--iui-size-s)*.5);overflow:hidden}._iui3160-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}._iui3160-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}._iui3160-hue-slider ._iui3160-slider,._iui3160-opacity-slider ._iui3160-slider{--_iui-slider-track-thickness:var(--iui-size-xs)}._iui3160-hue-slider ._iui3160-slider:before,._iui3160-opacity-slider ._iui3160-slider:before{forced-color-adjust:none}._iui3160-hue-slider ._iui3160-slider:before{--_iui-slider-rail-color:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._iui3160-opacity-slider ._iui3160-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)}._iui3160-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}._iui3160-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}._iui3160-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)}._iui3160-date-picker{-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}._iui3160-date-picker ._iui3160-time-picker{block-size:0;min-block-size:100%}._iui3160-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}._iui3160-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}._iui3160-calendar-month{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-inline-size:15ch;overflow:hidden}._iui3160-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}._iui3160-calendar-weekdays>div{white-space:nowrap;text-align:center;inline-size:40px;overflow:hidden}._iui3160-calendar-week{white-space:nowrap;padding-inline:var(--iui-size-xs);margin-block-end:var(--iui-size-3xs);line-height:36px;display:flex}._iui3160-calendar-day,._iui3160-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}._iui3160-calendar-day:focus-visible,._iui3160-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-calendar-day:empty,._iui3160-calendar-day-today:empty{pointer-events:none}._iui3160-calendar-day:hover,._iui3160-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3160-calendar-day[aria-disabled=true],._iui3160-calendar-day-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}@media (forced-colors:active){._iui3160-calendar-day[aria-disabled=true],._iui3160-calendar-day-today[aria-disabled=true]{color:graytext}}._iui3160-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3160-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%)}._iui3160-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}._iui3160-calendar-day-selected,._iui3160-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}._iui3160-calendar-day-selected:empty,._iui3160-calendar-day-selected-today:empty{pointer-events:none}._iui3160-calendar-day-selected:focus-visible,._iui3160-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3160-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3160-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%)}._iui3160-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3160-calendar-day-selected-today:hover:before{background-color:initial}._iui3160-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3160-calendar-day-outside-month,._iui3160-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}._iui3160-calendar-day-outside-month:focus-visible,._iui3160-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-calendar-day-outside-month:empty,._iui3160-calendar-day-outside-month-today:empty{pointer-events:none}._iui3160-calendar-day-outside-month:hover,._iui3160-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3160-calendar-day-outside-month[aria-disabled=true],._iui3160-calendar-day-outside-month-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}@media (forced-colors:active){._iui3160-calendar-day-outside-month[aria-disabled=true],._iui3160-calendar-day-outside-month-today[aria-disabled=true]{color:graytext}}._iui3160-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3160-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%)}._iui3160-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}._iui3160-calendar-day-range-start,._iui3160-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}._iui3160-calendar-day-range-start:empty,._iui3160-calendar-day-range-start-today:empty{pointer-events:none}._iui3160-calendar-day-range-start:focus-visible,._iui3160-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3160-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3160-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%)}._iui3160-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)}._iui3160-calendar-day-range-start-today:hover:before{background-color:initial}._iui3160-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3160-calendar-day-range-end,._iui3160-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}._iui3160-calendar-day-range-end:empty,._iui3160-calendar-day-range-end-today:empty{pointer-events:none}._iui3160-calendar-day-range-end:focus-visible,._iui3160-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3160-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3160-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%)}._iui3160-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)}._iui3160-calendar-day-range-end-today:hover:before{background-color:initial}._iui3160-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3160-calendar-day-range,._iui3160-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}._iui3160-calendar-day-range:focus-visible,._iui3160-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-calendar-day-range:empty,._iui3160-calendar-day-range-today:empty{pointer-events:none}._iui3160-calendar-day-range:hover,._iui3160-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3160-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3160-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%)}._iui3160-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3160-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}._iui3160-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)}._iui3160-dialog-wrapper[data-iui-relative=true]{position:absolute}._iui3160-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding-block:var(--iui-size-s);padding-inline:var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear var(--iui-duration-1),opacity var(--iui-duration-1)ease-out;flex-direction:column;display:flex;position:fixed}@media (forced-colors:active){._iui3160-dialog{border:1px solid}}._iui3160-dialog:not(._iui3160-dialog-visible){visibility:hidden;opacity:0}._iui3160-dialog._iui3160-dialog-visible{animation:_iui3160-fade-in var(--iui-duration-1)ease-out}@keyframes _iui3160-slide-up{0%{transform:translateY(100%)}}._iui3160-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}._iui3160-dialog-default:not([data-iui-placement]){inset-block-start:round(33%,1px);inset-inline-start:round(50%,1px);transform:translate(round(-50%,1px),round(-33%,1px))}@supports not (top:Round(1px,1px)){._iui3160-dialog-default:not([data-iui-placement]){inset-block-start:33%;inset-inline-start:50%;transform:translate(-50%,-33%)}}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-dialog-full-page:not(._iui3160-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){._iui3160-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}._iui3160-dialog-full-page._iui3160-dialog-visible{animation:_iui3160-slide-up var(--iui-duration-2)ease-out,_iui3160-fade-in var(--iui-duration-2)ease-out}}._iui3160-dialog-draggable{border:1px solid var(--iui-color-border)}._iui3160-dialog-title{overflow-wrap:break-word;margin-inline-end:auto;overflow:hidden}._iui3160-dialog-title-bar{font-size:var(--iui-font-size-3);align-items:center;margin-block-end:var(--iui-size-s);display:flex}._iui3160-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)}._iui3160-dialog-title-bar-filled:active{cursor:grabbing}._iui3160-dialog-content{margin-inline:calc(0px - var(--iui-size-m));padding-inline:var(--iui-size-m);flex-grow:2;overflow-y:auto}._iui3160-dialog-button-bar{justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);margin-block-start:var(--iui-size-s);display:flex}._iui3160-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}._iui3160-expandable-block[data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:0;--_iui-expandable-block-expander-icon-transform:rotate(90deg)}._iui3160-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)}._iui3160-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}._iui3160-expandable-block[data-iui-variant=borderless][data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:inherit}._iui3160-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}._iui3160-expandable-header:focus-visible{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}@media (forced-colors:active){._iui3160-expandable-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}._iui3160-expandable-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--iui-color-text-hover);--_iui-expandable-block-header-label-color:var(--iui-color-text-hover);background-color:var(--_iui-expandable-block-header-background-color-hover)}@media (forced-colors:active){._iui3160-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}}._iui3160-expandable-header:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-disabled);--_iui-expandable-block-header-caption-color:var(--iui-color-text-disabled);--_iui-expandable-block-header-label-color:var(--iui-color-text-disabled);cursor:not-allowed;background-color:var(--_iui-expandable-block-header-background-color-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){._iui3160-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}}._iui3160-expandable-block-icon{--iui-svg-size:var(--_iui-expandable-block-expander-icon-size);--iui-svg-fill:var(--_iui-expandable-block-expander-icon-fill);transform:var(--_iui-expandable-block-expander-icon-transform);transition:fill var(--iui-duration-1)ease-out}@media (prefers-reduced-motion:no-preference){._iui3160-expandable-block-icon{transition:fill var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}._iui3160-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(._iui3160-expandable-block-title,._iui3160-expandable-block-caption){white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;overflow:hidden}@media (forced-colors:active){:is(._iui3160-expandable-block-title,._iui3160-expandable-block-caption){transition:none}}._iui3160-expandable-block-caption{font-size:var(--iui-font-size-0);color:var(--_iui-expandable-block-header-caption-color,var(--iui-color-text-muted))}._iui3160-expandable-content{background-color:var(--_iui-expandable-block-background-color);border-inline-end:var(--_iui-expandable-block-border);border-inline-start:var(--_iui-expandable-block-border);transition:all var(--iui-duration-1)ease-out;border-end-end-radius:inherit;border-end-start-radius:inherit;grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);transition-property:opacity;display:grid;overflow:hidden}@media (prefers-reduced-motion:no-preference){._iui3160-expandable-content{transition-property:grid-template-rows,visibility,opacity,transform}}._iui3160-expandable-content>div{visibility:hidden;padding-inline:var(--_iui-expandable-block-content-padding);align-self:end;min-block-size:0}@media (prefers-reduced-motion:no-preference){._iui3160-expandable-content>div{transition:visibility var(--iui-duration-1)ease-out}}:where(._iui3160-expandable-block[data-iui-expanded=true]) ._iui3160-expandable-content{grid-template-rows:1fr}:where(._iui3160-expandable-block[data-iui-expanded=true]) ._iui3160-expandable-content>div{padding-block:var(--_iui-expandable-block-content-padding);border-block-end:var(--_iui-expandable-block-border);visibility:visible}:where(._iui3160-expandable-block:not([data-iui-expanded=true])) ._iui3160-expandable-content{opacity:0;transform:translateY(round(-1rem,1px))}@supports not (top:Round(1px,1px)){:where(._iui3160-expandable-block:not([data-iui-expanded=true])) ._iui3160-expandable-content{transform:translateY(-1rem)}}:where(._iui3160-fieldset-base){border:none;margin:0;padding:0}._iui3160-fieldset{padding:var(--iui-size-s);border-radius:var(--iui-border-radius-1);border:1px solid var(--iui-color-border);background-color:var(--iui-color-background)}._iui3160-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)}._iui3160-fieldset[disabled]{cursor:not-allowed}._iui3160-fieldset[disabled] legend{color:var(--iui-color-text-disabled)}._iui3160-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}._iui3160-file-upload>._iui3160-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}._iui3160-file-upload>._iui3160-content ._iui3160-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}._iui3160-file-upload>._iui3160-content>svg,._iui3160-file-upload>._iui3160-content :is(._iui3160-template-icon,._iui3160-template-icon>svg){inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-file-upload>._iui3160-content>svg,._iui3160-file-upload>._iui3160-content :is(._iui3160-template-icon,._iui3160-template-icon>svg){fill:canvastext}}._iui3160-file-upload>._iui3160-content:only-child{visibility:visible;position:relative}._iui3160-file-upload>._iui3160-content:only-child:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3160-file-upload>._iui3160-content ._iui3160-template-text{gap:var(--iui-size-2xs);margin-inline-start:var(--iui-size-l);display:grid}._iui3160-file-upload>._iui3160-content ._iui3160-template-text>label{font-weight:var(--iui-font-weight-bold)}._iui3160-file-upload._iui3160-drag>._iui3160-content{visibility:visible;background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3160-file-upload._iui3160-drag>._iui3160-content svg,._iui3160-file-upload._iui3160-drag>._iui3160-content ._iui3160-template-icon{fill:var(--iui-color-icon-accent)}._iui3160-file-upload-template{padding:var(--iui-size-m);justify-content:center;align-items:center;display:flex}._iui3160-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}._iui3160-file-card:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3160-file-card-icon,._iui3160-file-card-icon svg{inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-file-card-icon,._iui3160-file-card-icon svg{fill:canvastext}}._iui3160-file-card-text{gap:var(--iui-size-2xs);display:grid}._iui3160-file-card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-file-card-description{white-space:nowrap;text-overflow:ellipsis;font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);overflow:hidden}._iui3160-file-card-action{font-weight:var(--iui-font-weight-bold);margin-inline-start:auto}._iui3160-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}._iui3160-file-card-empty:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3160-file-card-empty-icon,._iui3160-file-card-empty-icon svg{fill:var(--iui-color-icon-muted);inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-file-card-empty-icon,._iui3160-file-card-empty-icon svg{fill:canvastext}}._iui3160-file-card-empty-action{gap:var(--iui-size-2xs);display:grid}._iui3160-file-card-empty-action label{font-weight:var(--iui-font-weight-bold)}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-legal-footer-item>a,._iui3160-legal-footer-item>a:hover{color:var(--iui-color-text-muted)}._iui3160-legal-footer-item>a:not(:hover){text-decoration:none}@media (prefers-contrast:more){._iui3160-legal-footer-item>a:not(:hover){text-decoration:underline}}._iui3160-legal-footer-item>a[data-iui-underline=true]:not(:hover),:is([data-iui-contrast=high] ._iui3160-legal-footer-item>a):not(:hover){text-decoration:underline}._iui3160-legal-footer-separator{margin-inline:var(--iui-size-xs);block-size:var(--iui-size-s);background-color:var(--iui-color-border);inline-size:1px}._iui3160-legal-footer-developer{color:var(--iui-color-text-muted)}._iui3160-page-header{--_iui-header-brand-label-font-size:var(--iui-font-size-2);--_iui-header-height:calc(var(--iui-size-s)*5);--_iui-header-icon-scale:none;vertical-align:baseline;block-size:var(--_iui-header-height);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border:none;border-block-end:2px solid var(--iui-color-border);color:var(--iui-color-text);justify-content:space-between;inline-size:100%;margin:0;padding:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3160-page-header{transition:height var(--iui-duration-1)ease-out}}._iui3160-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)}._iui3160-page-header-left,._iui3160-page-header-center,._iui3160-page-header-right{align-items:center;display:flex}._iui3160-page-header-right ._iui3160-button{border-radius:0;flex-shrink:0;block-size:100%}@media (forced-colors:active){._iui3160-page-header-right ._iui3160-button{border-block-width:0}}._iui3160-page-header-right ._iui3160-button:hover{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){._iui3160-page-header-right ._iui3160-avatar,._iui3160-page-header-right ._iui3160-avatar *{transition:width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out,font-size var(--iui-duration-1)ease-out}}._iui3160-page-header-divider{block-size:calc(var(--iui-size-s)*2);border-inline-start:2px solid var(--iui-color-border)}@media (forced-colors:active){._iui3160-page-header-divider{display:none}}._iui3160-header-breadcrumbs{--_iui-breadcrumbs-height:100%}._iui3160-header-brand{white-space:nowrap;box-sizing:border-box;background-color:#0000;flex-shrink:0;align-items:center;block-size:100%;display:inline-flex}._iui3160-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}._iui3160-header-brand:is(a,button,[role=button]):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@media (forced-colors:active){._iui3160-header-brand:is(a,button,[role=button]){border:1px solid canvastext;border-block-width:0}}._iui3160-header-brand:is(a,button,[role=button]):hover{background-color:var(--iui-color-background-hover)}._iui3160-header-brand:is(a){text-decoration:none}._iui3160-header-brand-icon{margin-inline:calc(1.5*var(--iui-size-m));will-change:transform;transform:var(--_iui-header-icon-scale)}._iui3160-header-brand-icon,._iui3160-header-brand-icon>*{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));fill:var(--iui-color-icon);flex-shrink:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3160-header-brand-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3160-header-brand-label{font-size:var(--_iui-header-brand-label-font-size);margin-inline-end:var(--iui-size-s)}@media (prefers-reduced-motion:no-preference){._iui3160-header-brand-label{transition:font-size var(--iui-duration-1)ease-out}}@media (max-width:991px){._iui3160-header-brand-label{display:none}}._iui3160-page-header-left,._iui3160-header-breadcrumbs,._iui3160-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}._iui3160-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}._iui3160-header-breadcrumb-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@media (forced-colors:active){._iui3160-header-breadcrumb-button{border:1px solid;border-block-width:0}._iui3160-header-breadcrumb-button:not(:last-child){border-inline-end-width:0}}._iui3160-header-breadcrumb-button,._iui3160-header-breadcrumb-button:hover{background-color:#0000}._iui3160-header-breadcrumb-button:disabled,._iui3160-header-breadcrumb-button[aria-disabled=true]{cursor:not-allowed}._iui3160-header-breadcrumb-button-split{padding-inline:var(--iui-size-xs);flex-shrink:0;margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3160-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6))}[aria-current] ._iui3160-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3160-header-breadcrumb-button-split:disabled,._iui3160-header-breadcrumb-button-split[aria-disabled=true]{cursor:not-allowed}._iui3160-header-breadcrumb-button-split:disabled:hover,._iui3160-header-breadcrumb-button-split[aria-disabled=true]:hover{background-color:#0000}._iui3160-header-breadcrumb-item{transition:background-color var(--iui-duration-1)ease-out;color:var(--iui-color-text);box-sizing:border-box;block-size:100%;max-inline-size:25vw;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){._iui3160-header-breadcrumb-item{color:linktext;border:none}}._iui3160-header-breadcrumb-item:hover{background-color:var(--iui-color-background-hover)}._iui3160-header-breadcrumb-item[aria-current]{background-color:var(--iui-color-background-accent-muted);box-shadow:0 2px 0 0 var(--iui-color-border-accent);color:var(--iui-color-text-accent)}@media (forced-colors:active){._iui3160-header-breadcrumb-item[aria-current]{color:linktext;border-block-end:3px solid linktext}}._iui3160-header-breadcrumb-item[aria-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled);background-color:#0000}._iui3160-header-breadcrumb-item[aria-disabled=true][aria-current]{box-shadow:none;background-color:var(--iui-color-background-backdrop)}@media (forced-colors:active){._iui3160-header-breadcrumb-item[aria-disabled=true][aria-current]{border-block-end:3px solid graytext}}._iui3160-header-breadcrumb-button-wrapper{inline-size:100%;display:flex;overflow:hidden}._iui3160-header-breadcrumb-button-icon{transform:var(--_iui-header-icon-scale);will-change:transform}._iui3160-header-breadcrumb-button-icon,._iui3160-header-breadcrumb-button-icon>*{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));border-radius:var(--iui-border-radius-1);flex-shrink:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3160-header-breadcrumb-button-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3160-header-breadcrumb-button-icon>svg{padding:var(--iui-size-2xs);background-color:var(--iui-color-background-backdrop);fill:var(--iui-color-icon-muted)}@media (forced-colors:active){._iui3160-header-breadcrumb-button-icon>svg{fill:linktext}}:is(._iui3160-active,[aria-current]) ._iui3160-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background);fill:currentColor}:is(:disabled,[aria-disabled=true]) ._iui3160-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background-backdrop);fill:var(--iui-color-icon-disabled)}@media (forced-colors:active){:is(:disabled,[aria-disabled=true]) ._iui3160-header-breadcrumb-button-icon>svg{fill:graytext}}._iui3160-header-breadcrumb-button-icon :is(img,span){outline:2px solid hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6));outline-offset:-2px;transition:filter var(--iui-duration-1)ease-out}@media (prefers-reduced-motion:no-preference){._iui3160-header-breadcrumb-button-icon :is(img,span){transition:filter var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}._iui3160-header-breadcrumb-button-icon :is(img){object-fit:cover}._iui3160-header-breadcrumb-button-icon :is(span){background-position:50%;background-repeat:no-repeat;background-size:cover}:disabled ._iui3160-header-breadcrumb-button-icon :is(img,span),[aria-disabled=true] ._iui3160-header-breadcrumb-button-icon :is(img,span){filter:grayscale()opacity(.7)}@media (max-width:768px){._iui3160-header-breadcrumb-button-icon{display:none}}._iui3160-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}._iui3160-header-breadcrumb-button-dropdown-icon,._iui3160-header-breadcrumb-button-dropdown-icon>svg{fill:currentColor}._iui3160-header-breadcrumb-button-split ._iui3160-header-breadcrumb-button-dropdown-icon{margin-inline-end:0}@media (forced-colors:active){:disabled ._iui3160-header-breadcrumb-button-dropdown-icon,[aria-disabled=true] ._iui3160-header-breadcrumb-button-dropdown-icon{fill:graytext}}._iui3160-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}._iui3160-header-breadcrumb-button-text-label,._iui3160-header-breadcrumb-button-text-sublabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-header-breadcrumb-button-text-sublabel{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}@media (prefers-reduced-motion:no-preference){._iui3160-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}}._iui3160-active ._iui3160-header-breadcrumb-button-text-sublabel,[aria-current] ._iui3160-header-breadcrumb-button-text-sublabel,[aria-disabled=true] ._iui3160-header-breadcrumb-button-text-sublabel{color:inherit}[data-iui-size=slim] ._iui3160-header-breadcrumb-button-text-sublabel{visibility:hidden;opacity:0;block-size:0;inline-size:0}._iui3160-information-panel-wrapper{border-radius:var(--iui-border-radius-1);position:relative;overflow:hidden}._iui3160-information-panel{opacity:0;visibility:hidden;background-color:var(--iui-color-background);flex-direction:column;max-block-size:100%;max-inline-size:100%;display:flex;position:absolute}@media (prefers-reduced-motion:no-preference){._iui3160-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}}._iui3160-information-panel>._iui3160-resizer{touch-action:none;display:none;position:absolute}._iui3160-information-panel>._iui3160-resizer>._iui3160-resizer-bar{background-color:var(--iui-color-border)}._iui3160-information-panel>._iui3160-resizer:hover>._iui3160-resizer-bar{background-color:var(--iui-color-border-accent)}._iui3160-information-panel ._iui3160-information-header,._iui3160-information-panel ._iui3160-information-body{padding-inline:var(--iui-size-s)}._iui3160-information-panel ._iui3160-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}._iui3160-information-panel ._iui3160-information-header ._iui3160-information-header-label{align-items:center;display:flex;overflow:hidden}._iui3160-information-panel ._iui3160-information-header ._iui3160-information-header-label>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-information-panel ._iui3160-information-header ._iui3160-information-header-label svg{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));fill:var(--iui-color-icon-muted);flex-shrink:0;margin-inline-end:var(--iui-size-xs);display:flex}@media (forced-colors:active){._iui3160-information-panel ._iui3160-information-header ._iui3160-information-header-label svg{fill:canvastext}}._iui3160-information-panel ._iui3160-information-header ._iui3160-information-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3160-information-panel ._iui3160-information-body{padding-block:var(--iui-size-s);block-size:100%;overflow:hidden auto}._iui3160-information-panel ._iui3160-information-body>hr{border-color:var(--iui-color-border)}._iui3160-information-panel._iui3160-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}._iui3160-information-panel._iui3160-right>._iui3160-resizer{inline-size:var(--iui-size-m);cursor:ew-resize;justify-content:center;block-size:100%;inset-block-start:0}._iui3160-information-panel._iui3160-right>._iui3160-resizer>._iui3160-resizer-bar{block-size:100%;inline-size:1px}@media (prefers-reduced-motion:no-preference){._iui3160-information-panel._iui3160-right>._iui3160-resizer>._iui3160-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out}}._iui3160-information-panel._iui3160-right>._iui3160-resizer:hover>._iui3160-resizer-bar{inline-size:var(--iui-size-2xs)}._iui3160-information-panel._iui3160-right:where(:not(._iui3160-visible)){transform:translate(100%)}._iui3160-information-panel._iui3160-right>._iui3160-resizer{inset-inline-start:calc(var(--iui-size-m)*-.5)}._iui3160-information-panel._iui3160-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}._iui3160-information-panel._iui3160-bottom>._iui3160-resizer{block-size:var(--iui-size-m);cursor:ns-resize;align-items:center;inline-size:100%;inset-inline-start:0}._iui3160-information-panel._iui3160-bottom>._iui3160-resizer>._iui3160-resizer-bar{block-size:1px;inline-size:100%}@media (prefers-reduced-motion:no-preference){._iui3160-information-panel._iui3160-bottom>._iui3160-resizer>._iui3160-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3160-information-panel._iui3160-bottom>._iui3160-resizer:hover>._iui3160-resizer-bar{block-size:var(--iui-size-2xs)}._iui3160-information-panel._iui3160-bottom:where(:not(._iui3160-visible)){transform:translateY(100%)}._iui3160-information-panel._iui3160-bottom>._iui3160-resizer{inset-block-start:calc(var(--iui-size-m)*-.5)}._iui3160-information-panel._iui3160-visible{opacity:1;visibility:visible}@media (prefers-reduced-motion:no-preference){._iui3160-information-panel._iui3160-visible{transition:transform var(--iui-duration-1)ease-out,opacity var(--iui-duration-1)ease}}._iui3160-information-panel._iui3160-visible>._iui3160-resizer{display:flex}._iui3160-information-body-content{display:grid}._iui3160-information-body-content ._iui3160-input-label{font-weight:var(--iui-font-weight-normal);color:var(--iui-color-text-muted)}._iui3160-information-body-content:not(._iui3160-inline)>:nth-child(2n):not(:last-child){margin-block-end:var(--iui-size-s)}._iui3160-information-body-content._iui3160-inline{row-gap:var(--iui-size-s);grid-template-columns:auto 1fr;align-items:center}._iui3160-information-body-content._iui3160-inline ._iui3160-input-label{text-align:end;justify-self:end;margin-inline-end:var(--iui-size-m)}._iui3160-input{line-height:var(--_iui-input-line-height,var(--iui-size-l));-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-block:var(--_iui-input-padding-block);padding-inline:var(--iui-size-s);--_iui-input-padding-block:var(--iui-size-2xs);inline-size:100%}._iui3160-input::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1;-webkit-user-select:none;user-select:none}._iui3160-input:-webkit-autofill{background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3160-input:autofill{background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3160-input:where(textarea){line-height:inherit;resize:vertical}._iui3160-input:where(textarea)[disabled],._iui3160-input:where(textarea)[readonly]{resize:none}._iui3160-input[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-line-height:var(--iui-size-m)}._iui3160-input[data-iui-size=large]{--_iui-input-padding-block:var(--iui-size-xs);font-size:var(--iui-font-size-2)}._iui3160-input-with-icon{cursor:pointer;align-items:center;display:grid;position:relative}._iui3160-input-with-icon>:first-child{grid-area:1/-1}._iui3160-input-with-icon>:first-child:has(+._iui3160-end-icon){padding-inline-end:var(--iui-component-height)}@supports not selector(:has(+ *)){._iui3160-input-with-icon>:first-child:not(:only-child){padding-inline-end:var(--iui-component-height)}}._iui3160-input-with-icon>._iui3160-select-tag-container{max-inline-size:70%;inset-inline-end:unset}._iui3160-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}._iui3160-end-icon._iui3160-disabled{cursor:not-allowed;--_iui-svg-fill:var(--iui-color-icon-disabled)}._iui3160-end-icon._iui3160-open{transform:rotate(180deg)}._iui3160-input-grid{row-gap:var(--iui-size-2xs);grid-template-rows:auto;grid-template-columns:1fr;align-items:center;display:grid}._iui3160-input-grid[data-iui-label-placement=inline]{grid-template-rows:1fr auto;grid-template-columns:auto 1fr}._iui3160-input-grid[data-iui-label-placement=inline]:not(:has(._iui3160-status-message)){grid-template-rows:1fr}._iui3160-input-grid[data-iui-label-placement=inline] ._iui3160-input-label{margin:0 var(--iui-size-m)0 0}._iui3160-input-grid[data-iui-label-placement=inline] ._iui3160-input-label._iui3160-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3160-input-grid[data-iui-label-placement=inline] ._iui3160-input-group{gap:var(--iui-size-m);flex-direction:row}._iui3160-input-grid ._iui3160-status-message{grid-column-end:-1}._iui3160-input-grid[data-iui-status=positive] :where(._iui3160-input,._iui3160-select-button),:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=positive]){--_iui-field-color-focus-outline:var(--iui-color-text-positive);--_iui-field-color-border-hover:var(--iui-color-border-positive);border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-positive);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3160-input-grid[data-iui-status=positive] :where(._iui3160-input,._iui3160-select-button)::selection,._iui3160-input-grid[data-iui-status=positive] :where(._iui3160-input,._iui3160-select-button) ::selection,:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=positive])::selection,:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-input-grid[data-iui-status=positive] :where(._iui3160-input,._iui3160-select-button)[data-iui-size=small],:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=positive])[data-iui-size=small]{padding-block-end:0}._iui3160-input-grid[data-iui-status=positive] :where(._iui3160-input,._iui3160-select-button)[data-iui-size=large],:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=positive])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3160-input-grid[data-iui-status=warning] :where(._iui3160-input,._iui3160-select-button),:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=warning]){--_iui-field-color-focus-outline:var(--iui-color-text-warning);--_iui-field-color-border-hover:var(--iui-color-border-warning);border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-warning);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3160-input-grid[data-iui-status=warning] :where(._iui3160-input,._iui3160-select-button)::selection,._iui3160-input-grid[data-iui-status=warning] :where(._iui3160-input,._iui3160-select-button) ::selection,:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=warning])::selection,:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-input-grid[data-iui-status=warning] :where(._iui3160-input,._iui3160-select-button)[data-iui-size=small],:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=warning])[data-iui-size=small]{padding-block-end:0}._iui3160-input-grid[data-iui-status=warning] :where(._iui3160-input,._iui3160-select-button)[data-iui-size=large],:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=warning])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3160-input-grid[data-iui-status=negative] :where(._iui3160-input,._iui3160-select-button),:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=negative]){--_iui-field-color-focus-outline:var(--iui-color-text-negative);--_iui-field-color-border-hover:var(--iui-color-border-negative);border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-negative);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3160-input-grid[data-iui-status=negative] :where(._iui3160-input,._iui3160-select-button)::selection,._iui3160-input-grid[data-iui-status=negative] :where(._iui3160-input,._iui3160-select-button) ::selection,:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=negative])::selection,:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-input-grid[data-iui-status=negative] :where(._iui3160-input,._iui3160-select-button)[data-iui-size=small],:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=negative])[data-iui-size=small]{padding-block-end:0}._iui3160-input-grid[data-iui-status=negative] :where(._iui3160-input,._iui3160-select-button)[data-iui-size=large],:is(._iui3160-input,._iui3160-input-with-icon>._iui3160-select-button):where([data-iui-status=negative])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3160-input-label{font-weight:var(--iui-font-weight-semibold);color:var(--_iui-input-label-color);cursor:default;display:block}._iui3160-input-label._iui3160-required:after{content:"*";color:var(--iui-color-text-negative);margin-inline-start:var(--iui-size-2xs)}._iui3160-input-label[data-iui-disabled=true]{--_iui-input-label-color:var(--iui-color-text-disabled)}._iui3160-input-label:is(label){cursor:pointer}._iui3160-input-label:is(label)[data-iui-disabled=true]{cursor:not-allowed}._iui3160-input-label._iui3160-inline{margin:0 var(--iui-size-m)0 0;align-items:center;display:inline-flex}._iui3160-input-label._iui3160-inline._iui3160-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3160-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}._iui3160-input-flex-container:before{content:"";border:1px solid var(--_iui-input-border-color);border-radius:inherit;transition:border-color var(--iui-duration-1)ease-out;position:absolute;top:0;right:0;bottom:0;left:0}._iui3160-input-flex-container:hover{--_iui-input-border-color:var(--iui-color-border-foreground-hover);--_iui-input-background-color:var(--iui-color-background-hover);--_iui-input-text-color:var(--iui-color-text-hover)}:is(._iui3160-input-flex-container:has(input:focus-visible),._iui3160-input-flex-container:has(textarea:focus-visible)){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3160-input-flex-container:has(input:focus-visible):before{border-color:#0000}._iui3160-input-flex-container:has(textarea:focus-visible):before{border-color:#0000}@supports not selector(:has(+ *)){._iui3160-input-flex-container:where(:focus-within){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3160-input-flex-container:where(:focus-within):before{border-color:#0000}}._iui3160-input-flex-container input,._iui3160-input-flex-container textarea{box-sizing:border-box;font:inherit;color:inherit;z-index:2;min-inline-size:var(--_iui-input-min-height);min-block-size:var(--_iui-input-min-height);padding-inline:var(--iui-size-s);padding-block:var(--_iui-input-padding-block);background:0 0;border:none;flex:999}._iui3160-input-flex-container input:where(:not(:first-child)),._iui3160-input-flex-container textarea:where(:not(:first-child)){padding-inline-start:var(--iui-size-2xs)}._iui3160-input-flex-container input:where(:not(:last-child)),._iui3160-input-flex-container textarea:where(:not(:last-child)){padding-inline-end:var(--iui-size-2xs)}._iui3160-input-flex-container input::placeholder,._iui3160-input-flex-container textarea::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1}._iui3160-input-flex-container input:focus,._iui3160-input-flex-container textarea:focus{outline:none}._iui3160-input-flex-container input:disabled,._iui3160-input-flex-container textarea:disabled{color:var(--iui-color-text-disabled);cursor:not-allowed}._iui3160-input-flex-container>:is(input,textarea):has(+._iui3160-input-flex-container-icon){padding-inline-end:0}._iui3160-input-flex-container>._iui3160-input-flex-container-icon+:is(input,textarea){padding-inline-start:0}._iui3160-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}._iui3160-input-flex-container[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-min-height:var(--iui-component-height-small)}._iui3160-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)}._iui3160-input-flex-container[data-iui-status=positive]{--_iui-input-accent-border-color:var(--iui-color-border-positive)}._iui3160-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)}._iui3160-input-flex-container[data-iui-status=positive]:hover{--_iui-input-border-color:var(--iui-color-border-positive)}._iui3160-input-flex-container[data-iui-status=positive] input::selection,._iui3160-input-flex-container[data-iui-status=positive] input ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-input-flex-container[data-iui-status=warning]{--_iui-input-accent-border-color:var(--iui-color-border-warning)}._iui3160-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)}._iui3160-input-flex-container[data-iui-status=warning]:hover{--_iui-input-border-color:var(--iui-color-border-warning)}._iui3160-input-flex-container[data-iui-status=warning] input::selection,._iui3160-input-flex-container[data-iui-status=warning] input ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-input-flex-container[data-iui-status=negative]{--_iui-input-accent-border-color:var(--iui-color-border-negative)}._iui3160-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)}._iui3160-input-flex-container[data-iui-status=negative]:hover{--_iui-input-border-color:var(--iui-color-border-negative)}._iui3160-input-flex-container[data-iui-status=negative] input::selection,._iui3160-input-flex-container[data-iui-status=negative] input ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-input-group-wrapper[data-iui-label-placement=inline]{flex-direction:row;display:flex}._iui3160-input-group-wrapper[data-iui-label-placement=inline] ._iui3160-status-message{margin-inline-start:var(--iui-size-m)}._iui3160-input-group{flex-direction:column;display:flex}._iui3160-input-group ._iui3160-toggle-switch-wrapper{padding:calc(var(--iui-size-s)*.5)0}._iui3160-input-group ._iui3160-checkbox-wrapper{min-block-size:var(--iui-size-l)}._iui3160-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}._iui3160-keyboard:hover{box-shadow:0 0 0 var(--iui-color-border),0 0 rgba(255,255,255,var(--iui-opacity-5)) inset}:is(._iui3160-list,._iui3160-menu){vertical-align:baseline;isolation:isolate;border:none;margin:0;padding:0;list-style-type:none}:is(._iui3160-list,._iui3160-menu) ._iui3160-header-menu-icon{margin-inline:var(--iui-size-2xs)}:is(._iui3160-list,._iui3160-menu) ._iui3160-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}._iui3160-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(._iui3160-list-item,._iui3160-menu-item-skeleton){align-items:center;gap:var(--iui-size-xs);font-size:var(--iui-font-size-1);padding-block:var(--iui-size-2xs);padding-inline:var(--iui-size-s);min-block-size:var(--iui-component-height);color:var(--iui-color-text);border-radius:var(--iui-border-radius-1);text-align:start;inline-size:100%;list-style-type:none;display:flex;position:relative}:is(._iui3160-list-item,._iui3160-menu-item-skeleton)+:is(._iui3160-list-item,._iui3160-menu-item-skeleton){margin-block-start:-1px}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where([data-iui-actionable=true]:hover),:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:has(._iui3160-link-action):hover){cursor:pointer;background-color:var(--iui-color-background-hover)}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-large,[data-iui-size=large]){min-block-size:var(--iui-component-height-large)}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-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(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-active,[data-iui-active=true]):where(:has(+:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-active,[data-iui-active=true]))){border-end-end-radius:0;border-end-start-radius:0}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-active,[data-iui-active=true])+:where(:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-active,[data-iui-active=true])){border-start-start-radius:0;border-start-end-radius:0}}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-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(._iui3160-list-item,._iui3160-menu-item-skeleton):where(._iui3160-disabled,[data-iui-disabled=true]):where([data-iui-actionable=true]:hover,[data-iui-actionable=true]:focus-visible){color:var(--iui-color-icon-disabled-hover);--_iui-list-item-icon-fill:var(--iui-color-icon-disabled-hover);--_iui-list-item-description-color:var(--iui-color-text-disabled-hover)}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:focus-visible,._iui3160-focused,[data-iui-focused=true]),:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:has(._iui3160-link-action:focus-visible)){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:focus-visible,._iui3160-focused,[data-iui-focused=true]):where(._iui3160-active,[data-iui-active=true]),:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:has(._iui3160-link-action:focus-visible)):where(._iui3160-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}@supports not selector(:has(+ *)){:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:focus-within){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3160-list-item,._iui3160-menu-item-skeleton):where(:focus-within):where(._iui3160-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}}:is(._iui3160-menu-item-skeleton>._iui3160-icon,._iui3160-list-item-icon){flex:none}:is(._iui3160-menu-item-skeleton>._iui3160-icon,._iui3160-list-item-icon),:is(._iui3160-menu-item-skeleton>._iui3160-icon,._iui3160-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}._iui3160-menu-item-skeleton{--iui-menu-item-content-skeleton-max-width:30%;cursor:auto}._iui3160-menu-item-skeleton ._iui3160-content{max-inline-size:var(--iui-menu-item-content-skeleton-max-width)}._iui3160-menu-item-skeleton ._iui3160-menu-label{block-size:var(--iui-font-size-1);inline-size:100%;display:block}._iui3160-menu-item-skeleton ._iui3160-menu-description{block-size:var(--iui-font-size-0);inline-size:70%;margin-block-start:var(--iui-size-2xs);display:block}._iui3160-menu-item-skeleton:hover{background-color:unset}._iui3160-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(._iui3160-menu-item-skeleton>._iui3160-content,._iui3160-list-item-content){flex:auto}:is(._iui3160-menu-item-skeleton>._iui3160-content,._iui3160-list-item-content),:is(._iui3160-menu-item-skeleton>._iui3160-content,._iui3160-list-item-content)>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:is(._iui3160-menu-item-skeleton>._iui3160-menu-description,._iui3160-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}._iui3160-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}._iui3160-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%)}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-non-ideal-state-actions{align-items:center;margin-block-end:var(--iui-size-xs);display:flex}._iui3160-non-ideal-state-actions>._iui3160-input-flex-container{text-align:start;inline-size:200px;margin-inline-end:var(--iui-size-2xs);display:inline-block}._iui3160-non-ideal-state-actions>._iui3160-button{margin-inline:var(--iui-size-2xs)}._iui3160-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))){._iui3160-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3160-overlay ._iui3160-progress-indicator-linear{inline-size:50%;max-inline-size:33vw}._iui3160-overlay-wrapper{position:relative}._iui3160-overlay-exiting{animation:_iui3160-closeAnimation var(--iui-duration-1)linear}@keyframes _iui3160-closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}._iui3160-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}._iui3160-progress-indicator-radial:before,._iui3160-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}._iui3160-progress-indicator-radial:before{border-color:var(--iui-color-border)}._iui3160-progress-indicator-radial:after{background-color:var(--iui-color-border-accent);-webkit-mask-clip:border-box,content-box;mask-clip:border-box,content-box;-webkit-mask-composite:source-out;mask-composite:subtract}@media (forced-colors:active){._iui3160-progress-indicator-radial:before,._iui3160-progress-indicator-radial:after{border-color:#0000}}._iui3160-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}._iui3160-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3160-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3160-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3160-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3160-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3160-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3160-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3160-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3160-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3160-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3160-progress-indicator-radial[data-iui-size=x-small]:before,._iui3160-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3160-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3160-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3160-progress-indicator-radial[data-iui-size=small]:before,._iui3160-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3160-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)}._iui3160-progress-indicator-radial[data-iui-size=large]:before,._iui3160-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3160-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}._iui3160-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)}._iui3160-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3160-u67sbkd;-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 _iui3160-u67sbkd{to{transform:rotate(360deg)}}._iui3160-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}._iui3160-progress-indicator-linear-label>:only-child{margin-inline:auto}._iui3160-progress-indicator-linear{gap:var(--iui-size-2xs);display:grid}._iui3160-progress-indicator-linear:before{content:"";block-size:var(--iui-size-2xs);background-color:var(--iui-color-border);background-image:linear-gradient(90deg,var(--_iui-progress-indicator-track-fill,var(--iui-color-border-accent))0% 100%);background-repeat:no-repeat;background-size:var(--iui-progress-percentage,100%)100%;forced-color-adjust:none}@media (forced-colors:active){._iui3160-progress-indicator-linear:before{background-color:#0000;background-image:linear-gradient(90deg,canvastext 0% 100%);border:.5px solid}}._iui3160-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)}._iui3160-progress-indicator-linear[data-iui-status=positive]::selection,._iui3160-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-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)}._iui3160-progress-indicator-linear[data-iui-status=negative]::selection,._iui3160-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-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)}._iui3160-progress-indicator-linear[data-iui-status=warning]::selection,._iui3160-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3160-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3160-u67sbkw}@keyframes _iui3160-u67sbkw{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%}}._iui3160-radio{border-radius:50%}._iui3160-radio:checked{--_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,')}._iui3160-radio:not(:checked),._iui3160-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3160-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}._iui3160-radio-tile:where(:hover){z-index:2;outline-color:var(--iui-color-border-hover)}._iui3160-radio-tile:where(:hover) ._iui3160-radio-tile-icon svg{fill:var(--iui-color-icon-hover)}._iui3160-radio-tile:where(:has(input:disabled),[data-iui-disabled=true]){outline-color:var(--iui-color-border-disabled);background-color:var(--iui-color-background-disabled)}._iui3160-radio-tile-container{-webkit-user-select:none;user-select:none;isolation:isolate;flex-wrap:wrap;gap:1px;display:inline-flex;position:relative}._iui3160-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}._iui3160-radio-tile-input:checked{z-index:3;outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@media (forced-colors:active){._iui3160-radio-tile-input:checked{outline-color:highlight}}._iui3160-radio-tile-input:checked+._iui3160-radio-tile-icon svg{fill:var(--iui-color-icon-accent)}@media (forced-colors:active){._iui3160-radio-tile-input:checked+._iui3160-radio-tile-icon svg{fill:highlight}}._iui3160-radio-tile-input:checked:after{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);content:"";background-color:var(--iui-color-icon-accent);flex-shrink:0;display:flex;position:absolute;inset-block-start:var(--iui-size-xs);inset-inline-end:var(--iui-size-xs);-webkit-mask:url('data:image/svg+xml;utf8,');mask:url('data:image/svg+xml;utf8,')}@media (forced-colors:active){._iui3160-radio-tile-input:checked:after{background-color:highlight}}._iui3160-radio-tile-input:disabled{cursor:not-allowed}._iui3160-radio-tile-input:disabled:after{background-color:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3160-radio-tile-input:disabled:after{background-color:graytext}}._iui3160-radio-tile-input:disabled+._iui3160-radio-tile-icon svg{filter:grayscale();fill:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3160-radio-tile-input:disabled+._iui3160-radio-tile-icon svg{fill:graytext}}._iui3160-radio-tile-input:disabled~:is(._iui3160-radio-tile-label,._iui3160-radio-tile-sublabel){color:var(--iui-color-text-disabled)}@media (forced-colors:active){._iui3160-radio-tile-input:disabled~:is(._iui3160-radio-tile-label,._iui3160-radio-tile-sublabel){color:graytext}}._iui3160-radio-tile-input:disabled:checked{z-index:3;outline:var(--iui-size-3xs)solid var(--iui-color-border)}@media (forced-colors:active){._iui3160-radio-tile-input:disabled:checked{outline-color:graytext}}._iui3160-radio-tile-input:focus-visible{outline-offset:-3px;outline-width:3px}._iui3160-radio-tile-icon{margin-block-start:calc(var(--iui-size-s)*.5);margin-block-end:var(--iui-size-s)}._iui3160-radio-tile-icon,._iui3160-radio-tile-icon svg{inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);fill:var(--iui-color-icon-muted);transition:fill var(--iui-duration-1)ease-out;flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-radio-tile-icon,._iui3160-radio-tile-icon svg{fill:canvastext}}._iui3160-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)}._iui3160-radio-tile-sublabel{font-size:var(--iui-font-size-0);text-align:center;word-break:break-word;color:var(--iui-color-text-muted)}._iui3160-expandable-searchbox{inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:0}._iui3160-expandable-searchbox:where([data-iui-expanded=true]){border-color:var(--_iui-input-border-color);inline-size:100%}._iui3160-expandable-searchbox:not([data-iui-expanded=true]){background-color:#0000}._iui3160-expandable-searchbox:not([data-iui-expanded=true]):before{border:none;transition:none}._iui3160-select-button{padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);-webkit-user-select:none;user-select:none;line-height:var(--iui-size-l);cursor:pointer;--_iui-select-padding-block:var(--iui-size-2xs);inline-size:100%}._iui3160-select-button:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3160-select-button:is(select) option{color:var(--iui-color-text);font-weight:var(--iui-font-weight-normal)}._iui3160-select-button:is(select) option[disabled]{color:var(--iui-color-text-disabled)}._iui3160-select-button:not(select){align-items:center;gap:var(--iui-size-xs);display:flex;position:relative;overflow:hidden}._iui3160-select-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){opacity:1;cursor:not-allowed}._iui3160-select-button ._iui3160-icon{flex:none}._iui3160-select-button ._iui3160-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:inherit;flex-shrink:0;display:flex}._iui3160-select-button ._iui3160-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--iui-size-l);color:inherit;overflow:hidden}._iui3160-select-button._iui3160-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3160-select-button:has(option[value=""]:checked){color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3160-select-button[data-iui-size=small]{--_iui-select-padding-block:0}._iui3160-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs)}._iui3160-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}._iui3160-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){._iui3160-select-tag-container>*+*{margin-inline-start:0}}._iui3160-select-tag._iui3160-tag{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}._iui3160-select-button[data-iui-size=small] ._iui3160-select-tag-label._iui3160-tag-label{font-size:var(--iui-font-size-0)}._iui3160-select-tag-button._iui3160-tag-button{padding-inline:var(--iui-size-2xs);min-block-size:unset;min-inline-size:unset;aspect-ratio:1;block-size:100%}._iui3160-select-button[data-iui-size=small] ._iui3160-select-tag-button._iui3160-tag-button{font-size:var(--iui-font-size-0)}._iui3160-select-button[data-iui-size=small] ._iui3160-select-tag-button._iui3160-tag-button svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3160-select-button[data-iui-size=small] ._iui3160-select-tag-button._iui3160-tag-button:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}._iui3160-side-navigation{background-color:var(--iui-color-background);border-inline-end:2px solid var(--iui-color-border);flex-direction:column;flex:none;block-size:100%;display:inline-flex}@media (prefers-reduced-motion:no-preference){._iui3160-side-navigation{transition:max-width var(--iui-duration-1)ease-out}}._iui3160-side-navigation>._iui3160-sidenav-content{flex-direction:column;flex-grow:1;inline-size:100%;display:flex}._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-top,._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-bottom{flex-direction:column;flex-grow:1;display:flex}._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-top ._iui3160-sidenav-button:first-of-type{border-block-start:none}._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-top ._iui3160-sidenav-button:not(:last-of-type){border-block-end:none}._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-bottom{justify-content:flex-end}._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-bottom ._iui3160-sidenav-button{border-block-end:none}._iui3160-side-navigation>._iui3160-sidenav-content+._iui3160-sidenav-button._iui3160-expand{border:none;border-block-start:1px solid var(--iui-color-border)}._iui3160-side-navigation._iui3160-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}._iui3160-side-navigation._iui3160-expanded,._iui3160-side-navigation>._iui3160-sidenav-content{max-inline-size:calc(var(--iui-size-3xl)*3)}._iui3160-side-navigation._iui3160-expanded>._iui3160-sidenav-button._iui3160-expand>._iui3160-button-icon,._iui3160-side-navigation>._iui3160-sidenav-content>._iui3160-sidenav-button._iui3160-expand>._iui3160-button-icon{transform:scaleX(-1)}._iui3160-side-navigation ._iui3160-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}._iui3160-side-navigation ._iui3160-sidenav-button:not(._iui3160-expand){block-size:calc(var(--iui-size-s)*5)}@supports (padding:max(0px)){._iui3160-side-navigation ._iui3160-sidenav-button:not(._iui3160-expand){padding-inline-start:max(calc(1.5*var(--iui-size-m)),calc(1.5*var(--iui-size-m)) + env(safe-area-inset-left))}}._iui3160-side-navigation ._iui3160-sidenav-button>span:where(:not(._iui3160-button-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-side-navigation ._iui3160-sidenav-button,._iui3160-side-navigation ._iui3160-sidenav-button:hover,._iui3160-side-navigation ._iui3160-sidenav-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-color:var(--iui-color-border)}._iui3160-side-navigation ._iui3160-sidenav-button ._iui3160-button-icon:not(._iui3160-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}._iui3160-side-navigation ._iui3160-sidenav-button._iui3160-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%)}._iui3160-side-navigation ._iui3160-sidenav-button._iui3160-submenu-open:before{content:"";z-index:-1;background-color:inherit;position:absolute;inset-block:0;inset-inline:0 -2px}._iui3160-side-navigation ._iui3160-sidenav-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-backdrop)}._iui3160-side-navigation ._iui3160-sidenav-button._iui3160-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}._iui3160-side-navigation ._iui3160-sidenav-button._iui3160-expand>._iui3160-button-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-side-navigation ._iui3160-sidenav-button._iui3160-expand>._iui3160-button-icon svg{fill:canvastext}}@media (prefers-reduced-motion:no-preference){._iui3160-side-navigation ._iui3160-sidenav-button._iui3160-expand>._iui3160-button-icon svg{transition:transform var(--iui-duration-2)ease-out}}._iui3160-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}._iui3160-side-navigation-submenu._iui3160-enter{opacity:0}._iui3160-side-navigation-submenu._iui3160-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){._iui3160-side-navigation-submenu._iui3160-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3160-side-navigation-submenu._iui3160-exit{opacity:1}._iui3160-side-navigation-submenu._iui3160-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){._iui3160-side-navigation-submenu._iui3160-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3160-side-navigation-submenu._iui3160-enter-active,._iui3160-side-navigation-submenu._iui3160-exit-active{display:flex}._iui3160-side-navigation-submenu-content{padding-block:0 var(--iui-size-s);padding-inline:var(--iui-size-s);flex-shrink:0}._iui3160-side-navigation-submenu-header{block-size:calc(var(--iui-size-s)*5);justify-content:space-between;align-items:center;display:flex}._iui3160-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}._iui3160-side-navigation-submenu-header-label ._iui3160-button{flex-shrink:0}._iui3160-side-navigation-submenu-header-label>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-side-navigation-submenu-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3160-side-navigation-wrapper{block-size:100%;display:flex;position:relative}._iui3160-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))){._iui3160-skip-to-content-link{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3160-skip-to-content-link:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){._iui3160-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}}._iui3160-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))){._iui3160-skip-to-content-link:hover{background-color:hsl(0 0% 0%/var(--iui-opacity-2));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3160-skip-to-content-link:focus{opacity:1;box-shadow:var(--iui-shadow-4);transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:no-preference){._iui3160-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}}._iui3160-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}._iui3160-slider-container[data-iui-orientation=horizontal]{grid-template-columns:auto 1fr auto;grid-template-areas:"min content max";align-items:center}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-min,._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-max{align-items:center}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-min{justify-content:end;margin-inline-end:var(--iui-size-s)}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-max{margin-inline-start:var(--iui-size-s)}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-ticks{transform:translateY(50%)}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-tick{flex-direction:column;inline-size:1px}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-tick:before{block-size:var(--iui-size-s);inline-size:1px}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider{block-size:calc(var(--iui-size-m) + 2px);touch-action:pan-x}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider:before{block-size:var(--_iui-slider-track-thickness);inline-size:100%}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-track{block-size:var(--_iui-slider-track-thickness);inset-inline:var(--iui-slider-track-position,0 var(--iui-slider-thumb-position))}._iui3160-slider-container[data-iui-orientation=horizontal] ._iui3160-slider-thumb{inset-inline-start:var(--iui-slider-thumb-position);transform:translate(-50%)}._iui3160-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}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-min,._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-max{justify-content:center}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-min{margin-block-start:var(--iui-size-s)}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-max{margin-block-end:var(--iui-size-s)}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-ticks{flex-direction:column-reverse;transform:translate(50%)}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-tick{block-size:1px}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-tick:before{inline-size:var(--iui-size-s);block-size:1px}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider{inline-size:calc(var(--iui-size-m) + 2px);touch-action:pan-y;min-block-size:var(--iui-size-xl)}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider:before{inline-size:var(--_iui-slider-track-thickness);block-size:100%}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-track{inline-size:var(--_iui-slider-track-thickness);inset-block:var(--iui-slider-track-position,var(--iui-slider-thumb-position)0)}._iui3160-slider-container[data-iui-orientation=vertical] ._iui3160-slider-thumb{inset-block-end:var(--iui-slider-thumb-position);transform:translateY(50%)}._iui3160-slider-container[data-iui-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled);--_iui-slider-rail-color:var(--iui-color-background-disabled);--_iui-slider-track-color:var(--iui-color-border)}@media (forced-colors:active){._iui3160-slider-container[data-iui-disabled=true]{--_iui-slider-track-color:GrayText}}._iui3160-slider-container[data-iui-disabled=true] ._iui3160-slider{pointer-events:none}._iui3160-slider-min,._iui3160-slider-max{display:flex}._iui3160-slider-min{grid-area:min}._iui3160-slider-max{grid-area:max}._iui3160-slider-ticks{z-index:-1;grid-area:content;justify-content:space-between;display:flex;position:relative}._iui3160-slider-tick{color:var(--_iui-slider-tick-text-color);align-items:center;display:flex;position:relative}._iui3160-slider-tick:before{content:"";background-color:var(--iui-color-border)}@media (forced-colors:active){._iui3160-slider-tick:before{background-color:canvastext}}._iui3160-slider{cursor:pointer;isolation:isolate;grid-area:content;justify-content:center;align-items:center;display:flex;position:relative}._iui3160-slider._iui3160-grabbing{cursor:grabbing}._iui3160-slider:before{content:"";background:var(--_iui-slider-rail-color);display:flex}@media (forced-colors:active){._iui3160-slider:before{--_iui-slider-rail-color:CanvasText}}._iui3160-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}._iui3160-slider-thumb:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-slider-thumb:active{cursor:grabbing}._iui3160-slider-thumb[aria-disabled=true]{border-color:var(--iui-color-border);background:var(--iui-color-border);cursor:not-allowed}@media (forced-colors:active){._iui3160-slider-thumb[aria-disabled=true]{background:graytext;border-color:graytext}}._iui3160-slider-track{pointer-events:none;background-color:var(--_iui-slider-track-color);position:absolute}@media (forced-colors:active){._iui3160-slider-track{--_iui-slider-track-color:Highlight}}._iui3160-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}._iui3160-status-message[data-iui-status=positive]{color:var(--iui-color-text-positive);--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3160-status-message[data-iui-status=positive] a{color:var(--iui-color-text-positive);text-decoration:underline}._iui3160-status-message[data-iui-status=positive] a:hover{color:var(--iui-color-text-positive-hover);text-decoration:none}._iui3160-status-message[data-iui-status=warning]{color:var(--iui-color-text-warning);--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3160-status-message[data-iui-status=warning] a{color:var(--iui-color-text-warning);text-decoration:underline}._iui3160-status-message[data-iui-status=warning] a:hover{color:var(--iui-color-text-warning-hover);text-decoration:none}._iui3160-status-message[data-iui-status=negative]{color:var(--iui-color-text-negative);--_iui-svg-fill:var(--iui-color-icon-negative)}._iui3160-status-message[data-iui-status=negative] a{color:var(--iui-color-text-negative);text-decoration:underline}._iui3160-status-message[data-iui-status=negative] a:hover{color:var(--iui-color-text-negative-hover);text-decoration:none}._iui3160-stepper{row-gap:calc(var(--iui-size-s)*.5);flex-direction:column;display:flex}._iui3160-stepper>ol{vertical-align:baseline;border:none;justify-content:space-around;align-items:flex-start;inline-size:100%;margin:0;padding:0;display:flex}._iui3160-stepper-step{--_iui-stepper-step-background-color:var(--iui-color-background);--_iui-stepper-step-border-color:var(--iui-color-border-positive);--_iui-stepper-step-number-color:var(--iui-color-text-positive);--_iui-stepper-step-icon-color:var(--iui-color-text-positive);--_iui-stepper-step-text-color:var(--iui-color-text-positive);--_iui-stepper-step-track-before-color:var(--iui-color-border-positive);--_iui-stepper-step-track-after-color:var(--iui-color-border-positive);gap:var(--iui-size-3xs);vertical-align:baseline;font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-normal);color:var(--_iui-stepper-step-text-color);border:none;flex-direction:column;flex:1;align-items:center;margin:0;padding:0;display:flex}._iui3160-stepper-step._iui3160-current{--_iui-stepper-step-background-color:var(--iui-color-background-positive);--_iui-stepper-step-border-color:var(--iui-color-background-positive);--_iui-stepper-step-number-color:var(--iui-color-white);--_iui-stepper-step-icon-color:var(--iui-color-white);--_iui-stepper-step-track-after-color:var(--iui-color-border);font-weight:var(--iui-font-weight-semibold)}._iui3160-stepper-step._iui3160-current~._iui3160-stepper-step{--_iui-stepper-step-background-color:var(--iui-color-background);--_iui-stepper-step-border-color:var(--iui-color-border);--_iui-stepper-step-number-color:var(--iui-color-text-muted);--_iui-stepper-step-icon-color:var(--iui-color-text-muted);--_iui-stepper-step-text-color:var(--iui-color-text-muted);--_iui-stepper-step-track-before-color:var(--iui-color-border)}._iui3160-stepper-step._iui3160-current~._iui3160-stepper-step:not(:last-of-type){--_iui-stepper-step-track-after-color:var(--iui-color-border)}._iui3160-stepper-step._iui3160-clickable:focus{outline:0}._iui3160-stepper-step:first-of-type{--_iui-stepper-step-track-before-color:transparent}._iui3160-stepper-step:last-of-type{--_iui-stepper-step-track-after-color:transparent}._iui3160-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}._iui3160-stepper-circle :is(svg){fill:var(--_iui-stepper-step-icon-color)}._iui3160-clickable ._iui3160-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}._iui3160-clickable ._iui3160-stepper-circle:hover{--_iui-stepper-step-background-color:var(--iui-color-background-positive);--_iui-stepper-step-border-color:var(--iui-color-background-positive);--_iui-stepper-step-number-color:var(--iui-color-white);--_iui-stepper-step-icon-color:var(--iui-color-white)}._iui3160-clickable:focus ._iui3160-stepper-circle{outline:2px solid var(--iui-color-border-positive);outline-offset:-1px}._iui3160-clickable:focus:not(:focus-visible) ._iui3160-stepper-circle{outline:none}._iui3160-stepper-track-content{align-items:center;inline-size:100%;display:flex}._iui3160-stepper-track-content:before,._iui3160-stepper-track-content:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3160-stepper-track-content:before{background-color:var(--_iui-stepper-step-track-before-color)}._iui3160-stepper-track-content:after{background-color:var(--_iui-stepper-step-track-after-color)}._iui3160-stepper-step-name{text-align:center;color:var(--_iui-stepper-step-text-color)}._iui3160-stepper-steps-label{font-size:var(--iui-font-size-3);text-align:center;display:block}._iui3160-stepper-steps-label-count{-webkit-user-select:none;user-select:none;color:var(--iui-color-text-muted);margin-inline-end:var(--iui-size-xs)}._iui3160-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)}._iui3160-surface:where(:has(._iui3160-surface-body),:has(._iui3160-surface-header),[data-iui-layout=true]){flex-direction:column;display:flex}._iui3160-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)}._iui3160-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}._iui3160-surface-body{flex-grow:1;overflow:hidden auto}._iui3160-surface-body[data-iui-padded=true]{padding:var(--iui-size-s);scrollbar-gutter:stable;padding-inline-end:var(--iui-size-2xs)}._iui3160-panel-wrapper{scroll-snap-type:x proximity;flex-direction:row;display:flex;overflow:hidden}._iui3160-panel{flex-shrink:0;inline-size:100%}._iui3160-panel:not([data-iui-transitioning=true]){scroll-snap-align:end}._iui3160-table{vertical-align:baseline;isolation:isolate;scrollbar-gutter:stable;background-color:var(--iui-color-background);border-radius:var(--iui-border-radius-1);--_iui-table-header-size:calc(var(--iui-size-s)*5);--_iui-table-row-size:calc(var(--iui-size-s)*5 + 2px);border:none;flex-direction:column;margin:0;padding:0;display:flex;overflow:auto}._iui3160-table ._iui3160-table-cell-end-icon,._iui3160-table ._iui3160-table-cell-start-icon{fill:var(--_iui-table-cell-icon-fill);flex-shrink:0;justify-content:center;align-items:center;display:flex}._iui3160-table ._iui3160-table-cell-end-icon svg,._iui3160-table ._iui3160-table-cell-start-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3160-table ._iui3160-table-cell-start-icon{margin-inline-end:var(--iui-size-xs)}._iui3160-table ._iui3160-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)}._iui3160-table ._iui3160-table-cell-end-icon :where(svg){fill:var(--_iui-table-cell-icon-fill)}._iui3160-table>._iui3160-table-paginator{z-index:3;position:sticky;inset-block-end:0;inset-inline-start:0}._iui3160-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)}._iui3160-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)}._iui3160-table[data-iui-size=extra-condensed] ._iui3160-table-header ._iui3160-table-cell{padding-block:calc(var(--iui-size-s)*.25)}._iui3160-table ._iui3160-table-header,._iui3160-table ._iui3160-table-paginator{min-block-size:var(--_iui-table-header-size)}._iui3160-table ._iui3160-table-body ._iui3160-table-cell,._iui3160-table ._iui3160-table-body-extra{min-block-size:var(--_iui-table-row-size)}._iui3160-table-header-wrapper{z-index:3;flex-shrink:0;display:flex;position:sticky;inset-block-start:0}._iui3160-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}._iui3160-table-header ._iui3160-table-cell{background-color:var(--iui-color-background)}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot){column-gap:var(--iui-size-2xs);padding-block:calc(var(--iui-size-s)*.5)}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot)._iui3160-actionable{cursor:pointer}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot)._iui3160-grabbing{cursor:grabbing}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot)>._iui3160-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%)}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot)>._iui3160-table-resizer>._iui3160-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}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot)>._iui3160-table-resizer:hover>._iui3160-table-resizer-bar{inline-size:var(--iui-size-2xs);background-color:var(--iui-color-border-accent)}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot):hover>._iui3160-table-resizer{opacity:1}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot):is(:hover,:focus-visible){background-color:var(--iui-color-background-hover)}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot):has(:focus-visible){background-color:var(--iui-color-background-hover)}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot):is(:hover,:focus-visible) ._iui3160-table-sort{opacity:1}._iui3160-table-header ._iui3160-table-cell:not(._iui3160-slot):has(:focus-visible) ._iui3160-table-sort{opacity:1}._iui3160-table-header ._iui3160-table-reorder-bar{inline-size:var(--iui-size-3xs);block-size:100%;position:absolute}._iui3160-table-header ._iui3160-table-reorder-column-right>._iui3160-table-reorder-bar{inset-inline-end:0}._iui3160-table-header ._iui3160-table-reorder-column-left>._iui3160-table-reorder-bar{inset-inline-start:0}._iui3160-table-header ._iui3160-table-reorder-column-left>._iui3160-table-reorder-bar,._iui3160-table-header ._iui3160-table-reorder-column-right>._iui3160-table-reorder-bar{background-color:var(--iui-color-border-accent)}._iui3160-table-header ._iui3160-table-sort{opacity:0;--_iui-table-cell-icon-fill:var(--iui-color-icon-muted)}._iui3160-table-header ._iui3160-sorted{background-color:var(--iui-color-background-hover)}._iui3160-table-header ._iui3160-sorted ._iui3160-table-sort{opacity:1;--_iui-table-cell-icon-fill:var(--iui-color-icon)}._iui3160-table-column-manager{padding:var(--iui-size-xs);max-block-size:17.25rem;overflow-y:auto}._iui3160-table-row{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);min-inline-size:100%;scroll-margin-block-start:calc(var(--_iui-table-header-size) + var(--iui-size-xl));display:flex}._iui3160-table-header ._iui3160-table-row{flex-grow:1}._iui3160-table-body ._iui3160-table-row ._iui3160-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}._iui3160-table-body ._iui3160-table-row>._iui3160-slot>._iui3160-table-more-options{opacity:0}._iui3160-table-body ._iui3160-table-row:where(:hover,:focus-within)>._iui3160-slot>._iui3160-table-more-options{opacity:1}._iui3160-table-body ._iui3160-table-row:where(:hover:not(._iui3160-loading):not([aria-disabled=true])) ._iui3160-table-cell{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){._iui3160-table-body ._iui3160-table-row ._iui3160-table-row-expander>._iui3160-button-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3160-table-body ._iui3160-table-row._iui3160-table-row-expanded{overflow:hidden}._iui3160-table-body ._iui3160-table-row._iui3160-table-row-expanded ._iui3160-table-cell{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border);border-block-end-color:#0000}._iui3160-table-body ._iui3160-table-row._iui3160-table-row-expanded ._iui3160-table-row-expander>._iui3160-button-icon{transform:rotate(90deg)}._iui3160-table-body ._iui3160-table-row._iui3160-table-row-expanded+._iui3160-table-expanded-content{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border)}._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content{border-inline:1px solid #0000;border-block-end:1px solid var(--iui-color-border);flex-shrink:0;overflow:hidden}._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content._iui3160-enter{opacity:0}._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content._iui3160-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content._iui3160-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content._iui3160-exit{opacity:1}._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content._iui3160-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content._iui3160-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3160-table-body ._iui3160-table-row:not([aria-selected=true])+[aria-selected=true] ._iui3160-table-cell,._iui3160-table-body ._iui3160-table-row[aria-selected=true]:first-child ._iui3160-table-cell{border-block-end-color:#0000}._iui3160-table-body ._iui3160-table-row[aria-selected=true] ._iui3160-table-cell{border-color:var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}._iui3160-table-body ._iui3160-table-row[aria-selected=true]+[aria-selected=true] ._iui3160-table-cell{border-block-end-color:#0000;border-block-start-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4))}._iui3160-table-body ._iui3160-table-row[aria-selected=true]:last-child ._iui3160-table-cell{border-block-end-color:var(--iui-color-border-accent)}._iui3160-table-body ._iui3160-table-row[aria-selected=true]+:not([aria-selected=true]) ._iui3160-table-cell,._iui3160-table-body ._iui3160-table-row[aria-selected=true]+._iui3160-table-expanded-content+._iui3160-table-row:not([aria-selected=true]) ._iui3160-table-cell{border-block-start-color:var(--iui-color-border-accent)}._iui3160-table-body ._iui3160-table-row[aria-selected=true]+._iui3160-table-expanded-content{border-color:transparent var(--iui-color-border-accent)}._iui3160-table-body ._iui3160-table-row[aria-selected=true]+._iui3160-table-expanded-content:last-child{border-block-end-color:var(--iui-color-border-accent)}._iui3160-table-body ._iui3160-table-row._iui3160-new{font-weight:var(--iui-font-weight-semibold)}._iui3160-table-body ._iui3160-table-row._iui3160-new>._iui3160-main-column:before{content:"•";font-size:var(--iui-font-size-4);color:var(--iui-color-icon-positive);position:absolute;inset-inline-start:0}._iui3160-table-body ._iui3160-table-row._iui3160-loading,._iui3160-table-body ._iui3160-table-row ._iui3160-table-cell[aria-disabled=true],._iui3160-table-body ._iui3160-table-row._iui3160-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)}._iui3160-table-body ._iui3160-table-row._iui3160-loading img,._iui3160-table-body ._iui3160-table-row._iui3160-loading svg,._iui3160-table-body ._iui3160-table-row._iui3160-loading ._iui3160-avatar,._iui3160-table-body ._iui3160-table-row ._iui3160-table-cell[aria-disabled=true] img,._iui3160-table-body ._iui3160-table-row ._iui3160-table-cell[aria-disabled=true] svg,._iui3160-table-body ._iui3160-table-row ._iui3160-table-cell[aria-disabled=true] ._iui3160-avatar,._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content[aria-disabled=true] img,._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content[aria-disabled=true] svg,._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content[aria-disabled=true] ._iui3160-avatar{filter:var(--_iui-table-cell-image-filter)}._iui3160-table-body ._iui3160-table-row._iui3160-loading{font-style:italic}._iui3160-table-body ._iui3160-table-row._iui3160-loading,._iui3160-table-body ._iui3160-table-row._iui3160-loading ._iui3160-checkbox{cursor:progress}._iui3160-table-body ._iui3160-table-row ._iui3160-table-cell[aria-disabled=true],._iui3160-table-body ._iui3160-table-row._iui3160-table-expanded-content[aria-disabled=true]{cursor:not-allowed}._iui3160-table-body ._iui3160-table-row[data-iui-status=positive] ._iui3160-table-cell:first-of-type,._iui3160-table-body ._iui3160-table-row[data-iui-status=positive]+._iui3160-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-positive)}._iui3160-table-body ._iui3160-table-row[data-iui-status=positive] ._iui3160-table-cell:first-of-type::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=positive] ._iui3160-table-cell:first-of-type ::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=positive]+._iui3160-table-expanded-content::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=positive]+._iui3160-table-expanded-content ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-table-body ._iui3160-table-row[data-iui-status=positive] ._iui3160-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-positive)}._iui3160-table-body ._iui3160-table-row[data-iui-status=positive] ._iui3160-table-cell[aria-disabled=true] ._iui3160-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3160-table-body ._iui3160-table-row[data-iui-status=warning] ._iui3160-table-cell:first-of-type,._iui3160-table-body ._iui3160-table-row[data-iui-status=warning]+._iui3160-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-warning)}._iui3160-table-body ._iui3160-table-row[data-iui-status=warning] ._iui3160-table-cell:first-of-type::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=warning] ._iui3160-table-cell:first-of-type ::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=warning]+._iui3160-table-expanded-content::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=warning]+._iui3160-table-expanded-content ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-table-body ._iui3160-table-row[data-iui-status=warning] ._iui3160-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-warning)}._iui3160-table-body ._iui3160-table-row[data-iui-status=warning] ._iui3160-table-cell[aria-disabled=true] ._iui3160-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3160-table-body ._iui3160-table-row[data-iui-status=negative] ._iui3160-table-cell:first-of-type,._iui3160-table-body ._iui3160-table-row[data-iui-status=negative]+._iui3160-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-negative)}._iui3160-table-body ._iui3160-table-row[data-iui-status=negative] ._iui3160-table-cell:first-of-type::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=negative] ._iui3160-table-cell:first-of-type ::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=negative]+._iui3160-table-expanded-content::selection,._iui3160-table-body ._iui3160-table-row[data-iui-status=negative]+._iui3160-table-expanded-content ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-table-body ._iui3160-table-row[data-iui-status=negative] ._iui3160-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-negative)}._iui3160-table-body ._iui3160-table-row[data-iui-status=negative] ._iui3160-table-cell[aria-disabled=true] ._iui3160-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3160-table-body:not(:has(+._iui3160-table-paginator)) ._iui3160-table-row:last-of-type{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3160-table-header-actions-container{flex-wrap:wrap;flex-grow:1;align-items:center;margin-inline-end:var(--iui-size-s);display:flex}._iui3160-table-header-actions-container ._iui3160-table-cell-end-icon{inline-size:unset;block-size:unset;margin:0;margin-inline-start:auto}._iui3160-table-body{flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}._iui3160-table-body:has(>._iui3160-table-empty){position:sticky;inset-inline-start:0}._iui3160-table-body._iui3160-scroll-snapping{scroll-snap-type:y mandatory}._iui3160-table-body._iui3160-scroll-snapping ._iui3160-table-row{scroll-snap-align:start none}._iui3160-table-body._iui3160-zebra-striping ._iui3160-table-row:nth-child(2n):not([aria-selected=true]) ._iui3160-table-cell{background-color:var(--iui-color-background-zebra)}._iui3160-table-body._iui3160-zebra-striping ._iui3160-table-row:nth-child(2n):not([aria-selected=true]):hover ._iui3160-table-cell{background-color:var(--iui-color-background-hover)}._iui3160-table-body>._iui3160-table-empty{text-align:center;padding:var(--iui-size-xl);color:var(--iui-color-text-muted);background-color:var(--iui-color-background);flex-direction:column;flex-grow:1;justify-content:center;margin-inline:auto;display:flex}._iui3160-table-body-extra{justify-content:center;align-items:center;display:flex}._iui3160-table-body-extra[data-iui-loading=true]{position:sticky;inset-inline-start:0}._iui3160-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}._iui3160-table-body:not(:has(+._iui3160-table-paginator))>._iui3160-table-row:last-of-type ._iui3160-table-cell:first-of-type{border-end-start-radius:var(--iui-border-radius-1)}._iui3160-table-body:not(:has(+._iui3160-table-paginator))>._iui3160-table-row:last-of-type ._iui3160-table-cell:last-of-type{border-end-end-radius:var(--iui-border-radius-1)}._iui3160-table-cell:first-of-type{border-inline-start:1px solid #0000}._iui3160-table-cell:last-of-type{border-inline-end:1px solid #0000}._iui3160-table-cell._iui3160-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}._iui3160-table-cell._iui3160-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)}._iui3160-table-cell:not(._iui3160-slot):last-child{padding-inline-end:var(--iui-size-m)}._iui3160-table-cell[data-iui-status=positive]::selection,._iui3160-table-cell[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-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}._iui3160-table-cell[data-iui-status=warning]::selection,._iui3160-table-cell[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-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}._iui3160-table-cell[data-iui-status=negative]::selection,._iui3160-table-cell[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-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}._iui3160-table-cell[contenteditable]{outline-offset:-1px}._iui3160-table-cell[contenteditable]:hover{outline:1px solid var(--iui-color-border-accent)}._iui3160-table-cell[contenteditable]:focus{background-color:var(--iui-color-background);outline:1px solid var(--iui-color-text-accent)}._iui3160-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%)}._iui3160-table-header ._iui3160-table-cell-shadow-left{inset-block:0}._iui3160-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%)}._iui3160-table-header ._iui3160-table-cell-shadow-right{inset-block:0}._iui3160-table-paginator{vertical-align:baseline;padding:0;padding-inline:var(--iui-size-m);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border:none;border-block-start:1px solid var(--iui-color-border);isolation:isolate;border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1);justify-content:space-between;align-items:center;margin:0;display:flex}._iui3160-table-paginator>._iui3160-left,._iui3160-table-paginator>._iui3160-center,._iui3160-table-paginator>._iui3160-right{flex:1;align-items:center;min-inline-size:0;display:flex;position:relative}._iui3160-table-paginator>._iui3160-center{color:var(--iui-color-text);z-index:1;flex:2;justify-content:center}._iui3160-table-paginator>._iui3160-right{justify-content:flex-end}._iui3160-table-paginator-page-size-label{color:var(--iui-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-table-paginator-ellipsis{padding-inline:var(--iui-size-xs);justify-content:center;align-items:center;display:flex}._iui3160-table-paginator-ellipsis-small{padding-inline:var(--iui-size-2xs)}._iui3160-table-paginator-pages-group{margin-inline:var(--iui-size-xs);align-items:center;display:inline-flex}._iui3160-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)}._iui3160-table-column-filter{padding:var(--iui-size-s);align-items:flex-end;gap:var(--iui-size-s);flex-direction:column;display:inline-flex}._iui3160-table-column-filter>._iui3160-input-grid:not([data-iui-label-placement=inline]){inline-size:100%}._iui3160-table-column-filter>._iui3160-button-bar{align-content:center;gap:var(--iui-size-xs);inline-size:100%;display:flex}._iui3160-table-column-filter>._iui3160-button-bar>._iui3160-button:first-of-type{margin-inline-start:auto}._iui3160-tabs-wrapper{display:grid;position:relative}._iui3160-tabs-wrapper._iui3160-horizontal{contain:inline-size;grid-template:"tabs tabs-actions""tabs-content tabs-content"1fr/1fr auto;inline-size:100%}._iui3160-tabs-wrapper._iui3160-horizontal ._iui3160-tabs{animation-name:_iui3160-scroll-shadow-inset-horizontal;animation-timing-function:linear;animation-timeline:scroll(self inline);display:flex;overflow-x:auto;container-type:inline-size}._iui3160-tabs-wrapper._iui3160-horizontal ._iui3160-tabs._iui3160-borderless{min-block-size:calc(var(--iui-size-s)*3 + var(--iui-size-xs))}@keyframes _iui3160-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)}}._iui3160-tabs-wrapper._iui3160-horizontal ._iui3160-tab{flex-shrink:0;max-inline-size:60cqi}._iui3160-tabs-wrapper._iui3160-horizontal ._iui3160-tab:after{block-size:0;inline-size:100%}._iui3160-tabs-wrapper._iui3160-horizontal ._iui3160-tab[aria-selected=true]:after{block-size:var(--iui-size-3xs)}._iui3160-tabs-wrapper._iui3160-vertical{grid-template:"tabs tabs-content"1fr"tabs-actions tabs-content"/auto minmax(0,1fr);block-size:100%}._iui3160-tabs-wrapper._iui3160-vertical ._iui3160-tabs{align-content:start;animation-name:_iui3160-scroll-shadow-inset-vertical;animation-timing-function:linear;animation-timeline:scroll(self inline);display:grid;overflow:hidden auto}._iui3160-tabs-wrapper._iui3160-vertical ._iui3160-tabs~._iui3160-tabs-content{overflow:auto}@keyframes _iui3160-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)}}._iui3160-tabs-wrapper._iui3160-vertical ._iui3160-tab:after{block-size:100%;inline-size:0}._iui3160-tabs-wrapper._iui3160-vertical ._iui3160-tab[aria-selected=true]:after{inline-size:var(--iui-size-3xs)}._iui3160-tabs-actions-wrapper{flex-direction:column;grid-area:tabs-actions;justify-content:center;display:flex}:where(._iui3160-tabs-wrapper._iui3160-horizontal) ._iui3160-tabs-actions-wrapper{margin-inline-start:var(--iui-size-s)}:where(._iui3160-tabs-wrapper._iui3160-horizontal) ._iui3160-tabs-actions-wrapper:before,:where(._iui3160-tabs-wrapper._iui3160-horizontal) ._iui3160-tabs-actions-wrapper:after{content:"";flex:1}:where(._iui3160-tabs-wrapper._iui3160-horizontal) :where(._iui3160-tabs._iui3160-default)+._iui3160-tabs-actions-wrapper:after{min-block-size:var(--iui-size-2xs)}:where(._iui3160-tabs-wrapper._iui3160-horizontal) :where(._iui3160-tabs._iui3160-borderless)+._iui3160-tabs-actions-wrapper:after{min-block-size:var(--iui-size-xs)}:where(._iui3160-tabs-wrapper._iui3160-vertical) ._iui3160-tabs-actions-wrapper{padding-inline:var(--iui-size-xs);margin-block-start:var(--iui-size-s)}._iui3160-tabs-actions{display:flex}:where(._iui3160-tabs-wrapper._iui3160-horizontal) ._iui3160-tabs-actions{align-items:center;column-gap:var(--iui-size-xs)}:where(._iui3160-tabs-wrapper._iui3160-vertical) ._iui3160-tabs-actions{align-items:stretch;row-gap:var(--iui-size-xs);flex-direction:column}._iui3160-tabs-content{grid-area:tabs-content}._iui3160-tabs-content[hidden]{display:none!important}._iui3160-tabs{position:relative}@media (prefers-reduced-motion:no-preference){._iui3160-tabs{scroll-behavior:smooth}}._iui3160-tabs ._iui3160-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}._iui3160-tabs ._iui3160-tab[aria-selected=true]{color:var(--iui-color-text-accent)}._iui3160-tabs ._iui3160-tab[aria-selected=true] ._iui3160-tab-icon svg{fill:currentColor}._iui3160-tabs ._iui3160-tab[aria-selected=true] ._iui3160-tab-description{color:inherit}._iui3160-tabs ._iui3160-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3160-tabs ._iui3160-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3160-tab-description{color:inherit}._iui3160-tabs ._iui3160-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3160-tab-icon svg{fill:var(--iui-color-icon-disabled)}._iui3160-tabs ._iui3160-tab:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-tabs ._iui3160-tab-icon{grid-area:icon}._iui3160-tabs ._iui3160-tab-icon svg{transition:fill var(--iui-duration-1)ease-out}._iui3160-tabs ._iui3160-tab-icon~._iui3160-tab-label,._iui3160-tabs ._iui3160-tab-icon~._iui3160-tab-description{margin-inline-start:var(--iui-size-xs)}._iui3160-tabs ._iui3160-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}._iui3160-tabs._iui3160-green ._iui3160-tab:focus{outline-color:var(--iui-color-text-positive)}._iui3160-tabs._iui3160-green ._iui3160-tab[aria-selected=true]{color:var(--iui-color-text-positive)}._iui3160-tabs._iui3160-green ._iui3160-tab[aria-selected=true] ._iui3160-tab-icon svg{fill:currentColor}._iui3160-tabs~._iui3160-tabs-content{padding-block-start:var(--iui-size-s);padding-block-end:var(--iui-size-s)}._iui3160-tabs._iui3160-default ._iui3160-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){._iui3160-tabs._iui3160-default [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}._iui3160-tabs._iui3160-default ._iui3160-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)}._iui3160-tabs._iui3160-default ._iui3160-tab:after{inset-block-start:0;inset-inline-start:0}._iui3160-tabs._iui3160-default ._iui3160-tab:hover{background-color:var(--iui-color-background-backdrop-hover)}._iui3160-tabs._iui3160-default ._iui3160-tab[aria-selected=true]{background-color:var(--iui-color-background)}._iui3160-tabs._iui3160-default ._iui3160-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-disabled)}._iui3160-tabs._iui3160-default ._iui3160-tab:focus{outline-offset:-2px;outline-width:2px}._iui3160-horizontal ._iui3160-tabs._iui3160-default ._iui3160-tab[aria-selected=true]{border-block-end-color:#0000}._iui3160-horizontal ._iui3160-tabs._iui3160-default ._iui3160-tab:not(:first-child){border-inline-start:none}._iui3160-horizontal ._iui3160-tabs._iui3160-default~._iui3160-tabs-content{margin-block-start:-1px}._iui3160-horizontal ._iui3160-tabs._iui3160-default :where(._iui3160-button){block-size:100%}._iui3160-vertical ._iui3160-tabs._iui3160-default ._iui3160-tab[aria-selected=true]{border-inline-end-color:#0000}._iui3160-vertical ._iui3160-tabs._iui3160-default ._iui3160-tab:not(:first-child){border-block-start:none}._iui3160-vertical ._iui3160-tabs._iui3160-default~._iui3160-tabs-content{margin-inline-start:-1px}._iui3160-vertical ._iui3160-tabs._iui3160-default :where(._iui3160-button){inline-size:100%}._iui3160-tabs._iui3160-default._iui3160-large ._iui3160-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3160-tabs._iui3160-default._iui3160-large ._iui3160-tab-description{display:-webkit-box}._iui3160-tabs._iui3160-default._iui3160-green ._iui3160-tab:after{background-color:var(--iui-color-border-positive)}._iui3160-tabs._iui3160-default~._iui3160-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)}._iui3160-tabs._iui3160-borderless ._iui3160-tab{padding-block:var(--iui-size-2xs);padding-inline:calc(var(--iui-size-s)*2);background-color:#0000}._iui3160-tabs._iui3160-borderless ._iui3160-tab:after{inset-block-end:0;inset-inline-end:0}._iui3160-tabs._iui3160-borderless ._iui3160-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3160-tabs._iui3160-borderless ._iui3160-tab[aria-selected=true]{background-color:var(--iui-color-background-accent-muted)}._iui3160-horizontal ._iui3160-tabs._iui3160-borderless~._iui3160-tabs-content{border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);margin-block-start:calc(0px - var(--iui-size-3xs))}._iui3160-vertical ._iui3160-tabs._iui3160-borderless~._iui3160-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)}._iui3160-tabs._iui3160-borderless._iui3160-green [aria-selected=true]{background-color:var(--iui-color-background-positive-muted)}._iui3160-tabs._iui3160-borderless._iui3160-large ._iui3160-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3160-tabs._iui3160-borderless._iui3160-large ._iui3160-tab-description{display:-webkit-box}._iui3160-tabs._iui3160-borderless ._iui3160-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3160-tabs._iui3160-pill{justify-content:space-evenly;gap:var(--iui-size-3xs)}._iui3160-tabs._iui3160-pill>._iui3160-tab{flex:1 1 0}._iui3160-tabs._iui3160-pill._iui3160-green ._iui3160-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3160-tabs._iui3160-pill._iui3160-green ._iui3160-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-positive-muted)}._iui3160-tabs._iui3160-pill ._iui3160-tab{padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:#0000;justify-content:center;inline-size:100%;display:flex}._iui3160-tabs._iui3160-pill ._iui3160-tab:after{inset-block-end:0;inset-inline-start:0}._iui3160-tabs._iui3160-pill ._iui3160-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3160-tabs._iui3160-pill ._iui3160-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-accent-muted)}._iui3160-tabs._iui3160-pill ._iui3160-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3160-tabs._iui3160-animated:after{content:" ";background-color:var(--iui-color-border-accent);position:absolute}._iui3160-tabs._iui3160-animated._iui3160-green:after{background-color:var(--iui-color-border-positive)}._iui3160-horizontal ._iui3160-tabs._iui3160-animated:after{block-size:var(--iui-size-3xs);inline-size:var(--iui-tabs-stripe-size);inset-block-start:calc(100% - var(--iui-size-3xs));inset-inline-start:var(--iui-tabs-stripe-position)}@media (prefers-reduced-motion:no-preference){._iui3160-horizontal ._iui3160-tabs._iui3160-animated:after{transition:width var(--iui-duration-1)ease-out,left var(--iui-duration-1)ease-out}}._iui3160-vertical ._iui3160-tabs._iui3160-animated:after{inline-size:var(--iui-size-3xs);block-size:var(--iui-tabs-stripe-size);inset-block-start:var(--iui-tabs-stripe-position);inset-inline-start:calc(100% - var(--iui-size-3xs))}@media (prefers-reduced-motion:no-preference){._iui3160-vertical ._iui3160-tabs._iui3160-animated:after{transition:top var(--iui-duration-1)ease-out}}._iui3160-tabs._iui3160-not-animated ._iui3160-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){._iui3160-tabs._iui3160-not-animated [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}._iui3160-tabs._iui3160-not-animated._iui3160-green ._iui3160-tab:after{background-color:var(--iui-color-border-positive)}._iui3160-tab-label{-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:label;max-inline-size:60ch;display:-webkit-box;overflow:hidden}._iui3160-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}._iui3160-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3160-tag-basic:not(a){color:var(--iui-color-text-muted)}._iui3160-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}._iui3160-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3160-tag-button{border-radius:var(--iui-border-radius-round)}._iui3160-tag-container{color:var(--iui-color-text-muted)}._iui3160-tag-container>a._iui3160-tag-basic{margin:var(--iui-size-3xs)}._iui3160-tag-container>:not(last-child){margin-inline-end:var(--iui-size-2xs)}._iui3160-tag-container>._iui3160-tag-basic:not(:last-child):after{content:","}._iui3160-tag-container._iui3160-truncate{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._iui3160-tag-container._iui3160-scroll{white-space:nowrap;overflow-x:scroll}._iui3160-tag-container._iui3160-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)}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-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}._iui3160-text-muted{color:var(--iui-color-text-muted)}._iui3160-skeleton{-webkit-user-select:none;user-select:none;color:#0000;border-radius:var(--iui-border-radius-1);cursor:progress;background:linear-gradient(292deg,var(--iui-color-icon-muted),var(--iui-color-icon-muted),var(--iui-color-icon-disabled),var(--iui-color-icon-muted),var(--iui-color-icon-muted));background-size:200% 100%;display:inline-block}@media (forced-colors:active){._iui3160-skeleton{forced-color-adjust:none;background:linear-gradient(292deg,canvastext,canvastext,canvas,canvastext,canvastext)}}@media (prefers-reduced-motion:no-preference){._iui3160-skeleton{animation:_iui3160-skeleton-shimmer var(--iui-duration-3)linear infinite}@keyframes _iui3160-skeleton-shimmer{0%{background-position:200%}50%{background-position:100%}to{background-position:0%}}}._iui3160-text-spacing{margin-block-end:var(--iui-size-l);padding:0}._iui3160-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}._iui3160-tile:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}._iui3160-tile:where(:not(._iui3160-folder))>:where(._iui3160-tile-thumbnail){border-start-start-radius:inherit;border-start-end-radius:inherit}._iui3160-tile:where(:not(._iui3160-folder))>:where(:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit}._iui3160-tile:where(:not(._iui3160-folder))>:where(._iui3160-tile-name){margin-block-start:var(--iui-size-s);margin-block-end:calc(var(--iui-size-s)*.5)}._iui3160-tile:not(:hover,:focus-within) ._iui3160-tile-more-options:where(:not(._iui3160-visible)){clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}._iui3160-tile:hover ._iui3160-tile-metadata:not(:last-child),._iui3160-tile:focus-within ._iui3160-tile-metadata:not(:last-child){inline-size:calc(100% - var(--iui-size-xl))}._iui3160-tile._iui3160-new{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive)}._iui3160-tile._iui3160-new ._iui3160-tile-name,._iui3160-tile._iui3160-new ._iui3160-tile-description{font-weight:var(--iui-font-weight-semibold)}._iui3160-tile._iui3160-loading,._iui3160-tile[aria-disabled=true]{--_iui-tile-title-text-color:var(--iui-color-text-disabled);--_iui-tile-body-text-color:var(--iui-color-text-disabled)}._iui3160-tile._iui3160-loading :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture),._iui3160-tile[aria-disabled=true] :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture){filter:grayscale()}._iui3160-tile._iui3160-loading ._iui3160-tag-container,._iui3160-tile._iui3160-loading ._iui3160-tag-basic,._iui3160-tile[aria-disabled=true] ._iui3160-tag-container,._iui3160-tile[aria-disabled=true] ._iui3160-tag-basic{color:inherit}._iui3160-tile._iui3160-loading:is(:hover,:focus-within) :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture),._iui3160-tile[aria-disabled=true]:is(:hover,:focus-within) :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture){transform:none}._iui3160-tile._iui3160-loading{cursor:progress;font-style:italic}._iui3160-tile[aria-disabled=true]{cursor:not-allowed}._iui3160-tile._iui3160-actionable,._iui3160-tile:where(:has(._iui3160-link-action)){cursor:pointer;transition:box-shadow var(--iui-duration-1)ease-in-out,transform var(--iui-duration-1)50ms ease-in-out}._iui3160-tile._iui3160-actionable:has(._iui3160-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3160-tile:where(:has(._iui3160-link-action)):has(._iui3160-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3160-tile._iui3160-actionable:has(._iui3160-link-action:focus-visible)._iui3160-selected{outline-width:var(--iui-size-2xs)}._iui3160-tile:where(:has(._iui3160-link-action)):has(._iui3160-link-action:focus-visible)._iui3160-selected{outline-width:var(--iui-size-2xs)}@supports not selector(:has(+ *)){._iui3160-tile._iui3160-actionable:where(:focus-within),._iui3160-tile:where(:has(._iui3160-link-action)):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3160-tile._iui3160-actionable:where(:focus-within)._iui3160-selected,._iui3160-tile:where(:has(._iui3160-link-action)):where(:focus-within)._iui3160-selected{outline-width:var(--iui-size-2xs)}}._iui3160-tile._iui3160-actionable:hover,._iui3160-tile:where(:has(._iui3160-link-action)):hover{box-shadow:var(--iui-shadow-4);transform:translateY(-4px)}._iui3160-tile._iui3160-actionable:hover:before,._iui3160-tile:where(:has(._iui3160-link-action)):hover:before{transform:translateY(4px)}._iui3160-tile._iui3160-actionable:is(:hover,:focus-within) :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture),._iui3160-tile:where(:has(._iui3160-link-action)):is(:hover,:focus-within) :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture){transform:rotate(-4deg)}._iui3160-tile._iui3160-actionable:is(:hover,:focus-within,._iui3160-selected) :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture):is(div,img),._iui3160-tile:where(:has(._iui3160-link-action)):is(:hover,:focus-within,._iui3160-selected) :is(._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture):is(div,img){transform:translateZ(0)scale(1.1)}._iui3160-tile._iui3160-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)}._iui3160-tile._iui3160-selected:focus-visible{outline:var(--iui-size-2xs)solid var(--iui-color-border-accent);outline-offset:0}._iui3160-tile._iui3160-folder{grid-template:"thumbnail name""thumbnail content"1fr/1fr 2fr;display:grid}._iui3160-tile._iui3160-folder>:where(:first-child){border-start-start-radius:inherit;border-end-start-radius:inherit}._iui3160-tile._iui3160-folder>:where(:last-child){border-start-end-radius:inherit;border-end-end-radius:inherit}._iui3160-tile._iui3160-folder ._iui3160-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}._iui3160-tile._iui3160-folder ._iui3160-tile-name{grid-area:name;margin-block-start:calc(var(--iui-size-xs))}._iui3160-tile._iui3160-folder ._iui3160-tile-content{padding:var(--iui-size-s);grid-area:content;padding-block-start:0}._iui3160-tile._iui3160-folder ._iui3160-tile-content>*{padding:0}._iui3160-tile._iui3160-folder ._iui3160-tile-description{block-size:100%;max-block-size:3em;-webkit-line-clamp:2;max-block-size:2lh;margin-block-end:0}._iui3160-tile._iui3160-positive{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive);--_iui-tile-title-text-color:var(--iui-color-text-positive)}._iui3160-tile._iui3160-positive::selection,._iui3160-tile._iui3160-positive ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-tile._iui3160-positive ._iui3160-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-positive)}._iui3160-tile._iui3160-positive._iui3160-folder ._iui3160-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-positive)}._iui3160-tile._iui3160-warning{--_iui-tile-status-icon-fill:var(--iui-color-icon-warning);--_iui-tile-title-text-color:var(--iui-color-text-warning)}._iui3160-tile._iui3160-warning::selection,._iui3160-tile._iui3160-warning ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-tile._iui3160-warning ._iui3160-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-warning)}._iui3160-tile._iui3160-warning._iui3160-folder ._iui3160-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-warning)}._iui3160-tile._iui3160-negative{--_iui-tile-status-icon-fill:var(--iui-color-icon-negative);--_iui-tile-title-text-color:var(--iui-color-text-negative)}._iui3160-tile._iui3160-negative::selection,._iui3160-tile._iui3160-negative ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-tile._iui3160-negative ._iui3160-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-negative)}._iui3160-tile._iui3160-negative._iui3160-folder ._iui3160-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-negative)}._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action{z-index:2;margin-block-start:calc(var(--iui-size-s)*.5);margin-inline:var(--iui-size-xs);place-self:start}._iui3160-tile-thumbnail-type-indicator._iui3160-tile-thumbnail-quick-action,._iui3160-tile-thumbnail-quick-action._iui3160-tile-thumbnail-quick-action{justify-self:end}._iui3160-tile-thumbnail-button,:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button{border-radius:var(--iui-border-radius-round)}._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button{background-color:hsl(0 0% 0%/var(--iui-opacity-4));--_iui-field-color-icon:var(--iui-color-white);--_iui-field-color-icon-hover:var(--iui-color-white)}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button{background-color:hsl(0 0% 0%/var(--iui-opacity-5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button>._iui3160-button-icon,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button>._iui3160-button-icon{filter:drop-shadow(0 2px 1px rgba(0,0,0,var(--iui-opacity-5)))}._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button:hover,._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button[data-iui-active=true]:enabled,._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button[data-iui-active=true]:enabled:hover,._iui3160-tile-thumbnail-picture~._iui3160-tile-thumbnail-button[data-iui-active=true]:active,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button:hover,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button[data-iui-active=true]:enabled,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button[data-iui-active=true]:enabled:hover,._iui3160-tile-thumbnail-picture~:is(._iui3160-tile-thumbnail-type-indicator,._iui3160-tile-thumbnail-quick-action) button[data-iui-active=true]:active{background-color:rgba(0,0,0,var(--iui-opacity-4))}._iui3160-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}._iui3160-tile-buttons{z-index:2;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;display:flex;overflow:hidden}._iui3160-tile-buttons>._iui3160-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}._iui3160-tile-buttons>._iui3160-button,._iui3160-tile-buttons>._iui3160-button:hover{border-block-start:1px solid var(--iui-color-border);border-color:var(--iui-color-border)}._iui3160-tile-buttons>button:not(:last-child){border-inline-end:1px solid var(--iui-color-border)}._iui3160-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}._iui3160-tile-thumbnail>*{grid-area:1/1/-1/-1}._iui3160-tile-thumbnail ._iui3160-avatar{place-self:center}._iui3160-tile-thumbnail ._iui3160-thumbnail-icon{transition:transform var(--iui-duration-2)ease;place-self:center}._iui3160-tile-thumbnail ._iui3160-thumbnail-icon,._iui3160-tile-thumbnail ._iui3160-thumbnail-icon>svg{inline-size:var(--iui-size-2xl);block-size:var(--iui-size-2xl);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-tile-thumbnail ._iui3160-thumbnail-icon,._iui3160-tile-thumbnail ._iui3160-thumbnail-icon>svg{fill:canvastext}}@media (prefers-reduced-motion:no-preference){._iui3160-tile-thumbnail-picture{transition:transform var(--iui-duration-2)ease;will-change:transform}}._iui3160-tile-thumbnail-picture:is(div){background-position:50%;background-size:cover}._iui3160-tile-thumbnail-picture~._iui3160-thumbnail-icon,._iui3160-tile-thumbnail-picture~._iui3160-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)))}._iui3160-tile-thumbnail-picture~._iui3160-thumbnail-icon:hover,._iui3160-tile-thumbnail-picture~._iui3160-thumbnail-icon>svg:hover{fill:rgba(255,255,255,var(--iui-opacity-2))}._iui3160-tile-content{flex-grow:2;grid-template-rows:auto 1fr auto;min-inline-size:0;padding-block-end:var(--iui-size-s);display:grid}._iui3160-tile-content>*{padding-inline:var(--iui-size-s);grid-column:1;max-inline-size:100%;margin-block-end:calc(var(--iui-size-s)*.5)}._iui3160-tile-name{font-size:var(--iui-font-size-2);color:var(--_iui-tile-title-text-color);padding-inline:var(--iui-size-s);flex-shrink:0;align-items:center;display:flex}._iui3160-tile-name-label,._iui3160-tile-name-label>._iui3160-link-action{z-index:1;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;overflow:hidden}._iui3160-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}._iui3160-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}._iui3160-tile-metadata>svg,._iui3160-tile-metadata ._iui3160-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}._iui3160-tile-metadata>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-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}._iui3160-tile-status-icon,._iui3160-tile-status-icon>svg{fill:var(--_iui-tile-status-icon-fill)}._iui3160-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){._iui3160-tile-more-options{margin:0;inset-block-end:var(--iui-size-s);inset-inline-end:0}:where(._iui3160-tile._iui3160-folder) ._iui3160-tile-more-options{inset-inline-end:var(--iui-size-xs)}:where(._iui3160-tile:has(._iui3160-tile-buttons)) ._iui3160-tile-more-options{inset-block-end:3.25rem}}._iui3160-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}._iui3160-time-picker:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3160-time,._iui3160-period{padding-block:var(--iui-size-s);padding-inline:var(--iui-size-xs);scrollbar-width:none;overflow-y:auto}._iui3160-time:not(:first-child),._iui3160-period:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3160-time>ol,._iui3160-period>ol{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3160-time>ol>li,._iui3160-period>ol>li{padding-block:calc(var(--iui-size-s)*.5);padding-inline:var(--iui-size-m);border-radius:var(--iui-border-radius-1)}._iui3160-time>ol>li:focus-visible,._iui3160-period>ol>li:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-time>ol>li:hover,._iui3160-period>ol>li:hover{cursor:pointer;background-color:var(--iui-color-background-hover)}._iui3160-time>ol>li._iui3160-selected,._iui3160-period>ol>li._iui3160-selected{font-weight:var(--iui-font-weight-semibold);cursor:default;background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3160-time>ol>li._iui3160-selected:focus-visible,._iui3160-period>ol>li._iui3160-selected:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3160-period{align-items:center;display:flex}._iui3160-toast-wrapper{z-index:99999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;pointer-events:none!important}@media screen and (max-width:400px){._iui3160-toast-wrapper{inline-size:calc(100vw - 36px);margin-block-start:var(--iui-size-s)}}@media screen and (min-width:401px){._iui3160-toast-wrapper{margin-block:var(--iui-size-l);min-inline-size:400px;max-inline-size:640px}}@media (prefers-reduced-motion:no-preference){._iui3160-toast-wrapper ._iui3160-toast-all{transition:all .24s cubic-bezier(0,0,.2,1)}}._iui3160-toast-wrapper._iui3160-placement-top{margin-inline:auto;inset-block-start:0;inset-inline:0}._iui3160-toast-wrapper._iui3160-placement-top-start{align-items:flex-start;inset-block-start:0;inset-inline-start:0}._iui3160-toast-wrapper._iui3160-placement-top-end{align-items:flex-end;inset-block-start:0;inset-inline-end:0}._iui3160-toast-wrapper._iui3160-placement-bottom{margin-inline:auto;inset-block-end:0;inset-inline:0}._iui3160-toast-wrapper._iui3160-placement-bottom ._iui3160-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3160-toast-wrapper._iui3160-placement-bottom-start{align-items:flex-start;inset-block-end:0;inset-inline-start:0}._iui3160-toast-wrapper._iui3160-placement-bottom-start ._iui3160-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3160-toast-wrapper._iui3160-placement-bottom-end{align-items:flex-end;inset-block-end:0;inset-inline-end:0}._iui3160-toast-wrapper._iui3160-placement-bottom-end ._iui3160-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3160-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}._iui3160-toast>._iui3160-status-area{inline-size:calc(var(--iui-size-l)*2);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}._iui3160-toast>._iui3160-status-area>._iui3160-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3160-toast>._iui3160-status-area>._iui3160-icon,._iui3160-toast>._iui3160-status-area>._iui3160-icon>svg{fill:var(--iui-color-icon-muted)}._iui3160-toast>._iui3160-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}._iui3160-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)}._iui3160-toast-anchor:where(button){background:0 0;border:none;padding:0;font-family:inherit}._iui3160-toast>._iui3160-button{margin-inline-end:var(--iui-size-xs)}@media screen and (max-width:400px){._iui3160-toast{inline-size:calc(100vw - 36px)}}@media screen and (min-width:401px){._iui3160-toast{min-inline-size:400px;max-inline-size:640px}}._iui3160-toast._iui3160-informational{border-color:var(--iui-color-border-informational)}._iui3160-toast._iui3160-informational>._iui3160-message::selection,._iui3160-toast._iui3160-informational>._iui3160-message ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3160-toast._iui3160-informational>._iui3160-status-area{background-image:linear-gradient(to right,var(--iui-color-background-informational-muted),var(--iui-color-background))}._iui3160-toast._iui3160-informational>._iui3160-status-area>._iui3160-icon,._iui3160-toast._iui3160-informational>._iui3160-status-area>._iui3160-icon>svg{fill:var(--iui-color-icon-informational)}._iui3160-toast._iui3160-informational>button{outline-color:var(--iui-color-text-informational)}._iui3160-toast._iui3160-positive{border-color:var(--iui-color-border-positive)}._iui3160-toast._iui3160-positive>._iui3160-message::selection,._iui3160-toast._iui3160-positive>._iui3160-message ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3160-toast._iui3160-positive>._iui3160-status-area{background-image:linear-gradient(to right,var(--iui-color-background-positive-muted),var(--iui-color-background))}._iui3160-toast._iui3160-positive>._iui3160-status-area>._iui3160-icon,._iui3160-toast._iui3160-positive>._iui3160-status-area>._iui3160-icon>svg{fill:var(--iui-color-icon-positive)}._iui3160-toast._iui3160-positive>button{outline-color:var(--iui-color-text-positive)}._iui3160-toast._iui3160-warning{border-color:var(--iui-color-border-warning)}._iui3160-toast._iui3160-warning>._iui3160-message::selection,._iui3160-toast._iui3160-warning>._iui3160-message ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3160-toast._iui3160-warning>._iui3160-status-area{background-image:linear-gradient(to right,var(--iui-color-background-warning-muted),var(--iui-color-background))}._iui3160-toast._iui3160-warning>._iui3160-status-area>._iui3160-icon,._iui3160-toast._iui3160-warning>._iui3160-status-area>._iui3160-icon>svg{fill:var(--iui-color-icon-warning)}._iui3160-toast._iui3160-warning>button{outline-color:var(--iui-color-text-warning)}._iui3160-toast._iui3160-negative{border-color:var(--iui-color-border-negative)}._iui3160-toast._iui3160-negative>._iui3160-message::selection,._iui3160-toast._iui3160-negative>._iui3160-message ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3160-toast._iui3160-negative>._iui3160-status-area{background-image:linear-gradient(to right,var(--iui-color-background-negative-muted),var(--iui-color-background))}._iui3160-toast._iui3160-negative>._iui3160-status-area>._iui3160-icon,._iui3160-toast._iui3160-negative>._iui3160-status-area>._iui3160-icon>svg{fill:var(--iui-color-icon-negative)}._iui3160-toast._iui3160-negative>button{outline-color:var(--iui-color-text-negative)}._iui3160-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}._iui3160-toggle-switch-wrapper._iui3160-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}@media (forced-colors:active){._iui3160-toggle-switch-wrapper._iui3160-disabled{color:graytext}}._iui3160-toggle-switch-wrapper._iui3160-label-on-left{grid-template-areas:"label toggle"}._iui3160-toggle-switch-wrapper._iui3160-label-on-right{grid-template-areas:"toggle label"}._iui3160-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)}._iui3160-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}._iui3160-toggle-switch:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:1px}._iui3160-toggle-switch-label{grid-area:label}._iui3160-toggle-switch:after{content:"";block-size:var(--_iui-toggle-switch-handle-size);inline-size:var(--_iui-toggle-switch-handle-size);margin:var(--_iui-toggle-switch-handle-offset);aspect-ratio:1;border-radius:var(--iui-border-radius-round);transition:background-color var(--iui-duration-1)ease-out;z-index:2}@media (prefers-reduced-motion:no-preference){._iui3160-toggle-switch:after{transition:transform var(--iui-duration-1)ease-out,background-color var(--iui-duration-1)ease-out}}@media (forced-colors:active){._iui3160-toggle-switch{border-color:canvastext}}._iui3160-toggle-switch:after{background-color:var(--iui-color-icon)}@media (forced-colors:active){._iui3160-toggle-switch:after{background-color:canvastext}}._iui3160-toggle-switch:is(:hover,:focus-visible){border-color:var(--iui-color-border-foreground-hover)}@media (forced-colors:active){._iui3160-toggle-switch:is(:hover,:focus-visible){border-color:canvastext}}._iui3160-toggle-switch:is(:hover,:focus-visible):after{background-color:var(--iui-color-icon-hover)}._iui3160-toggle-switch:checked{background-color:var(--iui-color-background-accent);border-color:var(--iui-color-background-accent)}@media (forced-colors:active){._iui3160-toggle-switch:checked{background-color:highlight;border-color:highlight}}._iui3160-toggle-switch:checked:after{transform:translate(calc(var(--_iui-toggle-switch-handle-size) + var(--_iui-toggle-switch-handle-offset)));background-color:var(--iui-color-white)}@media (forced-colors:active){._iui3160-toggle-switch:checked:after{background-color:highlighttext}}._iui3160-toggle-switch:checked~._iui3160-toggle-switch-icon{opacity:var(--iui-opacity-1)}._iui3160-toggle-switch:disabled{cursor:not-allowed;background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){._iui3160-toggle-switch:disabled{border-color:graytext}}._iui3160-toggle-switch:disabled:after{background-color:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3160-toggle-switch:disabled:after{opacity:.75;background-color:graytext}}._iui3160-toggle-switch:disabled~._iui3160-toggle-switch-icon{opacity:0}._iui3160-toggle-switch:disabled~._iui3160-toggle-switch-icon svg{fill:var(--iui-color-icon)}@media (forced-colors:active){._iui3160-toggle-switch:disabled:checked{background-color:graytext}._iui3160-toggle-switch:disabled:checked:after{background-color:canvas}}._iui3160-toggle-switch:disabled:checked~._iui3160-toggle-switch-icon{opacity:var(--iui-opacity-5)}@media (forced-colors:active){._iui3160-toggle-switch:disabled:checked~._iui3160-toggle-switch-icon{opacity:.75}._iui3160-toggle-switch:disabled:checked~._iui3160-toggle-switch-icon svg{fill:canvas}}._iui3160-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}._iui3160-toggle-switch-icon,._iui3160-toggle-switch-icon svg{inline-size:var(--_iui-toggle-switch-handle-size);block-size:var(--_iui-toggle-switch-handle-size);display:flex}._iui3160-toggle-switch-icon svg{padding:calc(var(--_iui-toggle-switch-handle-size)*.125);fill:var(--iui-color-white)}@media (forced-colors:active){._iui3160-toggle-switch-icon svg{fill:highlighttext}}._iui3160-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))){._iui3160-tooltip{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3160-tooltip:where([hidden],[popover]:not(:popover-open)){display:none!important}._iui3160-transfer-list-wrapper{column-gap:var(--iui-size-xs);grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;display:grid}._iui3160-transfer-list-listbox-wrapper{gap:var(--iui-size-2xs);flex-direction:column;flex:1;display:flex}._iui3160-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}._iui3160-transfer-list-toolbar{gap:var(--iui-size-2xs);flex-direction:column;flex:1;justify-content:flex-end;display:flex}._iui3160-tree{vertical-align:baseline;--_iui-tree-node-padding-inline:var(--iui-size-xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*18);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:none;margin:0;padding:0;list-style:none;overflow:auto}._iui3160-tree[data-iui-size=small]{--_iui-tree-node-padding-inline:var(--iui-size-2xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*14)}._iui3160-sub-tree{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3160-tree-item:focus-visible{outline:none}._iui3160-tree-item:focus-visible>._iui3160-tree-node{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-tree-item:focus-visible>._iui3160-tree-node._iui3160-active{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}._iui3160-tree-node{cursor:pointer;padding-inline:var(--_iui-tree-node-padding-inline);border-radius:var(--iui-border-radius-1);align-items:center;display:flex}._iui3160-tree-node-checkbox{margin-inline-end:var(--_iui-tree-node-padding-inline)}._iui3160-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}._iui3160-tree-node-content-icon,._iui3160-tree-node-content-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3160-tree-node-content-icon,._iui3160-tree-node-content-icon svg{fill:canvastext}}:where(._iui3160-tree[data-iui-size=small]) ._iui3160-tree-node-content-icon,:where(._iui3160-tree[data-iui-size=small]) ._iui3160-tree-node-content-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3160-tree-node-content-icon:first-child{margin-inline-start:calc(calc(var(--iui-component-height-small) + 2px) + var(--_iui-tree-node-padding-inline))}@media (prefers-reduced-motion:no-preference){._iui3160-tree-node-content-expander-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3160-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}._iui3160-tree-node-content-label{flex:1;min-inline-size:0}._iui3160-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px + var(--_iui-tree-node-padding-inline))}._iui3160-tree-node-content-title,._iui3160-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3160-tree-node-content-title{font-size:var(--iui-font-size-1)}._iui3160-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}._iui3160-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}._iui3160-tree-node:hover ._iui3160-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}._iui3160-tree-node._iui3160-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3160-tree-node._iui3160-disabled{cursor:not-allowed;background-color:#0000;outline:none}._iui3160-tree-node._iui3160-disabled,._iui3160-tree-node._iui3160-disabled ._iui3160-tree-node-content-caption{color:var(--iui-color-text-disabled)}:where(._iui3160-button-base){font:inherit;touch-action:manipulation;cursor:pointer;background:0 0;border:none;padding:0}._iui3160-svg-icon{flex-shrink:0;display:inline-flex}._iui3160-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)))}._iui3160-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem}._iui3160-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem}._iui3160-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem}._iui3160-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em}._iui3160-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}._iui3160-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3160-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3160-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}@media (forced-colors:active){._iui3160-svg-icon:where(:not([data-iui-icon-color]),[data-iui-icon-color=default]){--_iui-svg-fill:CanvasText}}._iui3160-svg-icon[data-iui-padded=true]{padding-inline:var(--iui-size-xs)}._iui3160-svg-icon+._iui3160-svg-icon{padding-inline-start:0}._iui3160-notification-marker{--_iui-notification-marker-color:var(--iui-color-icon-informational);position:relative}._iui3160-notification-marker:before{content:"";inline-size:var(--iui-size-xs);block-size:var(--iui-size-xs);background-color:var(--_iui-notification-marker-color);border-radius:100%;position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%,-50%)}@media (prefers-reduced-motion:no-preference){._iui3160-notification-marker:before{transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out}}._iui3160-notification-marker>*{-webkit-mask:radial-gradient(ellipse calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))at 100% 0%,transparent 95%,#000 100%);mask:radial-gradient(ellipse calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))at 100% 0%,transparent 95%,#000 100%)}@media (prefers-reduced-motion:no-preference){._iui3160-notification-marker:where([data-iui-urgent=true]):before{animation:2s infinite _iui3160-pulse}@keyframes _iui3160-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}}}._iui3160-notification-marker[data-iui-variant=positive]{--_iui-notification-marker-color:var(--iui-color-icon-positive)}._iui3160-notification-marker[data-iui-variant=warning]{--_iui-notification-marker-color:var(--iui-color-icon-warning)}._iui3160-notification-marker[data-iui-variant=negative]{--_iui-notification-marker-color:var(--iui-color-icon-negative)}._iui3160-notification-marker[data-iui-variant=white]{--_iui-notification-marker-color:var(--iui-color-white)}._iui3160-divider{background-color:var(--iui-color-border-subtle);flex:none;align-self:stretch}@media (forced-colors:active){._iui3160-divider{background-color:canvastext}}._iui3160-divider:is(hr){border:none;margin:0}._iui3160-divider:not([aria-orientation=vertical]){block-size:1px}._iui3160-divider[aria-orientation=vertical]{min-block-size:100%;inline-size:1px}._iui3160-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)}._iui3160-flex-spacer{--iui-flex-spacer-flex:999;flex:var(--iui-flex-spacer-flex)}._iui3160-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)))}._iui3160-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(._iui3160-link-box){position:relative}:where(._iui3160-link-box):has(._iui3160-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}@supports not selector(:has(+ *)){:where(._iui3160-link-box):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}}:where(._iui3160-link-action){all:unset;color:inherit;cursor:pointer}:where(._iui3160-link-action):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}._iui3160-workflow-diagram{vertical-align:baseline;border:none;justify-content:space-around;align-items:center;inline-size:100%;margin:0;padding:0;display:flex}._iui3160-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}._iui3160-workflow-diagram-step:first-of-type,._iui3160-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)}._iui3160-workflow-diagram-step:before,._iui3160-workflow-diagram-step:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3160-workflow-diagram-step:before{background-color:var(--_iui-workflow-diagram-track-before-color)}._iui3160-workflow-diagram-step:after{background-color:var(--_iui-workflow-diagram-track-after-color)}._iui3160-workflow-diagram-step:first-of-type{--_iui-workflow-diagram-track-before-color:transparent}._iui3160-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-track-after-color:transparent}._iui3160-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{._iui3160-root *{--_iui-width: initial;inline-size:var(--_iui-width, revert-layer)}}:where(:root){--_iui-v3160: yes}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-400-normal-XY9qUppk.woff2) format("woff2"),url(./noto-sans-cyrillic-400-normal--jh3sVvp.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-devanagari-400-normal-BV8n3Zrw.woff2) format("woff2"),url(./noto-sans-devanagari-400-normal-Da_uNpmI.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-normal-D73iK5X1.woff2) format("woff2"),url(./noto-sans-greek-ext-400-normal-DWouWyWY.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-400-normal-CPTbu1sO.woff2) format("woff2"),url(./noto-sans-greek-400-normal-BroOW-sQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-normal-l431O8bE.woff2) format("woff2"),url(./noto-sans-vietnamese-400-normal-DziUSn_1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2) format("woff2"),url(./noto-sans-latin-ext-400-normal-vP3vnBxr.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-normal-CF_EggQ_.woff2) format("woff2"),url(./noto-sans-latin-400-normal-DMz6UGTQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2) format("woff2"),url(./noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2) format("woff2"),url(./noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2) format("woff2"),url(./noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2) format("woff2"),url(./noto-sans-mono-greek-400-normal-Dj2MoONQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA7IABAAAAAAJwgAAA5mAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmIbh0QcgXQGYD9TVEFURACBQBEICqhopA4LghoAATYCJAOEIAQgBYRuB4laDAcbfCKzETZsHBBgyi4RlZuvBP/H48YQwQ3Qqv0sGZEplHSs0Qo2dzIcRxgSPKksjHw8WzBdKMc0WVpwrzTl4ARflyaNdzxmkxCh27Whow1xPpNEUiXVfaHOk5QqNbf5t0r9XRqi7RdU5j/Z/dc5t6rrtfTh+up5A/VYK779a0bSUNHCioxoopWiiRYcnk79d22GsHAKKC50ga9OUhD7qIQJqAab4Gs/dN+F0SWKJDqgEqCusJkqQLadChtZYGE6nv/B/8d9ev65DzAbcCYajsIqvAtnIpi0gCu1ILVOH4i21W4kHO9wuDPaohxbPXOxJrWB1/DCk4tMKnJpcuBKk+m1adKkoJOt/wGigRswr1tqSxXwc4AGrtk6qGi02XXTIvL/V+n3WEQPktrCJ7zHid+JEpnjO2qA/0a0RG7bgSEkwVBcMflFRBlbKNSC7vw092rz/l0+pwQOUE+4DNmJNL3/0tv1yqQGQGkGyRDd1OTsHJECtIAK0AgGNSVm9IxU4+HhUquX5GEEOidgTQuSsX429gqWYbU5lcbiiVpwKTy5N7NvsJ1elkxnR2RKEWEJm1oonz2/2scaJOYDACAHAKQAnYAU0InEdjuQsdYGG22y2RbCaNOLBt0AstZaynrr0QZbqOz7oxDgqx0GNW+B6oK491l7EA+uRQfisWQfQaQB+P8vASSvpRPqx7vPS4AAEHScHVCedKm1jBT5F36UTIDMFSYnVKxuFi3FCPJakR+kgHfZUCOYtTbHPXeMNYGJTU3oF1J3EuF/kmoSJId4E+Pozl0DyMX0eCSSS9fDOS+10hHAQbASFsNcd62nTIoqrK+iGyhFaUPMXRQZKP4JxW+wH37l3+fwSTG3Ab5079PwBXwE7/DXvPyI4DqojhavYlsrW6/B59tj5TbS4raLtb7lidvC8g51Vjh/kHhSi4dlJVBltdJi7z13GEszKca8fmJMim9FzI66UKFU0iJvpG5yiS9NTDwWUdGFoJhCUrD4iJUOtyAshD2RxvokoouBb0U0kfh4FtkAhJpNArF2Kvm5eu/UjJOBIc6LDyHp9LpTwJ4BHHvb1dbPMoklsarkrLM1plaZIkQzlEuasthKXE6JTcsNVSWuoPzENYaGf30oeZmiaBAQFQpm2bt3mGEjbiMEsWt2iFMEk1PaGZxdQEdt2iyzLMHeRb6vmXN/sURHQaWNtuCAnAwJgIP1W+YOTrEckBrH044W0RYc2tSThTUrDQGHsU8X2/8mei4qAW9+y0hnfAAsjcglgJIARsiJg/VOELhi314TAkr9c5BIcFYPXMxe9gJ5C8CSk0oKdaL2uKhq3ToDiNhQzBzv+XGPmxNSWnlqOMfP93of9b4bzDf4TyFMbXpe3O2mBOogXHJH5ge9T38IQ/7soaj1//2fbUV5kb8r/pfDv9WOjuqwj0pfEBhMqnmDtT0m5L8AsPNKwU6AaSAvgDoFzC9AHeuY6WbixjAje6pG5QNqg1iGi+l/KbOw82ATtK+2tBIdhkW1b1H/1TX8MK+OiQt1qAO/99afKsPuvSl9Fa1r1u27Tg8n0mfUOeGOrmZnEObLbhy6s/vSwO3lpuBgbOA1rXAgPhUW2ugEES8AFYiouqVDUXPp8rK3fjHBVLJQWd9hjjeXLmHqtkpTScp0dprla9JLuRe89deWDcch/fJbAumJWImkPHjwcJT2qLl85EgMgXUlaxvHlWmmtfaVXwTIYTb4M+dPr4tA695a+AQlF7ZY/U4TOBcPpV4WcMHuhZA7ly6WeFcBAbRRBRGf1iO8bi/1fcHjHpTsbtu+FIOwxVh8l0RpCzfneG37zvY4vyN43PfUwMZwrPSWRd3g6vhdPVuxoU8vLCy3z1Gfr+T2rdOfCuFF9B87lgj0XL6c9kvsesmqWwBPybIppvT2Fj1zQKvmQt+tNEtzz/733MVr2dUbLfnWvvlTXz5yJQPM1FWrhy9b+Ee3Lxkl+Kwc8Jx+cGsh5bV3n9q/6amXjIMRquZ7rlIwhhhfbN9M5115aToPHaI+1L1RrXcQJZs/o92lNQ2uX4VdnTkXUhC+ax/1nf7DRBkXp9/6/Uv2z+zGvJX7grDCq92tU872n02oybFkoPr0/ODn8907/+LY3Arnufb5N/7CDd3DH2odDiLOTiC829QjqL95CEh3b8Yhx07uH/dWrbSeGlihZ04luUXqVPmlkyYzQ6Xmg+XsFqVb6e+vW+22K5LkKXZlwXolshp2t9SVA+uXyGT6JWwYWKLXnOVpk4+cl71L6wy8SJl3RK1FPin7hDcxPw4GkPrtbTFTidOJkfwPV8cLw3fVNZ4x8wdWy9/iwGe3cZpQzKAKUs2EULaoc9gkN2uhmrGej1+otltcqiwygYPm6pCVHzQ4tnwDW29nhwi598uJdoZ2PQBBB13j4V0slXj8k+UtYMW6UTLFlpWQOs03wIhmE6gxjlwLydgCPX3vcesZPwQDA3E9SLjfGHLoua0E5llht1jfUEQkigz1xcAGPSw19GaaJLLD3IvSXFmsDFfP4giWSYInLDEkc0g+joahHp6GMtiBJBKkRngYhcKOAIXeeUJ4eJws2JPk5UX7Qwx2V5VpcnBsx1blLqj+pBpwlfmMfEi//PmR5AH3dMb+Z1zUPLhN/m7/WzmPHnovbNhGxLIGQ2nqv/T0v6uro7v0cH+tF1h3EtuSDT7PHxi3TyZjtmjOZjEAQ2Qiukb/YENEvVjQl1MoGm0/MmmtcG1hc/2plMJ4BodrB5TQA4ghHdZLZEucCuPcBablZS8aXz8R/1n6Bw/N1k8nJjoWseGoAFWGlmyH8wJBXHI0K9pYx1vmDcoSjR/uPJH89idRRtjx4by5uWNaXFmEsUV8LUba6+JCv65+QdWag4H1XfytLwizJbzy1VSLpABFjYZUJymVaa+GmCkqaf6TOuCP+JnpS8LJStl7YL1d9ecrmzT6dY58ixtVvm613Y3vJPgzIkGA4Rj5gUanWAd/O4tUNlaMelnbm62Yr6R8Nx0cmPtPIBOAjb6R4KD3aSxLDxrQ0J/b3YRAMTOXQspR8hGTbIGsE9ahd9UEQLxkP78iadj/SRrZ25I+50tXEm1oEZ09kPvf9QHRbWvDpllGmyPwZI3TB0toKERxs9egpa8MqT3kfsxgbfbMaP38ntW3g004MHoLI1kO68yAZTKs5LhysUTptzoLXB/XX+r5CMQOYgexg9hB7CCIhZnphIFJmfNQI5QMTfDQU7g2nHi2cG04gBTLsLNmFTbHT0xyoaBhbFQiw8qIifcDjDW9g+F1AttzYPSWSbE0C2GKZZrCJMIjfV5z1tV1xMZrpkJGYySlt+HxxiYDS+tiE6f5oTFFoj43rAyWQpyCBQuIU0AYEjjSmxgw2FOGSYnAiOEcfVEHfFKpIw7gAPs0grvXFuuDZc0ilql315Z4sAl9oroG7la3auXgRNTKAUStHOuNbGH0FhB9pfdommnDv516T58yD1ZXU4BcV0rk56IlK67Z2X5xmOSiuJ9siwWZ+0oHtJGn5OOEWcDfvbWjcPv3cH2LFcMowunC6i/DVQMAkjXSAcOLtEIA6ui+KiM252vu4vTGkRxhC+vcA4WWm/D9hzuGRiuesBdkCm/4Y6oefVobFK26+sagF7RK0ILafNXRspletfoH/h2h27Qy07C6vJRVu5oMIsiS94Frhjq2ICCUb+WLFqKHqB6t69Ak6atWKPeUaV0tN3keA31qYNjB5gU9W+JrWpDOtvaH2mRoE+VLKKV8iYa04r5JOrVC2mujdbQIPmZTxu6LJfpUC5m2hrwLPOADL/EQVrayBr9trbNzRqsmS/gREz7HmVheYK62wgPgAU3wAGPzfLNzK+Ec06oLBTrq9HGfC3Sw6cz6oP81HJZ/elnDCAiezO3e7RST6XBLw8PdGStI+qwEASh/XZT0MaJcf4c1PwB4Kzn/GIAvty4jgsa6rgsCAkMAAOHHblWyyaUI9gBymHljkggHnFYMqhAB6WALLDCWByxwBQSoku+FCuhxfykFLAn8Mj1XZUE5tMJrWVhH2sYV1IDl/lINEQPEFftDsI+/FWD1Vz6O2YkpAPh/fw/ibxDg/2D/WpaVYsWrncDjO9W0MahzBC1l7wW2G8dKPQAvht1llnojnxVx6FllsXdmtUlunXV0WztrNI3NxGYbWkUi1D4r8IWR8FngMBmypYmSKliSWLkS30UckUArNy5sizPlYJha0IMY2ZISkXsJu3iUJJVduUjwjQ7HIigfuSH890j3TgplSB/YOkockZcbUVsEmZHtyyZ9ZKA2xTTTzSzUM7j0DC7bGJzN/msWWENMjM2llfPm1euf9pEhU5HsIZUaj2nxoGYdk0jizhRKj5CtR8nixOSky+TRShxZqfzDzSHHuXuSm+aJ/nz8TBnS2LukcCu+ndL4W/ZNR66k6WwlzRYXRYrVObPNSJWtSWJYEtjR/wPV8E/eCUxUUEY0TVKba6EVYBwCfiRCNQUKu/wSq2jYIOnSo88A+3zx1afAMWLMhKmZuYWlbbbbYadddttjr332O6B10CGHHXHU6pYUzQDIIo7HgijJiqrphmnZjuv5KDQGi8MTiCQyhUqjM5gsNofL4wuEIrGXt4+vn79EKpMrlCq1RqurZccMRpPZYrXZHUNf2ayFme7pzw6/abDroPaHxuWSSx5l+7AdnRzSm6+mZrsh5+WO+9H/MjiRfQ7ZjbM9bOzTkvUyxzHnceeguoAGgsAQKAyOQBJJZAo1p+UfAASBIVAYHIEkksgUak7LfwAIAkOgMDgCSSSRKdSc1tEGAAAAIEmSJEmS5HJXAAKFwREvkTbJ5tZfZ7v8nZPz/0ZiPzRPtU6/a1Kk9AcrpZwBAAOEeyIq147dSZ9PRmlmylTdHUTnlH2gNHlOv7ly5uNBiHxV5WbbAQAAAA==) format("woff2"),url(./noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2) format("woff2"),url(./noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2) format("woff2"),url(./noto-sans-mono-latin-400-normal-D5LfrJfJ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-400-italic-V6PUkjg4.woff2) format("woff2"),url(./noto-sans-cyrillic-400-italic-BY-huaZy.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-devanagari-400-italic-Lk_flmKd.woff2) format("woff2"),url(./noto-sans-devanagari-400-italic-KeY3OvDe.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-italic-9zOpfpOs.woff2) format("woff2"),url(./noto-sans-greek-ext-400-italic-D2WbBWVW.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-greek-400-italic-DHwB0AdM.woff2) format("woff2"),url(./noto-sans-greek-400-italic-BXJxTOvj.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-italic-CDqW7NCu.woff2) format("woff2"),url(./noto-sans-vietnamese-400-italic-DJmGvf9Z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-latin-ext-400-italic-UXQeYjoB.woff2) format("woff2"),url(./noto-sans-latin-ext-400-italic-BOMiliBU.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-italic-NApRWGLz.woff2) format("woff2"),url(./noto-sans-latin-400-italic-BT87CHj2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-cyrillic-600-normal-CeOYaFct.woff2) format("woff2"),url(./noto-sans-cyrillic-600-normal-BNt5LZ4o.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-devanagari-600-normal-Cpj6AYZt.woff2) format("woff2"),url(./noto-sans-devanagari-600-normal-CThdI4Pq.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-greek-ext-600-normal-aAZHWXou.woff2) format("woff2"),url(./noto-sans-greek-ext-600-normal-6z6L_Ls-.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-greek-600-normal-DFYp5DZ7.woff2) format("woff2"),url(./noto-sans-greek-600-normal-BG_E7BwQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-vietnamese-600-normal-IoVlQxRs.woff2) format("woff2"),url(./noto-sans-vietnamese-600-normal-BglhudU-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-latin-ext-600-normal-DKxhPDUN.woff2) format("woff2"),url(./noto-sans-latin-ext-600-normal-DnEL7_BT.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-latin-600-normal-Dwv8M6YL.woff2) format("woff2"),url(./noto-sans-latin-600-normal-_fLBzkdm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2) format("woff2"),url(./noto-sans-cyrillic-300-normal-BYgsrhU-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-devanagari-300-normal-WFEeL3On.woff2) format("woff2"),url(./noto-sans-devanagari-300-normal-BaWX0JzM.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-greek-ext-300-normal-UvyWJuNP.woff2) format("woff2"),url(./noto-sans-greek-ext-300-normal-BWqMMWJi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-greek-300-normal-A6rreO0I.woff2) format("woff2"),url(./noto-sans-greek-300-normal-CwHD5Qyw.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-vietnamese-300-normal-1wTC_8CS.woff2) format("woff2"),url(./noto-sans-vietnamese-300-normal-CVricyyO.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-latin-ext-300-normal-CtU4TSpU.woff2) format("woff2"),url(./noto-sans-latin-ext-300-normal-CrbuCorf.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-latin-300-normal-CpwMVblg.woff2) format("woff2"),url(./noto-sans-latin-300-normal-CC6arpue.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-cyrillic-800-normal-D31NpEJW.woff2) format("woff2"),url(./noto-sans-cyrillic-800-normal-1db8kz6K.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-devanagari-800-normal-22WkZdaY.woff2) format("woff2"),url(./noto-sans-devanagari-800-normal-BllHDumE.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-greek-ext-800-normal-hc62tMAb.woff2) format("woff2"),url(./noto-sans-greek-ext-800-normal-C8SARZFJ.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-greek-800-normal-8nz4eQsi.woff2) format("woff2"),url(./noto-sans-greek-800-normal-Cf7pEXmB.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-vietnamese-800-normal-_bOV57RI.woff2) format("woff2"),url(./noto-sans-vietnamese-800-normal-BEidzocq.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-latin-ext-800-normal-CNTVX52Z.woff2) format("woff2"),url(./noto-sans-latin-ext-800-normal-CKTGHE34.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-latin-800-normal-DQrEOsut.woff2) format("woff2"),url(./noto-sans-latin-800-normal-BcBQLCDP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ladle-addons{background-color:var(--iui-color-background-backdrop);padding-block:4px}#ladle-root{padding:1rem}a.ladle-markdown{color:var(--iui-color-text-accent)}main{position:relative;transform:translateZ(0)} diff --git a/2298/react/assets/index-DhFzuRA5.js b/2298/react/assets/index-DhFzuRA5.js new file mode 100644 index 00000000000..259c1512ffe --- /dev/null +++ b/2298/react/assets/index-DhFzuRA5.js @@ -0,0 +1,144 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Alert.stories-CjUc9eIJ.js","./Placeholder-L-MfORW8.js","./SmileyHappy-Bh8jPs--.js","./Icon-Cr7ytm57.js","./Anchor-Bcb8Skmt.js","./Text-sFYhh81u.js","./Anchor.stories-BTl0DW_4.js","./Avatar.stories-Ccsp1euX.js","./Avatar-CPLkr2HC.js","./colors-ymlpSE_k.js","./AvatarGroup.stories-DNNczLFF.js","./Badge.stories-tm3yWRLm.js","./Badge-C3tvc-la.js","./Breadcrumbs.stories-DwdQAYBr.js","./ChevronRightDouble-gO7OL3OC.js","./Folder-DEKFwcsl.js","./More-uIWNYWHh.js","./Button-_m-IOzlX.js","./ProgressRadial-JDu8zAlM.js","./SvgChevronRight-CM7-XKoS.js","./DropdownMenu-DRhN05WH.js","./MenuItem-DISbthDF.js","./focusable-DxELdZu-.js","./ListItem-DF-kT9pB.js","./LinkAction-DYlAaokJ.js","./DropdownButton-Biy43FFJ.js","./SvgCaretUpSmall-DdY4evrf.js","./SvgCaretDownSmall-BS15oRF-.js","./Input-DfkpvfT2.js","./Button.stories-C1OXxdt0.js","./Add-BXQQMnQ6.js","./NotificationMarker-kkw2IUZo.js","./ButtonGroup.stories-DsMp9Eqd.js","./Edit-DuVLyzt6.js","./Carousel.stories-CHOE2Gpi.js","./useIntersection-0zo0v0Iz.js","./SvgChevronLeft-CoStY9_N.js","./Code-CP16kF9F.js","./Checkbox.stories-DiVwJZp7.js","./Checkbox-Bd2WmO3O.js","./Code.stories-DahBaHnQ.js","./ColorPicker.stories-CSpWhlG7.js","./Slider-DgOrDaKN.js","./useEventListener-hNgF1eUm.js","./ComboBox.stories-DNY-tQIN.js","./Camera-DKPpwBTi.js","./InputGrid-B9GMezED.js","./Label-Jsz1vg8n.js","./Textarea-jz-XhrTC.js","./InputWithDecorations-Ch-F2i1g.js","./InputFlexContainer-BcUva1DC.js","./MenuExtraContent-D2pvBVSo.js","./Select-CKIZamIt.js","./Tag-BaQiyr47.js","./List-pOpvCrBi.js","./SvgCheckmark-Dp--w9xe.js","./useContainerWidth-BcbCx7FW.js","./useVirtualScroll-DITpZLhm.js","./Flex-DbQmRNYC.js","./Divider-Q7Hrbi3T.js","./DatePicker.stories-BDYZAZRR.js","./Calendar-ZgETcpCB.js","./DatePicker-CVIKTWMf.js","./TimePicker-BY3Ef6KR.js","./Dialog.stories-yVYH5eha.js","./Dialog-CpduzwYa.js","./DropdownButton.stories-BAz1KarP.js","./DropdownMenu.stories-B7NWqxOx.js","./MenuDivider-Dn6_qof5.js","./ExpandableBlock.stories-Ban-Cx-v.js","./Fieldset.stories-BjKtBT80.js","./FieldsetBase-NUuNCSln.js","./LabeledSelect-D6_BmKgX.js","./InputGroup-DRXjU33i.js","./Radio-CsyOu0qp.js","./ToggleSwitch-D9_iq6aA.js","./FileUpload.stories-DC-IKAH0.js","./LabeledInput-HkpWfIYR.js","./Flex.stories-OV_0V2il.js","./Footer.stories-RRqzOotO.js","./Header.stories-BO-T-O0R.js","./Network-DkB-39o7.js","./Notification-BTbL0dfn.js","./Icon.stories-B2tRC75E.js","./StatusWarning-DjosBsXr.js","./IconButton.stories-B-CVYRd9.js","./IdeasButton.stories-B2C8WqGV.js","./InformationPanel.stories-CAct97-j.js","./Table-BA0h3NG6.js","./Input.stories-oIw1iUze.js","./InputGrid.stories-DnGVXSAW.js","./Airplane-CLQJgxVR.js","./SearchBox-C4s3Lgkk.js","./InputGroup.stories-CmuXPCdt.js","./InputWithDecoration.stories-Cba5CdrC.js","./Kbd.stories-C_AbDN5V.js","./Kbd-BnWEKyn3.js","./Label.stories-DnhIuJ3Q.js","./LabeledInput.stories-CEItRvqx.js","./LabeledSelect.stories-DDyvuWtK.js","./LabeledTextarea.stories-Bv2YfJWA.js","./List.stories-DWwPhzfu.js","./Modal.stories-DEgrG0f3.js","./NonIdealState.stories-C876Qmhl.js","./NotificationMarker.stories-dnV222f5.js","./Overlay.stories-B2l17VJh.js","./ProgressLinear-DS9Rb3eu.js","./Panels.stories-CN6Yd-2s.js","./Surface-DPL1cVnI.js","./supports-D6yRdPD6.js","./ProgressLinear.stories-DN8_GU0m.js","./ProgressRadial.stories-BhW9elAu.js","./Radio.stories-Cyni4tet.js","./RadioTileGroup.stories-BJljyg9M.js","./SearchBox.stories-CiNv4XCN.js","./Select.stories-Ckr8D9uH.js","./SmileySad-Dk410tJH.js","./SideNavigation.stories-CEREQGh9.js","./Settings-CEHiwWfi.js","./SkipToContentLink.stories-ChixXTcL.js","./Slider.stories-DcBJju2U.js","./SplitButton.stories-C3nz4v9q.js","./Surface.stories-CsDH8JFm.js","./Table.stories-DgKDY5Jj.js","./Tabs.stories-ry7s6Pkn.js","./Star-Bf5zKyvt.js","./Tag.stories-D4rNsqOy.js","./TagContainer.stories-CXFQ8YqL.js","./TagContainer-CbYKOKAx.js","./Text.stories-DmDyR9gp.js","./Textarea.stories-BuPcLmw1.js","./Tile.stories-UcEcaT_C.js","./TimePicker.stories-JWfspO9o.js","./Toasts.stories-C9-lxPZ2.js","./ToggleSwitch.stories-9ndZb3zN.js","./Tooltip.stories-DhJckw5h.js","./TransferList.stories-mO1rB2pR.js","./Tree.stories-BMRnYtvo.js"])))=>i.map(i=>d[i]); +var aB=Object.defineProperty;var iB=(e,t,n)=>t in e?aB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Ht=(e,t,n)=>iB(e,typeof t!="symbol"?t+"":t,n);function lB(e,t){for(var n=0;nr[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 fo=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Xr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Rl={exports:{}},Oi,qu;function sB(){if(qu)return Oi;qu=1;var e=1e3,t=e*60,n=t*60,r=n*24,o=r*7,a=r*365.25;Oi=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?c(d):l(d);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(d))};function i(d){if(d=String(d),!(d.length>100)){var A=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(d);if(A){var C=parseFloat(A[1]),f=(A[2]||"ms").toLowerCase();switch(f){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 c(d){var A=Math.abs(d);return A>=r?u(d,A,r,"day"):A>=n?u(d,A,n,"hour"):A>=t?u(d,A,t,"minute"):A>=e?u(d,A,e,"second"):d+" ms"}function u(d,A,C,f){var D=A>=C*1.5;return Math.round(d/C)+" "+f+(D?"s":"")}return Oi}function cB(e){n.debug=n,n.default=n,n.coerce=c,n.disable=a,n.enable=o,n.enabled=i,n.humanize=sB(),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{if(k==="%%")return"%";S++;const x=n.formatters[R];if(typeof x=="function"){const M=b[S];k=x.call(B,M),b.splice(S,1),S--}return k}),n.formatArgs.call(B,b),(B.log||n.log).apply(B,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:(f!==n.namespaces&&(f=n.namespaces,D=n.enabled(d)),D),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,]+/),f=C.length;for(A=0;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{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(){if(typeof window<"u"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs))return!0;if(typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;let u;return typeof document<"u"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window<"u"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator<"u"&&navigator.userAgent&&(u=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(u[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,f=>{f!=="%%"&&(A++,f==="%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=uB(t);const{formatters:c}=e.exports;c.j=function(u){try{return JSON.stringify(u)}catch(d){return"[UnexpectedJSONParseError]: "+d.message}}})(Rl,Rl.exports);var AB=Rl.exports;const dB=Xr(AB),ae=dB("ladle"),wd="%[a-f0-9]{2}",Yu=new RegExp("("+wd+")|([^%]+?)","gi"),Ku=new RegExp("("+wd+")+","gi");function Ll(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([],Ll(n),Ll(r))}function pB(e){try{return decodeURIComponent(e)}catch{let t=e.match(Yu)||[];for(let n=1;ne==null,BB=e=>encodeURIComponent(e).replaceAll(/[!'()*]/g,t=>`%${t.charCodeAt(0).toString(16).toUpperCase()}`),Pl=Symbol("encodeFragmentIdentifier");function EB(e){switch(e.arrayFormat){case"index":return t=>(n,r)=>{const o=n.length;return r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[$0(t,e),"[",o,"]"].join("")]:[...n,[$0(t,e),"[",$0(o,e),"]=",$0(r,e)].join("")]};case"bracket":return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[$0(t,e),"[]"].join("")]:[...n,[$0(t,e),"[]=",$0(r,e)].join("")];case"colon-list-separator":return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[$0(t,e),":list="].join("")]:[...n,[$0(t,e),":list=",$0(r,e)].join("")];case"comma":case"separator":case"bracket-separator":{const t=e.arrayFormat==="bracket-separator"?"[]=":"=";return n=>(r,o)=>o===void 0||e.skipNull&&o===null||e.skipEmptyString&&o===""?r:(o=o===null?"":o,r.length===0?[[$0(n,e),t,$0(o,e)].join("")]:[[r,$0(o,e)].join(e.arrayFormatSeparator)])}default:return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,$0(t,e)]:[...n,[$0(t,e),"=",$0(r,e)].join("")]}}function gB(e){let t;switch(e.arrayFormat){case"index":return(n,r,o)=>{if(t=/\[(\d*)]$/.exec(n),n=n.replace(/\[\d*]$/,""),!t){o[n]=r;return}o[n]===void 0&&(o[n]={}),o[n][t[1]]=r};case"bracket":return(n,r,o)=>{if(t=/(\[])$/.exec(n),n=n.replace(/\[]$/,""),!t){o[n]=r;return}if(o[n]===void 0){o[n]=[r];return}o[n]=[...o[n],r]};case"colon-list-separator":return(n,r,o)=>{if(t=/(:list)$/.exec(n),n=n.replace(/:list$/,""),!t){o[n]=r;return}if(o[n]===void 0){o[n]=[r];return}o[n]=[...o[n],r]};case"comma":case"separator":return(n,r,o)=>{const a=typeof r=="string"&&r.includes(e.arrayFormatSeparator),i=typeof r=="string"&&!a&&Be(r,e).includes(e.arrayFormatSeparator);r=i?Be(r,e):r;const l=a||i?r.split(e.arrayFormatSeparator).map(c=>Be(c,e)):r===null?r:Be(r,e);o[n]=l};case"bracket-separator":return(n,r,o)=>{const a=/(\[])$/.test(n);if(n=n.replace(/\[]$/,""),!a){o[n]=r&&Be(r,e);return}const i=r===null?[]:r.split(e.arrayFormatSeparator).map(l=>Be(l,e));if(o[n]===void 0){o[n]=i;return}o[n]=[...o[n],...i]};default:return(n,r,o)=>{if(o[n]===void 0){o[n]=r;return}o[n]=[...[o[n]].flat(),r]}}}function _d(e){if(typeof e!="string"||e.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function $0(e,t){return t.encode?t.strict?BB(e):encodeURIComponent(e):e}function Be(e,t){return t.decode?CB(e):e}function Id(e){return Array.isArray(e)?e.sort():typeof e=="object"?Id(Object.keys(e)).sort((t,n)=>Number(t)-Number(n)).map(t=>e[t]):e}function kd(e){const t=e.indexOf("#");return t!==-1&&(e=e.slice(0,t)),e}function hB(e){let t="";const n=e.indexOf("#");return n!==-1&&(t=e.slice(n)),t}function Ju(e,t,n){return n==="string"&&typeof e=="string"?e:typeof n=="function"&&typeof e=="string"?n(e):t.parseBooleans&&e!==null&&(e.toLowerCase()==="true"||e.toLowerCase()==="false")?e.toLowerCase()==="true":n==="number"&&!Number.isNaN(Number(e))&&typeof e=="string"&&e.trim()!==""||t.parseNumbers&&!Number.isNaN(Number(e))&&typeof e=="string"&&e.trim()!==""?Number(e):e}function cc(e){e=kd(e);const t=e.indexOf("?");return t===-1?"":e.slice(t+1)}function uc(e,t){t={decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1,types:Object.create(null),...t},_d(t.arrayFormatSeparator);const n=gB(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.replaceAll("+"," "):o;let[i,l]=Td(a,"=");i===void 0&&(i=a),l=l===void 0?null:["comma","separator","bracket-separator"].includes(t.arrayFormat)?l:Be(l,t),n(Be(i,t),l,r)}for(const[o,a]of Object.entries(r))if(typeof a=="object"&&a!==null&&t.types[o]!=="string")for(const[i,l]of Object.entries(a)){const c=t.types[o]?t.types[o].replace("[]",""):void 0;a[i]=Ju(l,t,c)}else typeof a=="object"&&a!==null&&t.types[o]==="string"?r[o]=Object.values(a).join(t.arrayFormatSeparator):r[o]=Ju(a,t,t.types[o]);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 o[a]=i&&typeof i=="object"&&!Array.isArray(i)?Id(i):i,o},Object.create(null))}function Rd(e,t){if(!e)return"";t={encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:",",...t},_d(t.arrayFormatSeparator);const n=i=>t.skipNull&&mB(e[i])||t.skipEmptyString&&e[i]==="",r=EB(t),o={};for(const[i,l]of Object.entries(e))n(i)||(o[i]=l);const a=Object.keys(o);return t.sort!==!1&&a.sort(t.sort),a.map(i=>{const l=e[i];return l===void 0?"":l===null?$0(i,t):Array.isArray(l)?l.length===0&&t.arrayFormat==="bracket-separator"?$0(i,t)+"[]":l.reduce(r(i),[]).join("&"):$0(i,t)+"="+$0(l,t)}).filter(i=>i.length>0).join("&")}function Ld(e,t){var o;t={decode:!0,...t};let[n,r]=Td(e,"#");return n===void 0&&(n=e),{url:((o=n==null?void 0:n.split("?"))==null?void 0:o[0])??"",query:uc(cc(e),t),...t&&t.parseFragmentIdentifier&&r?{fragmentIdentifier:Be(r,t)}:{}}}function Pd(e,t){t={encode:!0,strict:!0,[Pl]:!0,...t};const n=kd(e.url).split("?")[0]||"",r=cc(e.url),o={...uc(r,{sort:!1}),...e.query};let a=Rd(o,t);a&&(a=`?${a}`);let i=hB(e.url);if(typeof e.fragmentIdentifier=="string"){const l=new URL(n);l.hash=e.fragmentIdentifier,i=t[Pl]?l.hash:`#${e.fragmentIdentifier}`}return`${n}${a}${i}`}function Od(e,t,n){n={parseFragmentIdentifier:!0,[Pl]:!1,...n};const{url:r,query:o,fragmentIdentifier:a}=Ld(e,n);return Pd({url:r,query:fB(o,t),fragmentIdentifier:a},n)}function yB(e,t,n){const r=Array.isArray(t)?o=>!t.includes(o):(o,a)=>!t(o,a);return Od(e,r,n)}const De=Object.freeze(Object.defineProperty({__proto__:null,exclude:yB,extract:cc,parse:uc,parseUrl:Ld,pick:Od,stringify:Rd,stringifyUrl:Pd},Symbol.toStringTag,{value:"Module"})),Xt="-",Nd=(e,t)=>De.parse(e).story||t,bB=e=>!!De.parse(e).story,Md=e=>typeof e!="string"?"":e.charAt(0).toUpperCase()+e.slice(1),$d=e=>e?e.split(`${Xt}${Xt}`).reverse().map(t=>Md(t.replace(/-/g," "))).join(" - "):"",Ni=(e,t,n)=>{const r=[],o=(i,l,c,u)=>{const d=l.shift();let A=!!n,C=[];c[0]===d&&(C=[...c.slice(1)],A=!0);const f=i.findIndex(D=>D.subId===d);d&&(f===-1&&i.push({id:`${u}${d}`,subId:d,name:Md(d.replace(/-/g," ")),isLinkable:l.length===0,isExpanded:A,isFocused:!1,children:[]}),o(i[f>-1?f: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},vB=(e,t)=>{const n=e.split("--"),r=t.split("--"),o=Math.min(n.length,r.length);for(let a=0;a{const n=e.sort(vB);let r=[...n];Array.isArray(t)?r=t:r=t(n);const o=new Set;return r.forEach(a=>{const i=a.toLowerCase();if(i.includes("*")){const l=i.split("*")[0];n.forEach(c=>{c.startsWith(l)&&o.add(c)})}else{if(!n.includes(i))throw new Error(`Story "${a}" does not exist in your storybook. Please check your storyOrder config.`);o.add(i)}}),[...o]};var ia={exports:{}};ia.exports;(function(e,t){var n=200,r="__lodash_hash_undefined__",o=800,a=16,i=9007199254740991,l="[object Arguments]",c="[object Array]",u="[object AsyncFunction]",d="[object Boolean]",A="[object Date]",C="[object Error]",f="[object Function]",D="[object GeneratorFunction]",p="[object Map]",b="[object Number]",B="[object Null]",m="[object Object]",E="[object Proxy]",S="[object RegExp]",L="[object Set]",k="[object String]",R="[object Undefined]",x="[object WeakMap]",M="[object ArrayBuffer]",P="[object DataView]",j="[object Float32Array]",w="[object Float64Array]",_="[object Int8Array]",T="[object Int16Array]",I="[object Int32Array]",V="[object Uint8Array]",$="[object Uint8ClampedArray]",O="[object Uint16Array]",z="[object Uint32Array]",H=/[\\^$.*+?()[\]{}|]/g,Y=/^\[object .+?Constructor\]$/,n0=/^(?:0|[1-9]\d*)$/,X={};X[j]=X[w]=X[_]=X[T]=X[I]=X[V]=X[$]=X[O]=X[z]=!0,X[l]=X[c]=X[M]=X[d]=X[P]=X[A]=X[C]=X[f]=X[p]=X[b]=X[m]=X[S]=X[L]=X[k]=X[x]=!1;var e0=typeof fo=="object"&&fo&&fo.Object===Object&&fo,t0=typeof self=="object"&&self&&self.Object===Object&&self,K=e0||t0||Function("return this")(),Z=t&&!t.nodeType&&t,a0=Z&&!0&&e&&!e.nodeType&&e,s0=a0&&a0.exports===Z,E0=s0&&e0.process,d0=function(){try{var F=a0&&a0.require&&a0.require("util").types;return F||E0&&E0.binding&&E0.binding("util")}catch{}}(),j0=d0&&d0.isTypedArray;function L2(F,N,U){switch(U.length){case 0:return F.call(N);case 1:return F.call(N,U[0]);case 2:return F.call(N,U[0],U[1]);case 3:return F.call(N,U[0],U[1],U[2])}return F.apply(N,U)}function J(F,N){for(var U=-1,r0=Array(F);++U-1}function C7(F,N){var U=this.__data__,r0=Ao(U,F);return r0<0?(++this.size,U.push([F,N])):U[r0][1]=N,this}Ce.prototype.clear=A7,Ce.prototype.delete=d7,Ce.prototype.get=p7,Ce.prototype.has=D7,Ce.prototype.set=C7;function jt(F){var N=-1,U=F==null?0:F.length;for(this.clear();++N1?U[p0-1]:void 0,w0=p0>2?U[2]:void 0;for(y0=F.length>3&&typeof y0=="function"?(p0--,y0):void 0,w0&&U7(U[0],U[1],w0)&&(y0=p0<3?void 0:y0,p0=1),N=Object(N);++r0-1&&F%1==0&&F0){if(++N>=o)return arguments[0]}else N=0;return F.apply(void 0,arguments)}}function Z7(F){if(F!=null){try{return V0.call(F)}catch{}try{return F+""}catch{}}return""}function Co(F,N){return F===N||F!==F&&N!==N}var _i=Nu(function(){return arguments}())?Nu:function(F){return Zn(F)&&D0.call(F,"callee")&&!so.call(F,"callee")},Ii=Array.isArray;function ki(F){return F!=null&&Vu(F.length)&&!Ri(F)}function Q7(F){return Zn(F)&&ki(F)}var ju=r7||oB;function Ri(F){if(!Ct(F))return!1;var N=po(F);return N==f||N==D||N==u||N==E}function Vu(F){return typeof F=="number"&&F>-1&&F%1==0&&F<=i}function Ct(F){var N=typeof F;return F!=null&&(N=="object"||N=="function")}function Zn(F){return F!=null&&typeof F=="object"}function eB(F){if(!Zn(F)||po(F)!=m)return!1;var N=dt(F);if(N===null)return!0;var U=D0.call(N,"constructor")&&N.constructor;return typeof U=="function"&&U instanceof U&&V0.call(U)==ut}var Hu=j0?a2(j0):_7;function tB(F){return $7(F,Uu(F))}function Uu(F){return ki(F)?S7(F):I7(F)}var nB=z7(function(F,N,U){Mu(F,N,U)});function rB(F){return function(){return F}}function Wu(F){return F}function oB(){return!1}e.exports=nB})(ia,ia.exports);var xB=ia.exports;const SB=Xr(xB),FB="modulepreload",wB=function(e,t){return new URL(e,t).href},Xu={},g=function(t,n,r){let o=Promise.resolve();if(n&&n.length>0){const i=document.getElementsByTagName("link"),l=document.querySelector("meta[property=csp-nonce]"),c=(l==null?void 0:l.nonce)||(l==null?void 0:l.getAttribute("nonce"));o=Promise.allSettled(n.map(u=>{if(u=wB(u,r),u in Xu)return;Xu[u]=!0;const d=u.endsWith(".css"),A=d?'[rel="stylesheet"]':"";if(!!r)for(let D=i.length-1;D>=0;D--){const p=i[D];if(p.href===u&&(!d||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${u}"]${A}`))return;const f=document.createElement("link");if(f.rel=d?"stylesheet":FB,d||(f.as="script"),f.crossOrigin="",f.href=u,c&&f.setAttribute("nonce",c),document.head.appendChild(f),d)return new Promise((D,p)=>{f.addEventListener("load",D),f.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${u}`)))})}))}function a(i){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=i,window.dispatchEvent(l),!l.defaultPrevented)throw i}return o.then(i=>{for(const l of i||[])l.status==="rejected"&&a(l.reason);return t().catch(a)})};var jd={exports:{}},A0={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Zr=Symbol.for("react.element"),TB=Symbol.for("react.portal"),_B=Symbol.for("react.fragment"),IB=Symbol.for("react.strict_mode"),kB=Symbol.for("react.profiler"),RB=Symbol.for("react.provider"),LB=Symbol.for("react.context"),PB=Symbol.for("react.forward_ref"),OB=Symbol.for("react.suspense"),NB=Symbol.for("react.memo"),MB=Symbol.for("react.lazy"),Zu=Symbol.iterator;function $B(e){return e===null||typeof e!="object"?null:(e=Zu&&e[Zu]||e["@@iterator"],typeof e=="function"?e:null)}var Vd={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Hd=Object.assign,Ud={};function Un(e,t,n){this.props=e,this.context=t,this.refs=Ud,this.updater=n||Vd}Un.prototype.isReactComponent={};Un.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")};Un.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Wd(){}Wd.prototype=Un.prototype;function Ac(e,t,n){this.props=e,this.context=t,this.refs=Ud,this.updater=n||Vd}var dc=Ac.prototype=new Wd;dc.constructor=Ac;Hd(dc,Un.prototype);dc.isPureReactComponent=!0;var Qu=Array.isArray,Gd=Object.prototype.hasOwnProperty,pc={current:null},qd={key:!0,ref:!0,__self:!0,__source:!0};function Yd(e,t,n){var r,o={},a=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(a=""+t.key),t)Gd.call(t,r)&&!qd.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(l===1)o.children=n;else if(1s.useContext(fc);function Nl(){return Nl=Object.assign?Object.assign.bind():function(e){for(var t=1;t'),!0):t?e.some(function(n){return t.includes(n)})||e.includes("*"):!0}var rE=function(t,n,r){r===void 0&&(r=!1);var o=n.alt,a=n.meta,i=n.mod,l=n.shift,c=n.ctrl,u=n.keys,d=t.key,A=t.code,C=t.ctrlKey,f=t.metaKey,D=t.shiftKey,p=t.altKey,b=je(A),B=d.toLowerCase();if(!(u!=null&&u.includes(b))&&!(u!=null&&u.includes(B))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(b))return!1;if(!r){if(o===!p&&B!=="alt"||l===!D&&B!=="shift")return!1;if(i){if(!f&&!C)return!1}else if(a===!f&&B!=="meta"&&B!=="os"||c===!C&&B!=="ctrl"&&B!=="control")return!1}return u&&u.length===1&&(u.includes(B)||u.includes(b))?!0:u?ZB(u):!u},oE=s.createContext(void 0),aE=function(){return s.useContext(oE)};function tp(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(n,r){return n&&tp(e[r],t[r])},!0):e===t}var iE=s.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),lE=function(){return s.useContext(iE)};function sE(e){var t=s.useRef(void 0);return tp(t.current,e)||(t.current=e),t.current}var n3=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},cE=typeof window<"u"?s.useLayoutEffect:s.useEffect;function M2(e,t,n,r){var o=s.useState(null),a=o[0],i=o[1],l=s.useRef(!1),c=n instanceof Array?r instanceof Array?void 0:r:n,u=mc(e)?e.join(c==null?void 0:c.splitKey):e,d=n instanceof Array?n:r instanceof Array?r:void 0,A=s.useCallback(t,d??[]),C=s.useRef(A);d?C.current=A:C.current=t;var f=sE(c),D=lE(),p=D.enabledScopes,b=aE();return cE(function(){if(!((f==null?void 0:f.enabled)===!1||!nE(p,f==null?void 0:f.scopes))){var B=function(k,R){var x;if(R===void 0&&(R=!1),!(tE(k)&&!ep(k,f==null?void 0:f.enableOnFormTags))){if(a!==null){var M=a.getRootNode();if((M instanceof Document||M instanceof ShadowRoot)&&M.activeElement!==a&&!a.contains(M.activeElement)){n3(k);return}}(x=k.target)!=null&&x.isContentEditable&&!(f!=null&&f.enableOnContentEditable)||$i(u,f==null?void 0:f.splitKey).forEach(function(P){var j,w=zi(P,f==null?void 0:f.combinationKey);if(rE(k,w,f==null?void 0:f.ignoreModifiers)||(j=w.keys)!=null&&j.includes("*")){if(f!=null&&f.ignoreEventWhen!=null&&f.ignoreEventWhen(k)||R&&l.current)return;if(QB(k,w,f==null?void 0:f.preventDefault),!eE(k,w,f==null?void 0:f.enabled)){n3(k);return}C.current(k,w),R||(l.current=!0)}})}},m=function(k){k.key!==void 0&&(Zd(je(k.code)),((f==null?void 0:f.keydown)===void 0&&(f==null?void 0:f.keyup)!==!0||f!=null&&f.keydown)&&B(k))},E=function(k){k.key!==void 0&&(Qd(je(k.code)),l.current=!1,f!=null&&f.keyup&&B(k,!0))},S=a||(c==null?void 0:c.document)||document;return S.addEventListener("keyup",E),S.addEventListener("keydown",m),b&&$i(u,f==null?void 0:f.splitKey).forEach(function(L){return b.addHotkey(zi(L,f==null?void 0:f.combinationKey,f==null?void 0:f.description))}),function(){S.removeEventListener("keyup",E),S.removeEventListener("keydown",m),b&&$i(u,f==null?void 0:f.splitKey).forEach(function(L){return b.removeHotkey(zi(L,f==null?void 0:f.combinationKey,f==null?void 0:f.description))})}}},[a,u,f,p]),i}const uE=()=>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"})]}),AE=()=>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"})}),dE=()=>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"})]}),pE=()=>(s.useEffect(()=>(document.documentElement.removeAttribute("data-storyloaded"),()=>document.documentElement.setAttribute("data-storyloaded","")),[]),v.jsx("div",{className:"ladle-ring-wrapper",children:v.jsxs("div",{className:"ladle-ring",children:[v.jsx("div",{}),v.jsx("div",{}),v.jsx("div",{}),v.jsx("div",{})]})})),DE=()=>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"})]}),CE=()=>v.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{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})]}),fE=()=>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"})})}),mE=({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"})]})})},BE=()=>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})]}),EE=()=>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"})]}),gE=()=>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"})]}),hE=()=>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"})]}),yE=()=>v.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("path",{d:"M18 8a3 3 0 0 1 0 6M10 8v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5"}),v.jsx("path",{d:"M12 8h0l4.524-3.77A.9.9 0 0 1 18 4.922v12.156a.9.9 0 0 1-1.476.692L12 14H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h8"})]});var np={exports:{}},k2={},rp={exports:{}},op={};/** + * @license React + * scheduler.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */(function(e){function t(O,z){var H=O.length;O.push(z);e:for(;0>>1,n0=O[Y];if(0>>1;Yo(t0,H))Ko(Z,t0)?(O[Y]=Z,O[K]=H,Y=K):(O[Y]=t0,O[e0]=H,Y=e0);else if(Ko(Z,H))O[Y]=Z,O[K]=H,Y=K;else break e}}return z}function o(O,z){var H=O.sortIndex-z.sortIndex;return H!==0?H:O.id-z.id}if(typeof performance=="object"&&typeof performance.now=="function"){var a=performance;e.unstable_now=function(){return a.now()}}else{var i=Date,l=i.now();e.unstable_now=function(){return i.now()-l}}var c=[],u=[],d=1,A=null,C=3,f=!1,D=!1,p=!1,b=typeof setTimeout=="function"?setTimeout:null,B=typeof clearTimeout=="function"?clearTimeout:null,m=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function E(O){for(var z=n(u);z!==null;){if(z.callback===null)r(u);else if(z.startTime<=O)r(u),z.sortIndex=z.expirationTime,t(c,z);else break;z=n(u)}}function S(O){if(p=!1,E(O),!D)if(n(c)!==null)D=!0,V(L);else{var z=n(u);z!==null&&$(S,z.startTime-O)}}function L(O,z){D=!1,p&&(p=!1,B(x),x=-1),f=!0;var H=C;try{for(E(z),A=n(c);A!==null&&(!(A.expirationTime>z)||O&&!j());){var Y=A.callback;if(typeof Y=="function"){A.callback=null,C=A.priorityLevel;var n0=Y(A.expirationTime<=z);z=e.unstable_now(),typeof n0=="function"?A.callback=n0:A===n(c)&&r(c),E(z)}else r(c);A=n(c)}if(A!==null)var X=!0;else{var e0=n(u);e0!==null&&$(S,e0.startTime-z),X=!1}return X}finally{A=null,C=H,f=!1}}var k=!1,R=null,x=-1,M=5,P=-1;function j(){return!(e.unstable_now()-PO||125Y?(O.sortIndex=H,t(u,O),n(c)===null&&O===n(u)&&(p?(B(x),x=-1):p=!0,$(S,H-Y))):(O.sortIndex=n0,t(c,O),D||f||(D=!0,V(L))),O},e.unstable_shouldYield=j,e.unstable_wrapCallback=function(O){var z=C;return function(){var H=C;C=z;try{return O.apply(this,arguments)}finally{C=H}}}})(op);rp.exports=op;var bE=rp.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var ap=s,T2=bE;function q(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ml=Object.prototype.hasOwnProperty,vE=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,r3={},o3={};function xE(e){return Ml.call(o3,e)?!0:Ml.call(r3,e)?!1:vE.test(e)?o3[e]=!0:(r3[e]=!0,!1)}function SE(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 FE(e,t,n,r){if(t===null||typeof t>"u"||SE(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function d2(e,t,n,r,o,a,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var Z0={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Z0[e]=new d2(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Z0[t]=new d2(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){Z0[e]=new d2(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){Z0[e]=new d2(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){Z0[e]=new d2(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){Z0[e]=new d2(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){Z0[e]=new d2(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){Z0[e]=new d2(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){Z0[e]=new d2(e,5,!1,e.toLowerCase(),null,!1,!1)});var Bc=/[\-:]([a-z])/g;function Ec(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(Bc,Ec);Z0[t]=new d2(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Bc,Ec);Z0[t]=new d2(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Bc,Ec);Z0[t]=new d2(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){Z0[e]=new d2(e,1,!1,e.toLowerCase(),null,!1,!1)});Z0.xlinkHref=new d2("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){Z0[e]=new d2(e,1,!1,e.toLowerCase(),null,!0,!0)});function gc(e,t,n,r){var o=Z0.hasOwnProperty(t)?Z0[t]:null;(o!==null?o.type!==0:r||!(2l||o[i]!==a[l]){var c=` +`+o[i].replace(" at new "," at ");return e.displayName&&c.includes("")&&(c=c.replace("",e.displayName)),c}while(1<=i&&0<=l);break}}}finally{Vi=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ar(e):""}function wE(e){switch(e.tag){case 5:return Ar(e.type);case 16:return Ar("Lazy");case 13:return Ar("Suspense");case 19:return Ar("SuspenseList");case 0:case 2:case 15:return e=Hi(e.type,!1),e;case 11:return e=Hi(e.type.render,!1),e;case 1:return e=Hi(e.type,!0),e;default:return""}}function Vl(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 Qt:return"Fragment";case Zt:return"Portal";case $l:return"Profiler";case hc:return"StrictMode";case zl:return"Suspense";case jl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case sp:return(e.displayName||"Context")+".Consumer";case lp:return(e._context.displayName||"Context")+".Provider";case yc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case bc:return t=e.displayName||null,t!==null?t:Vl(e.type)||"Memo";case Ne:t=e._payload,e=e._init;try{return Vl(e(t))}catch{}}return null}function TE(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 Vl(t);case 8:return t===hc?"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 et(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function up(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function _E(e){var t=up(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(i){r=""+i,a.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Eo(e){e._valueTracker||(e._valueTracker=_E(e))}function Ap(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=up(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function la(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 Hl(e,t){var n=t.checked;return R0({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function i3(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=et(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function dp(e,t){t=t.checked,t!=null&&gc(e,"checked",t,!1)}function Ul(e,t){dp(e,t);var n=et(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")?Wl(e,t.type,n):t.hasOwnProperty("defaultValue")&&Wl(e,t.type,et(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function l3(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Wl(e,t,n){(t!=="number"||la(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var dr=Array.isArray;function Dn(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o"+t.valueOf().toString()+"",t=go.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Ir(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Br={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},IE=["Webkit","ms","Moz","O"];Object.keys(Br).forEach(function(e){IE.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Br[t]=Br[e]})});function fp(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Br.hasOwnProperty(e)&&Br[e]?(""+t).trim():t+"px"}function mp(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=fp(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var kE=R0({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Yl(e,t){if(t){if(kE[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 Kl(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 Jl=null;function vc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Xl=null,Cn=null,fn=null;function u3(e){if(e=to(e)){if(typeof Xl!="function")throw Error(q(280));var t=e.stateNode;t&&(t=ai(t),Xl(e.stateNode,e.type,t))}}function Bp(e){Cn?fn?fn.push(e):fn=[e]:Cn=e}function Ep(){if(Cn){var e=Cn,t=fn;if(fn=Cn=null,u3(e),t)for(e=0;e>>=0,e===0?32:31-(HE(e)/UE|0)|0}var ho=64,yo=4194304;function pr(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 Aa(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=pr(l):(a&=i,a!==0&&(r=pr(a)))}else i=n&~o,i!==0?r=pr(i):a!==0&&(r=pr(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;0n;n++)t.push(e);return t}function Qr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Q2(t),e[t]=n}function YE(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=gr),E3=" ",g3=!1;function $p(e,t){switch(e){case"keyup":return yg.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function zp(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var en=!1;function vg(e,t){switch(e){case"compositionend":return zp(t);case"keypress":return t.which!==32?null:(g3=!0,E3);case"textInput":return e=t.data,e===E3&&g3?null:e;default:return null}}function xg(e,t){if(en)return e==="compositionend"||!kc&&$p(e,t)?(e=Np(),Ho=Tc=He=null,en=!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)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=v3(n)}}function Up(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Up(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Wp(){for(var e=window,t=la();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=la(e.document)}return t}function Rc(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 Lg(e){var t=Wp(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Up(n.ownerDocument.documentElement,n)){if(r!==null&&Rc(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=r.end===void 0?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=x3(n,a);var i=x3(n,r);o&&i&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,tn=null,rs=null,yr=null,os=!1;function S3(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;os||tn==null||tn!==la(r)||(r=tn,"selectionStart"in r&&Rc(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}),yr&&Nr(yr,r)||(yr=r,r=Da(rs,"onSelect"),0on||(e.current=us[on],us[on]=null,on--)}function v0(e,t){on++,us[on]=e.current,e.current=t}var tt={},o2=it(tt),f2=it(!1),_t=tt;function wn(e,t){var n=e.type.contextTypes;if(!n)return tt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},a;for(a in n)o[a]=t[a];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function m2(e){return e=e.childContextTypes,e!=null}function fa(){F0(f2),F0(o2)}function R3(e,t,n){if(o2.current!==tt)throw Error(q(168));v0(o2,t),v0(f2,n)}function eD(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(q(108,TE(e)||"Unknown",o));return R0({},n,r)}function ma(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||tt,_t=o2.current,v0(o2,e),v0(f2,f2.current),!0}function L3(e,t,n){var r=e.stateNode;if(!r)throw Error(q(169));n?(e=eD(e,t,_t),r.__reactInternalMemoizedMergedChildContext=e,F0(f2),F0(o2),v0(o2,e)):F0(f2),v0(f2,n)}var Ee=null,ii=!1,rl=!1;function tD(e){Ee===null?Ee=[e]:Ee.push(e)}function Gg(e){ii=!0,tD(e)}function lt(){if(!rl&&Ee!==null){rl=!0;var e=0,t=h0;try{var n=Ee;for(h0=1;e>=i,o-=i,be=1<<32-Q2(t)+o|n<x?(M=R,R=null):M=R.sibling;var P=C(B,R,E[x],S);if(P===null){R===null&&(R=M);break}e&&R&&P.alternate===null&&t(B,R),m=a(P,m,x),k===null?L=P:k.sibling=P,k=P,R=M}if(x===E.length)return n(B,R),_0&&ft(B,x),L;if(R===null){for(;xx?(M=R,R=null):M=R.sibling;var j=C(B,R,P.value,S);if(j===null){R===null&&(R=M);break}e&&R&&j.alternate===null&&t(B,R),m=a(j,m,x),k===null?L=j:k.sibling=j,k=j,R=M}if(P.done)return n(B,R),_0&&ft(B,x),L;if(R===null){for(;!P.done;x++,P=E.next())P=A(B,P.value,S),P!==null&&(m=a(P,m,x),k===null?L=P:k.sibling=P,k=P);return _0&&ft(B,x),L}for(R=r(B,R);!P.done;x++,P=E.next())P=f(R,B,x,P.value,S),P!==null&&(e&&P.alternate!==null&&R.delete(P.key===null?x:P.key),m=a(P,m,x),k===null?L=P:k.sibling=P,k=P);return e&&R.forEach(function(w){return t(B,w)}),_0&&ft(B,x),L}function b(B,m,E,S){if(typeof E=="object"&&E!==null&&E.type===Qt&&E.key===null&&(E=E.props.children),typeof E=="object"&&E!==null){switch(E.$$typeof){case Bo:e:{for(var L=E.key,k=m;k!==null;){if(k.key===L){if(L=E.type,L===Qt){if(k.tag===7){n(B,k.sibling),m=o(k,E.props.children),m.return=B,B=m;break e}}else if(k.elementType===L||typeof L=="object"&&L!==null&&L.$$typeof===Ne&&j3(L)===k.type){n(B,k.sibling),m=o(k,E.props),m.ref=ar(B,k,E),m.return=B,B=m;break e}n(B,k);break}else t(B,k);k=k.sibling}E.type===Qt?(m=Ft(E.props.children,B.mode,S,E.key),m.return=B,B=m):(S=Xo(E.type,E.key,E.props,null,B.mode,S),S.ref=ar(B,m,E),S.return=B,B=S)}return i(B);case Zt:e:{for(k=E.key;m!==null;){if(m.key===k)if(m.tag===4&&m.stateNode.containerInfo===E.containerInfo&&m.stateNode.implementation===E.implementation){n(B,m.sibling),m=o(m,E.children||[]),m.return=B,B=m;break e}else{n(B,m);break}else t(B,m);m=m.sibling}m=Al(E,B.mode,S),m.return=B,B=m}return i(B);case Ne:return k=E._init,b(B,m,k(E._payload),S)}if(dr(E))return D(B,m,E,S);if(er(E))return p(B,m,E,S);To(B,E)}return typeof E=="string"&&E!==""||typeof E=="number"?(E=""+E,m!==null&&m.tag===6?(n(B,m.sibling),m=o(m,E),m.return=B,B=m):(n(B,m),m=ul(E,B.mode,S),m.return=B,B=m),i(B)):n(B,m)}return b}var _n=cD(!0),uD=cD(!1),no={},le=it(no),jr=it(no),Vr=it(no);function vt(e){if(e===no)throw Error(q(174));return e}function Vc(e,t){switch(v0(Vr,t),v0(jr,e),v0(le,no),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:ql(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=ql(t,e)}F0(le),v0(le,t)}function In(){F0(le),F0(jr),F0(Vr)}function AD(e){vt(Vr.current);var t=vt(le.current),n=ql(t,e.type);t!==n&&(v0(jr,e),v0(le,n))}function Hc(e){jr.current===e&&(F0(le),F0(jr))}var I0=it(0);function ba(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 ol=[];function Uc(){for(var e=0;en?n:4,e(!0);var r=al.transition;al.transition={};try{e(!1),t()}finally{h0=n,al.transition=r}}function FD(){return V2().memoizedState}function Jg(e,t,n){var r=Xe(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},wD(e))TD(t,n);else if(n=aD(e,t,n,r),n!==null){var o=u2();ee(n,e,r,o),_D(n,t,r)}}function Xg(e,t,n){var r=Xe(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(wD(e))TD(t,o);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var i=t.lastRenderedState,l=a(i,n);if(o.hasEagerState=!0,o.eagerState=l,te(l,i)){var c=t.interleaved;c===null?(o.next=o,zc(t)):(o.next=c.next,c.next=o),t.interleaved=o;return}}catch{}finally{}n=aD(e,t,o,r),n!==null&&(o=u2(),ee(n,e,r,o),_D(n,t,r))}}function wD(e){var t=e.alternate;return e===k0||t!==null&&t===k0}function TD(e,t){br=va=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function _D(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Sc(e,n)}}var xa={readContext:j2,useCallback:Q0,useContext:Q0,useEffect:Q0,useImperativeHandle:Q0,useInsertionEffect:Q0,useLayoutEffect:Q0,useMemo:Q0,useReducer:Q0,useRef:Q0,useState:Q0,useDebugValue:Q0,useDeferredValue:Q0,useTransition:Q0,useMutableSource:Q0,useSyncExternalStore:Q0,useId:Q0,unstable_isNewReconciler:!1},Zg={readContext:j2,useCallback:function(e,t){return re().memoizedState=[e,t===void 0?null:t],e},useContext:j2,useEffect:H3,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,qo(4194308,4,yD.bind(null,t,e),n)},useLayoutEffect:function(e,t){return qo(4194308,4,e,t)},useInsertionEffect:function(e,t){return qo(4,2,e,t)},useMemo:function(e,t){var n=re();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=re();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Jg.bind(null,k0,e),[r.memoizedState,e]},useRef:function(e){var t=re();return e={current:e},t.memoizedState=e},useState:V3,useDebugValue:Kc,useDeferredValue:function(e){return re().memoizedState=e},useTransition:function(){var e=V3(!1),t=e[0];return e=Kg.bind(null,e[1]),re().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=k0,o=re();if(_0){if(n===void 0)throw Error(q(407));n=n()}else{if(n=t(),Y0===null)throw Error(q(349));kt&30||DD(r,t,n)}o.memoizedState=n;var a={value:n,getSnapshot:t};return o.queue=a,H3(fD.bind(null,r,a,e),[e]),r.flags|=2048,Wr(9,CD.bind(null,r,a,n,t),void 0,null),n},useId:function(){var e=re(),t=Y0.identifierPrefix;if(_0){var n=ve,r=be;n=(r&~(1<<32-Q2(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Hr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[oe]=t,e[zr]=r,$D(e,t,!1,!1),t.stateNode=e;e:{switch(i=Kl(n,r),n){case"dialog":S0("cancel",e),S0("close",e),o=r;break;case"iframe":case"object":case"embed":S0("load",e),o=r;break;case"video":case"audio":for(o=0;oRn&&(t.flags|=128,r=!0,ir(a,!1),t.lanes=4194304)}else{if(!r)if(e=ba(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),ir(a,!0),a.tail===null&&a.tailMode==="hidden"&&!i.alternate&&!_0)return e2(t),null}else 2*N0()-a.renderingStartTime>Rn&&n!==1073741824&&(t.flags|=128,r=!0,ir(a,!1),t.lanes=4194304);a.isBackwards?(i.sibling=t.child,t.child=i):(n=a.last,n!==null?n.sibling=i:t.child=i,a.last=i)}return a.tail!==null?(t=a.tail,a.rendering=t,a.tail=t.sibling,a.renderingStartTime=N0(),t.sibling=null,n=I0.current,v0(I0,r?n&1|2:n&1),t):(e2(t),null);case 22:case 23:return tu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?x2&1073741824&&(e2(t),t.subtreeFlags&6&&(t.flags|=8192)):e2(t),null;case 24:return null;case 25:return null}throw Error(q(156,t.tag))}function ih(e,t){switch(Pc(t),t.tag){case 1:return m2(t.type)&&fa(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return In(),F0(f2),F0(o2),Uc(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Hc(t),null;case 13:if(F0(I0),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(q(340));Tn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return F0(I0),null;case 4:return In(),null;case 10:return $c(t.type._context),null;case 22:case 23:return tu(),null;case 24:return null;default:return null}}var Io=!1,t2=!1,lh=typeof WeakSet=="function"?WeakSet:Set,Q=null;function cn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){L0(e,t,r)}else n.current=null}function ys(e,t,n){try{n()}catch(r){L0(e,t,r)}}var Z3=!1;function sh(e,t){if(as=da,e=Wp(),Rc(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,a=r.focusNode;r=r.focusOffset;try{n.nodeType,a.nodeType}catch{n=null;break e}var i=0,l=-1,c=-1,u=0,d=0,A=e,C=null;t:for(;;){for(var f;A!==n||o!==0&&A.nodeType!==3||(l=i+o),A!==a||r!==0&&A.nodeType!==3||(c=i+r),A.nodeType===3&&(i+=A.nodeValue.length),(f=A.firstChild)!==null;)C=A,A=f;for(;;){if(A===e)break t;if(C===n&&++u===o&&(l=i),C===a&&++d===r&&(c=i),(f=A.nextSibling)!==null)break;A=C,C=A.parentNode}A=f}n=l===-1||c===-1?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(is={focusedElem:e,selectionRange:n},da=!1,Q=t;Q!==null;)if(t=Q,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,Q=e;else for(;Q!==null;){t=Q;try{var D=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(D!==null){var p=D.memoizedProps,b=D.memoizedState,B=t.stateNode,m=B.getSnapshotBeforeUpdate(t.elementType===t.type?p:Y2(t.type,p),b);B.__reactInternalSnapshotBeforeUpdate=m}break;case 3:var E=t.stateNode.containerInfo;E.nodeType===1?E.textContent="":E.nodeType===9&&E.documentElement&&E.removeChild(E.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(q(163))}}catch(S){L0(t,t.return,S)}if(e=t.sibling,e!==null){e.return=t.return,Q=e;break}Q=t.return}return D=Z3,Z3=!1,D}function vr(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&&ys(t,n,a)}o=o.next}while(o!==r)}}function ci(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 bs(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function VD(e){var t=e.alternate;t!==null&&(e.alternate=null,VD(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[oe],delete t[zr],delete t[cs],delete t[Ug],delete t[Wg])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function HD(e){return e.tag===5||e.tag===3||e.tag===4}function Q3(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||HD(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function vs(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=Ca));else if(r!==4&&(e=e.child,e!==null))for(vs(e,t,n),e=e.sibling;e!==null;)vs(e,t,n),e=e.sibling}function xs(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(xs(e,t,n),e=e.sibling;e!==null;)xs(e,t,n),e=e.sibling}var K0=null,K2=!1;function Oe(e,t,n){for(n=n.child;n!==null;)UD(e,t,n),n=n.sibling}function UD(e,t,n){if(ie&&typeof ie.onCommitFiberUnmount=="function")try{ie.onCommitFiberUnmount(ti,n)}catch{}switch(n.tag){case 5:t2||cn(n,t);case 6:var r=K0,o=K2;K0=null,Oe(e,t,n),K0=r,K2=o,K0!==null&&(K2?(e=K0,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):K0.removeChild(n.stateNode));break;case 18:K0!==null&&(K2?(e=K0,n=n.stateNode,e.nodeType===8?nl(e.parentNode,n):e.nodeType===1&&nl(e,n),Pr(e)):nl(K0,n.stateNode));break;case 4:r=K0,o=K2,K0=n.stateNode.containerInfo,K2=!0,Oe(e,t,n),K0=r,K2=o;break;case 0:case 11:case 14:case 15:if(!t2&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,i!==void 0&&(a&2||a&4)&&ys(n,t,i),o=o.next}while(o!==r)}Oe(e,t,n);break;case 1:if(!t2&&(cn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){L0(n,t,l)}Oe(e,t,n);break;case 21:Oe(e,t,n);break;case 22:n.mode&1?(t2=(r=t2)||n.memoizedState!==null,Oe(e,t,n),t2=r):Oe(e,t,n);break;default:Oe(e,t,n)}}function eA(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new lh),t.forEach(function(r){var o=mh.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function q2(e,t){var n=t.deletions;if(n!==null)for(var r=0;ro&&(o=i),r&=~a}if(r=o,r=N0()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*uh(r/1960))-r,10e?16:e,Ue===null)var r=!1;else{if(e=Ue,Ue=null,wa=0,C0&6)throw Error(q(331));var o=C0;for(C0|=4,Q=e.current;Q!==null;){var a=Q,i=a.child;if(Q.flags&16){var l=a.deletions;if(l!==null){for(var c=0;cN0()-Qc?St(e,0):Zc|=n),B2(e,t)}function ZD(e,t){t===0&&(e.mode&1?(t=yo,yo<<=1,!(yo&130023424)&&(yo=4194304)):t=1);var n=u2();e=Te(e,t),e!==null&&(Qr(e,t,n),B2(e,n))}function fh(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ZD(e,n)}function mh(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(q(314))}r!==null&&r.delete(t),ZD(e,n)}var QD;QD=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||f2.current)C2=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return C2=!1,oh(e,t,n);C2=!!(e.flags&131072)}else C2=!1,_0&&t.flags&1048576&&nD(t,Ea,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Yo(e,t),e=t.pendingProps;var o=wn(t,o2.current);Bn(t,n),o=Gc(null,t,r,e,o,n);var a=qc();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,m2(r)?(a=!0,ma(t)):a=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,jc(t),o.updater=li,t.stateNode=o,o._reactInternals=t,Cs(t,r,e,n),t=Bs(null,t,r,!0,a,n)):(t.tag=0,_0&&a&&Lc(t),l2(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Yo(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=Eh(r),e=Y2(r,e),o){case 0:t=ms(null,t,r,e,n);break e;case 1:t=K3(null,t,r,e,n);break e;case 11:t=q3(null,t,r,e,n);break e;case 14:t=Y3(null,t,r,Y2(r.type,e),n);break e}throw Error(q(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),ms(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),K3(e,t,r,o,n);case 3:e:{if(OD(t),e===null)throw Error(q(387));r=t.pendingProps,a=t.memoizedState,o=a.element,iD(e,t),ya(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=kn(Error(q(423)),t),t=J3(e,t,r,n,o);break e}else if(r!==o){o=kn(Error(q(424)),t),t=J3(e,t,r,n,o);break e}else for(S2=Ye(t.stateNode.containerInfo.firstChild),F2=t,_0=!0,J2=null,n=uD(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Tn(),r===o){t=_e(e,t,n);break e}l2(e,t,r,n)}t=t.child}return t;case 5:return AD(t),e===null&&ds(t),r=t.type,o=t.pendingProps,a=e!==null?e.memoizedProps:null,i=o.children,ls(r,o)?i=null:a!==null&&ls(r,a)&&(t.flags|=32),PD(e,t),l2(e,t,i,n),t.child;case 6:return e===null&&ds(t),null;case 13:return ND(e,t,n);case 4:return Vc(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=_n(t,null,r,n):l2(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),q3(e,t,r,o,n);case 7:return l2(e,t,t.pendingProps,n),t.child;case 8:return l2(e,t,t.pendingProps.children,n),t.child;case 12:return l2(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,a=t.memoizedProps,i=o.value,v0(ga,r._currentValue),r._currentValue=i,a!==null)if(te(a.value,i)){if(a.children===o.children&&!f2.current){t=_e(e,t,n);break e}}else for(a=t.child,a!==null&&(a.return=t);a!==null;){var l=a.dependencies;if(l!==null){i=a.child;for(var c=l.firstContext;c!==null;){if(c.context===r){if(a.tag===1){c=xe(-1,n&-n),c.tag=2;var u=a.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}a.lanes|=n,c=a.alternate,c!==null&&(c.lanes|=n),ps(a.return,n,t),l.lanes|=n;break}c=c.next}}else if(a.tag===10)i=a.type===t.type?null:a.child;else if(a.tag===18){if(i=a.return,i===null)throw Error(q(341));i.lanes|=n,l=i.alternate,l!==null&&(l.lanes|=n),ps(i,n,t),i=a.sibling}else i=a.child;if(i!==null)i.return=a;else for(i=a;i!==null;){if(i===t){i=null;break}if(a=i.sibling,a!==null){a.return=i.return,i=a;break}i=i.return}a=i}l2(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Bn(t,n),o=j2(o),r=r(o),t.flags|=1,l2(e,t,r,n),t.child;case 14:return r=t.type,o=Y2(r,t.pendingProps),o=Y2(r.type,o),Y3(e,t,r,o,n);case 15:return RD(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),Yo(e,t),t.tag=1,m2(r)?(e=!0,ma(t)):e=!1,Bn(t,n),sD(t,r,o),Cs(t,r,o,n),Bs(null,t,r,!0,e,n);case 19:return MD(e,t,n);case 22:return LD(e,t,n)}throw Error(q(156,t.tag))};function eC(e,t){return Sp(e,t)}function Bh(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function $2(e,t,n,r){return new Bh(e,t,n,r)}function ru(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Eh(e){if(typeof e=="function")return ru(e)?1:0;if(e!=null){if(e=e.$$typeof,e===yc)return 11;if(e===bc)return 14}return 2}function Ze(e,t){var n=e.alternate;return n===null?(n=$2(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Xo(e,t,n,r,o,a){var i=2;if(r=e,typeof e=="function")ru(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Qt:return Ft(n.children,o,a,t);case hc:i=8,o|=8;break;case $l:return e=$2(12,n,t,o|2),e.elementType=$l,e.lanes=a,e;case zl:return e=$2(13,n,t,o),e.elementType=zl,e.lanes=a,e;case jl:return e=$2(19,n,t,o),e.elementType=jl,e.lanes=a,e;case cp:return Ai(n,o,a,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case lp:i=10;break e;case sp:i=9;break e;case yc:i=11;break e;case bc:i=14;break e;case Ne:i=16,r=null;break e}throw Error(q(130,e==null?e:typeof e,""))}return t=$2(i,n,t,o),t.elementType=e,t.type=r,t.lanes=a,t}function Ft(e,t,n,r){return e=$2(7,e,r,t),e.lanes=n,e}function Ai(e,t,n,r){return e=$2(22,e,r,t),e.elementType=cp,e.lanes=n,e.stateNode={isHidden:!1},e}function ul(e,t,n){return e=$2(6,e,null,t),e.lanes=n,e}function Al(e,t,n){return t=$2(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function gh(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=Wi(0),this.expirationTimes=Wi(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Wi(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function ou(e,t,n,r,o,a,i,l,c){return e=new gh(e,t,n,l,c),t===1?(t=1,a===!0&&(t|=8)):t=0,a=$2(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},jc(a),e}function hh(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(oC)}catch(e){console.error(e)}}oC(),np.exports=k2;var Ae=np.exports;const An=Xr(Ae);function _s(){return de=Object.assign||function(e){for(let t=1;t=0)&&(n[o]=e[o]);return n}const Oh=su(function(e,t){(function(){const n=typeof Symbol=="function"&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,d=n?Symbol.for("react.async_mode"):60111,A=n?Symbol.for("react.concurrent_mode"):60111,C=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,D=n?Symbol.for("react.suspense_list"):60120,p=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,B=n?Symbol.for("react.block"):60121,m=n?Symbol.for("react.fundamental"):60117,E=n?Symbol.for("react.responder"):60118,S=n?Symbol.for("react.scope"):60119;function L(J){return typeof J=="string"||typeof J=="function"||J===a||J===A||J===l||J===i||J===f||J===D||typeof J=="object"&&J!==null&&(J.$$typeof===b||J.$$typeof===p||J.$$typeof===c||J.$$typeof===u||J.$$typeof===C||J.$$typeof===m||J.$$typeof===E||J.$$typeof===S||J.$$typeof===B)}function k(J){if(typeof J=="object"&&J!==null){const U2=J.$$typeof;switch(U2){case r:var a2=J.type;switch(a2){case d:case A:case a:case l:case i:case f:return a2;default:var i2=a2&&a2.$$typeof;switch(i2){case u:case C:case b:case p:case c:return i2;default:return U2}}case o:return U2}}}const R=d,x=A,M=u,P=c,j=r,w=C,_=a,T=b,I=p,V=o,$=l,O=i,z=f;let H=!1;function Y(J){return H||(H=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),n0(J)||k(J)===d}function n0(J){return k(J)===A}function X(J){return k(J)===u}function e0(J){return k(J)===c}function t0(J){return typeof J=="object"&&J!==null&&J.$$typeof===r}function K(J){return k(J)===C}function Z(J){return k(J)===a}function a0(J){return k(J)===b}function s0(J){return k(J)===p}function E0(J){return k(J)===o}function d0(J){return k(J)===l}function j0(J){return k(J)===i}function L2(J){return k(J)===f}t.AsyncMode=R,t.ConcurrentMode=x,t.ContextConsumer=M,t.ContextProvider=P,t.Element=j,t.ForwardRef=w,t.Fragment=_,t.Lazy=T,t.Memo=I,t.Portal=V,t.Profiler=$,t.StrictMode=O,t.Suspense=z,t.isAsyncMode=Y,t.isConcurrentMode=n0,t.isContextConsumer=X,t.isContextProvider=e0,t.isElement=t0,t.isForwardRef=K,t.isFragment=Z,t.isLazy=a0,t.isMemo=s0,t.isPortal=E0,t.isProfiler=d0,t.isStrictMode=j0,t.isSuspense=L2,t.isValidElementType=L,t.typeOf=k})()}),cC=su(function(e){e.exports=Oh}),Nh="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Bt=Nh;let Is=function(){};{var Mh=Bt,ks={},$h=Function.call.bind(Object.prototype.hasOwnProperty);Is=function(e){const t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}}function uC(e,t,n,r,o){for(const i in e)if($h(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,Mh)}catch(l){a=l}if(a&&!(a instanceof Error)&&Is((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 ks)){ks[a.message]=!0;const l=o?o():"";Is("Failed "+n+" type: "+a.message+(l??""))}}}uC.resetWarningCache=function(){ks={}};const cA=uC,zh=Function.call.bind(Object.prototype.hasOwnProperty);let Cr=function(){};Cr=function(e){const t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}};function Lo(){return null}const jh=function(e,t){const n=typeof Symbol=="function"&&Symbol.iterator,r="@@iterator";function o(w){const _=w&&(n&&w[n]||w[r]);if(typeof _=="function")return _}const a="<>",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:f(),elementType:D(),instanceOf:p,node:E(),objectOf:B,oneOf:b,oneOfType:m,shape:S,exact:L};function l(w,_){return w===_?w!==0||1/w===1/_:w!==w&&_!==_}function c(w){this.message=w,this.stack=""}c.prototype=Error.prototype;function u(w){function _(I,V,$,O,z,H,Y){if(O=O||a,H=H||$,Y!==Bt){const n0=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 n0.name="Invariant Violation",n0}return V[$]==null?I?V[$]===null?new c("The "+z+" `"+H+"` is marked as required "+("in `"+O+"`, but its value is `null`.")):new c("The "+z+" `"+H+"` is marked as required in "+("`"+O+"`, but its value is `undefined`.")):null:w(V,$,O,z,H)}const T=_.bind(null,!1);return T.isRequired=_.bind(null,!0),T}function d(w){function _(T,I,V,$,O,z){const H=T[I];if(x(H)!==w){const n0=M(H);return new c("Invalid "+$+" `"+O+"` of type "+("`"+n0+"` supplied to `"+V+"`, expected ")+("`"+w+"`."))}return null}return u(_)}function A(){return u(Lo)}function C(w){function _(T,I,V,$,O){if(typeof w!="function")return new c("Property `"+O+"` of component `"+V+"` has invalid PropType notation inside arrayOf.");const z=T[I];if(!Array.isArray(z)){const H=x(z);return new c("Invalid "+$+" `"+O+"` of type "+("`"+H+"` supplied to `"+V+"`, expected an array."))}for(let H=0;H1?Cr("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])."):Cr("Invalid argument supplied to oneOf, expected an array."),Lo;function _(T,I,V,$,O){const z=T[I];for(let Y=0;Y"u"||w===null)return""+w;const _=x(w);if(_==="object"){if(w instanceof Date)return"date";if(w instanceof RegExp)return"regexp"}return _}function P(w){const _=M(w);switch(_){case"array":case"object":return"an "+_;case"boolean":case"date":case"regexp":return"a "+_;default:return _}}function j(w){return!w.constructor||!w.constructor.name?a:w.constructor.name}return i.checkPropTypes=cA,i.resetWarningCache=cA.resetWarningCache,i.PropTypes=i,i},f0=su(function(e){{const t=cC;e.exports=jh(t.isElement)}}),Rs="data-focus-lock",AC="data-focus-lock-disabled",Vh="data-no-focus-lock",Hh="data-autofocus-inside";function Uh(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Wh(e,t){var n=s.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){const o=n.value;o!==r&&(n.value=r,n.callback(r,o))}}}})[0];return n.callback=t,n.facade}function dC(e,t){return Wh(t,function(n){return e.forEach(function(r){return Uh(r,n)})})}const dl={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};f0.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 Ia=function(){return Ia=Object.assign||function(t){for(var n,r=1,o=arguments.length;r0&&t.add(o),(a&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(r)}return e.filter(function(r,o){return!t.has(o)})};var EC=function(e){return e.parentNode?EC(e.parentNode):e};const uu=function(e){return Ps(e).filter(Boolean).reduce(function(n,r){const o=r.getAttribute(Rs);return n.push.apply(n,o?ey(nt(EC(r).querySelectorAll("["+Rs+'="'+o+'"]:not(['+AC+'="disabled"])'))):[r]),n},[])},ty=function(e){return!e||!e.getPropertyValue?!1:e.getPropertyValue("display")==="none"||e.getPropertyValue("visibility")==="hidden"};var gC=function(e){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!ty(window.getComputedStyle(e,null))&&gC(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)};const ny=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},Au=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},ka=function(e){return!Au(e)},ry=function(e){return!!e},oy=function(e,t){const n=e.tabIndex-t.tabIndex,r=e.index-t.index;if(n){if(!e.tabIndex)return 1;if(!t.tabIndex)return-1}return n||r},hC=function(e,t,n){return nt(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(oy)},ay=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],Os=ay.join(","),iy=Os+", [data-focus-guard]",du=function(e,t){return e.reduce(function(n,r){return n.concat(nt(r.querySelectorAll(t?iy:Os)),r.parentNode?nt(r.parentNode.querySelectorAll(Os)).filter(function(o){return o===r}):[])},[])},ly=function(e){const t=e.querySelectorAll("["+Hh+"]");return nt(t).map(function(n){return du([n])}).reduce(function(n,r){return n.concat(r)},[])},pu=function(e){return nt(e).filter(function(t){return gC(t)}).filter(function(t){return ny(t)})},Ns=function(e,t){return hC(pu(du(e,t)),!0,t)},uA=function(e){return hC(pu(du(e)),!1)},sy=function(e){return pu(ly(e))};var Ms=function(e,t){return t===void 0&&(t=[]),t.push(e),e.parentNode&&Ms(e.parentNode,t),t};const pl=function(e,t){const n=Ms(e),r=Ms(t);for(let o=0;o=0)return a}return!1},yC=function(e,t,n){const r=Ps(e),o=Ps(t),a=r[0];let i=!1;return o.filter(Boolean).forEach(function(l){i=pl(i||l,l)||i,n.filter(Boolean).forEach(function(c){const u=pl(a,c);u&&(!i||u.contains(i)?i=u:i=pl(u,i))})}),i},cy=function(e){return e.reduce(function(t,n){return t.concat(sy(n))},[])},uy=function(e){const t=uu(e).filter(ka),n=yC(e,e,t),r=Ns([n],!0),o=Ns(t).filter(function(a){const i=a.node;return ka(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:Au(i)}})},Ay=function(e){return e===document.activeElement},dy=function(e){return!!nt(e.querySelectorAll("iframe")).some(function(t){return Ay(t)})},bC=function(e){const t=document&&document.activeElement;return!t||t.dataset&&t.dataset.focusGuard?!1:uu(e).reduce(function(n,r){return n||r.contains(t)||dy(r)},!1)},py=function(){return document&&nt(document.querySelectorAll("["+Vh+"]")).some(function(e){return e.contains(document.activeElement)})},vC=function(e){return e.tagName==="INPUT"&&e.type==="radio"},Dy=function(e,t){return t.filter(vC).filter(function(n){return n.name===e.name}).filter(function(n){return n.checked})[0]||e},Du=function(e,t){return vC(e)&&e.name?Dy(e,t):e},Cy=function(e){const t=new Set;return e.forEach(function(n){return t.add(Du(n,e))}),e.filter(function(n){return t.has(n)})},AA=function(e){return e[0]&&e.length>1?Du(e[0],e):e[0]},dA=function(e,t){return e.length>1?e.indexOf(Du(e[t],e)):t},xC="NEW_FOCUS",fy=function(e,t,n,r){const o=e.length,a=e[0],i=e[o-1],l=Au(n);if(e.indexOf(n)>=0)return;const c=t.indexOf(n),u=r?t.indexOf(r):c,d=r?e.indexOf(r):-1,A=c-u,C=t.indexOf(a),f=t.indexOf(i),D=Cy(t),p=D.indexOf(n)-(r?D.indexOf(r):c),b=dA(e,0),B=dA(e,o-1);if(c===-1||d===-1)return xC;if(!A&&d>=0)return d;if(c<=C&&l&&Math.abs(A)>1)return B;if(c>=f&&l&&Math.abs(A)>1)return b;if(A&&Math.abs(p)>1)return d;if(c<=C)return B;if(c>f)return b;if(A)return Math.abs(A)>1?d:(o+d+A)%o},my=function(e){return function(t){return t.autofocus||t.dataset&&!!t.dataset.autofocus||e.indexOf(t)>=0}},By=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(ry)},Ey=function(e,t){const n=document&&document.activeElement,r=uu(e).filter(ka),o=yC(n||e,e,r),a=uA(r);let i=Ns(r).filter(function(A){const C=A.node;return ka(C)});if(!i[0]&&(i=a,!i[0]))return;const l=uA([o]).map(function(A){return A.node}),c=By(l,i),u=c.map(function(A){return A.node}),d=fy(u,l,n,t);if(d===xC){const A=a.map(function(C){return C.node}).filter(my(cy(r)));return{node:A&&A.length?AA(A):AA(u)}}return d===void 0?d:c[d]},gy=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()};let Dl=0,Cl=!1;const SC=function(e,t){const n=Ey(e,t);if(!Cl&&n){if(Dl>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Cl=!0,setTimeout(function(){Cl=!1},1);return}Dl++,gy(n.node),Dl--}};function FC(e){const t=window,n=t.setImmediate;typeof n<"u"?n(e):setTimeout(e,1)}const hy=function(){return document&&document.activeElement===document.body},yy=function(){return hy()||py()};let hn=null,dn=null,yn=null,qr=!1;const by=function(){return!0},vy=function(t){return(hn.whiteList||by)(t)},xy=function(t,n){yn={observerNode:t,portaledElement:n}},Sy=function(t){return yn&&yn.portaledElement===t};function pA(e,t,n,r){let o=null,a=e;do{const i=r[a];if(i.guard)i.node.dataset.focusAutoGuard&&(o=i);else if(i.lockItem){if(a!==e)return;o=null}else break}while((a+=n)!==t);o&&(o.node.tabIndex=0)}const Fy=function(t){return t&&"current"in t?t.current:t},wy=function(t){return t?!!qr:qr==="meanwhile"},Ra=function(){let t=!1;if(hn){const n=hn,r=n.observed,o=n.persistentFocus,a=n.autoFocus,i=n.shards,l=n.crossFrame,c=r||yn&&yn.portaledElement,u=document&&document.activeElement;if(c){const d=[c].concat(i.map(Fy).filter(Boolean));if((!u||vy(u))&&(o||wy(l)||!yy()||!dn&&a)&&(c&&!(bC(d)||Sy(u))&&(document&&!dn&&u&&!a?(u.blur&&u.blur(),document.body.focus()):(t=SC(d,dn),yn={})),qr=!1,dn=document&&document.activeElement),document){const A=document&&document.activeElement,C=uy(d),f=C.map(function(D){return D.node}).indexOf(A);f>-1&&(C.filter(function(D){const p=D.guard,b=D.node;return p&&b.dataset.focusAutoGuard}).forEach(function(D){return D.node.removeAttribute("tabIndex")}),pA(f,C.length,1,C),pA(f,-1,-1,C))}}}return t},wC=function(t){Ra()&&t&&(t.stopPropagation(),t.preventDefault())},Cu=function(){return FC(Ra)},Ty=function(t){const n=t.target,r=t.currentTarget;r.contains(n)||xy(r,n)},_y=function(){return null};f0.node.isRequired;const TC=function(){qr="just",setTimeout(function(){qr="meanwhile"},0)},Iy=function(){document.addEventListener("focusin",wC,!0),document.addEventListener("focusout",Cu),window.addEventListener("blur",TC)},ky=function(){document.removeEventListener("focusin",wC,!0),document.removeEventListener("focusout",Cu),window.removeEventListener("blur",TC)};function Ry(e){return e.filter(function(t){return!t.disabled})}function Ly(e){const t=e.slice(-1)[0];t&&!hn&&Iy();const n=hn,r=n&&t&&t.id===n.id;hn=t,n&&!r&&(n.onDeactivation(),e.filter(function(o){return o.id===n.id}).length||n.returnFocus(!t)),t?(dn=null,(!r||n.observed!==t.observed)&&t.onActivation(),Ra(),FC(Ra)):(ky(),dn=null)}mC.assignSyncMedium(Ty);BC.assignMedium(Cu);Yh.assignMedium(function(e){return e({moveFocusInside:SC,focusInside:bC})});const Py=Qh(Ry,Ly)(_y),_C=s.forwardRef(function(t,n){return s.createElement(mi,_s({sideCar:Py,ref:n},t))}),IC=mi.propTypes||{};IC.sideCar;const Oy=Ph(IC,["sideCar"]);_C.propTypes=Oy;/*! ***************************************************************************** +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 bn=function(){return bn=Object.assign||function(t){for(var n,r=1,o=arguments.length;r"u")return Gy;const t=qy(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])}},Yy=RC(),Ky=function(e,t,n,r){const o=e.left,a=e.top,i=e.right,l=e.gap;return n===void 0&&(n="margin"),` + .`+My+` { + 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("")+` + } + + .`+Qo+` { + right: `+l+"px "+r+`; + } + + .`+ea+` { + margin-right: `+l+"px "+r+`; + } + + .`+Qo+" ."+Qo+` { + right: 0 `+r+`; + } + + .`+ea+" ."+ea+` { + margin-right: 0 `+r+`; + } + + body { + `+$y+": "+l+`px; + } +`},Jy=function(e){const t=s.useState(DA(e.gapMode)),n=t[0],r=t[1];s.useEffect(function(){r(DA(e.gapMode))},[e.gapMode]);const o=e.noRelative,a=e.noImportant,i=e.gapMode,l=i===void 0?"margin":i;return s.createElement(Yy,{styles:Ky(n,!o,l,a?"":"!important")})},Xy=function(e){const t=window.getComputedStyle(e);return t.overflowY!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowY==="visible")},Zy=function(e){const t=window.getComputedStyle(e);return t.overflowX!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowX==="visible")},CA=function(e,t){let n=t;do{if(LC(e,n)){const o=PC(e,n),a=o[1],i=o[2];if(a>i)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Qy=function(e){const t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},eb=function(e){const t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]};var LC=function(e,t){return e==="v"?Xy(t):Zy(t)},PC=function(e,t){return e==="v"?Qy(t):eb(t)};const tb=function(e,t,n,r,o){const a=r;let i=n.target;const l=t.contains(i);let c=!1;const u=a>0;let d=0,A=0;do{const C=PC(e,i),f=C[0],D=C[1],p=C[2],b=D-p-f;(f||b)&&LC(e,i)&&(d+=b,A+=f),i=i.parentNode}while(!l&&i!==document.body||l&&(t.contains(i)||t===i));return(u&&(d===0||!o)||!u&&(A===0||!o))&&(c=!0),c};let $s=!1;if(typeof window<"u")try{const e=Object.defineProperty({},"passive",{get:function(){return $s=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{$s=!1}const Wt=$s?{passive:!1}:!1,Po=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},fA=function(e){return[e.deltaX,e.deltaY]},mA=function(e){return e&&"current"in e?e.current:e},nb=function(e,t){return e[0]===t[0]&&e[1]===t[1]},rb=function(e){return` + .block-interactivity-`+e+` {pointer-events: none;} + .allow-interactivity-`+e+` {pointer-events: all;} +`};let ob=0,Gt=[];function ab(e){const t=s.useRef([]),n=s.useRef([0,0]),r=s.useRef(),o=s.useState(ob++)[0],a=s.useState(function(){return RC()})[0],i=s.useRef(e);s.useEffect(function(){i.current=e},[e]),s.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-"+o);const p=[e.lockRef.current].concat((e.shards||[]).map(mA)).filter(Boolean);return p.forEach(function(b){return b.classList.add("allow-interactivity-"+o)}),function(){document.body.classList.remove("block-interactivity-"+o),p.forEach(function(b){return b.classList.remove("allow-interactivity-"+o)})}}},[e.inert,e.lockRef.current,e.shards]);const l=s.useCallback(function(p,b){if("touches"in p&&p.touches.length===2)return!i.current.allowPinchZoom;const B=Po(p),m=n.current,E="deltaX"in p?p.deltaX:m[0]-B[0],S="deltaY"in p?p.deltaY:m[1]-B[1];let L;const k=p.target,R=Math.abs(E)>Math.abs(S)?"h":"v";let x=CA(R,k);if(!x)return!0;if(x?L=R:(L=R==="v"?"h":"v",x=CA(R,k)),!x)return!1;if(!r.current&&"changedTouches"in p&&(E||S)&&(r.current=L),!L)return!0;const M=r.current||L;return tb(M,b,p,M==="h"?E:S,!0)},[]),c=s.useCallback(function(p){const b=p;if(!Gt.length||Gt[Gt.length-1]!==a)return;const B="deltaY"in b?fA(b):Po(b),m=t.current.filter(function(E){return E.name===b.type&&E.target===b.target&&nb(E.delta,B)})[0];if(m&&m.should){b.preventDefault();return}if(!m){const E=(i.current.shards||[]).map(mA).filter(Boolean).filter(function(L){return L.contains(b.target)});(E.length>0?l(b,E[0]):!i.current.noIsolation)&&b.preventDefault()}},[]),u=s.useCallback(function(p,b,B,m){const E={name:p,delta:b,target:B,should:m};t.current.push(E),setTimeout(function(){t.current=t.current.filter(function(S){return S!==E})},1)},[]),d=s.useCallback(function(p){n.current=Po(p),r.current=void 0},[]),A=s.useCallback(function(p){u(p.type,fA(p),p.target,l(p,e.lockRef.current))},[]),C=s.useCallback(function(p){u(p.type,Po(p),p.target,l(p,e.lockRef.current))},[]);s.useEffect(function(){return Gt.push(a),e.setCallbacks({onScrollCapture:A,onWheelCapture:A,onTouchMoveCapture:C}),document.addEventListener("wheel",c,Wt),document.addEventListener("touchmove",c,Wt),document.addEventListener("touchstart",d,Wt),function(){Gt=Gt.filter(function(p){return p!==a}),document.removeEventListener("wheel",c,Wt),document.removeEventListener("touchmove",c,Wt),document.removeEventListener("touchstart",d,Wt)}},[]);const f=e.removeScrollBar,D=e.inert;return s.createElement(s.Fragment,null,D?s.createElement(a,{styles:rb(o)}):null,f?s.createElement(Jy,{gapMode:"margin"}):null)}const ib=qh(kC,ab),OC=s.forwardRef(function(e,t){return s.createElement(Bi,bn({},e,{ref:t,sideCar:ib}))});OC.classNames=Bi.classNames;function de(){return de=Object.assign||function(e){for(let t=1;t=0)&&(n[o]=e[o]);return n}const NC={allowPinchZoom:f0.bool,dangerouslyBypassFocusLock:f0.bool,dangerouslyBypassScrollLock:f0.bool,initialFocusRef:function(){return null},onDismiss:f0.func},Ln=fi(function(t,n){const r=t.as,o=r===void 0?"div":r,a=t.isOpen,i=a===void 0?!0:a,l=Ei(t,["as","isOpen"]);return lC("dialog"),s.useEffect(function(){i?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[i]),i?s.createElement(sC,{"data-reach-dialog-wrapper":""},s.createElement(lb,de({ref:n,as:o},l))):null});Ln.displayName="DialogOverlay",Ln.propTypes=de({},NC,{isOpen:f0.bool});var lb=fi(function(t,n){const r=t.allowPinchZoom,o=t.as,a=o===void 0?"div":o,i=t.dangerouslyBypassFocusLock,l=i===void 0?!1:i,c=t.dangerouslyBypassScrollLock,u=c===void 0?!1:c,d=t.initialFocusRef,A=t.onClick,C=t.onDismiss,f=C===void 0?ro:C,D=t.onKeyDown,p=t.onMouseDown,b=t.unstable_lockFocusAcrossFrames,B=b===void 0?!0:b,m=Ei(t,["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),E=s.useRef(null),S=s.useRef(null),L=Lh(S,n),k=s.useCallback(function(){d&&d.current&&d.current.focus()},[d]);function R(P){E.current===P.target&&(P.stopPropagation(),f(P))}function x(P){P.key==="Escape"&&(P.stopPropagation(),f(P))}function M(P){E.current=P.target}return s.useEffect(function(){return S.current?sb(S.current):void 0},[]),s.createElement(_C,{autoFocus:!0,returnFocus:!0,onActivation:k,disabled:l,crossFrame:B},s.createElement(OC,{allowPinchZoom:r,enabled:!u},s.createElement(a,de({},m,{ref:L,"data-reach-dialog-overlay":"",onClick:Zo(A,R),onKeyDown:Zo(D,x),onMouseDown:Zo(p,M)}))))});Ln.displayName="DialogOverlay",Ln.propTypes=de({},NC);const La=fi(function(t,n){const r=t.as,o=r===void 0?"div":r,a=t.onClick;t.onKeyDown;const i=Ei(t,["as","onClick","onKeyDown"]);return s.createElement(o,de({"aria-modal":"true",role:"dialog",tabIndex:-1},i,{ref:n,"data-reach-dialog-content":"",onClick:Zo(a,function(l){l.stopPropagation()})}))});La.displayName="DialogContent",La.propTypes={"aria-label":Pa,"aria-labelledby":Pa};const BA=fi(function(t,n){const r=t.allowPinchZoom,o=r===void 0?!1:r,a=t.initialFocusRef,i=t.isOpen,l=t.onDismiss,c=l===void 0?ro:l,u=Ei(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return s.createElement(Ln,{allowPinchZoom:o,initialFocusRef:a,isOpen:i,onDismiss:c},s.createElement(La,de({ref:n},u)))});BA.displayName="Dialog",BA.propTypes={isOpen:f0.bool,onDismiss:f0.func,"aria-label":Pa,"aria-labelledby":Pa};function sb(e){const t=[],n=[],r=_h(e);return e?(Array.prototype.forEach.call(r.querySelectorAll("body > *"),function(o){let a,i;const l=(a=e.parentNode)==null||(i=a.parentNode)==null?void 0:i.parentNode;if(o===l)return;const c=o.getAttribute("aria-hidden");c!==null&&c!=="false"||(t.push(c),n.push(o),o.setAttribute("aria-hidden","true"))}),function(){n.forEach(function(o,a){const i=t[a];i===null?o.removeAttribute("aria-hidden"):o.setAttribute("aria-hidden",i)})}):(console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),ro)}function Pa(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&&!kh(e[t])?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null}const cb=({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}),vn=({children:e,href:t,style:n})=>v.jsx("a",{className:"ladle-link",href:t,style:n,children:e}),Pt=({children:e})=>v.jsx("code",{className:"ladle-code",children:e}),qn=({children:e,close:t,isOpen:n,label:r,maxWidth:o="40em"})=>v.jsx(Ln,{isOpen:n,onDismiss:()=>t(),"data-testid":"ladle-dialog-overlay",children:v.jsxs(La,{"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(cb,{onClick:()=>t(),"aria-label":"Close modal",style:{height:"36px",width:"36px",borderColor:"transparent",boxShadow:"none"},children:v.jsx(uE,{})})}),v.jsx("div",{className:"ladle-addon-modal-body",children:e})]})});var c2;(function(e){e.Full="full",e.Preview="preview"})(c2||(c2={}));var O0;(function(e){e.Light="light",e.Dark="dark",e.Auto="auto"})(O0||(O0={}));var l0;(function(e){e.Boolean="boolean",e.String="string",e.Number="number",e.Complex="complex",e.Function="function",e.Radio="radio",e.InlineRadio="inline-radio",e.Select="select",e.MultiSelect="multi-select",e.Check="check",e.InlineCheck="inline-check",e.Action="action",e.Range="range",e.Background="background"})(l0||(l0={}));var u0;(function(e){e.UpdateAll="update-all",e.UpdateMode="update-mode",e.UpdateAction="update-action",e.UpdateRtl="update-rtl",e.UpdateSource="update-source",e.UpdateStory="update-story",e.UpdateTheme="update-theme",e.UpdateWidth="update-width",e.UpdateControl="update-control",e.UpdateControlIntialized="update-control-initialized",e.UpdateHotkeys="update-hotkeys"})(u0||(u0={}));const EA=e=>{switch(e){case l0.Boolean:return"checkbox";case l0.Number:return"number";case l0.Range:return"range";default:return"text"}},gA=(e,t)=>{switch(t){case l0.Boolean:return e.checked;case l0.Number:case l0.Range:return parseFloat(e.value);default:return e.value}},Oa=(e,t)=>t&&t.some(r=>r===Number(e))?Number(e):e==="true"||e==="false"?e!=="false":e,MC=(e,t)=>{const n=De.parse(e),r={};return Object.keys(t).length===0?t:(Object.keys(n).forEach(o=>{if(o.startsWith("arg-")&&t[o.split("-")[1]]){const i=o.split("-")[1],l=n[o],c=t[i].type;if(c!==l0.Action){let u=l;switch(c){case l0.String:u=decodeURI(l);break;case l0.Boolean:u=l==="true";break;case l0.Range:u=parseFloat(l);break;case l0.Number:u=parseInt(l,10);break;case l0.Complex:u=JSON.parse(decodeURI(l));break;case l0.Radio:case l0.InlineRadio:case l0.Select:case l0.Background:u=Oa(decodeURI(l),t[i].options);break;case l0.InlineCheck:case l0.MultiSelect:case l0.Check:u=Oa(JSON.parse(decodeURI(l)),t[i].options);break}r[i]={value:u,defaultValue:t[i].defaultValue,description:t[i].description,type:t[i].type}}}}),r)},ub=({controlKey:e,globalState:t,dispatch:n})=>{const r=t.control[e],o=t.control[e].name||e;if(t.control[e].type===l0.Action)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{children:"action"})]});if(t.control[e].type===l0.Function)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{children:"function"})]});if(t.control[e].type===l0.Radio||t.control[e].type===l0.InlineRadio||t.control[e].type===l0.Background&&t.control[e].options.length<5)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{style:t.control[e].type===l0.InlineRadio?{display:"flex"}:{},children:(t.control[e].options||[]).map(a=>{const i=t.control[e].value,c=(t.control[e].labels||{})[a]||a,u=i===a||i===String(a);return v.jsxs("div",{style:{display:"flex",alignItems:"center",...t.control[e].type===l0.InlineRadio?{paddingRight:"0.5em"}:{}},children:[v.jsx("input",{id:`${e}-${String(a)}`,type:"radio",name:e,value:String(a),onChange:()=>{n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:Oa(String(a),t.control[e].options)}}})},checked:u}),v.jsx("label",{htmlFor:`${e}-${String(a)}`,children:String(c)})]},`${String(a)}-${e}`)})})]});if(t.control[e].type===l0.Check||t.control[e].type===l0.InlineCheck||t.control[e].type===l0.MultiSelect)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{style:t.control[e].type===l0.InlineCheck?{display:"flex"}:{},children:(t.control[e].options||[]).map(a=>{const i=new Set(t.control[e].value),c=(t.control[e].labels||{})[a]||a;return v.jsxs("div",{style:{display:"flex",alignItems:"center",...t.control[e].type===l0.InlineCheck?{paddingRight:"0.5em"}:{}},children:[v.jsx("input",{id:`${e}-${String(a)}`,type:"checkbox",name:`${e}-${String(a)}`,value:String(a),checked:i.has(String(a)),onChange:()=>{const u=String(a);i.has(u)?i.delete(u):i.add(u),n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:i.size>0?Array.from(i):void 0}}})}}),v.jsx("label",{htmlFor:`${e}-${String(a)}`,style:{marginLeft:"0.3em"},children:String(c)})]},`${String(a)}-${e}`)})})]});if(t.control[e].type===l0.Select||t.control[e].type===l0.Background)return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsx("td",{children:v.jsxs("select",{id:e,value:String(t.control[e].value),onChange:a=>{const i=t.control[e].labels||{},l=Object.keys(i).find(c=>i[c]===a.target.value)||a.target.value;n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:Oa(l,t.control[e].options)}}})},children:[v.jsx("option",{value:"undefined",disabled:!0,children:"Choose option..."}),(t.control[e].options||[]).map(a=>{const l=(t.control[e].labels||{})[a]||a;return v.jsx("option",{children:String(l)},`${a}-${e}`)})]})})]});if(t.control[e].type===l0.Complex){let a="";try{a=JSON.stringify(t.control[e].value)}catch{a="Object/Array argument must be serializable."}return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsx("td",{children:v.jsx("textarea",{id:e,defaultValue:a,onChange:i=>{let l=t.control[e].value;try{l=JSON.parse(i.target.value)}catch{}n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:l}}})}})})]})}if(r.type===l0.Range){const a=r.min??0,i=r.max??100;return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsxs("td",{children:[a,v.jsx("input",{id:e,type:EA(r.type),value:r.value,min:r.min,max:r.max,step:r.step,onChange:l=>n({type:u0.UpdateControl,value:{...t.control,[e]:{...r,value:gA(l.target,r.type)}}})}),r.value," / ",i]})]})}return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsx("td",{children:v.jsx("input",{id:e,type:EA(t.control[e].type),value:t.control[e].value,checked:t.control[e].type===l0.Boolean&&t.control[e].value===!0,onChange:a=>n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:gA(a.target,t.control[e].type)}}})})})]})},Ab=({globalState:e,dispatch:t})=>{const[n,r]=s.useState(!1);M2(o0.hotkeys.control,()=>r(i=>!i),{enabled:e.hotkeys&&o0.addons.control.enabled});const o="Explore different versions of this story through controls.",a=Object.keys(e.control).filter(i=>JSON.stringify(e.control[i].value)!==JSON.stringify(e.control[i].defaultValue));return v.jsx("li",{children:v.jsxs("button",{"aria-label":o,title:o,onClick:()=>r(!0),className:n?"ladle-active":"","data-testid":"addon-control",type:"button",children:[v.jsx(BE,{}),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(qn,{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(ub,{globalState:e,dispatch:t,controlKey:i},i))})}),v.jsx("button",{onClick:()=>{const i={};Object.keys(e.control).forEach(l=>{i[l]={...e.control[l],value:e.control[l].defaultValue}}),t({type:u0.UpdateControl,value:i})},type:"button",children:"Reset to defaults"})]})]})})},hA=["select","multi-select","radio","inline-radio","background","check","inline-check","range","color","date","number","text","boolean"],db=({component:e,args:t,argTypes:n})=>{const{globalState:r,dispatch:o}=Ol(),a=c=>u=>{o({type:u0.UpdateAction,value:{name:c,event:u},clear:!1})};s.useEffect(()=>{const c={};let u=0;if(t&&Object.keys(t).forEach(d=>{const A=t[d];if(r.control[d])c[d]={type:r.control[d].type,defaultValue:A,value:r.control[d].value,description:""};else{let C=l0.Complex;switch(typeof A){case"function":C=l0.Function;break;case"boolean":C=l0.Boolean;break;case"number":C=l0.Number;break;case"string":C=l0.String;break}c[d]={type:C,defaultValue:A,value:A,description:""}}}),n&&Object.keys(n).forEach(d=>{const A=n[d];if(A&&A.action){c[d]={type:l0.Action,defaultValue:a(d),value:a(d),description:""};return}if(!A.control||!A.control.type)throw new Error("argTypes should have control type specified");if(hA.indexOf(A.control.type)===-1)throw new Error(`only ${hA.join(", ")} argTypes are supported now. For strings, booleans and numbers use just args.`);if(A.control.type==="background"&&(u++,u>1))throw new Error("There can be only single argType with the type background since it's used to change Ladle's background color.");c[d]={name:A.name,type:A.control.type,labels:A.control.labels,defaultValue:t[d]?t[d]:A.defaultValue,options:A.options,value:t[d]?t[d]:A.defaultValue,description:A.description||d,min:A.control.min,max:A.control.max,step:A.control.step},r.control[d]&&(c[d].value=r.control[d].value)}),Object.keys(c).length){const d=MC(location.search,c);Object.keys(d).forEach(A=>{c[A].value=d[A].value}),Object.keys(c).some(A=>!r.control[A]||c[A].value!==r.control[A].value)&&o({type:u0.UpdateControl,value:c})}else r.controlInitialized||o({type:u0.UpdateControlIntialized,value:!0})},[]);const i=(c,u)=>n&&n[c]&&n[c].mapping&&Object.prototype.hasOwnProperty.call(n[c].mapping,u)?n[c].mapping[u]:u,l={};return Object.keys(r.control).forEach(c=>{Array.isArray(r.control[c].value)?l[c]=r.control[c].value.map(u=>i(c,u)):l[c]=i(c,r.control[c].value)}),r.controlInitialized?s.createElement(e,l):null},pb=({children:e,msw:t})=>{const[n,r]=s.useState(!1);return s.useEffect(()=>((async()=>{if(t.length>0){const{setupWorker:a}=await g(async()=>{const{setupWorker:i}=await import("./empty-module-BIHI7g3E.js");return{setupWorker:i}},[],import.meta.url);window.__ladle_msw?(window.__ladle_msw.use(...t),r(!0)):(window.__ladle_msw=a(),window.__ladle_msw.use(...t),window.__ladle_msw.start({serviceWorker:{url:"./mockServiceWorker.js"}}).then(()=>{r(!0)}))}})(),()=>{window.__ladle_msw&&window.__ladle_msw.resetHandlers()}),[t]),t.length===0||n?e:null};function y(e,t){let n=[],r={},o=[];e.default&&e.default.msw&&(o=e.default.msw),e[t]&&e[t].msw&&(o=e[t].msw);const a={args:{...H5,...e.default&&e.default.args?e.default.args:{},...e[t].args?e[t].args:{}},argTypes:{...VS,...e.default&&e.default.argTypes?e.default.argTypes:{},...e[t].argTypes?e[t].argTypes:{}},component:e[t]};return e[t]&&Array.isArray(e[t].decorators)&&(n=[...n,...e[t].decorators]),e.default&&Array.isArray(e.default.decorators)&&(n=[...n,...e.default.decorators]),r={...e.default&&e.default.parameters?e.default.parameters:{},...e[t].parameters?e[t].parameters:{}},function(){const{globalState:l}=Ol(),c=W.useMemo(()=>function(){return v.jsx(pb,{msw:o,children:v.jsx(db,{...a})})},[]);if(n.length===0)return v.jsx(c,{});const u=A=>W.useRef(()=>{const C=Ol(),f={};return Object.keys(C.globalState.control).forEach(D=>f[D]=C.globalState.control[D].value),n[A](A===0?c:u(A-1),{...C,parameters:r,argTypes:a.argTypes,args:f})}).current,d=u(n.length-1);return l.controlInitialized?v.jsx(d,{}):v.jsx(c,{})}}var $C={exports:{}};/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var a="",i=0;itypeof window>"u"?void 0:window,Cb=(...e)=>t=>{for(let n of e)if(n==null||n(t),t!=null&&t.defaultPrevented)return},hL=e=>{if(!e)return[];let t=getComputedStyle(e).getPropertyValue("transform");return fb(t)},fb=e=>{let t=new DOMMatrix(e);return[t.m41,t.m42]},yL=(e,t,n)=>Math.min(n,Math.max(t,e)),mb=(e=21)=>{let t="_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",n="";for(let r=0;rt=>{e.forEach(n=>{typeof n=="function"?n(t):n&&(n.current=t)})},Yn=(...e)=>s.useCallback(zC(...e),[...e]),Bb=e=>{let t=s.useRef();return[s.useCallback(r=>{var o,a,i,l,c;(o=zs())!=null&&o.ResizeObserver&&((i=(a=t.current)==null?void 0:a.disconnect)==null||i.call(a),r&&(t.current=new ResizeObserver(u=>{window.requestAnimationFrame(()=>{if(!Array.isArray(u)||!u.length)return;let[{contentRect:d}]=u;return e(d)})}),(c=(l=t.current)==null?void 0:l.observe)==null||c.call(l,r)))},[e]),t.current]},fu=s.createContext(void 0);let Eb=typeof jest<"u",gb=globalThis.Cypress!==void 0,hb=globalThis.beforeEach!==void 0&&`${globalThis.beforeEach}`.replace(/\s/g,"")==="function(name,fn){suites[0].beforeEach(name,fn);}"&&!gb,yb=globalThis.__vitest_index__!==void 0,oo=Eb||yb||hb;const bb=()=>{let e=s.useContext(fu);return vb(e),xb(),e},vb=e=>{s.useEffect(()=>{},[e])};let xb=()=>{s.useEffect(()=>{},[])},Sb=Cc;const jC=Sb.useSyncExternalStore||Fb;function Fb(e,t){let n=t(),[{instance:r},o]=s.useState({instance:{value:n,getSnapshot:t}});return s.useLayoutEffect(()=>{r.value=n,r.getSnapshot=t,Object.is(n,t())||o({instance:r})},[e,n,t]),s.useEffect(()=>{let a=()=>{Object.is(r.value,r.getSnapshot())||o({instance:r})};return a(),e(a)},[e]),n}const js=e=>{let t=s.useCallback(()=>{var r;return typeof window<"u"?(r=window.matchMedia)==null?void 0:r.call(window,e).matches:void 0},[e]),n=s.useCallback(r=>{var a,i;let o=(a=window.matchMedia)==null?void 0:a.call(window,e);return(i=o==null?void 0:o.addEventListener)==null||i.call(o,"change",r),()=>{var l;return(l=o==null?void 0:o.removeEventListener)==null?void 0:l.call(o,"change",r)}},[e]);return jC(n,t,()=>{})},gi=e=>{let t=s.useContext(e);if(!t)throw new Error(`${e.displayName||"Context"} is undefined`);return t},Vs=e=>{let t=s.useRef(e);return s.useEffect(()=>{t.current=e},[e]),t};let Pn=typeof window<"u"?s.useLayoutEffect:s.useEffect;const mu=()=>{let[e,t]=s.useState(!1);return s.useEffect(()=>{t(!0)},[]),e},Na=()=>{let e=Tb();return s.useMemo(()=>`iui-${e}`,[e])};let wb=Cc,Tb=wb.useId??(()=>s.useMemo(()=>mb(10),[]));const VC=(e,t,n)=>{let[r,o]=s.useState(e),a=s.useMemo(()=>t!==void 0?t:r,[t,r]),i=s.useCallback(l=>{o(l),n==null||n(l)},[n,o]);return[a,i]},HC="3.16.0",yA=new Proxy({},{get(e,t){if(typeof t=="string"&&t.startsWith("iui-"))return t.replace("iui-",`_iui${HC.replace(/\./g,"")}-`)},has(e,t){return typeof t=="string"&&t.startsWith("iui-")}});let _b=e=>(t,n)=>s.forwardRef(({as:o=e,...a},i)=>{a={...n,...a,className:Ib(r2(t,n==null?void 0:n.className,a.className))};let l=o||"div";if(l==="button"||l==="a"||l==="input"&&a.type==="checkbox"){var c;(c=a).tabIndex??(c.tabIndex=0)}return bb(),s.createElement(l,{ref:i,...a})});const UC=new Proxy({},{get:(e,t)=>typeof t=="string"?_b(t):Reflect.get(e,t)});let Ib=(e="")=>e.split(" ").map(t=>t in yA?yA[t]:t).join(" ")||null;const kb=async e=>{try{return await new Function(`return import("${e}", { with: { type: "css" } })`)()}catch{try{return await new Function(`return import("${e}", { assert: { type: "css" } })`)()}catch{return await fetch(e).then(t=>t.text()).then(t=>{let n=new CSSStyleSheet;return n.replaceSync(t),{default:n}})}}},WC=(e,t)=>{if(!e)return null;if(!s.isValidElement(e))return e;let n=t(e),r=zC(...["ref"in e?e.ref:null,"ref"in n?n.ref:null].filter(Boolean));return s.cloneElement(e,{...n,ref:r})},w2=UC.div("");function pe(e){return GC(e)?(e.nodeName||"").toLowerCase():"#document"}function E2(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Le(e){var t;return(t=(GC(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function GC(e){return e instanceof Node||e instanceof E2(e).Node}function b0(e){return e instanceof Element||e instanceof E2(e).Element}function M0(e){return e instanceof HTMLElement||e instanceof E2(e).HTMLElement}function Hs(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof E2(e).ShadowRoot}function ao(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=_2(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function Rb(e){return["table","td","th"].includes(pe(e))}function Lb(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function Bu(e){const t=Eu(),n=b0(e)?_2(e):e;return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(n.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(n.contain||"").includes(r))}function Pb(e){let t=Ot(e);for(;M0(t)&&!On(t);){if(Bu(t))return t;if(Lb(t))return null;t=Ot(t)}return null}function Eu(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function On(e){return["html","body","#document"].includes(pe(e))}function _2(e){return E2(e).getComputedStyle(e)}function hi(e){return b0(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Ot(e){if(pe(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Hs(e)&&e.host||Le(e);return Hs(t)?t.host:t}function qC(e){const t=Ot(e);return On(t)?e.ownerDocument?e.ownerDocument.body:e.body:M0(t)&&ao(t)?t:qC(t)}function Qe(e,t,n){var r;t===void 0&&(t=[]),n===void 0&&(n=!0);const o=qC(e),a=o===((r=e.ownerDocument)==null?void 0:r.body),i=E2(o);if(a){const l=Ob(i);return t.concat(i,i.visualViewport||[],ao(o)?o:[],l&&n?Qe(l):[])}return t.concat(o,Qe(o,[],n))}function Ob(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function X2(e){let t=e.activeElement;for(;((n=t)==null||(n=n.shadowRoot)==null?void 0:n.activeElement)!=null;){var n;t=t.shadowRoot.activeElement}return t}function P0(e,t){if(!e||!t)return!1;const n=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&Hs(n)){let r=t;for(;r;){if(e===r)return!0;r=r.parentNode||r.host}}return!1}function YC(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function KC(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:n,version:r}=t;return n+"/"+r}).join(" "):navigator.userAgent}function JC(e){return e.mozInputSource===0&&e.isTrusted?!0:Us()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function gu(e){return Nb()?!1:!Us()&&e.width===0&&e.height===0||Us()&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType==="touch"}function hu(){return/apple/i.test(navigator.vendor)}function Us(){const e=/android/i;return e.test(YC())||e.test(KC())}function XC(){return YC().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function Nb(){return KC().includes("jsdom/")}function Yr(e,t){const n=["mouse","pen"];return t||n.push("",void 0),n.includes(e)}function Mb(e){return"nativeEvent"in e}function $b(e){return e.matches("html,body")}function q0(e){return(e==null?void 0:e.ownerDocument)||document}function Bl(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const n=e;return n.target!=null&&t.contains(n.target)}function he(e){return"composedPath"in e?e.composedPath()[0]:e.target}const zb="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function yu(e){return M0(e)&&e.matches(zb)}function s2(e){e.preventDefault(),e.stopPropagation()}function ZC(e){return e?e.getAttribute("role")==="combobox"&&yu(e):!1}const QC=["top","right","bottom","left"],bA=["start","end"],vA=QC.reduce((e,t)=>e.concat(t,t+"-"+bA[0],t+"-"+bA[1]),[]),Ie=Math.min,n2=Math.max,Ma=Math.round,pn=Math.floor,rt=e=>({x:e,y:e}),jb={left:"right",right:"left",bottom:"top",top:"bottom"},Vb={start:"end",end:"start"};function xA(e,t,n){return n2(e,Ie(t,n))}function st(e,t){return typeof e=="function"?e(t):e}function H2(e){return e.split("-")[0]}function se(e){return e.split("-")[1]}function ef(e){return e==="x"?"y":"x"}function tf(e){return e==="y"?"height":"width"}function Kn(e){return["top","bottom"].includes(H2(e))?"y":"x"}function nf(e){return ef(Kn(e))}function rf(e,t,n){n===void 0&&(n=!1);const r=se(e),o=nf(e),a=tf(o);let i=o==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=za(i)),[i,za(i)]}function Hb(e){const t=za(e);return[$a(e),t,$a(t)]}function $a(e){return e.replace(/start|end/g,t=>Vb[t])}function Ub(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 Wb(e,t,n,r){const o=se(e);let a=Ub(H2(e),n==="start",r);return o&&(a=a.map(i=>i+"-"+o),t&&(a=a.concat(a.map($a)))),a}function za(e){return e.replace(/left|right|bottom|top/g,t=>jb[t])}function Gb(e){return{top:0,right:0,bottom:0,left:0,...e}}function of(e){return typeof e!="number"?Gb(e):{top:e,right:e,bottom:e,left:e}}function Nn(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}/*! +* tabbable 6.2.0 +* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE +*/var qb=["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])"],ja=qb.join(","),af=typeof Element>"u",Mn=af?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Va=!af&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e==null?void 0:e.ownerDocument},Ha=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},Yb=function(t){var n,r=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return r===""||r==="true"},Kb=function(t,n,r){if(Ha(t))return[];var o=Array.prototype.slice.apply(t.querySelectorAll(ja));return n&&Mn.call(t,ja)&&o.unshift(t),o=o.filter(r),o},Jb=function e(t,n,r){for(var o=[],a=Array.from(t);a.length;){var i=a.shift();if(!Ha(i,!1))if(i.tagName==="SLOT"){var l=i.assignedElements(),c=l.length?l:i.children,u=e(c,!0,r);r.flatten?o.push.apply(o,u):o.push({scopeParent:i,candidates:u})}else{var d=Mn.call(i,ja);d&&r.filter(i)&&(n||!t.includes(i))&&o.push(i);var A=i.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(i),C=!Ha(A,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(i));if(A&&C){var f=e(A===!0?i.children:A.children,!0,r);r.flatten?o.push.apply(o,f):o.push({scopeParent:i,candidates:f})}else a.unshift.apply(a,i.children)}}return o},lf=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},sf=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||Yb(t))&&!lf(t)?0:t.tabIndex},Xb=function(t,n){var r=sf(t);return r<0&&n&&!lf(t)?0:r},Zb=function(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex},cf=function(t){return t.tagName==="INPUT"},Qb=function(t){return cf(t)&&t.type==="hidden"},ev=function(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return n},tv=function(t,n){for(var r=0;rsummary:first-of-type"),i=a?t.parentElement:t;if(Mn.call(i,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof o=="function"){for(var l=t;t;){var c=t.parentElement,u=Va(t);if(c&&!c.shadowRoot&&o(c)===!0)return SA(t);t.assignedSlot?t=t.assignedSlot:!c&&u!==t.ownerDocument?t=u.host:t=c}t=l}if(av(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return SA(t);return!1},lv=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=0)},uv=function e(t){var n=[],r=[];return t.forEach(function(o,a){var i=!!o.scopeParent,l=i?o.scopeParent:o,c=Xb(l,i),u=i?e(o.candidates):l;c===0?i?n.push.apply(n,u):n.push(l):r.push({documentOrder:a,tabIndex:c,item:o,isScope:i,content:u})}),r.sort(Zb).reduce(function(o,a){return a.isScope?o.push.apply(o,a.content):o.push(a.content),o},[]).concat(n)},Kr=function(t,n){n=n||{};var r;return n.getShadowRoot?r=Jb([t],n.includeContainer,{filter:Ws.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:cv}):r=Kb(t,n.includeContainer,Ws.bind(null,n)),uv(r)},Av=function(t,n){if(n=n||{},!t)throw new Error("No node provided");return Mn.call(t,ja)===!1?!1:Ws(n,t)};function FA(e,t,n){let{reference:r,floating:o}=e;const a=Kn(t),i=nf(t),l=tf(i),c=H2(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 f;switch(c){case"top":f={x:d,y:r.y-o.height};break;case"bottom":f={x:d,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:A};break;case"left":f={x:r.x-o.width,y:A};break;default:f={x:r.x,y:r.y}}switch(se(t)){case"start":f[i]-=C*(n&&u?-1:1);break;case"end":f[i]+=C*(n&&u?-1:1);break}return f}const dv=async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:i}=n,l=a.filter(Boolean),c=await(i.isRTL==null?void 0:i.isRTL(t));let u=await i.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:A}=FA(u,r,c),C=r,f={},D=0;for(let p=0;pse(o)===e),...n.filter(o=>se(o)!==e)]:n.filter(o=>H2(o)===o)).filter(o=>e?se(o)===e||(t?$a(o)!==o:!1):!0)}const Dv=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,r,o;const{rects:a,middlewareData:i,placement:l,platform:c,elements:u}=t,{crossAxis:d=!1,alignment:A,allowedPlacements:C=vA,autoAlignment:f=!0,...D}=st(e,t),p=A!==void 0||C===vA?pv(A||null,f,C):C,b=await $n(t,D),B=((n=i.autoPlacement)==null?void 0:n.index)||0,m=p[B];if(m==null)return{};const E=rf(m,a,await(c.isRTL==null?void 0:c.isRTL(u.floating)));if(l!==m)return{reset:{placement:p[0]}};const S=[b[H2(m)],b[E[0]],b[E[1]]],L=[...((r=i.autoPlacement)==null?void 0:r.overflows)||[],{placement:m,overflows:S}],k=p[B+1];if(k)return{data:{index:B+1,overflows:L},reset:{placement:k}};const R=L.map(P=>{const j=se(P.placement);return[P.placement,j&&d?P.overflows.slice(0,2).reduce((w,_)=>w+_,0):P.overflows[0],P.overflows]}).sort((P,j)=>P[1]-j[1]),M=((o=R.filter(P=>P[2].slice(0,se(P[0])?2:3).every(j=>j<=0))[0])==null?void 0:o[0])||R[0][0];return M!==l?{data:{index:B+1,overflows:L},reset:{placement:M}}:{}}}},Cv=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var n,r;const{placement:o,middlewareData:a,rects:i,initialPlacement:l,platform:c,elements:u}=t,{mainAxis:d=!0,crossAxis:A=!0,fallbackPlacements:C,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:D="none",flipAlignment:p=!0,...b}=st(e,t);if((n=a.arrow)!=null&&n.alignmentOffset)return{};const B=H2(o),m=H2(l)===l,E=await(c.isRTL==null?void 0:c.isRTL(u.floating)),S=C||(m||!p?[za(l)]:Hb(l));!C&&D!=="none"&&S.push(...Wb(l,p,D,E));const L=[l,...S],k=await $n(t,b),R=[];let x=((r=a.flip)==null?void 0:r.overflows)||[];if(d&&R.push(k[B]),A){const w=rf(o,i,E);R.push(k[w[0]],k[w[1]])}if(x=[...x,{placement:o,overflows:R}],!R.every(w=>w<=0)){var M,P;const w=(((M=a.flip)==null?void 0:M.index)||0)+1,_=L[w];if(_)return{data:{index:w,overflows:x},reset:{placement:_}};let T=(P=x.filter(I=>I.overflows[0]<=0).sort((I,V)=>I.overflows[1]-V.overflows[1])[0])==null?void 0:P.placement;if(!T)switch(f){case"bestFit":{var j;const I=(j=x.map(V=>[V.placement,V.overflows.filter($=>$>0).reduce(($,O)=>$+O,0)]).sort((V,$)=>V[1]-$[1])[0])==null?void 0:j[0];I&&(T=I);break}case"initialPlacement":T=l;break}if(o!==T)return{reset:{placement:T}}}return{}}}};function wA(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function TA(e){return QC.some(t=>e[t]>=0)}const fv=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:r="referenceHidden",...o}=st(e,t);switch(r){case"referenceHidden":{const a=await $n(t,{...o,elementContext:"reference"}),i=wA(a,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:TA(i)}}}case"escaped":{const a=await $n(t,{...o,altBoundary:!0}),i=wA(a,n.floating);return{data:{escapedOffsets:i,escaped:TA(i)}}}default:return{}}}}};function uf(e){const t=Ie(...e.map(a=>a.left)),n=Ie(...e.map(a=>a.top)),r=n2(...e.map(a=>a.right)),o=n2(...e.map(a=>a.bottom));return{x:t,y:n,width:r-t,height:o-n}}function mv(e){const t=e.slice().sort((o,a)=>o.y-a.y),n=[];let r=null;for(let o=0;or.height/2?n.push([a]):n[n.length-1].push(a),r=a}return n.map(o=>Nn(uf(o)))}const Bv=function(e){return e===void 0&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:r,rects:o,platform:a,strategy:i}=t,{padding:l=2,x:c,y:u}=st(e,t),d=Array.from(await(a.getClientRects==null?void 0:a.getClientRects(r.reference))||[]),A=mv(d),C=Nn(uf(d)),f=of(l);function D(){if(A.length===2&&A[0].left>A[1].right&&c!=null&&u!=null)return A.find(b=>c>b.left-f.left&&cb.top-f.top&&u=2){if(Kn(n)==="y"){const P=A[0],j=A[A.length-1],w=H2(n)==="top",_=P.top,T=j.bottom,I=w?P.left:j.left,V=w?P.right:j.right,$=V-I,O=T-_;return{top:_,bottom:T,left:I,right:V,width:$,height:O,x:I,y:_}}const b=H2(n)==="left",B=n2(...A.map(P=>P.right)),m=Ie(...A.map(P=>P.left)),E=A.filter(P=>b?P.left===m:P.right===B),S=E[0].top,L=E[E.length-1].bottom,k=m,R=B,x=R-k,M=L-S;return{top:S,bottom:L,left:k,right:R,width:x,height:M,x:k,y:S}}return C}const p=await a.getElementRects({reference:{getBoundingClientRect:D},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 Ev(e,t){const{placement:n,platform:r,elements:o}=e,a=await(r.isRTL==null?void 0:r.isRTL(o.floating)),i=H2(n),l=se(n),c=Kn(n)==="y",u=["left","top"].includes(i)?-1:1,d=a&&c?-1:1,A=st(t,e);let{mainAxis:C,crossAxis:f,alignmentAxis:D}=typeof A=="number"?{mainAxis:A,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...A};return l&&typeof D=="number"&&(f=l==="end"?D*-1:D),c?{x:f*d,y:C*u}:{x:C*u,y:f*d}}const gv=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,r;const{x:o,y:a,placement:i,middlewareData:l}=t,c=await Ev(t,e);return i===((n=l.offset)==null?void 0:n.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:o+c.x,y:a+c.y,data:{...c,placement:i}}}}},hv=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:B,y:m}=b;return{x:B,y:m}}},...c}=st(e,t),u={x:n,y:r},d=await $n(t,c),A=Kn(H2(o)),C=ef(A);let f=u[C],D=u[A];if(a){const b=C==="y"?"top":"left",B=C==="y"?"bottom":"right",m=f+d[b],E=f-d[B];f=xA(m,f,E)}if(i){const b=A==="y"?"top":"left",B=A==="y"?"bottom":"right",m=D+d[b],E=D-d[B];D=xA(m,D,E)}const p=l.fn({...t,[C]:f,[A]:D});return{...p,data:{x:p.x-n,y:p.y-r}}}}},yv=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}=st(e,t),c=await $n(t,l),u=H2(n),d=se(n),A=Kn(n)==="y",{width:C,height:f}=r.floating;let D,p;u==="top"||u==="bottom"?(D=u,p=d===(await(o.isRTL==null?void 0:o.isRTL(a.floating))?"start":"end")?"left":"right"):(p=u,D=d==="end"?"top":"bottom");const b=f-c[D],B=C-c[p],m=!t.middlewareData.shift;let E=b,S=B;if(A){const k=C-c.left-c.right;S=d||m?Ie(B,k):k}else{const k=f-c.top-c.bottom;E=d||m?Ie(b,k):k}if(m&&!d){const k=n2(c.left,0),R=n2(c.right,0),x=n2(c.top,0),M=n2(c.bottom,0);A?S=C-2*(k!==0||R!==0?k+R:n2(c.left,c.right)):E=f-2*(x!==0||M!==0?x+M:n2(c.top,c.bottom))}await i({...t,availableWidth:S,availableHeight:E});const L=await o.getDimensions(a.floating);return C!==L.width||f!==L.height?{reset:{rects:!0}}:{}}}};function Af(e){const t=_2(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=M0(e),a=o?e.offsetWidth:n,i=o?e.offsetHeight:r,l=Ma(n)!==a||Ma(r)!==i;return l&&(n=a,r=i),{width:n,height:r,$:l}}function bu(e){return b0(e)?e:e.contextElement}function xn(e){const t=bu(e);if(!M0(t))return rt(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:a}=Af(t);let i=(a?Ma(n.width):n.width)/r,l=(a?Ma(n.height):n.height)/o;return(!i||!Number.isFinite(i))&&(i=1),(!l||!Number.isFinite(l))&&(l=1),{x:i,y:l}}const bv=rt(0);function df(e){const t=E2(e);return!Eu()||!t.visualViewport?bv:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function vv(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==E2(e)?!1:t}function Nt(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);const o=e.getBoundingClientRect(),a=bu(e);let i=rt(1);t&&(r?b0(r)&&(i=xn(r)):i=xn(e));const l=vv(a,n,r)?df(a):rt(0);let c=(o.left+l.x)/i.x,u=(o.top+l.y)/i.y,d=o.width/i.x,A=o.height/i.y;if(a){const C=E2(a),f=r&&b0(r)?E2(r):r;let D=C,p=D.frameElement;for(;p&&r&&f!==D;){const b=xn(p),B=p.getBoundingClientRect(),m=_2(p),E=B.left+(p.clientLeft+parseFloat(m.paddingLeft))*b.x,S=B.top+(p.clientTop+parseFloat(m.paddingTop))*b.y;c*=b.x,u*=b.y,d*=b.x,A*=b.y,c+=E,u+=S,D=E2(p),p=D.frameElement}}return Nn({width:d,height:A,x:c,y:u})}const xv=[":popover-open",":modal"];function pf(e){return xv.some(t=>{try{return e.matches(t)}catch{return!1}})}function Sv(e){let{elements:t,rect:n,offsetParent:r,strategy:o}=e;const a=o==="fixed",i=Le(r),l=t?pf(t.floating):!1;if(r===i||l&&a)return n;let c={scrollLeft:0,scrollTop:0},u=rt(1);const d=rt(0),A=M0(r);if((A||!A&&!a)&&((pe(r)!=="body"||ao(i))&&(c=hi(r)),M0(r))){const C=Nt(r);u=xn(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-c.scrollLeft*u.x+d.x,y:n.y*u.y-c.scrollTop*u.y+d.y}}function Fv(e){return Array.from(e.getClientRects())}function Df(e){return Nt(Le(e)).left+hi(e).scrollLeft}function wv(e){const t=Le(e),n=hi(e),r=e.ownerDocument.body,o=n2(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=n2(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-n.scrollLeft+Df(e);const l=-n.scrollTop;return _2(r).direction==="rtl"&&(i+=n2(t.clientWidth,r.clientWidth)-o),{width:o,height:a,x:i,y:l}}function Tv(e,t){const n=E2(e),r=Le(e),o=n.visualViewport;let a=r.clientWidth,i=r.clientHeight,l=0,c=0;if(o){a=o.width,i=o.height;const u=Eu();(!u||u&&t==="fixed")&&(l=o.offsetLeft,c=o.offsetTop)}return{width:a,height:i,x:l,y:c}}function _v(e,t){const n=Nt(e,!0,t==="fixed"),r=n.top+e.clientTop,o=n.left+e.clientLeft,a=M0(e)?xn(e):rt(1),i=e.clientWidth*a.x,l=e.clientHeight*a.y,c=o*a.x,u=r*a.y;return{width:i,height:l,x:c,y:u}}function _A(e,t,n){let r;if(t==="viewport")r=Tv(e,n);else if(t==="document")r=wv(Le(e));else if(b0(t))r=_v(t,n);else{const o=df(e);r={...t,x:t.x-o.x,y:t.y-o.y}}return Nn(r)}function Cf(e,t){const n=Ot(e);return n===t||!b0(n)||On(n)?!1:_2(n).position==="fixed"||Cf(n,t)}function Iv(e,t){const n=t.get(e);if(n)return n;let r=Qe(e,[],!1).filter(l=>b0(l)&&pe(l)!=="body"),o=null;const a=_2(e).position==="fixed";let i=a?Ot(e):e;for(;b0(i)&&!On(i);){const l=_2(i),c=Bu(i);!c&&l.position==="fixed"&&(o=null),(a?!c&&!o:!c&&l.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||ao(i)&&!c&&Cf(e,i))?r=r.filter(d=>d!==i):o=l,i=Ot(i)}return t.set(e,r),r}function kv(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i=[...n==="clippingAncestors"?Iv(t,this._c):[].concat(n),r],l=i[0],c=i.reduce((u,d)=>{const A=_A(t,d,o);return u.top=n2(A.top,u.top),u.right=Ie(A.right,u.right),u.bottom=Ie(A.bottom,u.bottom),u.left=n2(A.left,u.left),u},_A(t,l,o));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function Rv(e){const{width:t,height:n}=Af(e);return{width:t,height:n}}function Lv(e,t,n){const r=M0(t),o=Le(t),a=n==="fixed",i=Nt(e,!0,a,t);let l={scrollLeft:0,scrollTop:0};const c=rt(0);if(r||!r&&!a)if((pe(t)!=="body"||ao(o))&&(l=hi(t)),r){const A=Nt(t,!0,a,t);c.x=A.x+t.clientLeft,c.y=A.y+t.clientTop}else o&&(c.x=Df(o));const u=i.left+l.scrollLeft-c.x,d=i.top+l.scrollTop-c.y;return{x:u,y:d,width:i.width,height:i.height}}function IA(e,t){return!M0(e)||_2(e).position==="fixed"?null:t?t(e):e.offsetParent}function ff(e,t){const n=E2(e);if(!M0(e)||pf(e))return n;let r=IA(e,t);for(;r&&Rb(r)&&_2(r).position==="static";)r=IA(r,t);return r&&(pe(r)==="html"||pe(r)==="body"&&_2(r).position==="static"&&!Bu(r))?n:r||Pb(e)||n}const Pv=async function(e){const t=this.getOffsetParent||ff,n=this.getDimensions;return{reference:Lv(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,...await n(e.floating)}}};function Ov(e){return _2(e).direction==="rtl"}const Nv={convertOffsetParentRelativeRectToViewportRelativeRect:Sv,getDocumentElement:Le,getClippingRect:kv,getOffsetParent:ff,getElementRects:Pv,getClientRects:Fv,getDimensions:Rv,getScale:xn,isElement:b0,isRTL:Ov};function Mv(e,t){let n=null,r;const o=Le(e);function a(){var l;clearTimeout(r),(l=n)==null||l.disconnect(),n=null}function i(l,c){l===void 0&&(l=!1),c===void 0&&(c=1),a();const{left:u,top:d,width:A,height:C}=e.getBoundingClientRect();if(l||t(),!A||!C)return;const f=pn(d),D=pn(o.clientWidth-(u+A)),p=pn(o.clientHeight-(d+C)),b=pn(u),m={rootMargin:-f+"px "+-D+"px "+-p+"px "+-b+"px",threshold:n2(0,Ie(1,c))||1};let E=!0;function S(L){const k=L[0].intersectionRatio;if(k!==c){if(!E)return i();k?i(!1,k):r=setTimeout(()=>{i(!1,1e-7)},100)}E=!1}try{n=new IntersectionObserver(S,{...m,root:o.ownerDocument})}catch{n=new IntersectionObserver(S,m)}n.observe(e)}return i(!0),a}function mf(e,t,n,r){r===void 0&&(r={});const{ancestorScroll:o=!0,ancestorResize:a=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=r,u=bu(e),d=o||a?[...u?Qe(u):[],...Qe(t)]:[];d.forEach(B=>{o&&B.addEventListener("scroll",n,{passive:!0}),a&&B.addEventListener("resize",n)});const A=u&&l?Mv(u,n):null;let C=-1,f=null;i&&(f=new ResizeObserver(B=>{let[m]=B;m&&m.target===u&&f&&(f.unobserve(t),cancelAnimationFrame(C),C=requestAnimationFrame(()=>{var E;(E=f)==null||E.observe(t)})),n()}),u&&!c&&f.observe(u),f.observe(t));let D,p=c?Nt(e):null;c&&b();function b(){const B=Nt(e);p&&(B.x!==p.x||B.y!==p.y||B.width!==p.width||B.height!==p.height)&&n(),p=B,D=requestAnimationFrame(b)}return n(),()=>{var B;d.forEach(m=>{o&&m.removeEventListener("scroll",n),a&&m.removeEventListener("resize",n)}),A==null||A(),(B=f)==null||B.disconnect(),f=null,c&&cancelAnimationFrame(D)}}const $v=Dv,zv=hv,jv=Cv,Vv=yv,Hv=fv,Uv=Bv,Wv=(e,t,n)=>{const r=new Map,o={platform:Nv,...n},a={...o.platform,_c:r};return dv(e,t,{...o,platform:a})};var ta=typeof document<"u"?s.useLayoutEffect:s.useEffect;function Ua(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(!Ua(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)&&!Ua(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}function Bf(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function kA(e,t){const n=Bf(e);return Math.round(t*n)/n}function RA(e){const t=s.useRef(e);return ta(()=>{t.current=e}),t}function Gv(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:r=[],platform:o,elements:{reference:a,floating:i}={},transform:l=!0,whileElementsMounted:c,open:u}=e,[d,A]=s.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[C,f]=s.useState(r);Ua(C,r)||f(r);const[D,p]=s.useState(null),[b,B]=s.useState(null),m=s.useCallback($=>{$!==k.current&&(k.current=$,p($))},[]),E=s.useCallback($=>{$!==R.current&&(R.current=$,B($))},[]),S=a||D,L=i||b,k=s.useRef(null),R=s.useRef(null),x=s.useRef(d),M=c!=null,P=RA(c),j=RA(o),w=s.useCallback(()=>{if(!k.current||!R.current)return;const $={placement:t,strategy:n,middleware:C};j.current&&($.platform=j.current),Wv(k.current,R.current,$).then(O=>{const z={...O,isPositioned:!0};_.current&&!Ua(x.current,z)&&(x.current=z,Ae.flushSync(()=>{A(z)}))})},[C,t,n,j]);ta(()=>{u===!1&&x.current.isPositioned&&(x.current.isPositioned=!1,A($=>({...$,isPositioned:!1})))},[u]);const _=s.useRef(!1);ta(()=>(_.current=!0,()=>{_.current=!1}),[]),ta(()=>{if(S&&(k.current=S),L&&(R.current=L),S&&L){if(P.current)return P.current(S,L,w);w()}},[S,L,w,P,M]);const T=s.useMemo(()=>({reference:k,floating:R,setReference:m,setFloating:E}),[m,E]),I=s.useMemo(()=>({reference:S,floating:L}),[S,L]),V=s.useMemo(()=>{const $={position:n,left:0,top:0};if(!I.floating)return $;const O=kA(I.floating,d.x),z=kA(I.floating,d.y);return l?{...$,transform:"translate("+O+"px, "+z+"px)",...Bf(I.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:O,top:z}},[n,l,I.floating,d.x,d.y]);return s.useMemo(()=>({...d,update:w,refs:T,elements:I,floatingStyles:V}),[d,w,T,I,V])}const Gs=(e,t)=>({...gv(e),options:[e,t]}),Ef=(e,t)=>({...zv(e),options:[e,t]}),gf=(e,t)=>({...jv(e),options:[e,t]}),hf=(e,t)=>({...Vv(e),options:[e,t]}),yf=(e,t)=>({...$v(e),options:[e,t]}),bf=(e,t)=>({...Hv(e),options:[e,t]}),vf=(e,t)=>({...Uv(e),options:[e,t]});function qv(e){return s.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e)}const xf={...Cc},Yv=xf.useInsertionEffect,Kv=Yv||(e=>e());function D2(e){const t=s.useRef(()=>{});return Kv(()=>{t.current=e}),s.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o=e.current.length}function na(e,t){return J0(e,{disabledIndices:t})}function qs(e,t){return J0(e,{decrement:!0,startingIndex:e.current.length,disabledIndices:t})}function J0(e,t){let{startingIndex:n=-1,decrement:r=!1,disabledIndices:o,amount:a=1}=t===void 0?{}:t;const i=e.current;let l=n;do l+=r?-a:a;while(l>=0&&l<=i.length-1&&wt(i,l,o));return l}function Sf(e,t){let{event:n,orientation:r,loop:o,cols:a,disabledIndices:i,minIndex:l,maxIndex:c,prevIndex:u,stopEvent:d=!1}=t,A=u;if(n.key===zn){if(d&&s2(n),u===-1)A=c;else if(A=J0(e,{startingIndex:A,amount:a,decrement:!0,disabledIndices:i}),o&&(u-aC?D:D-a}Sn(e,A)&&(A=u)}if(n.key===Se&&(d&&s2(n),u===-1?A=l:(A=J0(e,{startingIndex:u,amount:a,disabledIndices:i}),o&&u+a>c&&(A=J0(e,{startingIndex:u%a-a,amount:a,disabledIndices:i}))),Sn(e,A)&&(A=u)),r==="both"){const C=pn(u/a);n.key===ce&&(d&&s2(n),u%a!==a-1?(A=J0(e,{startingIndex:u,disabledIndices:i}),o&&Oo(A,a,C)&&(A=J0(e,{startingIndex:u-u%a-1,disabledIndices:i}))):o&&(A=J0(e,{startingIndex:u-u%a-1,disabledIndices:i})),Oo(A,a,C)&&(A=u)),n.key===ke&&(d&&s2(n),u%a!==0?(A=J0(e,{startingIndex:u,decrement:!0,disabledIndices:i}),o&&Oo(A,a,C)&&(A=J0(e,{startingIndex:u+(a-u%a),decrement:!0,disabledIndices:i}))):o&&(A=J0(e,{startingIndex:u+(a-u%a),decrement:!0,disabledIndices:i})),Oo(A,a,C)&&(A=u));const f=pn(c/a)===C;Sn(e,A)&&(o&&f?A=n.key===ke?c:J0(e,{startingIndex:u-u%a-1,disabledIndices:i}):A=u)}return A}function Ff(e,t,n){const r=[];let o=0;return e.forEach((a,i)=>{let{width:l,height:c}=a,u=!1;for(n&&(o=0);!u;){const d=[];for(let A=0;Ar[A]==null)?(d.forEach(A=>{r[A]=i}),u=!0):o++}}),[...r]}function wf(e,t,n,r,o){if(e===-1)return-1;const a=n.indexOf(e),i=t[e];switch(o){case"tl":return a;case"tr":return i?a+i.width-1:a;case"bl":return i?a+(i.height-1)*r:a;case"br":return n.lastIndexOf(e)}}function Tf(e,t){return t.flatMap((n,r)=>e.includes(n)?[r]:[])}function wt(e,t,n){if(n)return n.includes(t);const r=e[t];return r==null||r.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"}let LA=0;function ge(e,t){t===void 0&&(t={});const{preventScroll:n=!1,cancelPrevious:r=!0,sync:o=!1}=t;r&&cancelAnimationFrame(LA);const a=()=>e==null?void 0:e.focus({preventScroll:n});o?a():LA=requestAnimationFrame(a)}var B0=typeof document<"u"?s.useLayoutEffect:s.useEffect;function Jv(e,t){const n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}function Xv(e,t){if(e.size!==t.size)return!1;for(const[n,r]of e.entries())if(r!==t.get(n))return!1;return!0}const _f=s.createContext({register:()=>{},unregister:()=>{},map:new Map,elementsRef:{current:[]}});function Zv(e){const{children:t,elementsRef:n,labelsRef:r}=e,[o,a]=s.useState(()=>new Map),i=s.useCallback(c=>{a(u=>new Map(u).set(c,null))},[]),l=s.useCallback(c=>{a(u=>{const d=new Map(u);return d.delete(c),d})},[]);return B0(()=>{const c=new Map(o);Array.from(c.keys()).sort(Jv).forEach((d,A)=>{c.set(d,A)}),Xv(o,c)||a(c)},[o]),s.createElement(_f.Provider,{value:s.useMemo(()=>({register:i,unregister:l,map:o,elementsRef:n,labelsRef:r}),[i,l,o,n,r])},t)}function Qv(e){e===void 0&&(e={});const{label:t}=e,{register:n,unregister:r,map:o,elementsRef:a,labelsRef:i}=s.useContext(_f),[l,c]=s.useState(null),u=s.useRef(null),d=s.useCallback(A=>{if(u.current=A,l!==null&&(a.current[l]=A,i)){var C;const f=t!==void 0;i.current[l]=f?t:(C=A==null?void 0:A.textContent)!=null?C:null}},[l,a,i,t]);return B0(()=>{const A=u.current;if(A)return n(A),()=>{r(A)}},[n,r]),B0(()=>{const A=u.current?o.get(u.current):null;A!=null&&c(A)},[o]),s.useMemo(()=>({ref:d,index:l??-1}),[l,d])}function If(e,t){return typeof e=="function"?e(t):e?s.cloneElement(e,t):s.createElement("div",t)}const kf=s.createContext({activeIndex:0,onNavigate:()=>{}}),Rf=[ke,ce],Lf=[zn,Se],El=[...Rf,...Lf],ex=s.forwardRef(function(t,n){const{render:r,orientation:o="both",loop:a=!0,cols:i=1,disabledIndices:l,activeIndex:c,onNavigate:u,itemSizes:d,dense:A=!1,...C}=t,[f,D]=s.useState(0),p=c??f,b=D2(u??D),B=s.useRef([]),m=r&&typeof r!="function"?r.props:{},E=s.useMemo(()=>({activeIndex:p,onNavigate:b}),[p,b]),S=i>1;function L(R){if(!El.includes(R.key))return;let x=p;const M=na(B,l),P=qs(B,l);if(S){const T=d||Array.from({length:B.current.length},()=>({width:1,height:1})),I=Ff(T,i,A),V=I.findIndex(z=>z!=null&&!wt(B.current,z,l)),$=I.reduce((z,H,Y)=>H!=null&&!wt(B.current,H,l)?Y:z,-1),O=I[Sf({current:I.map(z=>z?B.current[z]:null)},{event:R,orientation:o,loop:a,cols:i,disabledIndices:Tf([...l||B.current.map((z,H)=>wt(B.current,H)?H:void 0),void 0],I),minIndex:V,maxIndex:$,prevIndex:wf(p>P?M:p,T,I,i,R.key===Se?"bl":R.key===ce?"tr":"tl")})];O!=null&&(x=O)}const j={horizontal:[ce],vertical:[Se],both:[ce,Se]}[o],w={horizontal:[ke],vertical:[zn],both:[ke,zn]}[o],_=S?El:{horizontal:Rf,vertical:Lf,both:El}[o];x===p&&[...j,...w].includes(R.key)&&(a&&x===P&&j.includes(R.key)?x=M:a&&x===M&&w.includes(R.key)?x=P:x=J0(B,{startingIndex:x,decrement:w.includes(R.key),disabledIndices:l})),x!==p&&!Sn(B,x)&&(R.stopPropagation(),_.includes(R.key)&&R.preventDefault(),b(x),queueMicrotask(()=>{ge(B.current[x])}))}const k={...C,...m,ref:n,"aria-orientation":o==="both"?void 0:o,onKeyDown(R){C.onKeyDown==null||C.onKeyDown(R),m.onKeyDown==null||m.onKeyDown(R),L(R)}};return s.createElement(kf.Provider,{value:E},s.createElement(Zv,{elementsRef:B},If(r,k)))}),tx=s.forwardRef(function(t,n){const{render:r,...o}=t,a=r&&typeof r!="function"?r.props:{},{activeIndex:i,onNavigate:l}=s.useContext(kf),{ref:c,index:u}=Qv(),d=qv([c,n,a.ref]),A=i===u,C={...o,...a,ref:d,tabIndex:A?0:-1,"data-active":A?"":void 0,onFocus(f){o.onFocus==null||o.onFocus(f),a.onFocus==null||a.onFocus(f),l(u)}};return If(r,C)});function Wa(){return Wa=Object.assign?Object.assign.bind():function(e){for(var t=1;t"floating-ui-"+Math.random().toString(36).slice(2,6)+nx++;function rx(){const[e,t]=s.useState(()=>PA?OA():void 0);return B0(()=>{e==null&&t(OA())},[]),s.useEffect(()=>{PA=!0},[]),e}const ox=xf.useId,yi=ox||rx;function Pf(){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 Of=s.createContext(null),Nf=s.createContext(null),Jn=()=>{var e;return((e=s.useContext(Of))==null?void 0:e.id)||null},zt=()=>s.useContext(Nf);function bL(e){const t=yi(),n=zt(),o=Jn();return B0(()=>{const a={id:t,parentId:o};return n==null||n.addNode(a),()=>{n==null||n.removeNode(a)}},[n,t,o]),t}function vL(e){const{children:t,id:n}=e,r=Jn();return s.createElement(Of.Provider,{value:s.useMemo(()=>({id:n,parentId:r}),[n,r])},t)}function xL(e){const{children:t}=e,n=s.useRef([]),r=s.useCallback(i=>{n.current=[...n.current,i]},[]),o=s.useCallback(i=>{n.current=n.current.filter(l=>l!==i)},[]),a=s.useState(()=>Pf())[0];return s.createElement(Nf.Provider,{value:s.useMemo(()=>({nodesRef:n,addNode:r,removeNode:o,events:a}),[r,o,a])},t)}function ot(e){return"data-floating-ui-"+e}function Z2(e){const t=s.useRef(e);return B0(()=>{t.current=e}),t}const NA=ot("safe-polygon");function ra(e,t,n){return n&&!Yr(n)?0:typeof e=="number"?e:e==null?void 0:e[t]}function Mf(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,events:a,elements:i}=e,{enabled:l=!0,delay:c=0,handleClose:u=null,mouseOnly:d=!1,restMs:A=0,move:C=!0}=t,f=zt(),D=Jn(),p=Z2(u),b=Z2(c),B=Z2(n),m=s.useRef(),E=s.useRef(-1),S=s.useRef(),L=s.useRef(-1),k=s.useRef(!0),R=s.useRef(!1),x=s.useRef(()=>{}),M=s.useCallback(()=>{var I;const V=(I=o.current.openEvent)==null?void 0:I.type;return(V==null?void 0:V.includes("mouse"))&&V!=="mousedown"},[o]);s.useEffect(()=>{if(!l)return;function I(V){let{open:$}=V;$||(clearTimeout(E.current),clearTimeout(L.current),k.current=!0)}return a.on("openchange",I),()=>{a.off("openchange",I)}},[l,a]),s.useEffect(()=>{if(!l||!p.current||!n)return;function I($){M()&&r(!1,$,"hover")}const V=q0(i.floating).documentElement;return V.addEventListener("mouseleave",I),()=>{V.removeEventListener("mouseleave",I)}},[i.floating,n,r,l,p,M]);const P=s.useCallback(function(I,V,$){V===void 0&&(V=!0),$===void 0&&($="hover");const O=ra(b.current,"close",m.current);O&&!S.current?(clearTimeout(E.current),E.current=window.setTimeout(()=>r(!1,I,$),O)):V&&(clearTimeout(E.current),r(!1,I,$))},[b,r]),j=D2(()=>{x.current(),S.current=void 0}),w=D2(()=>{if(R.current){const I=q0(i.floating).body;I.style.pointerEvents="",I.removeAttribute(NA),R.current=!1}});s.useEffect(()=>{if(!l)return;function I(){return o.current.openEvent?["click","mousedown"].includes(o.current.openEvent.type):!1}function V(H){if(clearTimeout(E.current),k.current=!1,d&&!Yr(m.current)||A>0&&!ra(b.current,"open"))return;const Y=ra(b.current,"open",m.current);Y?E.current=window.setTimeout(()=>{B.current||r(!0,H,"hover")},Y):r(!0,H,"hover")}function $(H){if(I())return;x.current();const Y=q0(i.floating);if(clearTimeout(L.current),p.current&&o.current.floatingContext){n||clearTimeout(E.current),S.current=p.current({...o.current.floatingContext,tree:f,x:H.clientX,y:H.clientY,onClose(){w(),j(),P(H,!0,"safe-polygon")}});const X=S.current;Y.addEventListener("mousemove",X),x.current=()=>{Y.removeEventListener("mousemove",X)};return}(m.current==="touch"?!P0(i.floating,H.relatedTarget):!0)&&P(H)}function O(H){I()||o.current.floatingContext&&(p.current==null||p.current({...o.current.floatingContext,tree:f,x:H.clientX,y:H.clientY,onClose(){w(),j(),P(H)}})(H))}if(b0(i.domReference)){var z;const H=i.domReference;return n&&H.addEventListener("mouseleave",O),(z=i.floating)==null||z.addEventListener("mouseleave",O),C&&H.addEventListener("mousemove",V,{once:!0}),H.addEventListener("mouseenter",V),H.addEventListener("mouseleave",$),()=>{var Y;n&&H.removeEventListener("mouseleave",O),(Y=i.floating)==null||Y.removeEventListener("mouseleave",O),C&&H.removeEventListener("mousemove",V),H.removeEventListener("mouseenter",V),H.removeEventListener("mouseleave",$)}}},[i,l,e,d,A,C,P,j,w,r,n,B,f,b,p,o]),B0(()=>{var I;if(l&&n&&(I=p.current)!=null&&I.__options.blockPointerEvents&&M()){R.current=!0;const $=i.floating;if(b0(i.domReference)&&$){var V;const O=q0(i.floating).body;O.setAttribute(NA,"");const z=i.domReference,H=f==null||(V=f.nodesRef.current.find(Y=>Y.id===D))==null||(V=V.context)==null?void 0:V.elements.floating;return H&&(H.style.pointerEvents=""),O.style.pointerEvents="none",z.style.pointerEvents="auto",$.style.pointerEvents="auto",()=>{O.style.pointerEvents="",z.style.pointerEvents="",$.style.pointerEvents=""}}}},[l,n,D,i,f,p,M]),B0(()=>{n||(m.current=void 0,j(),w())},[n,j,w]),s.useEffect(()=>()=>{j(),clearTimeout(E.current),clearTimeout(L.current),w()},[l,i.domReference,j,w]);const _=s.useMemo(()=>{function I(V){m.current=V.pointerType}return{onPointerDown:I,onPointerEnter:I,onMouseMove(V){const{nativeEvent:$}=V;function O(){!k.current&&!B.current&&r(!0,$,"hover")}d&&!Yr(m.current)||n||A===0||(clearTimeout(L.current),m.current==="touch"?O():L.current=window.setTimeout(O,A))}}},[d,r,n,B,A]),T=s.useMemo(()=>({onMouseEnter(){clearTimeout(E.current)},onMouseLeave(I){P(I.nativeEvent,!1)}}),[P]);return s.useMemo(()=>l?{reference:_,floating:T}:{},[l,_,T])}const Ys=()=>{},$f=s.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:Ys,setState:Ys,isInstantPhase:!1}),ax=()=>s.useContext($f);function ix(e){const{children:t,delay:n,timeoutMs:r=0}=e,[o,a]=s.useReducer((c,u)=>({...c,...u}),{delay:n,timeoutMs:r,initialDelay:n,currentId:null,isInstantPhase:!1}),i=s.useRef(null),l=s.useCallback(c=>{a({currentId:c})},[]);return B0(()=>{o.currentId?i.current===null?i.current=o.currentId:o.isInstantPhase||a({isInstantPhase:!0}):(o.isInstantPhase&&a({isInstantPhase:!1}),i.current=null)},[o.currentId,o.isInstantPhase]),s.createElement($f.Provider,{value:s.useMemo(()=>({...o,setState:a,setCurrentId:l}),[o,l])},t)}function lx(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,floatingId:o}=e,{id:a}=t,i=a??o,l=ax(),{currentId:c,setCurrentId:u,initialDelay:d,setState:A,timeoutMs:C}=l;return B0(()=>{c&&(A({delay:{open:1,close:ra(d,"close")}}),c!==i&&r(!1))},[i,r,A,c,d]),B0(()=>{function f(){r(!1),A({delay:d,currentId:null})}if(c&&!n&&c===i){if(C){const D=window.setTimeout(f,C);return()=>{clearTimeout(D)}}f()}},[n,A,c,i,r,d,C]),B0(()=>{u===Ys||!n||u(i)},[n,u,i]),l}function sx(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 Tt(e,t){let n=e.filter(o=>{var a;return o.parentId===t&&((a=o.context)==null?void 0:a.open)}),r=n;for(;r.length;)r=e.filter(o=>{var a;return(a=r)==null?void 0:a.some(i=>{var l;return o.parentId===i.id&&((l=o.context)==null?void 0:l.open)})}),n=n.concat(r);return n}function cx(e,t){let n,r=-1;function o(a,i){i>r&&(n=a,r=i),Tt(e,a).forEach(c=>{o(c.id,i+1)})}return o(t,0),e.find(a=>a.id===n)}let qt=new WeakMap,No=new WeakSet,Mo={},gl=0;const ux=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,zf=e=>e&&(e.host||zf(e.parentNode)),Ax=(e,t)=>t.map(n=>{if(e.contains(n))return n;const r=zf(n);return e.contains(r)?r:null}).filter(n=>n!=null);function dx(e,t,n,r){const o="data-floating-ui-inert",a=r?"inert":n?"aria-hidden":null,i=Ax(t,e),l=new Set,c=new Set(i),u=[];Mo[o]||(Mo[o]=new WeakMap);const d=Mo[o];i.forEach(A),C(t),l.clear();function A(f){!f||l.has(f)||(l.add(f),f.parentNode&&A(f.parentNode))}function C(f){!f||c.has(f)||[].forEach.call(f.children,D=>{if(pe(D)!=="script")if(l.has(D))C(D);else{const p=a?D.getAttribute(a):null,b=p!==null&&p!=="false",B=(qt.get(D)||0)+1,m=(d.get(D)||0)+1;qt.set(D,B),d.set(D,m),u.push(D),B===1&&b&&No.add(D),m===1&&D.setAttribute(o,""),!b&&a&&D.setAttribute(a,"true")}})}return gl++,()=>{u.forEach(f=>{const D=(qt.get(f)||0)-1,p=(d.get(f)||0)-1;qt.set(f,D),d.set(f,p),D||(!No.has(f)&&a&&f.removeAttribute(a),No.delete(f)),p||f.removeAttribute(o)}),gl--,gl||(qt=new WeakMap,qt=new WeakMap,No=new WeakSet,Mo={})}}function MA(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=q0(e[0]).body;return dx(e.concat(Array.from(r.querySelectorAll("[aria-live]"))),r,t,n)}const jn=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function jf(e,t){const n=Kr(e,jn());t==="prev"&&n.reverse();const r=n.indexOf(X2(q0(e)));return n.slice(r+1)[0]}function Vf(){return jf(document.body,"next")}function Hf(){return jf(document.body,"prev")}function Fr(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!P0(n,r)}function px(e){Kr(e,jn()).forEach(n=>{n.dataset.tabindex=n.getAttribute("tabindex")||"",n.setAttribute("tabindex","-1")})}function $A(e){e.querySelectorAll("[data-tabindex]").forEach(n=>{const r=n.dataset.tabindex;delete n.dataset.tabindex,r?n.setAttribute("tabindex",r):n.removeAttribute("tabindex")})}function Dx(e,t,n){const r=e.indexOf(t);function o(i){const l=ot("focus-guard");let c=r+(i?1:0),u=e[c];for(;u&&(!u.isConnected||u.hasAttribute(l)||P0(n,u));)i?c++:c--,u=e[c];return u}const a=o(!0);return a||o(!1)}const vu={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0};let Cx;function zA(e){e.key==="Tab"&&(e.target,clearTimeout(Cx))}const Ga=s.forwardRef(function(t,n){const[r,o]=s.useState();B0(()=>(hu()&&o("button"),document.addEventListener("keydown",zA),()=>{document.removeEventListener("keydown",zA)}),[]);const a={ref:n,tabIndex:0,role:r,"aria-hidden":r?void 0:!0,[ot("focus-guard")]:"",style:vu};return s.createElement("span",Wa({},t,a))}),Uf=s.createContext(null),jA=ot("portal");function fx(e){e===void 0&&(e={});const{id:t,root:n}=e,r=yi(),o=Wf(),[a,i]=s.useState(null),l=s.useRef(null);return B0(()=>()=>{a==null||a.remove(),queueMicrotask(()=>{l.current=null})},[a]),B0(()=>{if(!r||l.current)return;const c=t?document.getElementById(t):null;if(!c)return;const u=document.createElement("div");u.id=r,u.setAttribute(jA,""),c.appendChild(u),l.current=u,i(u)},[t,r]),B0(()=>{if(!r||l.current)return;let c=n||(o==null?void 0:o.portalNode);c&&!b0(c)&&(c=c.current),c=c||document.body;let u=null;t&&(u=document.createElement("div"),u.id=t,c.appendChild(u));const d=document.createElement("div");d.id=r,d.setAttribute(jA,""),c=u||c,c.appendChild(d),l.current=d,i(d)},[t,n,r,o]),a}function mx(e){const{children:t,id:n,root:r=null,preserveTabOrder:o=!0}=e,a=fx({id:n,root:r}),[i,l]=s.useState(null),c=s.useRef(null),u=s.useRef(null),d=s.useRef(null),A=s.useRef(null),C=i==null?void 0:i.modal,f=i==null?void 0:i.open,D=!!i&&!i.modal&&i.open&&o&&!!(r||a);return s.useEffect(()=>{if(!a||!o||C)return;function p(b){a&&Fr(b)&&(b.type==="focusin"?$A:px)(a)}return a.addEventListener("focusin",p,!0),a.addEventListener("focusout",p,!0),()=>{a.removeEventListener("focusin",p,!0),a.removeEventListener("focusout",p,!0)}},[a,o,C]),s.useEffect(()=>{a&&(f||$A(a))},[f,a]),s.createElement(Uf.Provider,{value:s.useMemo(()=>({preserveTabOrder:o,beforeOutsideRef:c,afterOutsideRef:u,beforeInsideRef:d,afterInsideRef:A,portalNode:a,setFocusManagerState:l}),[o,a])},D&&a&&s.createElement(Ga,{"data-type":"outside",ref:c,onFocus:p=>{if(Fr(p,a)){var b;(b=d.current)==null||b.focus()}else{const B=Hf()||(i==null?void 0:i.refs.domReference.current);B==null||B.focus()}}}),D&&a&&s.createElement("span",{"aria-owns":a.id,style:vu}),a&&Ae.createPortal(t,a),D&&a&&s.createElement(Ga,{"data-type":"outside",ref:u,onFocus:p=>{if(Fr(p,a)){var b;(b=A.current)==null||b.focus()}else{const B=Vf()||(i==null?void 0:i.refs.domReference.current);B==null||B.focus(),i!=null&&i.closeOnFocusOut&&(i==null||i.onOpenChange(!1,p.nativeEvent,"focus-out"))}}}))}const Wf=()=>s.useContext(Uf),Ks="data-floating-ui-focusable";function Gf(e){return e?e.hasAttribute(Ks)?e:e.querySelector("["+Ks+"]")||e:null}const VA=20;let Et=[];function hl(e){Et=Et.filter(n=>n.isConnected);let t=e;if(!(!t||pe(t)==="body")){if(!Av(t,jn())){const n=Kr(t,jn())[0];n&&(t=n)}Et.push(t),Et.length>VA&&(Et=Et.slice(-VA))}}function HA(){return Et.slice().reverse().find(e=>e.isConnected)}const Bx=s.forwardRef(function(t,n){return s.createElement("button",Wa({},t,{type:"button",ref:n,tabIndex:-1,style:vu}))});function Ex(e){const{context:t,children:n,disabled:r=!1,order:o=["content"],guards:a=!0,initialFocus:i=0,returnFocus:l=!0,restoreFocus:c=!1,modal:u=!0,visuallyHiddenDismiss:d=!1,closeOnFocusOut:A=!0}=e,{open:C,refs:f,nodeId:D,onOpenChange:p,events:b,dataRef:B,floatingId:m,elements:{domReference:E,floating:S}}=t,L=typeof i=="number"&&i<0,k=ZC(E)&&L,R=ux()?a:!0,x=Z2(o),M=Z2(i),P=Z2(l),j=zt(),w=Wf(),_=s.useRef(null),T=s.useRef(null),I=s.useRef(!1),V=s.useRef(!1),$=s.useRef(-1),O=w!=null,z=Gf(S),H=D2(function(e0){return e0===void 0&&(e0=z),e0?Kr(e0,jn()):[]}),Y=D2(e0=>{const t0=H(e0);return x.current.map(K=>E&&K==="reference"?E:z&&K==="floating"?z:t0).filter(Boolean).flat()});s.useEffect(()=>{I.current=!1},[r]),s.useEffect(()=>{if(r||!u)return;function e0(K){if(K.key==="Tab"){P0(z,X2(q0(z)))&&H().length===0&&!k&&s2(K);const Z=Y(),a0=he(K);x.current[0]==="reference"&&a0===E&&(s2(K),K.shiftKey?ge(Z[Z.length-1]):ge(Z[1])),x.current[1]==="floating"&&a0===z&&K.shiftKey&&(s2(K),ge(Z[0]))}}const t0=q0(z);return t0.addEventListener("keydown",e0),()=>{t0.removeEventListener("keydown",e0)}},[r,E,z,u,x,k,H,Y]),s.useEffect(()=>{if(r||!S)return;function e0(t0){const K=he(t0),a0=H().indexOf(K);a0!==-1&&($.current=a0)}return S.addEventListener("focusin",e0),()=>{S.removeEventListener("focusin",e0)}},[r,S,H]),s.useEffect(()=>{if(r||!A)return;function e0(){V.current=!0,setTimeout(()=>{V.current=!1})}function t0(K){const Z=K.relatedTarget;queueMicrotask(()=>{const a0=!(P0(E,Z)||P0(S,Z)||P0(Z,S)||P0(w==null?void 0:w.portalNode,Z)||Z!=null&&Z.hasAttribute(ot("focus-guard"))||j&&(Tt(j.nodesRef.current,D).find(s0=>{var E0,d0;return P0((E0=s0.context)==null?void 0:E0.elements.floating,Z)||P0((d0=s0.context)==null?void 0:d0.elements.domReference,Z)})||sx(j.nodesRef.current,D).find(s0=>{var E0,d0;return((E0=s0.context)==null?void 0:E0.elements.floating)===Z||((d0=s0.context)==null?void 0:d0.elements.domReference)===Z})));if(c&&a0&&X2(q0(z))===q0(z).body){M0(z)&&z.focus();const s0=$.current,E0=H(),d0=E0[s0]||E0[E0.length-1]||z;M0(d0)&&d0.focus()}(k||!u)&&Z&&a0&&!V.current&&Z!==HA()&&(I.current=!0,p(!1,K,"focus-out"))})}if(S&&M0(E))return E.addEventListener("focusout",t0),E.addEventListener("pointerdown",e0),S.addEventListener("focusout",t0),()=>{E.removeEventListener("focusout",t0),E.removeEventListener("pointerdown",e0),S.removeEventListener("focusout",t0)}},[r,E,S,z,u,D,j,w,p,A,c,H,k]),s.useEffect(()=>{var e0;if(r)return;const t0=Array.from((w==null||(e0=w.portalNode)==null?void 0:e0.querySelectorAll("["+ot("portal")+"]"))||[]);if(S){const K=[S,...t0,_.current,T.current,x.current.includes("reference")||k?E:null].filter(a0=>a0!=null),Z=u||k?MA(K,R,!R):MA(K);return()=>{Z()}}},[r,E,S,u,x,w,k,R]),B0(()=>{if(r||!M0(z))return;const e0=q0(z),t0=X2(e0);queueMicrotask(()=>{const K=Y(z),Z=M.current,a0=(typeof Z=="number"?K[Z]:Z.current)||z,s0=P0(z,t0);!L&&!s0&&C&&ge(a0,{preventScroll:a0===z})})},[r,C,z,L,Y,M]),B0(()=>{if(r||!z)return;let e0=!1;const t0=q0(z),K=X2(t0);let a0=B.current.openEvent;const s0=f.domReference.current;hl(K);function E0(d0){let{open:j0,reason:L2,event:J,nested:a2}=d0;j0&&(a0=J),L2==="escape-key"&&f.domReference.current&&hl(f.domReference.current),L2==="hover"&&J.type==="mouseleave"&&(I.current=!0),L2==="outside-press"&&(a2?(I.current=!1,e0=!0):I.current=!(JC(J)||gu(J)))}return b.on("openchange",E0),()=>{b.off("openchange",E0);const d0=X2(t0),j0=P0(S,d0)||j&&Tt(j.nodesRef.current,D).some(i2=>{var U2;return P0((U2=i2.context)==null?void 0:U2.elements.floating,d0)});(j0||a0&&["click","mousedown"].includes(a0.type))&&f.domReference.current&&hl(f.domReference.current);const J=s0||K,a2=Kr(q0(J).body,jn());queueMicrotask(()=>{let i2=HA();!i2&&M0(J)&&S&&(i2=Dx(a2,J,S)),P.current&&!I.current&&M0(i2)&&(!(i2!==d0&&d0!==t0.body)||j0)&&i2.focus({preventScroll:e0})})}},[r,S,z,P,B,f,b,j,D]),B0(()=>{if(!r&&w)return w.setFocusManagerState({modal:u,closeOnFocusOut:A,open:C,onOpenChange:p,refs:f}),()=>{w.setFocusManagerState(null)}},[r,w,u,C,p,f,A]),B0(()=>{if(r||!z||typeof MutationObserver!="function"||L)return;const e0=()=>{const K=z.getAttribute("tabindex"),Z=H(),a0=X2(q0(S)),s0=Z.indexOf(a0);s0!==-1&&($.current=s0),x.current.includes("floating")||a0!==f.domReference.current&&Z.length===0?K!=="0"&&z.setAttribute("tabindex","0"):K!=="-1"&&z.setAttribute("tabindex","-1")};e0();const t0=new MutationObserver(e0);return t0.observe(z,{childList:!0,subtree:!0,attributes:!0}),()=>{t0.disconnect()}},[r,S,z,f,x,H,L]);function n0(e0){return r||!d||!u?null:s.createElement(Bx,{ref:e0==="start"?_:T,onClick:t0=>p(!1,t0.nativeEvent)},typeof d=="string"?d:"Dismiss")}const X=!r&&R&&(u?!k:!0)&&(O||u);return s.createElement(s.Fragment,null,X&&s.createElement(Ga,{"data-type":"inside",ref:w==null?void 0:w.beforeInsideRef,onFocus:e0=>{if(u){const K=Y();ge(o[0]==="reference"?K[0]:K[K.length-1])}else if(w!=null&&w.preserveTabOrder&&w.portalNode)if(I.current=!1,Fr(e0,w.portalNode)){const K=Vf()||E;K==null||K.focus()}else{var t0;(t0=w.beforeOutsideRef.current)==null||t0.focus()}}}),!k&&n0("start"),n,n0("end"),X&&s.createElement(Ga,{"data-type":"inside",ref:w==null?void 0:w.afterInsideRef,onFocus:e0=>{if(u)ge(Y()[0]);else if(w!=null&&w.preserveTabOrder&&w.portalNode)if(A&&(I.current=!0),Fr(e0,w.portalNode)){const K=Hf()||E;K==null||K.focus()}else{var t0;(t0=w.afterOutsideRef.current)==null||t0.focus()}}}))}function UA(e){return M0(e.target)&&e.target.tagName==="BUTTON"}function WA(e){return yu(e)}function gx(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,elements:{domReference:a}}=e,{enabled:i=!0,event:l="click",toggle:c=!0,ignoreMouse:u=!1,keyboardHandlers:d=!0}=t,A=s.useRef(),C=s.useRef(!1),f=s.useMemo(()=>({onPointerDown(D){A.current=D.pointerType},onMouseDown(D){const p=A.current;D.button===0&&l!=="click"&&(Yr(p,!0)&&u||(n&&c&&(!o.current.openEvent||o.current.openEvent.type==="mousedown")?r(!1,D.nativeEvent,"click"):(D.preventDefault(),r(!0,D.nativeEvent,"click"))))},onClick(D){const p=A.current;if(l==="mousedown"&&A.current){A.current=void 0;return}Yr(p,!0)&&u||(n&&c&&(!o.current.openEvent||o.current.openEvent.type==="click")?r(!1,D.nativeEvent,"click"):r(!0,D.nativeEvent,"click"))},onKeyDown(D){A.current=void 0,!(D.defaultPrevented||!d||UA(D))&&(D.key===" "&&!WA(a)&&(D.preventDefault(),C.current=!0),D.key==="Enter"&&r(!(n&&c),D.nativeEvent,"click"))},onKeyUp(D){D.defaultPrevented||!d||UA(D)||WA(a)||D.key===" "&&C.current&&(C.current=!1,r(!(n&&c),D.nativeEvent,"click"))}}),[o,a,l,u,d,r,n,c]);return s.useMemo(()=>i?{reference:f}:{},[i,f])}const hx={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},yx={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},GA=e=>{var t,n;return{escapeKey:typeof e=="boolean"?e:(t=e==null?void 0:e.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(n=e==null?void 0:e.outsidePress)!=null?n:!0}};function qf(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,elements:o,dataRef:a}=e,{enabled:i=!0,escapeKey:l=!0,outsidePress:c=!0,outsidePressEvent:u="pointerdown",referencePress:d=!1,referencePressEvent:A="pointerdown",ancestorScroll:C=!1,bubbles:f,capture:D}=t,p=zt(),b=D2(typeof c=="function"?c:()=>!1),B=typeof c=="function"?b:c,m=s.useRef(!1),E=s.useRef(!1),{escapeKey:S,outsidePress:L}=GA(f),{escapeKey:k,outsidePress:R}=GA(D),x=D2(T=>{var I;if(!n||!i||!l||T.key!=="Escape")return;const V=(I=a.current.floatingContext)==null?void 0:I.nodeId,$=p?Tt(p.nodesRef.current,V):[];if(!S&&(T.stopPropagation(),$.length>0)){let O=!0;if($.forEach(z=>{var H;if((H=z.context)!=null&&H.open&&!z.context.dataRef.current.__escapeKeyBubbles){O=!1;return}}),!O)return}r(!1,Mb(T)?T.nativeEvent:T,"escape-key")}),M=D2(T=>{var I;const V=()=>{var $;x(T),($=he(T))==null||$.removeEventListener("keydown",V)};(I=he(T))==null||I.addEventListener("keydown",V)}),P=D2(T=>{var I;const V=m.current;m.current=!1;const $=E.current;if(E.current=!1,u==="click"&&$||V||typeof B=="function"&&!B(T))return;const O=he(T),z="["+ot("inert")+"]",H=q0(o.floating).querySelectorAll(z);let Y=b0(O)?O:null;for(;Y&&!On(Y);){const t0=Ot(Y);if(On(t0)||!b0(t0))break;Y=t0}if(H.length&&b0(O)&&!$b(O)&&!P0(O,o.floating)&&Array.from(H).every(t0=>!P0(Y,t0)))return;if(M0(O)&&_){const t0=O.clientWidth>0&&O.scrollWidth>O.clientWidth,K=O.clientHeight>0&&O.scrollHeight>O.clientHeight;let Z=K&&T.offsetX>O.clientWidth;if(K&&_2(O).direction==="rtl"&&(Z=T.offsetX<=O.offsetWidth-O.clientWidth),Z||t0&&T.offsetY>O.clientHeight)return}const n0=(I=a.current.floatingContext)==null?void 0:I.nodeId,X=p&&Tt(p.nodesRef.current,n0).some(t0=>{var K;return Bl(T,(K=t0.context)==null?void 0:K.elements.floating)});if(Bl(T,o.floating)||Bl(T,o.domReference)||X)return;const e0=p?Tt(p.nodesRef.current,n0):[];if(e0.length>0){let t0=!0;if(e0.forEach(K=>{var Z;if((Z=K.context)!=null&&Z.open&&!K.context.dataRef.current.__outsidePressBubbles){t0=!1;return}}),!t0)return}r(!1,T,"outside-press")}),j=D2(T=>{var I;const V=()=>{var $;P(T),($=he(T))==null||$.removeEventListener(u,V)};(I=he(T))==null||I.addEventListener(u,V)});s.useEffect(()=>{if(!n||!i)return;a.current.__escapeKeyBubbles=S,a.current.__outsidePressBubbles=L;function T($){r(!1,$,"ancestor-scroll")}const I=q0(o.floating);l&&I.addEventListener("keydown",k?M:x,k),B&&I.addEventListener(u,R?j:P,R);let V=[];return C&&(b0(o.domReference)&&(V=Qe(o.domReference)),b0(o.floating)&&(V=V.concat(Qe(o.floating))),!b0(o.reference)&&o.reference&&o.reference.contextElement&&(V=V.concat(Qe(o.reference.contextElement)))),V=V.filter($=>{var O;return $!==((O=I.defaultView)==null?void 0:O.visualViewport)}),V.forEach($=>{$.addEventListener("scroll",T,{passive:!0})}),()=>{l&&I.removeEventListener("keydown",k?M:x,k),B&&I.removeEventListener(u,R?j:P,R),V.forEach($=>{$.removeEventListener("scroll",T)})}},[a,o,l,B,u,n,r,C,i,S,L,x,k,M,P,R,j]),s.useEffect(()=>{m.current=!1},[B,u]);const w=s.useMemo(()=>({onKeyDown:x,[hx[A]]:T=>{d&&r(!1,T.nativeEvent,"reference-press")}}),[x,r,d,A]),_=s.useMemo(()=>({onKeyDown:x,onMouseDown(){E.current=!0},onMouseUp(){E.current=!0},[yx[u]]:()=>{m.current=!0}}),[x,u]);return s.useMemo(()=>i?{reference:w,floating:_}:{},[i,w,_])}function bx(e){const{open:t=!1,onOpenChange:n,elements:r}=e,o=yi(),a=s.useRef({}),[i]=s.useState(()=>Pf()),l=Jn()!=null,[c,u]=s.useState(r.reference),d=D2((f,D,p)=>{a.current.openEvent=f?D:void 0,i.emit("openchange",{open:f,event:D,reason:p,nested:l}),n==null||n(f,D,p)}),A=s.useMemo(()=>({setPositionReference:u}),[]),C=s.useMemo(()=>({reference:c||r.reference||null,floating:r.floating||null,domReference:r.reference}),[c,r.reference,r.floating]);return s.useMemo(()=>({dataRef:a,open:t,onOpenChange:d,elements:C,events:i,floatingId:o,refs:A}),[t,d,C,i,o,A])}function Yf(e){e===void 0&&(e={});const{nodeId:t}=e,n=bx({...e,elements:{reference:null,floating:null,...e.elements}}),r=e.rootContext||n,o=r.elements,[a,i]=s.useState(null),[l,c]=s.useState(null),d=(o==null?void 0:o.reference)||a,A=s.useRef(null),C=zt();B0(()=>{d&&(A.current=d)},[d]);const f=Gv({...e,elements:{...o,...l&&{reference:l}}}),D=s.useCallback(E=>{const S=b0(E)?{getBoundingClientRect:()=>E.getBoundingClientRect(),contextElement:E}:E;c(S),f.refs.setReference(S)},[f.refs]),p=s.useCallback(E=>{(b0(E)||E===null)&&(A.current=E,i(E)),(b0(f.refs.reference.current)||f.refs.reference.current===null||E!==null&&!b0(E))&&f.refs.setReference(E)},[f.refs]),b=s.useMemo(()=>({...f.refs,setReference:p,setPositionReference:D,domReference:A}),[f.refs,p,D]),B=s.useMemo(()=>({...f.elements,domReference:d}),[f.elements,d]),m=s.useMemo(()=>({...f,...r,refs:b,elements:B,nodeId:t}),[f,b,B,t,r]);return B0(()=>{r.dataRef.current.floatingContext=m;const E=C==null?void 0:C.nodesRef.current.find(S=>S.id===t);E&&(E.context=m)}),s.useMemo(()=>({...f,context:m,refs:b,elements:B}),[f,b,B,m])}function Kf(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,events:o,dataRef:a,elements:i}=e,{enabled:l=!0,visibleOnly:c=!0}=t,u=s.useRef(!1),d=s.useRef(),A=s.useRef(!0);s.useEffect(()=>{if(!l)return;const f=E2(i.domReference);function D(){!n&&M0(i.domReference)&&i.domReference===X2(q0(i.domReference))&&(u.current=!0)}function p(){A.current=!0}return f.addEventListener("blur",D),f.addEventListener("keydown",p,!0),()=>{f.removeEventListener("blur",D),f.removeEventListener("keydown",p,!0)}},[i.domReference,n,l]),s.useEffect(()=>{if(!l)return;function f(D){let{reason:p}=D;(p==="reference-press"||p==="escape-key")&&(u.current=!0)}return o.on("openchange",f),()=>{o.off("openchange",f)}},[o,l]),s.useEffect(()=>()=>{clearTimeout(d.current)},[]);const C=s.useMemo(()=>({onPointerDown(f){gu(f.nativeEvent)||(A.current=!1)},onMouseLeave(){u.current=!1},onFocus(f){if(u.current)return;const D=he(f.nativeEvent);if(c&&b0(D))try{if(hu()&&XC())throw Error();if(!D.matches(":focus-visible"))return}catch{if(!A.current&&!yu(D))return}r(!0,f.nativeEvent,"focus")},onBlur(f){u.current=!1;const D=f.relatedTarget,p=f.nativeEvent,b=b0(D)&&D.hasAttribute(ot("focus-guard"))&&D.getAttribute("data-type")==="outside";d.current=window.setTimeout(()=>{var B;const m=X2(i.domReference?i.domReference.ownerDocument:document);!D&&m===i.domReference||P0((B=a.current.floatingContext)==null?void 0:B.refs.floating.current,m)||P0(i.domReference,m)||b||r(!1,p,"focus")})}}),[a,i.domReference,r,c]);return s.useMemo(()=>l?{reference:C}:{},[l,C])}const qA="active",YA="selected";function yl(e,t,n){const r=new Map,o=n==="item";let a=e;if(o&&e){const{[qA]:i,[YA]:l,...c}=e;a=c}return{...n==="floating"&&{tabIndex:-1,[Ks]:""},...a,...t.map(i=>{const l=i?i[n]:null;return typeof l=="function"?e?l(e):null:l}).concat(e).reduce((i,l)=>(l&&Object.entries(l).forEach(c=>{let[u,d]=c;if(!(o&&[qA,YA].includes(u)))if(u.indexOf("on")===0){if(r.has(u)||r.set(u,[]),typeof d=="function"){var A;(A=r.get(u))==null||A.push(d),i[u]=function(){for(var C,f=arguments.length,D=new Array(f),p=0;pb(...D)).find(b=>b!==void 0)}}}else i[u]=d}),i),{})}}function Jf(e){e===void 0&&(e=[]);const t=e.map(l=>l==null?void 0:l.reference),n=e.map(l=>l==null?void 0:l.floating),r=e.map(l=>l==null?void 0:l.item),o=s.useCallback(l=>yl(l,e,"reference"),t),a=s.useCallback(l=>yl(l,e,"floating"),n),i=s.useCallback(l=>yl(l,e,"item"),r);return s.useMemo(()=>({getReferenceProps:o,getFloatingProps:a,getItemProps:i}),[o,a,i])}let KA=!1;function bi(e,t,n){switch(e){case"vertical":return t;case"horizontal":return n;default:return t||n}}function JA(e,t){return bi(t,e===zn||e===Se,e===ke||e===ce)}function bl(e,t,n){return bi(t,e===Se,n?e===ke:e===ce)||e==="Enter"||e===" "||e===""}function vx(e,t,n){return bi(t,n?e===ke:e===ce,e===Se)}function XA(e,t,n){return bi(t,n?e===ce:e===ke,e===zn)}function SL(e,t){const{open:n,onOpenChange:r,elements:o}=e,{listRef:a,activeIndex:i,onNavigate:l=()=>{},enabled:c=!0,selectedIndex:u=null,allowEscape:d=!1,loop:A=!1,nested:C=!1,rtl:f=!1,virtual:D=!1,focusItemOnOpen:p="auto",focusItemOnHover:b=!0,openOnArrowKeyDown:B=!0,disabledIndices:m=void 0,orientation:E="vertical",cols:S=1,scrollItemIntoView:L=!0,virtualItemRef:k,itemSizes:R,dense:x=!1}=t,M=Gf(o.floating),P=Z2(M),j=Jn(),w=zt(),_=D2(l),T=s.useRef(p),I=s.useRef(u??-1),V=s.useRef(null),$=s.useRef(!0),O=s.useRef(_),z=s.useRef(!!o.floating),H=s.useRef(n),Y=s.useRef(!1),n0=s.useRef(!1),X=Z2(m),e0=Z2(n),t0=Z2(L),K=Z2(u),[Z,a0]=s.useState(),[s0,E0]=s.useState(),d0=D2(function(c0,x0,i0){i0===void 0&&(i0=!1);function g0(D0){D?(a0(D0.id),w==null||w.events.emit("virtualfocus",D0),k&&(k.current=D0)):ge(D0,{preventScroll:!0,sync:XC()&&hu()?KA||Y.current:!1})}const V0=c0.current[x0.current];V0&&g0(V0),requestAnimationFrame(()=>{const D0=c0.current[x0.current]||V0;if(!D0)return;V0||g0(D0);const g2=t0.current;g2&&L2&&(i0||!$.current)&&(D0.scrollIntoView==null||D0.scrollIntoView(typeof g2=="boolean"?{block:"nearest",inline:"nearest"}:g2))})});B0(()=>{document.createElement("div").focus({get preventScroll(){return KA=!0,!1}})},[]),B0(()=>{c&&(n&&o.floating?T.current&&u!=null&&(n0.current=!0,I.current=u,_(u)):z.current&&(I.current=-1,O.current(null)))},[c,n,o.floating,u,_]),B0(()=>{if(c&&n&&o.floating)if(i==null){if(Y.current=!1,K.current!=null)return;if(z.current&&(I.current=-1,d0(a,I)),(!H.current||!z.current)&&T.current&&(V.current!=null||T.current===!0&&V.current==null)){let c0=0;const x0=()=>{a.current[0]==null?(c0<2&&(c0?requestAnimationFrame:queueMicrotask)(x0),c0++):(I.current=V.current==null||bl(V.current,E,f)||C?na(a,X.current):qs(a,X.current),V.current=null,_(I.current))};x0()}}else Sn(a,i)||(I.current=i,d0(a,I,n0.current),n0.current=!1)},[c,n,o.floating,i,K,C,a,E,f,_,d0,X]),B0(()=>{var c0;if(!c||o.floating||!w||D||!z.current)return;const x0=w.nodesRef.current,i0=(c0=x0.find(D0=>D0.id===j))==null||(c0=c0.context)==null?void 0:c0.elements.floating,g0=X2(q0(o.floating)),V0=x0.some(D0=>D0.context&&P0(D0.context.elements.floating,g0));i0&&!V0&&$.current&&i0.focus({preventScroll:!0})},[c,o.floating,w,j,D]),B0(()=>{if(!c||!w||!D||j)return;function c0(x0){E0(x0.id),k&&(k.current=x0)}return w.events.on("virtualfocus",c0),()=>{w.events.off("virtualfocus",c0)}},[c,w,D,j,k]),B0(()=>{O.current=_,z.current=!!o.floating}),B0(()=>{n||(V.current=null)},[n]),B0(()=>{H.current=n},[n]);const j0=i!=null,L2=s.useMemo(()=>{function c0(i0){if(!n)return;const g0=a.current.indexOf(i0);g0!==-1&&_(g0)}return{onFocus(i0){let{currentTarget:g0}=i0;c0(g0)},onClick:i0=>{let{currentTarget:g0}=i0;return g0.focus({preventScroll:!0})},...b&&{onMouseMove(i0){let{currentTarget:g0}=i0;c0(g0)},onPointerLeave(i0){let{pointerType:g0}=i0;!$.current||g0==="touch"||(I.current=-1,d0(a,I),_(null),D||ge(P.current,{preventScroll:!0}))}}}},[n,P,d0,b,a,_,D]),J=D2(c0=>{if($.current=!1,Y.current=!0,!e0.current&&c0.currentTarget===P.current)return;if(C&&XA(c0.key,E,f)){s2(c0),r(!1,c0.nativeEvent,"list-navigation"),M0(o.domReference)&&!D&&o.domReference.focus();return}const x0=I.current,i0=na(a,m),g0=qs(a,m);if(c0.key==="Home"&&(s2(c0),I.current=i0,_(I.current)),c0.key==="End"&&(s2(c0),I.current=g0,_(I.current)),S>1){const V0=R||Array.from({length:a.current.length},()=>({width:1,height:1})),D0=Ff(V0,S,x),g2=D0.findIndex(h2=>h2!=null&&!wt(a.current,h2,m)),ct=D0.reduce((h2,y2,At)=>y2!=null&&!wt(a.current,y2,m)?At:h2,-1),ut=D0[Sf({current:D0.map(h2=>h2!=null?a.current[h2]:null)},{event:c0,orientation:E,loop:A,cols:S,disabledIndices:Tf([...m||a.current.map((h2,y2)=>wt(a.current,y2)?y2:void 0),void 0],D0),minIndex:g2,maxIndex:ct,prevIndex:wf(I.current>g0?i0:I.current,V0,D0,S,c0.key===Se?"bl":c0.key===ce?"tr":"tl"),stopEvent:!0})];if(ut!=null&&(I.current=ut,_(I.current)),E==="both")return}if(JA(c0.key,E)){if(s2(c0),n&&!D&&X2(c0.currentTarget.ownerDocument)===c0.currentTarget){I.current=bl(c0.key,E,f)?i0:g0,_(I.current);return}bl(c0.key,E,f)?A?I.current=x0>=g0?d&&x0!==a.current.length?-1:i0:J0(a,{startingIndex:x0,disabledIndices:m}):I.current=Math.min(g0,J0(a,{startingIndex:x0,disabledIndices:m})):A?I.current=x0<=i0?d&&x0!==-1?a.current.length:g0:J0(a,{startingIndex:x0,decrement:!0,disabledIndices:m}):I.current=Math.max(i0,J0(a,{startingIndex:x0,decrement:!0,disabledIndices:m})),Sn(a,I.current)?_(null):_(I.current)}}),a2=s.useMemo(()=>D&&n&&j0&&{"aria-activedescendant":s0||Z},[D,n,j0,s0,Z]),i2=s.useMemo(()=>({"aria-orientation":E==="both"?void 0:E,...!ZC(o.domReference)&&a2,onKeyDown:J,onPointerMove(){$.current=!0}}),[a2,J,o.domReference,E]),U2=s.useMemo(()=>{function c0(i0){p==="auto"&&JC(i0.nativeEvent)&&(T.current=!0)}function x0(i0){T.current=p,p==="auto"&&gu(i0.nativeEvent)&&(T.current=!0)}return{...a2,onKeyDown(i0){$.current=!1;const g0=i0.key.indexOf("Arrow")===0,V0=vx(i0.key,E,f),D0=XA(i0.key,E,f),g2=JA(i0.key,E),ct=(C?V0:g2)||i0.key==="Enter"||i0.key.trim()==="";if(D&&n){const At=w==null?void 0:w.nodesRef.current.find(dt=>dt.parentId==null),W2=w&&At?cx(w.nodesRef.current,At.id):null;if(g0&&W2&&k){const dt=new KeyboardEvent("keydown",{key:i0.key,bubbles:!0});if(V0||D0){var ut,h2;const lo=((ut=W2.context)==null?void 0:ut.elements.domReference)===i0.currentTarget,so=D0&&!lo?(h2=W2.context)==null?void 0:h2.elements.domReference:V0?a.current.find(co=>(co==null?void 0:co.id)===Z):null;so&&(s2(i0),so.dispatchEvent(dt),E0(void 0))}if(g2&&W2.context&&W2.context.open&&W2.parentId&&i0.currentTarget!==W2.context.elements.domReference){var y2;s2(i0),(y2=W2.context.elements.domReference)==null||y2.dispatchEvent(dt);return}}return J(i0)}if(!(!n&&!B&&g0)){if(ct&&(V.current=C&&g2?null:i0.key),C){V0&&(s2(i0),n?(I.current=na(a,X.current),_(I.current)):r(!0,i0.nativeEvent,"list-navigation"));return}g2&&(u!=null&&(I.current=u),s2(i0),!n&&B?r(!0,i0.nativeEvent,"list-navigation"):J(i0),n&&_(I.current))}},onFocus(){n&&!D&&_(null)},onPointerDown:x0,onMouseDown:c0,onClick:c0}},[Z,a2,J,X,p,a,C,_,r,n,B,E,f,u,w,D,k]);return s.useMemo(()=>c?{reference:U2,floating:i2,item:L2}:{},[c,U2,i2,L2])}const xx=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function Sx(e,t){var n;t===void 0&&(t={});const{open:r,floatingId:o}=e,{enabled:a=!0,role:i="dialog"}=t,l=(n=xx.get(i))!=null?n:i,c=yi(),d=Jn()!=null,A=s.useMemo(()=>l==="tooltip"||i==="label"?{["aria-"+(i==="label"?"labelledby":"describedby")]:r?o:void 0}:{"aria-expanded":r?"true":"false","aria-haspopup":l==="alertdialog"?"dialog":l,"aria-controls":r?o:void 0,...l==="listbox"&&{role:"combobox"},...l==="menu"&&{id:c},...l==="menu"&&d&&{role:"menuitem"},...i==="select"&&{"aria-autocomplete":"none"},...i==="combobox"&&{"aria-autocomplete":"list"}},[l,o,d,r,c,i]),C=s.useMemo(()=>{const D={id:o,...l&&{role:l}};return l==="tooltip"||i==="label"?D:{...D,...l==="menu"&&{"aria-labelledby":c}}},[l,o,c,i]),f=s.useCallback(D=>{let{active:p,selected:b}=D;const B={role:"option",...p&&{id:o+"-option"}};switch(i){case"select":return{...B,"aria-selected":p&&b};case"combobox":return{...B,...p&&{"aria-selected":!0}}}return{}},[o,i]);return s.useMemo(()=>a?{reference:A,floating:C,item:f}:{},[a,A,C,f])}function ZA(e,t){const[n,r]=e;let o=!1;const a=t.length;for(let i=0,l=a-1;i=r!=A>=r&&n<=(d-c)*(r-u)/(A-u)+c&&(o=!o)}return o}function Fx(e,t){return e[0]>=t.x&&e[0]<=t.x+t.width&&e[1]>=t.y&&e[1]<=t.y+t.height}function Xf(e){e===void 0&&(e={});const{buffer:t=.5,blockPointerEvents:n=!1,requireIntent:r=!0}=e;let o,a=!1,i=null,l=null,c=performance.now();function u(A,C){const f=performance.now(),D=f-c;if(i===null||l===null||D===0)return i=A,l=C,c=f,null;const p=A-i,b=C-l,m=Math.sqrt(p*p+b*b)/D;return i=A,l=C,c=f,m}const d=A=>{let{x:C,y:f,placement:D,elements:p,onClose:b,nodeId:B,tree:m}=A;return function(S){function L(){clearTimeout(o),b()}if(clearTimeout(o),!p.domReference||!p.floating||D==null||C==null||f==null)return;const{clientX:k,clientY:R}=S,x=[k,R],M=he(S),P=S.type==="mouseleave",j=P0(p.floating,M),w=P0(p.domReference,M),_=p.domReference.getBoundingClientRect(),T=p.floating.getBoundingClientRect(),I=D.split("-")[0],V=C>T.right-T.width/2,$=f>T.bottom-T.height/2,O=Fx(x,_),z=T.width>_.width,H=T.height>_.height,Y=(z?_:T).left,n0=(z?_:T).right,X=(H?_:T).top,e0=(H?_:T).bottom;if(j&&(a=!0,!P))return;if(w&&(a=!1),w&&!P){a=!0;return}if(P&&b0(S.relatedTarget)&&P0(p.floating,S.relatedTarget)||m&&Tt(m.nodesRef.current,B).some(Z=>{let{context:a0}=Z;return a0==null?void 0:a0.open}))return;if(I==="top"&&f>=_.bottom-1||I==="bottom"&&f<=_.top+1||I==="left"&&C>=_.right-1||I==="right"&&C<=_.left+1)return L();let t0=[];switch(I){case"top":t0=[[Y,_.top+1],[Y,T.bottom-1],[n0,T.bottom-1],[n0,_.top+1]];break;case"bottom":t0=[[Y,T.top+1],[Y,_.bottom-1],[n0,_.bottom-1],[n0,T.top+1]];break;case"left":t0=[[T.right-1,e0],[T.right-1,X],[_.left+1,X],[_.left+1,e0]];break;case"right":t0=[[_.right-1,e0],[_.right-1,X],[T.left+1,X],[T.left+1,e0]];break}function K(Z){let[a0,s0]=Z;switch(I){case"top":{const E0=[z?a0+t/2:V?a0+t*4:a0-t*4,s0+t+1],d0=[z?a0-t/2:V?a0+t*4:a0-t*4,s0+t+1],j0=[[T.left,V||z?T.bottom-t:T.top],[T.right,V?z?T.bottom-t:T.top:T.bottom-t]];return[E0,d0,...j0]}case"bottom":{const E0=[z?a0+t/2:V?a0+t*4:a0-t*4,s0-t],d0=[z?a0-t/2:V?a0+t*4:a0-t*4,s0-t],j0=[[T.left,V||z?T.top+t:T.bottom],[T.right,V?z?T.top+t:T.bottom:T.top+t]];return[E0,d0,...j0]}case"left":{const E0=[a0+t+1,H?s0+t/2:$?s0+t*4:s0-t*4],d0=[a0+t+1,H?s0-t/2:$?s0+t*4:s0-t*4];return[...[[$||H?T.right-t:T.left,T.top],[$?H?T.right-t:T.left:T.right-t,T.bottom]],E0,d0]}case"right":{const E0=[a0-t,H?s0+t/2:$?s0+t*4:s0-t*4],d0=[a0-t,H?s0-t/2:$?s0+t*4:s0-t*4],j0=[[$||H?T.left+t:T.right,T.top],[$?H?T.left+t:T.right:T.left+t,T.bottom]];return[E0,d0,...j0]}}}if(!ZA([k,R],t0)){if(a&&!O)return L();if(!P&&r){const Z=u(S.clientX,S.clientY);if(Z!==null&&Z<.1)return L()}ZA([k,R],K([C,f]))?!a&&r&&(o=window.setTimeout(L,40)):L()}}};return d.__options={blockPointerEvents:n},d}let wx=(e={})=>{let t=Na(),{placement:n="top",visible:r,onVisibleChange:o,middleware:a={flip:!0,shift:!0},autoUpdateOptions:i={},reference:l,ariaStrategy:c="description",id:u=t,...d}=e,[A,C]=VC(!1,r,o),f=s.useCallback(S=>{queueMicrotask(()=>{var L;try{(L=S==null?void 0:S.togglePopover)==null||L.call(S,A)}catch{}})},[A]),D=Yf({placement:n,open:A,onOpenChange:C,strategy:"fixed",whileElementsMounted:s.useMemo(()=>A?(...S)=>mf(...S,i):void 0,[i,A]),middleware:s.useMemo(()=>[a.offset!==void 0?Gs(a.offset):Gs(4),a.flip&&gf({padding:4}),a.shift&&Ef({padding:4}),a.size&&hf({padding:4}),a.autoPlacement&&yf({padding:4}),a.inline&&vf(),a.hide&&bf({padding:4})].filter(Boolean),[a]),...l&&{elements:{reference:l}}}),p=s.useMemo(()=>c==="description"?{"aria-describedby":u}:c==="label"?{"aria-labelledby":u}:{},[c,u]),{delay:b}=lx(D.context,{id:Na()}),B=Jf([Mf(D.context,{delay:b!==0?b:{open:50,close:250},handleClose:Xf({buffer:-1/0}),move:!1}),Kf(D.context),qf(D.context,{referencePress:!0,referencePressEvent:"click"})]);s.useEffect(()=>{if(!l)return;let S=k=>k.toLowerCase().substring(2),L={};return Object.entries({...p,...B.getReferenceProps()}).forEach(([k,R])=>{if(typeof R=="function"){let x=M=>{R({...M,nativeEvent:M})};l.addEventListener(S(k),x),L[k]=x}else R&&(L[k]=l.getAttribute(k),l.setAttribute(k,R))}),()=>{Object.entries(L).forEach(([k,R])=>{typeof R=="function"?l.removeEventListener(S(k),R):R?l.setAttribute(k,R):l.removeAttribute(k)})}},[p,l,B]);let m=s.useCallback(S=>B.getReferenceProps({...S,...p}),[B,p]),E=s.useMemo(()=>({...B.getFloatingProps({hidden:!A,"aria-hidden":"true",...d,id:u}),popover:"manual"}),[B,d,u,A]);return s.useMemo(()=>({getReferenceProps:m,floatingProps:E,...D,refs:{...D.refs,setFloating:S=>{D.refs.setFloating(S),f(S)}},floatingStyles:D.context.open?D.floatingStyles:{}}),[m,E,D,f])};const Tx=s.forwardRef((e,t)=>{let{content:n,children:r,portal:o=!0,className:a,style:i,...l}=e,c=wx(l),u=Yn(c.refs.setFloating,t);return s.createElement(s.Fragment,null,WC(r,d=>({...c.getReferenceProps(d.props),ref:c.refs.setReference})),e.ariaStrategy!=="none"||c.context.open?s.createElement(Kx,{portal:o},s.createElement(w2,{className:r2("iui-tooltip",a),ref:u,style:{...c.floatingStyles,...i},...c.floatingProps},n)):null)}),_x=s.forwardRef((e,t)=>{let{as:n="span",className:r,unhideOnFocus:o=!0,children:a,...i}=e,l=Fu()==="hydrated",c=["div","span","p"].includes(n)?s.createElement(s.Fragment,null,s.createElement(Cm,{css:Ix},s.createElement("slot",null)),l&&a):a;return s.createElement(w2,{as:n,className:r2("iui-visually-hidden",r),"data-iui-unhide-on-focus":!!o||void 0,ref:t,...i},c)});let Ix=` + :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) { + clip-path: inset(50%) !important; + overflow: hidden !important; + position: absolute !important; + white-space: nowrap !important; + block-size: 1px !important; + inline-size: 1px !important; + } +`;const Zf=s.createContext(void 0),FL=s.forwardRef((e,t)=>{let{children:n,overflowButton:r,overflowPlacement:o="end",orientation:a="horizontal",...i}=e,l=s.useMemo(()=>e.role!=="toolbar"?n:s.Children.map(n,(u,d)=>s.isValidElement(u)?s.createElement(tx,{key:d,render:u}):u),[n,e.role]),c=r?s.createElement(kx,{orientation:a,overflowButton:r,overflowPlacement:o,ref:t,...i},l):s.createElement(Qf,{orientation:a,ref:t,...i},l);return s.createElement(ix,{delay:{open:50,close:250}},s.createElement(Zf.Provider,{value:a},e.role==="toolbar"?s.createElement(ex,{orientation:a,render:c,disabledIndices:[]}):c))});let Qf=s.forwardRef((e,t)=>{let{orientation:n,className:r,...o}=e;return s.createElement(w2,{className:r2("iui-button-group",r),"data-iui-orientation":n==="vertical"?n:void 0,ref:t,...o})}),kx=s.forwardRef((e,t)=>{let{children:n,orientation:r,overflowButton:o,overflowPlacement:a,...i}=e,l=s.useMemo(()=>s.Children.toArray(n).filter(Boolean),[n]);return s.createElement(dm,{as:Qf,itemsCount:l.length,overflowOrientation:r,orientation:r,...i,className:r2({"iui-button-group-overflow-x":!!o&&r==="horizontal"},e.className),ref:t},s.createElement(Rx,{overflowButton:o,overflowPlacement:a,items:l}))}),Rx=e=>{let{overflowButton:t,overflowPlacement:n,items:r}=e,{visibleCount:o}=dm.useContext(),a=n==="start"?r.length-o:o-1;return on};return r.init=e,r.read=Px,r.write=Ox,r}function Px(e){return e(this)}function Ox(e,t,n){return t(this,typeof n=="function"?n(e(this)):n)}const vl=(e,t)=>e.unstable_is?e.unstable_is(t):t===e,xl=e=>"init"in e,Sl=e=>!!e.write,qa=new WeakMap,Nx=(e,t)=>{qa.set(e,t),e.catch(()=>{}).finally(()=>qa.delete(e))},QA=(e,t)=>{const n=qa.get(e);n&&(qa.delete(e),n(t))},ed=(e,t)=>{e.status="fulfilled",e.value=t},td=(e,t)=>{e.status="rejected",e.reason=t},Mx=e=>typeof(e==null?void 0:e.then)=="function",cr=(e,t)=>!!e&&"v"in e&&"v"in t&&Object.is(e.v,t.v),nd=(e,t)=>!!e&&"e"in e&&"e"in t&&Object.is(e.e,t.e),Yt=e=>!!e&&"v"in e&&e.v instanceof Promise,$x=(e,t)=>"v"in e&&"v"in t&&e.v.orig&&e.v.orig===t.v.orig,$o=e=>{if("e"in e)throw e.e;return e.v},tm=()=>{const e=new WeakMap,t=new WeakMap,n=[],r=new WeakMap;let o,a;(W0?"production":void 0)!=="production"&&(o=new Set,a=new Set);const i=x=>e.get(x),l=(x,M)=>{M.d.forEach((P,j)=>{var w;if(!r.has(j)){const _=i(j);(w=n[n.length-1])==null||w.add(j),r.set(j,[_,new Set]),_&&l(j,_)}r.get(j)[1].add(x)})},c=(x,M)=>{var P;(W0?"production":void 0)!=="production"&&Object.freeze(M);const j=i(x);if(e.set(x,M),r.has(x)||((P=n[n.length-1])==null||P.add(x),r.set(x,[j,new Set]),l(x,M)),Yt(j)){const w="v"in M?M.v instanceof Promise?M.v:Promise.resolve(M.v):Promise.reject(M.e);j.v!==w&&QA(j.v,w)}},u=(x,M,P,j)=>{const w=new Map(j?M.d:null);let _=!1;P.forEach((T,I)=>{!T&&vl(x,I)&&(T=M),T?(w.set(I,T),M.d.get(I)!==T&&(_=!0)):(W0?"production":void 0)!=="production"&&console.warn("[Bug] atom state not found")}),(_||M.d.size!==w.size)&&(M.d=w)},d=(x,M,P,j)=>{const w=i(x),_={d:(w==null?void 0:w.d)||new Map,v:M};if(P&&u(x,_,P,j),cr(w,_)&&w.d===_.d)return w;if(Yt(w)&&Yt(_)&&$x(w,_)){if(w.d===_.d)return w;_.v=w.v}return c(x,_),_},A=(x,M,P,j)=>{if(Mx(M)){let w;const _=()=>{const I=i(x);if(!Yt(I)||I.v!==T)return;const V=d(x,T,P);t.has(x)&&I.d!==V.d&&L(x,V,I.d)},T=new Promise((I,V)=>{let $=!1;M.then(O=>{$||($=!0,ed(T,O),I(O),_())},O=>{$||($=!0,td(T,O),V(O),_())}),w=O=>{$||($=!0,O.then(z=>ed(T,z),z=>td(T,z)),I(O))}});return T.orig=M,T.status="pending",Nx(T,I=>{I&&w(I),j==null||j()}),d(x,T,P,!0)}return d(x,M,P)},C=(x,M,P)=>{const j=i(x),w={d:(j==null?void 0:j.d)||new Map,e:M};return P&&u(x,w,P),nd(j,w)&&j.d===w.d?j:(c(x,w),w)},f=(x,M)=>{const P=i(x);if(!M&&P&&(t.has(x)||Array.from(P.d).every(([$,O])=>{if($===x)return!0;const z=f($);return z===O||cr(z,O)})))return P;const j=new Map;let w=!0;const _=$=>{if(vl(x,$)){const z=i($);if(z)return j.set($,z),$o(z);if(xl($))return j.set($,void 0),$.init;throw new Error("no atom init")}const O=f($);return j.set($,O),$o(O)};let T,I;const V={get signal(){return T||(T=new AbortController),T.signal},get setSelf(){return(W0?"production":void 0)!=="production"&&!Sl(x)&&console.warn("setSelf function cannot be used with read-only atom"),!I&&Sl(x)&&(I=(...$)=>{if((W0?"production":void 0)!=="production"&&w&&console.warn("setSelf function cannot be called in sync"),!w)return B(x,...$)}),I}};try{const $=x.read(_,V);return A(x,$,j,()=>T==null?void 0:T.abort())}catch($){return C(x,$,j)}finally{w=!1}},D=x=>$o(f(x)),p=x=>{const M=T=>{var I,V;const $=new Set((I=t.get(T))==null?void 0:I.t);return(V=r.get(T))==null||V[1].forEach(O=>{$.add(O)}),$},P=new Array,j=new Set,w=T=>{if(!j.has(T)){j.add(T);for(const I of M(T))T!==I&&w(I);P.push(T)}};w(x);const _=new Set([x]);for(let T=P.length-1;T>=0;--T){const I=P[T],V=i(I);if(!V)continue;let $=!1;for(const O of V.d.keys())if(O!==I&&_.has(O)){$=!0;break}if($){const O=f(I,!0);cr(V,O)||_.add(I)}}},b=(x,...M)=>{const P=_=>$o(f(_)),j=(_,...T)=>{const I=n.length>0;I||n.push(new Set([_]));let V;if(vl(x,_)){if(!xl(_))throw new Error("atom not writable");const $=i(_),O=A(_,T[0]);cr($,O)||p(_)}else V=b(_,...T);if(!I){const $=k(n.pop());(W0?"production":void 0)!=="production"&&o.forEach(O=>O({type:"async-write",flushed:$}))}return V};return x.write(P,j,...M)},B=(x,...M)=>{n.push(new Set([x]));const P=b(x,...M),j=k(n.pop());return(W0?"production":void 0)!=="production"&&o.forEach(w=>w({type:"write",flushed:j})),P},m=(x,M,P)=>{var j;const w=t.get(x);if(w)return M&&w.t.add(M),w;const _=P||[];(j=i(x))==null||j.d.forEach((I,V)=>{V!==x&&m(V,x,_)}),f(x);const T={t:new Set(M&&[M]),l:new Set};if(t.set(x,T),(W0?"production":void 0)!=="production"&&a.add(x),Sl(x)&&x.onMount){const{onMount:I}=x;_.push(()=>{const V=I((...$)=>B(x,...$));V&&(T.u=V)})}return P||_.forEach(I=>I()),T},E=(x,M)=>!M.l.size&&(!M.t.size||M.t.size===1&&M.t.has(x)),S=(x,M)=>{if(!E(x,M))return;const P=M.u;P&&P(),t.delete(x),(W0?"production":void 0)!=="production"&&a.delete(x);const j=i(x);j?(Yt(j)&&QA(j.v),j.d.forEach((w,_)=>{if(_!==x){const T=t.get(_);T&&(T.t.delete(x),S(_,T))}})):(W0?"production":void 0)!=="production"&&console.warn("[Bug] could not find atom state to unmount",x)},L=(x,M,P)=>{const j=new Set(M.d.keys()),w=new Set;P==null||P.forEach((_,T)=>{if(j.has(T)){j.delete(T);return}w.add(T);const I=t.get(T);I&&I.t.delete(x)}),j.forEach(_=>{m(_,x)}),w.forEach(_=>{const T=t.get(_);T&&S(_,T)})},k=x=>{let M;(W0?"production":void 0)!=="production"&&(M=new Set);const P=[],j=w=>{var _;if(!r.has(w))return;const[T,I]=r.get(w);r.delete(w),P.push([w,T]),I.forEach(j),(_=i(w))==null||_.d.forEach((V,$)=>j($))};if(x.forEach(j),P.forEach(([w,_])=>{const T=i(w);if(!T){(W0?"production":void 0)!=="production"&&console.warn("[Bug] no atom state to flush");return}if(T!==_){const I=t.get(w);I&&T.d!==(_==null?void 0:_.d)&&L(w,T,_==null?void 0:_.d),I&&!(!Yt(_)&&(cr(_,T)||nd(_,T)))&&(I.l.forEach(V=>V()),(W0?"production":void 0)!=="production"&&M.add(w))}}),(W0?"production":void 0)!=="production")return M},R=(x,M)=>{const P=m(x),j=k([x]),w=P.l;return w.add(M),(W0?"production":void 0)!=="production"&&o.forEach(_=>_({type:"sub",flushed:j})),()=>{w.delete(M),S(x,P),(W0?"production":void 0)!=="production"&&o.forEach(_=>_({type:"unsub"}))}};return(W0?"production":void 0)!=="production"?{get:D,set:B,sub:R,dev_subscribe_store:x=>(o.add(x),()=>{o.delete(x)}),dev_get_mounted_atoms:()=>a.values(),dev_get_atom_state:x=>e.get(x),dev_get_mounted:x=>t.get(x),dev_restore_atoms:x=>{n.push(new Set);for(const[P,j]of x)xl(P)&&(A(P,j),p(P));const M=k(n.pop());o.forEach(P=>P({type:"restore",flushed:M}))}}:{get:D,set:B,sub:R}};let ur;const zx=()=>(ur||(ur=tm(),(W0?"production":void 0)!=="production"&&(globalThis.__JOTAI_DEFAULT_STORE__||(globalThis.__JOTAI_DEFAULT_STORE__=ur),globalThis.__JOTAI_DEFAULT_STORE__!==ur&&console.warn("Detected multiple Jotai instances. It may cause unexpected behavior with the default store. https://github.com/pmndrs/jotai/discussions/2044"))),ur),nm=tm,jx=zx,Vx={BASE_URL:"./",DEV:!1,MODE:"production",PROD:!0,SSR:!1,VITE_LADLE_APP_ID:"718ffe",VITE_PUBLIC_LADLE_THEME:"light"},Hx=s.createContext(void 0),rm=e=>{const t=s.useContext(Hx);return(e==null?void 0:e.store)||t||jx()},Ux=e=>typeof(e==null?void 0:e.then)=="function",Wx=W.use||(e=>{if(e.status==="pending")throw e;if(e.status==="fulfilled")return e.value;throw e.status==="rejected"?e.reason:(e.status="pending",e.then(t=>{e.status="fulfilled",e.value=t},t=>{e.status="rejected",e.reason=t}),e)});function rd(e,t){const n=rm(t),[[r,o,a],i]=s.useReducer(u=>{const d=n.get(e);return Object.is(u[0],d)&&u[1]===n&&u[2]===e?u:[d,n,e]},void 0,()=>[n.get(e),n,e]);let l=r;(o!==n||a!==e)&&(i(),l=n.get(e));const c=t==null?void 0:t.delay;return s.useEffect(()=>{const u=n.sub(e,()=>{if(typeof c=="number"){setTimeout(i,c);return}i()});return i(),u},[n,e,c]),s.useDebugValue(l),Ux(l)?Wx(l):l}function Gx(e,t){const n=rm(t);return s.useCallback((...o)=>{if((Vx?"production":void 0)!=="production"&&!("write"in e))throw new Error("not writable atom");return n.set(e,...o)},[n,e])}let Ya=s.createContext({store:nm(),parentStore:null});const qx=({children:e})=>{let t=s.useMemo(()=>nm(),[]),n=s.useContext(Ya).store;return s.createElement(Ya.Provider,{value:s.useMemo(()=>({store:t,parentStore:n}),[t,n])},e)},Jr=e=>{let{store:t,parentStore:n}=s.useContext(Ya),r=Yx(e),o=rd(e,{store:t}),a=rd(e,{store:n||t});return s.useEffect(()=>{o==null&&a!=null&&r(a)}),[o,r]},Yx=e=>{let{store:t}=s.useContext(Ya);return Gx(e,{store:t})},xu=em(void 0),Kx=e=>{let{portal:t=!0,children:n}=e,r=mu(),o=om(t);return r?o?Ae.createPortal(n,o):n:null},om=e=>{let[t]=Jr(xu);return typeof e=="boolean"?e?t:null:(typeof e.to=="function"?e.to():e.to)??t};function Ka(){return Ka=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[o]=e[o]);return n}function Js(e,t){return Js=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},Js(e,t)}function Xx(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Js(e,t)}const od={disabled:!1},am=W.createContext(null);var Zx=function(t){return t.scrollTop},fr="unmounted",gt="exited",ht="entering",Jt="entered",Xs="exiting",Pe=function(e){Xx(t,e);function t(r,o){var a;a=e.call(this,r,o)||this;var i=o,l=i&&!i.isMounting?r.enter:r.appear,c;return a.appearStatus=null,r.in?l?(c=gt,a.appearStatus=ht):c=Jt:r.unmountOnExit||r.mountOnEnter?c=fr:c=gt,a.state={status:c},a.nextCallback=null,a}t.getDerivedStateFromProps=function(o,a){var i=o.in;return i&&a.status===fr?{status:gt}: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!==ht&&i!==Jt&&(a=ht):(i===ht||i===Jt)&&(a=Xs)}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===ht){if(this.props.unmountOnExit||this.props.mountOnEnter){var i=this.props.nodeRef?this.props.nodeRef.current:An.findDOMNode(this);i&&Zx(i)}this.performEnter(o)}else this.performExit();else this.props.unmountOnExit&&this.state.status===gt&&this.setState({status:fr})},n.performEnter=function(o){var a=this,i=this.props.enter,l=this.context?this.context.isMounting:o,c=this.props.nodeRef?[l]:[An.findDOMNode(this),l],u=c[0],d=c[1],A=this.getTimeouts(),C=l?A.appear:A.enter;if(!o&&!i||od.disabled){this.safeSetState({status:Jt},function(){a.props.onEntered(u)});return}this.props.onEnter(u,d),this.safeSetState({status:ht},function(){a.props.onEntering(u,d),a.onTransitionEnd(C,function(){a.safeSetState({status:Jt},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:An.findDOMNode(this);if(!a||od.disabled){this.safeSetState({status:gt},function(){o.props.onExited(l)});return}this.props.onExit(l),this.safeSetState({status:Xs},function(){o.props.onExiting(l),o.onTransitionEnd(i.exit,function(){o.safeSetState({status:gt},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:An.findDOMNode(this),l=o==null&&!this.props.addEndListener;if(!i||l){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var c=this.props.nodeRef?[this.nextCallback]:[i,this.nextCallback],u=c[0],d=c[1];this.props.addEndListener(u,d)}o!=null&&setTimeout(this.nextCallback,o)},n.render=function(){var o=this.state.status;if(o===fr)return null;var a=this.props,i=a.children;a.in,a.mountOnEnter,a.unmountOnExit,a.appear,a.enter,a.exit,a.timeout,a.addEndListener,a.onEnter,a.onEntering,a.onEntered,a.onExit,a.onExiting,a.onExited,a.nodeRef;var l=Jx(a,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return W.createElement(am.Provider,{value:null},typeof i=="function"?i(o,l):W.cloneElement(W.Children.only(i),l))},t}(W.Component);Pe.contextType=am;Pe.propTypes={};function Kt(){}Pe.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Kt,onEntering:Kt,onEntered:Kt,onExit:Kt,onExiting:Kt,onExited:Kt};Pe.UNMOUNTED=fr;Pe.EXITED=gt;Pe.ENTERING=ht;Pe.ENTERED=Jt;Pe.EXITING=Xs;const Qx=e=>{let{content:t,category:n,type:r="temporary",isVisible:o,link:a,duration:i=7e3,hasCloseButton:l,onRemove:c,animateOutTo:u,domProps:d}=e,A=s.useRef(0),{placement:C}=gi(Ja).settings,f=C.startsWith("top")?"top":"bottom",[D,p]=s.useState(o??!0),b=o??D,[B,m]=s.useState(0),E=s.useRef(null),[S,L]=s.useState(0),k=js("(prefers-reduced-motion: no-preference)"),R=()=>f==="top"?{marginBlockEnd:S}:{marginBlockStart:S};s.useEffect(()=>(r==="temporary"&&M(i),()=>{P()}),[i,r]),s.useEffect(()=>{!b&&!u&&L(-B)},[b,u,L,B]);let x=()=>{P(),L(-B),p(!1)},M=_=>{let T=zs();T&&(A.current=T.setTimeout(()=>{x()},_))},P=()=>{var _;(_=zs())==null||_.clearTimeout(A.current)},j=_=>{if(_){let{height:T}=_.getBoundingClientRect();m(T)}},w=_=>{let T=0,I=0;if(u&&_){let{x:V,y:$}=_.getBoundingClientRect(),{x:O,y:z}=u.getBoundingClientRect();T=O-V,I=z-$}return{translateX:T,translateY:I}};return s.createElement(Pe,{timeout:{enter:240,exit:u?400:120},in:b,appear:!0,unmountOnExit:!0,onEnter:_=>{k&&(_.style.transform="translateY(15%)",_.style.transitionTimingFunction="ease")},onEntered:_=>{k&&(_.style.transform="translateY(0)")},onExiting:_=>{if(k){let{translateX:T,translateY:I}=w(_);_.style.transform=u?`scale(0.9) translate(${T}px,${I}px)`:"scale(0.9)",_.style.opacity="0",_.style.transitionDuration=u?"400ms":"120ms",_.style.transitionTimingFunction="cubic-bezier(0.4, 0, 1, 1)"}},onExited:c},s.createElement(w2,{ref:E,className:"iui-toast-all",style:{height:B,...R()}},s.createElement("div",{ref:j},s.createElement(eS,{as:"div",category:n,content:t,link:a,type:r,hasCloseButton:l,onClose:x,...d==null?void 0:d.toastProps,contentProps:d==null?void 0:d.contentProps}))))},eS=s.forwardRef((e,t)=>{let{content:n,category:r,type:o="temporary",link:a,hasCloseButton:i,onClose:l,className:c,contentProps:u,...d}=e,A=LS[r];return s.createElement(w2,{className:r2(`iui-toast iui-${r}`,c),ref:t,...d},s.createElement(w2,{className:"iui-status-area"},s.createElement(A,{className:"iui-icon"})),s.createElement(w2,{as:"div",...u,className:r2("iui-message",u==null?void 0:u.className)},n),a&&s.createElement(fm,{...a,className:r2("iui-anchor","iui-toast-anchor",a.className),title:void 0,"data-iui-status":r,"data-iui-underline":!0},a.title),(o==="persisting"||i)&&s.createElement(CS,{size:"small",styleType:"borderless",onClick:l,"aria-label":"Close"},s.createElement(PS,null)))}),wL=()=>{let e=gi(im);return s.useMemo(()=>{let t=n=>(r,o)=>{let a=rS();return e({type:"add",toast:{...o,id:a,content:r,category:n}}),{close:()=>e({type:"remove",id:a})}};return{positive:t("positive"),informational:t("informational"),negative:t("negative"),warning:t("warning"),closeAll:()=>{e({type:"close-all"})},setSettings:n=>{e({type:"settings",settings:n})}}},[e])},ad=()=>{let{toasts:e,settings:t}=gi(Ja);return s.createElement(w2,{className:r2("iui-toast-wrapper",`iui-placement-${t.placement}`)},e.map(n=>s.createElement(Qx,{key:n.id,...n})))},tS=({children:e,inherit:t=!1})=>{let[n,r]=s.useReducer(nS,{toasts:[],settings:{order:"auto",placement:"top"}});return s.useContext(Ja)&&t?e:s.createElement(im.Provider,{value:r},s.createElement(Ja.Provider,{value:n},e))};let nS=(e,t)=>{if(t.type==="add"){let n=e.settings.order;return n==="auto"&&(n=e.settings.placement.startsWith("top")?"descending":"ascending"),{...e,toasts:[...n==="ascending"?e.toasts:[],t.toast,...n==="descending"?e.toasts:[]]}}return t.type==="remove"?{...e,toasts:e.toasts.filter(n=>n.id!==t.id)}:t.type==="close-all"?{...e,toasts:e.toasts.map(n=>({...n,isVisible:!1}))}:t.type==="settings"?{...e,settings:{...e.settings,...t.settings}}:e};const Ja=s.createContext(void 0);let im=s.createContext(void 0),rS=(()=>{let e=0;return()=>++e})(),oS="ESM";const Su={version:HC,module:oS};let aS=Su.version.replace(/\./g,""),lm=em(void 0);const sm=s.forwardRef((e,t)=>{var n,r;let{theme:o="inherit",children:a,themeOptions:i={},portalContainer:l,includeCss:c=o==="inherit",...u}=e;AS();let[d,A]=s.useState(null),C=lS(d),f=o==="inherit"?C.theme||"light":o;(n=i).applyBackground??(n.applyBackground=!C.theme),(r=i).highContrast??(r.highContrast=o==="inherit"?C.highContrast:void 0);let[D]=Jr(xu),p=s.useMemo(()=>({theme:f,themeOptions:i}),[f,JSON.stringify(i)]);return s.createElement(qx,null,s.createElement(xS,null,s.createElement(fu.Provider,{value:p},s.createElement(tS,{inherit:o==="inherit"&&!l},c&&d?s.createElement(cS,{root:d}):null,s.createElement(iS,{theme:f,themeOptions:i,ref:Yn(t,A,uS),...u},a,s.createElement(sS,{theme:f,themeOptions:i,portalContainerProp:l,portalContainerFromParent:D,isInheritingTheme:o==="inherit"}))))))});let iS=s.forwardRef((e,t)=>{let[n,r]=Jr(lm),o=s.useCallback(a=>{a&&a.ownerDocument!==n&&r(a.ownerDocument)},[n,r]);return s.createElement(cm,{...e,ref:Yn(o,t)})}),cm=s.forwardRef((e,t)=>{let{theme:n,children:r,themeOptions:o,className:a,...i}=e,l=js("(prefers-color-scheme: dark)"),c=js("(prefers-contrast: more)"),u=n==="dark"||n==="os"&&l,d=(o==null?void 0:o.highContrast)??c,A=o==null?void 0:o.applyBackground;return s.createElement(w2,{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)}),lS=e=>{var l,c;let t=s.useContext(fu),[n,r]=s.useState(t==null?void 0:t.theme),[o,a]=s.useState((l=t==null?void 0:t.themeOptions)==null?void 0:l.highContrast),i=Vs(t==null?void 0:t.theme);return Pn(()=>{var C;if(i.current)return;let u=(C=e==null?void 0:e.parentElement)==null?void 0:C.closest("[data-iui-theme]");if(!u)return;let d=()=>{r(u==null?void 0:u.getAttribute("data-iui-theme")),a((u==null?void 0:u.getAttribute("data-iui-contrast"))==="high")};d();let A=new MutationObserver(()=>d());return A.observe(u,{attributes:!0,attributeFilter:["data-iui-theme","data-iui-contrast"]}),()=>{A.disconnect()}},[e,i]),{theme:(t==null?void 0:t.theme)??n,highContrast:((c=t==null?void 0:t.themeOptions)==null?void 0:c.highContrast)??o,context:t}},sS=s.memo(({portalContainerProp:e,portalContainerFromParent:t,isInheritingTheme:n,theme:r,themeOptions:o})=>{let[a]=Jr(lm),[i,l]=Jr(xu),c=!e&&(!n||!t||!!a&&t.ownerDocument!==a),u=Na();return s.useEffect(()=>{if(c)return;let A=e||t;A&&A!==i&&l(A)}),Fu()==="hydrated"?c&&a?Ae.createPortal(s.createElement(cm,{theme:r,themeOptions:{...o,applyBackground:!1},"data-iui-portal":!0,style:{display:"contents"},ref:l,id:u},s.createElement(ad,null)),a.body):e?Ae.createPortal(s.createElement(ad,null),e):null:null}),cS=({root:e})=>(Pn(()=>{getComputedStyle(e).getPropertyValue(`--_iui-v${aS}`)!=="yes"&&(oo||(async()=>{try{await g(()=>Promise.resolve().then(()=>$S),void 0,import.meta.url)}catch(t){console.log("Error loading styles.css locally",t);let n=await kb(`https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@${Su.version}/styles.css`);document.adoptedStyleSheets=[...document.adoptedStyleSheets,n.default]}})())},[e]),s.createElement(s.Fragment,null)),uS=()=>{var e;let t=globalThis;(e=t).__iui||(e.__iui={versions:new Set}),t.__iui.versions.add(JSON.stringify(Su))},AS=()=>{let e=s.useRef(!1),t="https://cdn.jsdelivr.net/npm/wicg-inert@3.1.2/dist/inert.min.js";s.useEffect(()=>{(async()=>!HTMLElement.prototype.hasOwnProperty("inert")&&!e.current&&!oo&&(await new Function("url","return import(url)")(t),e.current=!0))()},[])};const um=s.createContext(void 0),dS=s.createContext(void 0),pS=e=>{var x,M;let{placement:t="bottom-start",visible:n,onVisibleChange:r,closeOnOutsideClick:o,autoUpdateOptions:a,matchWidth:i,interactions:l,role:c,...u}=e,d=s.useMemo(()=>({...l,click:(l==null?void 0:l.click)??!0,dismiss:(l==null?void 0:l.dismiss)??!0,hover:(l==null?void 0:l.hover)??!1,focus:(l==null?void 0:l.focus)??!1}),[l]),A=zt(),C=s.useMemo(()=>{var P,j,w,_;return{...e.middleware,flip:((P=e.middleware)==null?void 0:P.flip)??!0,shift:((j=e.middleware)==null?void 0:j.shift)??!0,size:((w=e.middleware)==null?void 0:w.size)??!0,hide:((_=e.middleware)==null?void 0:_.hide)||!oo}},[e.middleware]),f=typeof C.size=="boolean"?"400px":(x=C.size)==null?void 0:x.maxHeight,[D,p]=VC(!1,n,r),b=Yf({placement:t,open:D,onOpenChange:p,strategy:"fixed",whileElementsMounted:s.useMemo(()=>D?(...P)=>mf(...P,a):void 0,[a,D]),...u,middleware:s.useMemo(()=>[C.offset!==void 0&&Gs(C.offset),C.flip&&gf({padding:4}),C.shift&&Ef({padding:4}),(i||C.size)&&hf({padding:4,apply:({rects:P,availableHeight:j})=>{C.size&&L(Math.round(j)),i&&E(P.reference.width)}}),C.autoPlacement&&yf({padding:4}),C.inline&&vf(),C.hide&&bf({padding:4})].filter(Boolean),[i,C])}),B=Jf([gx(b.context,{enabled:!!d.click,...d.click}),qf(b.context,{enabled:!!d.dismiss,outsidePress:o,bubbles:A!=null,...d.dismiss}),Mf(b.context,{enabled:!!d.hover,delay:100,handleClose:Xf({buffer:1,blockPointerEvents:!0}),move:!1,...d.hover}),Kf(b.context,{enabled:!!d.focus,...d.focus}),Sx(b.context,{role:"dialog",enabled:!!c})]),[m,E]=s.useState(),[S,L]=s.useState(),k=s.useCallback(P=>{var j;return B.getFloatingProps({...P,style:{...b.floatingStyles,...C.size&&S&&{maxBlockSize:`min(${S}px, ${f})`},zIndex:9999,...i&&m?{minInlineSize:`${m}px`,maxInlineSize:`min(${2*m}px, 90vw)`}:{},...C.hide&&((j=b.middlewareData.hide)==null?void 0:j.referenceHidden)&&{visibility:"hidden"},...P==null?void 0:P.style}})},[B,b.floatingStyles,(M=b.middlewareData.hide)==null?void 0:M.referenceHidden,C.size,C.hide,S,f,i,m]),R=s.useCallback(P=>B.getReferenceProps({...P,onClick:Cb(P==null?void 0:P.onClick,()=>{d.click&&n&&p(!1)})}),[B,d.click,n,p]);return s.useMemo(()=>({open:D,onOpenChange:p,getReferenceProps:R,getFloatingProps:k,...b}),[D,p,k,b,R])},TL=s.forwardRef((e,t)=>{var R;let{portal:n=!0,visible:r,placement:o="bottom-start",onVisibleChange:a,closeOnOutsideClick:i=!0,middleware:l,positionReference:c,className:u,children:d,content:A,applyBackground:C=!1,...f}=e,D=pS({visible:r,placement:o,onVisibleChange:a,closeOnOutsideClick:i,role:"dialog",middleware:l}),[p,b]=s.useState(),B=Yn(D.refs.setFloating,t,b),m=`${Na()}-trigger`,E=!!e["aria-labelledby"]||!!e["aria-label"];Pn(()=>{if(c)return D.refs.setPositionReference(c),()=>void D.refs.setPositionReference(null)},[D.refs,c]);let[S,L]=s.useState(),k=s.useMemo(()=>({setInitialFocus:L}),[]);return s.createElement(s.Fragment,null,s.createElement(um.Provider,{value:D.open},WC(d,x=>({id:x.props.id||m,...D.getReferenceProps(x.props),ref:D.refs.setReference}))),D.open?s.createElement(dS.Provider,{value:k},s.createElement(DS,{portal:n},s.createElement(sm,{portalContainer:p},s.createElement(Am,null),s.createElement(Ex,{context:D.context,modal:!1,initialFocus:S},s.createElement(w2,{className:r2({"iui-popover-surface":C},u),"aria-labelledby":E||(R=D.refs.domReference.current)==null?void 0:R.id,...D.getFloatingProps(f),ref:B},A))))):null)});let DS=({children:e,portal:t=!0})=>{let n=om(t);return s.createElement(mx,{key:n==null?void 0:n.id,root:n},s.createElement(Am,null),e)},Am=s.memo(()=>s.createElement(Cm,{css:` + :host { + display: contents; + } + `},s.createElement("slot",null)));const CS=s.forwardRef((e,t)=>{let{isActive:n,children:r,styleType:o="default",size:a,className:i,title:l,label:c=l,iconProps:u,labelProps:d,...A}=e,C=s.useContext(Zf),f=s.useContext(um),D=s.createElement(fm,{ref:t,className:r2("iui-button","iui-field",i),"data-iui-variant":o!=="default"?o:void 0,"data-iui-size":a,"data-iui-active":n,"data-iui-has-popover":f?"open":void 0,"aria-pressed":n,...A},s.createElement(w2,{as:"span","aria-hidden":!0,...u,className:r2("iui-button-icon",u==null?void 0:u.className)},r),c?s.createElement(_x,null,c):null);return c?s.createElement(Tx,{placement:C==="vertical"?"right":"top",...d,content:c,ariaStrategy:"none"},D):D});let fS=W.forwardRef((e,t)=>{let{itemsCount:n,children:r,overflowOrientation:o,...a}=e,[i,l]=ES(n,o),c=W.useMemo(()=>({visibleCount:l,itemsCount:n}),[n,l]);return W.createElement(pm.Provider,{value:c},W.createElement(w2,{ref:Yn(t,i),...a},r))}),mS=e=>{let{children:t}=e,{visibleCount:n,itemsCount:r}=Dm();return n{let{itemsCount:n,overflowOrientation:r="horizontal",...o}=e,[a,i]=W.useState(null),[l]=Bb(i),c=Yn(l,t),u=`${n}${r==="vertical"?a==null?void 0:a.height:a==null?void 0:a.width}`;return W.createElement(fS,{...o,key:u,ref:c,itemsCount:n,overflowOrientation:r})});const dm=Object.assign(BS,{OverflowNode:mS,useContext:Dm});let pm=W.createContext(void 0),ES=(e,t="horizontal")=>{let[n,r]=W.useReducer(yS,{itemsCount:e},hS),o=W.useRef(null),a=W.useRef(!1);return Pn(()=>{let{minGuess:i,maxGuess:l,isStabilized:c,visibleCount:u}=n;if(c)return;d();function d(){if(!(c||a.current||oo))try{if(a.current=!0,o.current==null)return;let A=t==="horizontal"?"Width":"Height",C=o.current[`offset${A}`],f=o.current[`scroll${A}`],D=C{let t=Math.min(e,gS);return oo?{isStabilized:!0,minGuess:null,maxGuess:null,itemsCount:e,visibleCount:e}:{isStabilized:!1,minGuess:0,maxGuess:t,itemsCount:e,visibleCount:t}},yS=(e,t)=>{let n=({visibleCount:r,itemsCount:o})=>Math.min(o,r);switch(t.type){case"decreaseMaxGuess":case"increaseMinGuess":if(e.isStabilized)return e;let r=e.minGuess,o=e.maxGuess;t.type==="decreaseMaxGuess"?o=t.currentState.visibleCount:r=t.currentState.visibleCount;let a=Math.floor((r+o)/2);return{...e,isStabilized:!1,minGuess:r,maxGuess:o,visibleCount:n({visibleCount:a,itemsCount:e.itemsCount})};case"shiftGuessRangeForward":if(e.isStabilized)return e;let i=2*e.maxGuess;return{...e,isStabilized:!1,minGuess:e.maxGuess,maxGuess:i,visibleCount:n({visibleCount:i,itemsCount:e.itemsCount})};case"stabilize":return{...e,isStabilized:!0,minGuess:null,maxGuess:null};default:return e}};function Dm(){return gi(pm)}let Zs=s.createContext(!1),bS=()=>()=>{},vS=typeof window>"u";const Fu=()=>{let e=jC(bS,()=>!1,()=>!vS),t=s.useContext(Zs),n=mu();if(t||n)return"hydrated";if(e)return"hydrating"},xS=({children:e})=>{let[t,n]=s.useState(s.useContext(Zs)),r=s.useCallback(()=>n(!0),[]);return s.createElement(Zs.Provider,{value:t},t?null:s.createElement(SS,{onHydrate:r}),e)};let SS=({onHydrate:e})=>(s.useEffect(()=>void e(),[e]),null),wu=typeof document<"u",FS=wu&&"shadowRootMode"in HTMLTemplateElement.prototype,Qs=wu&&"adoptedStyleSheets"in Document.prototype;const Cm=({children:e,css:t})=>{let n=Fu()==="hydrating";return wu?FS&&n?null:s.createElement(wS,{css:t},e):s.createElement("template",{shadowrootmode:"open"},t&&s.createElement("style",null,t),e)};let wS=({children:e,css:t})=>{let n=s.useRef(null),r=TS(n,{css:t}),o=!Qs&&t?s.createElement("style",null,t):null;return r?Ae.createPortal(s.createElement(s.Fragment,null,o,e),r):s.createElement("template",{ref:n})};function TS(e,{css:t=""}){let[n,r]=s.useState(null),o=s.useRef(),a=Vs(t),i=Vs(n),l=s.useCallback(c=>{if(c&&Qs){let u=c.ownerDocument.defaultView||globalThis;if(o.current instanceof u.CSSStyleSheet)return;o.current=new u.CSSStyleSheet,c.adoptedStyleSheets.push(o.current),a.current&&o.current.replaceSync(a.current)}},[a]);return Pn(()=>{var d;let c=(d=e.current)==null?void 0:d.parentElement;if(!c)return;let u=()=>{c.shadowRoot&&i.current===null&&c.shadowRoot.replaceChildren();let A=c.shadowRoot||c.attachShadow({mode:"open"});l(A),Ae.flushSync(()=>r(A))};return queueMicrotask(()=>{u()}),()=>void r(null)},[e,l,i]),Pn(()=>{var c;t&&Qs&&((c=o.current)==null||c.replaceSync(t))},[t]),s.useEffect(()=>{let c=()=>l(i.current);return window.addEventListener("appui:reparent",c),()=>{window.removeEventListener("appui:reparent",c)}},[l,i]),n}const fm=s.forwardRef((e,t)=>{let{as:n="button",disabled:r,htmlDisabled:o,...a}=e,i=mu(),l=r&&!o&&i&&n==="button",c=u=>d=>{r||u==null||u(d)};return s.createElement(w2,{as:n,type:n==="button"?"button":void 0,ref:t,"aria-disabled":l?"true":void 0,"data-iui-disabled":r?"true":void 0,disabled:!!(o??(!i&&r))||void 0,...a,className:r2("iui-button-base",e.className),onClick:c(e.onClick),onPointerDown:c(e.onPointerDown),onPointerUp:c(e.onPointerUp)})}),io=UC.svg("",{viewBox:"0 0 16 16",width:16,height:16}),_S=e=>s.createElement(io,e,s.createElement("path",{d:"M8 0a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm1.2 3.2a.923.923 0 0 1 .997.843l.003.057a1.31 1.31 0 0 1-1.3 1.2.945.945 0 0 1-1-1 1.228 1.228 0 0 1 1.3-1.1zm-2 9.6c-.5 0-.9-.3-.5-1.7l.6-2.4c.1-.4.1-.5 0-.5-.2-.1-.9.2-1.3.5l-.2-.5a6.497 6.497 0 0 1 3.3-1.6c.5 0 .6.6.3 1.6l-.7 2.6c-.1.5-.1.6.1.6a2.003 2.003 0 0 0 1.1-.6l.3.4a5.769 5.769 0 0 1-3 1.6z"})),IS=e=>s.createElement(io,e,s.createElement("path",{d:"M9 12H7v-2h2v2Zm0-3H7V4h2v5Zm2.314-9H4.686L0 4.686v6.628L4.686 16h6.628L16 11.314V4.686L11.314 0Z"})),kS=e=>s.createElement(io,e,s.createElement("path",{d:"m8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z"})),RS=e=>s.createElement(io,e,s.createElement("path",{d:"m15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z"})),LS={negative:e=>s.createElement(IS,{"aria-hidden":!0,...e}),positive:e=>s.createElement(kS,{"aria-hidden":!0,...e}),warning:e=>s.createElement(RS,{"aria-hidden":!0,...e}),informational:e=>s.createElement(_S,{"aria-hidden":!0,...e})},PS=e=>s.createElement(io,e,s.createElement("path",{d:"m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z"})),OS=()=>s.useContext(fc);var mm=(e=>(e.Light="light",e.Dark="dark",e.Auto="auto",e))(mm||{}),Bm=(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))(Bm||{});const ec={},Em=W.createContext(ec);function NS(e){const t=W.useContext(Em);return W.useMemo(function(){return typeof e=="function"?e(t):{...t,...e}},[t,e])}function MS(e){let t;return e.disableParentContext?t=typeof e.components=="function"?e.components(ec):e.components||ec:t=NS(e.components),W.createElement(Em.Provider,{value:t},e.children)}const $S=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),zS=matchMedia("(prefers-color-scheme: dark)").matches,jS=({children:e})=>{var a,i;const{globalState:t,dispatch:n}=OS(),r=t.theme==="dark"?"dark":"light",o=(i=(a=t.control)==null?void 0:a["high-contrast"])==null?void 0:i.value;return s.useLayoutEffect(()=>{n({type:Bm.UpdateTheme,value:mm[zS?"Dark":"Light"]})},[]),s.useLayoutEffect(()=>{document.documentElement.dataset.iuiTheme=r,document.documentElement.dataset.iuiContrast=o?"high":"default"},[r,o]),s.useEffect(()=>{const l=new URLSearchParams(window.location.search),c=l.get("path");if(c&&!l.get("story")){const u=c.substring((c.indexOf("-")??0)+1);u&&(window.location.href=`${window.location.href}&story=${u}`)}},[]),v.jsx(s.StrictMode,{children:v.jsx(sm,{theme:r,themeOptions:{applyBackground:!1,highContrast:o},children:e})})},VS={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}},HS=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"CustomIcon")}))),US=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Empty")}))),WS=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Informational")}))),GS=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Negative")}))),qS=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Positive")}))),YS=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Sticky")}))),KS=s.lazy(()=>g(()=>import("./Alert.stories-CjUc9eIJ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Warning")}))),JS=s.lazy(()=>g(()=>import("./Anchor.stories-BTl0DW_4.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"AsButton")}))),XS=s.lazy(()=>g(()=>import("./Anchor.stories-BTl0DW_4.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),ZS=s.lazy(()=>g(()=>import("./Anchor.stories-BTl0DW_4.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"External")}))),QS=s.lazy(()=>g(()=>import("./Anchor.stories-BTl0DW_4.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"Underline")}))),eF=s.lazy(()=>g(()=>import("./Avatar.stories-Ccsp1euX.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"Basic")}))),tF=s.lazy(()=>g(()=>import("./Avatar.stories-Ccsp1euX.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"CustomStatusTranslation")}))),nF=s.lazy(()=>g(()=>import("./Avatar.stories-Ccsp1euX.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"Sizes")}))),rF=s.lazy(()=>g(()=>import("./Avatar.stories-Ccsp1euX.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"Statuses")}))),oF=s.lazy(()=>g(()=>import("./Avatar.stories-Ccsp1euX.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"WithIcon")}))),aF=s.lazy(()=>g(()=>import("./Avatar.stories-Ccsp1euX.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"WithImage")}))),iF=s.lazy(()=>g(()=>import("./AvatarGroup.stories-DNNczLFF.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"Animated")}))),lF=s.lazy(()=>g(()=>import("./AvatarGroup.stories-DNNczLFF.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"Basic")}))),sF=s.lazy(()=>g(()=>import("./AvatarGroup.stories-DNNczLFF.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"ManyAvatars")}))),cF=s.lazy(()=>g(()=>import("./AvatarGroup.stories-DNNczLFF.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"NonStacked")}))),uF=s.lazy(()=>g(()=>import("./AvatarGroup.stories-DNNczLFF.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"WithTooltip")}))),AF=s.lazy(()=>g(()=>import("./Badge.stories-tm3yWRLm.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:y(e,"Basic")}))),dF=s.lazy(()=>g(()=>import("./Badge.stories-tm3yWRLm.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:y(e,"LongLabel")}))),pF=s.lazy(()=>g(()=>import("./Badge.stories-tm3yWRLm.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:y(e,"Statuses")}))),DF=s.lazy(()=>g(()=>import("./Blockquote.stories-Dl3mOu6T.js"),[],import.meta.url).then(e=>({default:y(e,"Basic")}))),CF=s.lazy(()=>g(()=>import("./Blockquote.stories-Dl3mOu6T.js"),[],import.meta.url).then(e=>({default:y(e,"WithFooter")}))),fF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),mF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"CustomOverflowBackButton")}))),BF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"CustomOverflowDropdown")}))),EF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"CustomSeparator")}))),gF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"FolderNavigation")}))),hF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"Links")}))),yF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-DwdQAYBr.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:y(e,"Overflow")}))),bF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"AsLink")}))),vF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"CallToAction")}))),xF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"Default")}))),SF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"HighVisibility")}))),FF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"Loading")}))),wF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"Stretch")}))),TF=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"WithIcon")}))),_F=s.lazy(()=>g(()=>import("./Button.stories-C1OXxdt0.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"WithNotification")}))),IF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-DsMp9Eqd.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"InputButtonCombo")}))),kF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-DsMp9Eqd.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"Overflow")}))),RF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-DsMp9Eqd.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"Vertical")}))),LF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-DsMp9Eqd.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"VerticalOverflow")}))),PF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-DsMp9Eqd.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"WithIcons")}))),OF=s.lazy(()=>g(()=>import("./Carousel.stories-CHOE2Gpi.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:y(e,"Basic")}))),NF=s.lazy(()=>g(()=>import("./Carousel.stories-CHOE2Gpi.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:y(e,"Controlled")}))),MF=s.lazy(()=>g(()=>import("./Carousel.stories-CHOE2Gpi.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:y(e,"OnlyDots")}))),$F=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),zF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),jF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Indeterminate")}))),VF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Loading")}))),HF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Negative")}))),UF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Positive")}))),WF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Visibility")}))),GF=s.lazy(()=>g(()=>import("./Checkbox.stories-DiVwJZp7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Warning")}))),qF=s.lazy(()=>g(()=>import("./Code.stories-DahBaHnQ.js"),__vite__mapDeps([40,37]),import.meta.url).then(e=>({default:y(e,"Basic")}))),YF=s.lazy(()=>g(()=>import("./ColorPicker.stories-CSpWhlG7.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:y(e,"Advanced")}))),KF=s.lazy(()=>g(()=>import("./ColorPicker.stories-CSpWhlG7.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),JF=s.lazy(()=>g(()=>import("./ColorPicker.stories-CSpWhlG7.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:y(e,"WithAlpha")}))),XF=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),ZF=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"Controlled")}))),QF=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"CustomRenderer")}))),ew=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"DisabledItems")}))),tw=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"Loading")}))),nw=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"MultipleSelect")}))),rw=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"Virtualized")}))),ow=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"WithCustomMessageIcon")}))),aw=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"WithLabel")}))),iw=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"WithMessage")}))),lw=s.lazy(()=>g(()=>import("./ComboBox.stories-DNY-tQIN.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:y(e,"WithStatus")}))),sw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"Basic")}))),cw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"Localized")}))),uw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"Range")}))),Aw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"SomeDatesDisabled")}))),dw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"WithCombinedTime")}))),pw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"WithTime")}))),Dw=s.lazy(()=>g(()=>import("./DatePicker.stories-BDYZAZRR.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:y(e,"WithYear")}))),Cw=s.lazy(()=>g(()=>import("./Dialog.stories-yVYH5eha.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:y(e,"Basic")}))),fw=s.lazy(()=>g(()=>import("./Dialog.stories-yVYH5eha.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:y(e,"DraggableAndResizable")}))),mw=s.lazy(()=>g(()=>import("./Dialog.stories-yVYH5eha.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:y(e,"DraggableRelativeToContainer")}))),Bw=s.lazy(()=>g(()=>import("./Dialog.stories-yVYH5eha.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:y(e,"Modal")}))),Ew=s.lazy(()=>g(()=>import("./Dialog.stories-yVYH5eha.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:y(e,"Placement")}))),gw=s.lazy(()=>g(()=>import("./DropdownButton.stories-BAz1KarP.js"),__vite__mapDeps([66,25,17,18,20,21,22,23,24,26,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),hw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),yw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Submenu")}))),bw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithContent")}))),vw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithEndIcons")}))),xw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithSeparator")}))),Sw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithStartIcons")}))),Fw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-B7NWqxOx.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithSublabels")}))),ww=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"Accordion")}))),Tw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"Basic")}))),_w=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"Borderless")}))),Iw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),kw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"Small")}))),Rw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"StatusIcon")}))),Lw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-Ban-Cx-v.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:y(e,"WithCaption")}))),Pw=s.lazy(()=>g(()=>import("./Fieldset.stories-BjKtBT80.js"),__vite__mapDeps([70,71,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57,73,74,75]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Ow=s.lazy(()=>g(()=>import("./Fieldset.stories-BjKtBT80.js"),__vite__mapDeps([70,71,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57,73,74,75]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),Nw=s.lazy(()=>g(()=>import("./FileUpload.stories-DC-IKAH0.js"),__vite__mapDeps([76,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,4]),import.meta.url).then(e=>({default:y(e,"CustomFileUploadCard")}))),Mw=s.lazy(()=>g(()=>import("./FileUpload.stories-DC-IKAH0.js"),__vite__mapDeps([76,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,4]),import.meta.url).then(e=>({default:y(e,"DefaultFileUploadCard")}))),$w=s.lazy(()=>g(()=>import("./FileUpload.stories-DC-IKAH0.js"),__vite__mapDeps([76,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,4]),import.meta.url).then(e=>({default:y(e,"WrappingInput")}))),zw=s.lazy(()=>g(()=>import("./Flex.stories-OV_0V2il.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:y(e,"Basic")}))),jw=s.lazy(()=>g(()=>import("./Flex.stories-OV_0V2il.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:y(e,"IndividualGaps")}))),Vw=s.lazy(()=>g(()=>import("./Flex.stories-OV_0V2il.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:y(e,"WithFlexItem")}))),Hw=s.lazy(()=>g(()=>import("./Flex.stories-OV_0V2il.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:y(e,"WithSpacer")}))),Uw=s.lazy(()=>g(()=>import("./Footer.stories-RRqzOotO.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:y(e,"AppendedCustomElements")}))),Ww=s.lazy(()=>g(()=>import("./Footer.stories-RRqzOotO.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Gw=s.lazy(()=>g(()=>import("./Footer.stories-RRqzOotO.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:y(e,"BottomFixed")}))),qw=s.lazy(()=>g(()=>import("./Footer.stories-RRqzOotO.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:y(e,"CustomContent")}))),Yw=s.lazy(()=>g(()=>import("./Footer.stories-RRqzOotO.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:y(e,"CustomizedDefaultAndCustomElements")}))),Kw=s.lazy(()=>g(()=>import("./Footer.stories-RRqzOotO.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:y(e,"OnlyCustomElements")}))),Jw=s.lazy(()=>g(()=>import("./Header.stories-BO-T-O0R.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,19,26,27,8,9,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Xw=s.lazy(()=>g(()=>import("./Header.stories-BO-T-O0R.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,19,26,27,8,9,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:y(e,"CenterContent")}))),Zw=s.lazy(()=>g(()=>import("./Header.stories-BO-T-O0R.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,19,26,27,8,9,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:y(e,"Full")}))),Qw=s.lazy(()=>g(()=>import("./Header.stories-BO-T-O0R.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,19,26,27,8,9,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:y(e,"Slim")}))),e1=s.lazy(()=>g(()=>import("./Icon.stories-B2tRC75E.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:y(e,"Autoscale")}))),t1=s.lazy(()=>g(()=>import("./Icon.stories-B2tRC75E.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:y(e,"Default")}))),n1=s.lazy(()=>g(()=>import("./Icon.stories-B2tRC75E.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:y(e,"Padded")}))),r1=s.lazy(()=>g(()=>import("./Icon.stories-B2tRC75E.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:y(e,"Sizes")}))),o1=s.lazy(()=>g(()=>import("./Icon.stories-B2tRC75E.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:y(e,"Statuses")}))),a1=s.lazy(()=>g(()=>import("./IconButton.stories-B-CVYRd9.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:y(e,"Add")}))),i1=s.lazy(()=>g(()=>import("./IconButton.stories-B-CVYRd9.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:y(e,"Borderless")}))),l1=s.lazy(()=>g(()=>import("./IconButton.stories-B-CVYRd9.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:y(e,"HighVisibilityAdd")}))),s1=s.lazy(()=>g(()=>import("./IconButton.stories-B-CVYRd9.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:y(e,"SmallActiveAdd")}))),c1=s.lazy(()=>g(()=>import("./IdeasButton.stories-B2C8WqGV.js"),__vite__mapDeps([86,17,18]),import.meta.url).then(e=>({default:y(e,"Ideas")}))),u1=s.lazy(()=>g(()=>import("./IdeasButton.stories-B2C8WqGV.js"),__vite__mapDeps([86,17,18]),import.meta.url).then(e=>({default:y(e,"LocalizedIdeas")}))),A1=s.lazy(()=>g(()=>import("./InformationPanel.stories-CAct97-j.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"Basic")}))),d1=s.lazy(()=>g(()=>import("./InformationPanel.stories-CAct97-j.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"CustomActions")}))),p1=s.lazy(()=>g(()=>import("./InformationPanel.stories-CAct97-j.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"CustomWidth")}))),D1=s.lazy(()=>g(()=>import("./InformationPanel.stories-CAct97-j.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"Horizontal")}))),C1=s.lazy(()=>g(()=>import("./Input.stories-oIw1iUze.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),f1=s.lazy(()=>g(()=>import("./Input.stories-oIw1iUze.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),m1=s.lazy(()=>g(()=>import("./Input.stories-oIw1iUze.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:y(e,"Small")}))),B1=s.lazy(()=>g(()=>import("./Input.stories-oIw1iUze.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:y(e,"Status")}))),E1=s.lazy(()=>g(()=>import("./InputGrid.stories-DnGVXSAW.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:y(e,"WithInput")}))),g1=s.lazy(()=>g(()=>import("./InputGrid.stories-DnGVXSAW.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:y(e,"WithInputWithDecorations")}))),h1=s.lazy(()=>g(()=>import("./InputGrid.stories-DnGVXSAW.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:y(e,"WithSearch")}))),y1=s.lazy(()=>g(()=>import("./InputGrid.stories-DnGVXSAW.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:y(e,"WithSelect")}))),b1=s.lazy(()=>g(()=>import("./InputGroup.stories-CmuXPCdt.js"),__vite__mapDeps([93,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,74,39,18,75]),import.meta.url).then(e=>({default:y(e,"CheckboxGroup")}))),v1=s.lazy(()=>g(()=>import("./InputGroup.stories-CmuXPCdt.js"),__vite__mapDeps([93,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,74,39,18,75]),import.meta.url).then(e=>({default:y(e,"RadioGroup")}))),x1=s.lazy(()=>g(()=>import("./InputGroup.stories-CmuXPCdt.js"),__vite__mapDeps([93,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,74,39,18,75]),import.meta.url).then(e=>({default:y(e,"ToggleGroup")}))),S1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Cba5CdrC.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:y(e,"Basic")}))),F1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Cba5CdrC.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),w1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Cba5CdrC.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:y(e,"Small")}))),T1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Cba5CdrC.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:y(e,"Status")}))),_1=s.lazy(()=>g(()=>import("./Kbd.stories-C_AbDN5V.js"),__vite__mapDeps([95,96]),import.meta.url).then(e=>({default:y(e,"Basic")}))),I1=s.lazy(()=>g(()=>import("./Kbd.stories-C_AbDN5V.js"),__vite__mapDeps([95,96]),import.meta.url).then(e=>({default:y(e,"PredefinedKey")}))),k1=s.lazy(()=>g(()=>import("./Label.stories-DnhIuJ3Q.js"),__vite__mapDeps([97,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Basic")}))),R1=s.lazy(()=>g(()=>import("./Label.stories-DnhIuJ3Q.js"),__vite__mapDeps([97,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Inline")}))),L1=s.lazy(()=>g(()=>import("./Label.stories-DnhIuJ3Q.js"),__vite__mapDeps([97,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Polymorphic")}))),P1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Basic")}))),O1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),N1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"HybridLayout")}))),M1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Inline")}))),$1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Negative")}))),z1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Positive")}))),j1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Warning")}))),V1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),H1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"WithMessage")}))),U1=s.lazy(()=>g(()=>import("./LabeledInput.stories-CEItRvqx.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"WithSvgIcon")}))),W1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-DDyvuWtK.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:y(e,"Basic")}))),G1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-DDyvuWtK.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:y(e,"Native")}))),q1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-DDyvuWtK.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:y(e,"Negative")}))),Y1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-DDyvuWtK.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:y(e,"Positive")}))),K1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-DDyvuWtK.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:y(e,"Warning")}))),J1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-DDyvuWtK.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),X1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Z1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),Q1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Inline")}))),eT=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Negative")}))),tT=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Positive")}))),nT=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Warning")}))),rT=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),oT=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-Bv2YfJWA.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"WithSvgIcon")}))),aT=s.lazy(()=>g(()=>import("./List.stories-DWwPhzfu.js"),__vite__mapDeps([101,1,54,23,24]),import.meta.url).then(e=>({default:y(e,"Actionable")}))),iT=s.lazy(()=>g(()=>import("./List.stories-DWwPhzfu.js"),__vite__mapDeps([101,1,54,23,24]),import.meta.url).then(e=>({default:y(e,"Basic")}))),lT=s.lazy(()=>g(()=>import("./List.stories-DWwPhzfu.js"),__vite__mapDeps([101,1,54,23,24]),import.meta.url).then(e=>({default:y(e,"WithIcon")}))),sT=s.lazy(()=>g(()=>import("./Modal.stories-DEgrG0f3.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:y(e,"Basic")}))),cT=s.lazy(()=>g(()=>import("./Modal.stories-DEgrG0f3.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:y(e,"FullPageModal")}))),uT=s.lazy(()=>g(()=>import("./Modal.stories-DEgrG0f3.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:y(e,"NonDismissibleModal")}))),AT=s.lazy(()=>g(()=>import("./Modal.stories-DEgrG0f3.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:y(e,"OutsideClickAndEscDoesNotClose")}))),dT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"BadGateway")}))),pT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"CustomHtmlMessage")}))),DT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Forbidden")}))),CT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Generic")}))),fT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"InternalServerError")}))),mT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"PageNotFound")}))),BT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Redirect")}))),ET=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"ServiceUnavailable")}))),gT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"TimeOut")}))),hT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Unauthorized")}))),yT=s.lazy(()=>g(()=>import("./NonIdealState.stories-C876Qmhl.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"WithoutMessageOrButtons")}))),bT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-dnV222f5.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),vT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-dnV222f5.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"Pulsing")}))),xT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-dnV222f5.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"Status")}))),ST=s.lazy(()=>g(()=>import("./NotificationMarker.stories-dnV222f5.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"WithButtons")}))),FT=s.lazy(()=>g(()=>import("./Overlay.stories-B2l17VJh.js"),__vite__mapDeps([105,106,18]),import.meta.url).then(e=>({default:y(e,"Linear")}))),wT=s.lazy(()=>g(()=>import("./Overlay.stories-B2l17VJh.js"),__vite__mapDeps([105,106,18]),import.meta.url).then(e=>({default:y(e,"Radial")}))),TT=s.lazy(()=>g(()=>import("./Overview.stories-zzr9drac.js"),[],import.meta.url).then(e=>({default:y(e,"MDXContent")}))),_T=s.lazy(()=>g(()=>import("./Panels.stories-CN6Yd-2s.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),IT=s.lazy(()=>g(()=>import("./Panels.stories-CN6Yd-2s.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:y(e,"MultiLevelList")}))),kT=s.lazy(()=>g(()=>import("./Panels.stories-CN6Yd-2s.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:y(e,"MultiPanelInformationPanel")}))),RT=s.lazy(()=>g(()=>import("./Panels.stories-CN6Yd-2s.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:y(e,"NestedPanels")}))),LT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"Determinate")}))),PT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"DeterminateAnimated")}))),OT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"Indeterminate")}))),NT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"LabeledCenter")}))),MT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"LabeledLeftRight")}))),$T=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"Negative")}))),zT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"Positive")}))),jT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-DN8_GU0m.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:y(e,"Warning")}))),VT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-BhW9elAu.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:y(e,"Determinate")}))),HT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-BhW9elAu.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:y(e,"DeterminateWithContent")}))),UT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-BhW9elAu.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:y(e,"Indeterminate")}))),WT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-BhW9elAu.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:y(e,"Negative")}))),GT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-BhW9elAu.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:y(e,"Positive")}))),qT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-BhW9elAu.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:y(e,"Warning")}))),YT=s.lazy(()=>g(()=>import("./Radio.stories-Cyni4tet.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:y(e,"Basic")}))),KT=s.lazy(()=>g(()=>import("./Radio.stories-Cyni4tet.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),JT=s.lazy(()=>g(()=>import("./Radio.stories-Cyni4tet.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:y(e,"Negative")}))),XT=s.lazy(()=>g(()=>import("./Radio.stories-Cyni4tet.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:y(e,"Positive")}))),ZT=s.lazy(()=>g(()=>import("./Radio.stories-Cyni4tet.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:y(e,"Warning")}))),QT=s.lazy(()=>g(()=>import("./RadioTileGroup.stories-BJljyg9M.js"),__vite__mapDeps([113,81,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Colored")}))),e_=s.lazy(()=>g(()=>import("./RadioTileGroup.stories-BJljyg9M.js"),__vite__mapDeps([113,81,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:y(e,"Monochrome")}))),t_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"Basic")}))),n_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"BasicWithCustomItems")}))),r_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"BasicWithStatus")}))),o_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"BorderlessExpandButton")}))),a_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"Expandable")}))),i_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"ExpandableWithCustomItems")}))),l_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"Small")}))),s_=s.lazy(()=>g(()=>import("./SearchBox.stories-CiNv4XCN.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:y(e,"WithCustomAction")}))),c_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),u_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Borderless")}))),A_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Custom")}))),d_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),p_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"DisabledWithSelectedValue")}))),D_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"ManyItems")}))),C_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Multi")}))),f_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"MultiCustomRenderer")}))),m_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Native")}))),B_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"Sublabels")}))),E_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"TruncateMiddleText")}))),g_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithIcons")}))),h_=s.lazy(()=>g(()=>import("./Select.stories-Ckr8D9uH.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:y(e,"WithSelectedValue")}))),y_=s.lazy(()=>g(()=>import("./SideNavigation.stories-CEREQGh9.js"),__vite__mapDeps([117,1,118,19,17,18,5,4]),import.meta.url).then(e=>({default:y(e,"ActiveItem")}))),b_=s.lazy(()=>g(()=>import("./SideNavigation.stories-CEREQGh9.js"),__vite__mapDeps([117,1,118,19,17,18,5,4]),import.meta.url).then(e=>({default:y(e,"Basic")}))),v_=s.lazy(()=>g(()=>import("./SideNavigation.stories-CEREQGh9.js"),__vite__mapDeps([117,1,118,19,17,18,5,4]),import.meta.url).then(e=>({default:y(e,"Submenu")}))),x_=s.lazy(()=>g(()=>import("./SkipToContentLink.stories-ChixXTcL.js"),__vite__mapDeps([119,5,96,4]),import.meta.url).then(e=>({default:y(e,"Basic")}))),S_=s.lazy(()=>g(()=>import("./SkipToContentLink.stories-ChixXTcL.js"),__vite__mapDeps([119,5,96,4]),import.meta.url).then(e=>({default:y(e,"CustomText")}))),F_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),w_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"CustomTickNoTooltip")}))),T_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"CustomTooltip")}))),__=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"DecimalIncrement")}))),I_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),k_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"MultiThumbsAllowCrossing")}))),R_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"Range")}))),L_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"Vertical")}))),P_=s.lazy(()=>g(()=>import("./Slider.stories-DcBJju2U.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:y(e,"WithCustomThumb")}))),O_=s.lazy(()=>g(()=>import("./SplitButton.stories-C3nz4v9q.js"),__vite__mapDeps([121,17,18,21,22,23,24,26,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),N_=s.lazy(()=>g(()=>import("./Stepper.stories-CzBN8EY5.js"),[],import.meta.url).then(e=>({default:y(e,"Basic")}))),M_=s.lazy(()=>g(()=>import("./Stepper.stories-CzBN8EY5.js"),[],import.meta.url).then(e=>({default:y(e,"CustomIcon")}))),$_=s.lazy(()=>g(()=>import("./Stepper.stories-CzBN8EY5.js"),[],import.meta.url).then(e=>({default:y(e,"LocalizedLong")}))),z_=s.lazy(()=>g(()=>import("./Stepper.stories-CzBN8EY5.js"),[],import.meta.url).then(e=>({default:y(e,"Long")}))),j_=s.lazy(()=>g(()=>import("./Stepper.stories-CzBN8EY5.js"),[],import.meta.url).then(e=>({default:y(e,"WithTooltips")}))),V_=s.lazy(()=>g(()=>import("./Surface.stories-CsDH8JFm.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:y(e,"Basic")}))),H_=s.lazy(()=>g(()=>import("./Surface.stories-CsDH8JFm.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:y(e,"Custom")}))),U_=s.lazy(()=>g(()=>import("./Surface.stories-CsDH8JFm.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:y(e,"EmptyState")}))),W_=s.lazy(()=>g(()=>import("./Surface.stories-CsDH8JFm.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:y(e,"NoPadding")}))),G_=s.lazy(()=>g(()=>import("./Surface.stories-CsDH8JFm.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:y(e,"OverflowWithButtonFooter")}))),q_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Y_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"ColumnManager")}))),K_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Condensed")}))),J_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"ControlledState")}))),X_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"CustomFilter")}))),Z_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"CustomizedColumns")}))),Q_=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"DisabledRows")}))),eI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"DraggableColumns")}))),tI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Editable")}))),nI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Expandable")}))),rI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"ExpandableSubrows")}))),oI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Filters")}))),aI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Full")}))),iI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Full2")}))),lI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"GlobalFilter")}))),sI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"HorizontalScroll")}))),cI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"InitialState")}))),uI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"LazyLoading")}))),AI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Loading")}))),dI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Localized")}))),pI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"NoData")}))),DI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"ResizableColumns")}))),CI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"RowInViewport")}))),fI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"ScrollToRow")}))),mI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"SelectableMulti")}))),BI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"SelectableSingle")}))),EI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Sortable")}))),gI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"StatusAndCellIcons")}))),hI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"StickyColumns")}))),yI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"Virtualized")}))),bI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"VirtualizedSubRows")}))),vI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"WithManualPaginatorAndFilter")}))),xI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"WithPaginator")}))),SI=s.lazy(()=>g(()=>import("./Table.stories-DgKDY5Jj.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:y(e,"ZebraStripedRows")}))),FI=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"BorderlessTabs")}))),wI=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"DefaultTabs")}))),TI=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"HorizontalOverflow")}))),_I=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"LegacyTabs")}))),II=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"PillTabs")}))),kI=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"SublabelsAndIcons")}))),RI=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"Vertical")}))),LI=s.lazy(()=>g(()=>import("./Tabs.stories-ry7s6Pkn.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:y(e,"VerticalOverflow")}))),PI=s.lazy(()=>g(()=>import("./Tag.stories-D4rNsqOy.js"),__vite__mapDeps([126,53,24]),import.meta.url).then(e=>({default:y(e,"Clickable")}))),OI=s.lazy(()=>g(()=>import("./Tag.stories-D4rNsqOy.js"),__vite__mapDeps([126,53,24]),import.meta.url).then(e=>({default:y(e,"Default")}))),NI=s.lazy(()=>g(()=>import("./Tag.stories-D4rNsqOy.js"),__vite__mapDeps([126,53,24]),import.meta.url).then(e=>({default:y(e,"NoClose")}))),MI=s.lazy(()=>g(()=>import("./TagContainer.stories-CXFQ8YqL.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:y(e,"BasicTagsContainer")}))),$I=s.lazy(()=>g(()=>import("./TagContainer.stories-CXFQ8YqL.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:y(e,"DefaultTagsContainer")}))),zI=s.lazy(()=>g(()=>import("./TagContainer.stories-CXFQ8YqL.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:y(e,"ScrollableDefaultTagsContainer")}))),jI=s.lazy(()=>g(()=>import("./TagContainer.stories-CXFQ8YqL.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:y(e,"TruncatedBasicTagsContainer")}))),VI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),HI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Body")}))),UI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Headline")}))),WI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Leading")}))),GI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Polymorphic")}))),qI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Skeleton")}))),YI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Small")}))),KI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Subheading")}))),JI=s.lazy(()=>g(()=>import("./Text.stories-DmDyR9gp.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:y(e,"Title")}))),XI=s.lazy(()=>g(()=>import("./Textarea.stories-BuPcLmw1.js"),__vite__mapDeps([130,48,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),ZI=s.lazy(()=>g(()=>import("./Textarea.stories-BuPcLmw1.js"),__vite__mapDeps([130,48,28]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),QI=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Actionable")}))),e5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"AllProps")}))),t5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"AnchorLink")}))),n5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Basic")}))),r5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Condensed")}))),o5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),a5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Folder")}))),i5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Loading")}))),l5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"Status")}))),s5=s.lazy(()=>g(()=>import("./Tile.stories-UcEcaT_C.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:y(e,"WithAvatar")}))),c5=s.lazy(()=>g(()=>import("./TimePicker.stories-JWfspO9o.js"),__vite__mapDeps([132,61,49,50,3,63]),import.meta.url).then(e=>({default:y(e,"Basic")}))),u5=s.lazy(()=>g(()=>import("./TimePicker.stories-JWfspO9o.js"),__vite__mapDeps([132,61,49,50,3,63]),import.meta.url).then(e=>({default:y(e,"Combined")}))),A5=s.lazy(()=>g(()=>import("./TimePicker.stories-JWfspO9o.js"),__vite__mapDeps([132,61,49,50,3,63]),import.meta.url).then(e=>({default:y(e,"CustomRenderers")}))),d5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"AnchorToButton")}))),p5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"CloseIndividual")}))),D5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"Informational")}))),C5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"Negative")}))),f5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"PositionChanged")}))),m5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"Positive")}))),B5=s.lazy(()=>g(()=>import("./Toasts.stories-C9-lxPZ2.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:y(e,"Warning")}))),E5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"Basic")}))),g5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"DisabledChecked")}))),h5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"DisabledUnchecked")}))),y5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"LabelLeft")}))),b5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"LabelRight")}))),v5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"Small")}))),x5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-9ndZb3zN.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),S5=s.lazy(()=>g(()=>import("./Tooltip.stories-DhJckw5h.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:y(e,"Bottom")}))),F5=s.lazy(()=>g(()=>import("./Tooltip.stories-DhJckw5h.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:y(e,"Controlled")}))),w5=s.lazy(()=>g(()=>import("./Tooltip.stories-DhJckw5h.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:y(e,"Left")}))),T5=s.lazy(()=>g(()=>import("./Tooltip.stories-DhJckw5h.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:y(e,"Right")}))),_5=s.lazy(()=>g(()=>import("./Tooltip.stories-DhJckw5h.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:y(e,"Top")}))),I5=s.lazy(()=>g(()=>import("./TransferList.stories-mO1rB2pR.js"),__vite__mapDeps([136,14,54,23,24,47,22]),import.meta.url).then(e=>({default:y(e,"Basic")}))),k5=s.lazy(()=>g(()=>import("./TransferList.stories-mO1rB2pR.js"),__vite__mapDeps([136,14,54,23,24,47,22]),import.meta.url).then(e=>({default:y(e,"WithLabel")}))),R5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"AsyncLoading")}))),L5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),P5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"CustomizedExpander")}))),O5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"Full")}))),N5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"Small")}))),M5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"Virtualized")}))),$5=s.lazy(()=>g(()=>import("./Tree.stories-BMRnYtvo.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:y(e,"VirtualizedWithHorizontalScroll")}))),z5=s.lazy(()=>g(()=>import("./WorkflowDiagram.stories-DotTnsP2.js"),[],import.meta.url).then(e=>({default:y(e,"Basic")}))),j5=s.lazy(()=>g(()=>import("./WorkflowDiagram.stories-DotTnsP2.js"),[],import.meta.url).then(e=>({default:y(e,"WithTooltips")})));let Vn={"alert--custom-icon":{component:HS,locStart:145,locEnd:157,entry:"src/Alert.stories.tsx"},"alert--empty":{component:US,locStart:136,locEnd:143,entry:"src/Alert.stories.tsx"},"alert--informational":{component:WS,locStart:12,locEnd:25,entry:"src/Alert.stories.tsx"},"alert--negative":{component:GS,locStart:57,locEnd:70,entry:"src/Alert.stories.tsx"},"alert--positive":{component:qS,locStart:27,locEnd:40,entry:"src/Alert.stories.tsx"},"alert--sticky":{component:YS,locStart:72,locEnd:134,entry:"src/Alert.stories.tsx"},"alert--warning":{component:KS,locStart:42,locEnd:55,entry:"src/Alert.stories.tsx"},"anchor--as-button":{component:JS,locStart:15,locEnd:21,entry:"src/Anchor.stories.tsx"},"anchor--basic":{component:XS,locStart:11,locEnd:13,entry:"src/Anchor.stories.tsx"},"anchor--external":{component:ZS,locStart:23,locEnd:29,entry:"src/Anchor.stories.tsx"},"anchor--underline":{component:QS,locStart:31,locEnd:37,entry:"src/Anchor.stories.tsx"},"avatar--basic":{component:eF,locStart:12,locEnd:20,entry:"src/Avatar.stories.tsx"},"avatar--custom-status-translation":{component:tF,locStart:114,locEnd:130,entry:"src/Avatar.stories.tsx"},"avatar--sizes":{component:nF,locStart:48,locEnd:77,entry:"src/Avatar.stories.tsx"},"avatar--statuses":{component:rF,locStart:79,locEnd:112,entry:"src/Avatar.stories.tsx"},"avatar--with-icon":{component:oF,locStart:36,locEnd:46,entry:"src/Avatar.stories.tsx"},"avatar--with-image":{component:aF,locStart:22,locEnd:34,entry:"src/Avatar.stories.tsx"},"avatargroup--animated":{component:iF,locStart:45,locEnd:69,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--basic":{component:lF,locStart:17,locEnd:43,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--many-avatars":{component:sF,locStart:71,locEnd:110,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--non-stacked":{component:cF,locStart:112,locEnd:139,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--with-tooltip":{component:uF,locStart:141,locEnd:184,entry:"src/AvatarGroup.stories.tsx"},"badge--basic":{component:AF,locStart:11,locEnd:13,entry:"src/Badge.stories.tsx"},"badge--long-label":{component:dF,locStart:15,locEnd:21,entry:"src/Badge.stories.tsx"},"badge--statuses":{component:pF,locStart:23,locEnd:32,entry:"src/Badge.stories.tsx"},"blockquote--basic":{component:DF,locStart:11,locEnd:13,entry:"src/Blockquote.stories.tsx"},"blockquote--with-footer":{component:CF,locStart:15,locEnd:33,entry:"src/Blockquote.stories.tsx"},"breadcrumbs--basic":{component:fF,locStart:25,locEnd:39,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-back-button":{component:mF,locStart:106,locEnd:143,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-dropdown":{component:BF,locStart:165,locEnd:211,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-separator":{component:EF,locStart:55,locEnd:69,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--folder-navigation":{component:gF,locStart:233,locEnd:298,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--links":{component:hF,locStart:41,locEnd:53,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--overflow":{component:yF,locStart:71,locEnd:84,entry:"src/Breadcrumbs.stories.tsx"},"button--as-link":{component:bF,locStart:100,locEnd:115,entry:"src/Button.stories.tsx"},"button--call-to-action":{component:vF,locStart:13,locEnd:19,entry:"src/Button.stories.tsx"},"button--default":{component:xF,locStart:29,locEnd:35,entry:"src/Button.stories.tsx"},"button--high-visibility":{component:SF,locStart:21,locEnd:27,entry:"src/Button.stories.tsx"},"button--loading":{component:FF,locStart:128,locEnd:134,entry:"src/Button.stories.tsx"},"button--stretch":{component:wF,locStart:117,locEnd:119,entry:"src/Button.stories.tsx"},"button--with-icon":{component:TF,locStart:37,locEnd:47,entry:"src/Button.stories.tsx"},"button--with-notification":{component:_F,locStart:49,locEnd:98,entry:"src/Button.stories.tsx"},"buttongroup--input-button-combo":{component:IF,locStart:114,locEnd:135,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--overflow":{component:kF,locStart:54,locEnd:92,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical":{component:RF,locStart:137,locEnd:162,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical-overflow":{component:LF,locStart:164,locEnd:203,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--with-icons":{component:PF,locStart:27,locEnd:52,entry:"src/ButtonGroup.stories.tsx"},"carousel--basic":{component:OF,locStart:13,locEnd:51,entry:"src/Carousel.stories.tsx"},"carousel--controlled":{component:NF,locStart:53,locEnd:97,entry:"src/Carousel.stories.tsx"},"carousel--only-dots":{component:MF,locStart:100,locEnd:179,entry:"src/Carousel.stories.tsx"},"checkbox--basic":{component:$F,locStart:11,locEnd:13,entry:"src/Checkbox.stories.tsx"},"checkbox--disabled":{component:zF,locStart:15,locEnd:17,entry:"src/Checkbox.stories.tsx"},"checkbox--indeterminate":{component:jF,locStart:18,locEnd:20,entry:"src/Checkbox.stories.tsx"},"checkbox--loading":{component:VF,locStart:32,locEnd:34,entry:"src/Checkbox.stories.tsx"},"checkbox--negative":{component:HF,locStart:28,locEnd:30,entry:"src/Checkbox.stories.tsx"},"checkbox--positive":{component:UF,locStart:22,locEnd:24,entry:"src/Checkbox.stories.tsx"},"checkbox--visibility":{component:WF,locStart:36,locEnd:38,entry:"src/Checkbox.stories.tsx"},"checkbox--warning":{component:GF,locStart:25,locEnd:27,entry:"src/Checkbox.stories.tsx"},"code--basic":{component:qF,locStart:11,locEnd:18,entry:"src/Code.stories.tsx"},"colorpicker--advanced":{component:YF,locStart:99,locEnd:176,entry:"src/ColorPicker.stories.tsx"},"colorpicker--basic":{component:KF,locStart:57,locEnd:97,entry:"src/ColorPicker.stories.tsx"},"colorpicker--with-alpha":{component:JF,locStart:178,locEnd:253,entry:"src/ColorPicker.stories.tsx"},"combobox--basic":{component:XF,locStart:301,locEnd:311,entry:"src/ComboBox.stories.tsx"},"combobox--controlled":{component:ZF,locStart:313,locEnd:328,entry:"src/ComboBox.stories.tsx"},"combobox--custom-renderer":{component:QF,locStart:389,locEnd:423,entry:"src/ComboBox.stories.tsx"},"combobox--disabled-items":{component:ew,locStart:330,locEnd:359,entry:"src/ComboBox.stories.tsx"},"combobox--loading":{component:tw,locStart:455,locEnd:503,entry:"src/ComboBox.stories.tsx"},"combobox--multiple-select":{component:nw,locStart:518,locEnd:540,entry:"src/ComboBox.stories.tsx"},"combobox--virtualized":{component:rw,locStart:505,locEnd:516,entry:"src/ComboBox.stories.tsx"},"combobox--with-custom-message-icon":{component:ow,locStart:438,locEnd:453,entry:"src/ComboBox.stories.tsx"},"combobox--with-label":{component:aw,locStart:361,locEnd:374,entry:"src/ComboBox.stories.tsx"},"combobox--with-message":{component:iw,locStart:425,locEnd:436,entry:"src/ComboBox.stories.tsx"},"combobox--with-status":{component:lw,locStart:376,locEnd:387,entry:"src/ComboBox.stories.tsx"},"datepicker--basic":{component:sw,locStart:18,locEnd:46,entry:"src/DatePicker.stories.tsx"},"datepicker--localized":{component:cw,locStart:113,locEnd:142,entry:"src/DatePicker.stories.tsx"},"datepicker--range":{component:uw,locStart:172,locEnd:216,entry:"src/DatePicker.stories.tsx"},"datepicker--some-dates-disabled":{component:Aw,locStart:218,locEnd:269,entry:"src/DatePicker.stories.tsx"},"datepicker--with-combined-time":{component:dw,locStart:79,locEnd:111,entry:"src/DatePicker.stories.tsx"},"datepicker--with-time":{component:pw,locStart:48,locEnd:77,entry:"src/DatePicker.stories.tsx"},"datepicker--with-year":{component:Dw,locStart:143,locEnd:170,entry:"src/DatePicker.stories.tsx"},"dialog--basic":{component:Cw,locStart:12,locEnd:61,entry:"src/Dialog.stories.tsx"},"dialog--draggable-and-resizable":{component:fw,locStart:124,locEnd:180,entry:"src/Dialog.stories.tsx"},"dialog--draggable-relative-to-container":{component:mw,locStart:182,locEnd:252,entry:"src/Dialog.stories.tsx"},"dialog--modal":{component:Bw,locStart:63,locEnd:122,entry:"src/Dialog.stories.tsx"},"dialog--placement":{component:Ew,locStart:254,locEnd:309,entry:"src/Dialog.stories.tsx"},"dropdownbutton--basic":{component:gw,locStart:11,locEnd:30,entry:"src/DropdownButton.stories.tsx"},"dropdownmenu--basic":{component:hw,locStart:28,locEnd:51,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--submenu":{component:yw,locStart:186,locEnd:242,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-content":{component:bw,locStart:289,locEnd:330,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-end-icons":{component:vw,locStart:99,locEnd:126,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-separator":{component:xw,locStart:252,locEnd:279,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-start-icons":{component:Sw,locStart:62,locEnd:89,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-sublabels":{component:Fw,locStart:136,locEnd:176,entry:"src/DropdownMenu.stories.tsx"},"expandableblock--accordion":{component:ww,locStart:32,locEnd:43,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--basic":{component:Tw,locStart:11,locEnd:15,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--borderless":{component:_w,locStart:69,locEnd:76,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--disabled":{component:Iw,locStart:78,locEnd:85,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--small":{component:kw,locStart:60,locEnd:67,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--status-icon":{component:Rw,locStart:45,locEnd:58,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--with-caption":{component:Lw,locStart:17,locEnd:30,entry:"src/ExpandableBlock.stories.tsx"},"fieldset--basic":{component:Pw,locStart:18,locEnd:52,entry:"src/Fieldset.stories.tsx"},"fieldset--disabled":{component:Ow,locStart:54,locEnd:89,entry:"src/Fieldset.stories.tsx"},"fileupload--custom-file-upload-card":{component:Nw,locStart:65,locEnd:116,entry:"src/FileUpload.stories.tsx"},"fileupload--default-file-upload-card":{component:Mw,locStart:48,locEnd:63,entry:"src/FileUpload.stories.tsx"},"fileupload--wrapping-input":{component:$w,locStart:24,locEnd:46,entry:"src/FileUpload.stories.tsx"},"flex--basic":{component:zw,locStart:34,locEnd:42,entry:"src/Flex.stories.tsx"},"flex--individual-gaps":{component:jw,locStart:77,locEnd:110,entry:"src/Flex.stories.tsx"},"flex--with-flex-item":{component:Vw,locStart:59,locEnd:75,entry:"src/Flex.stories.tsx"},"flex--with-spacer":{component:Hw,locStart:44,locEnd:57,entry:"src/Flex.stories.tsx"},"footer--appended-custom-elements":{component:Uw,locStart:21,locEnd:32,entry:"src/Footer.stories.tsx"},"footer--basic":{component:Ww,locStart:17,locEnd:19,entry:"src/Footer.stories.tsx"},"footer--bottom-fixed":{component:Gw,locStart:80,locEnd:86,entry:"src/Footer.stories.tsx"},"footer--custom-content":{component:qw,locStart:88,locEnd:123,entry:"src/Footer.stories.tsx"},"footer--customized-default-and-custom-elements":{component:Yw,locStart:47,locEnd:78,entry:"src/Footer.stories.tsx"},"footer--only-custom-elements":{component:Kw,locStart:34,locEnd:45,entry:"src/Footer.stories.tsx"},"header--basic":{component:Jw,locStart:175,locEnd:234,entry:"src/Header.stories.tsx"},"header--center-content":{component:Xw,locStart:298,locEnd:360,entry:"src/Header.stories.tsx"},"header--full":{component:Zw,locStart:52,locEnd:173,entry:"src/Header.stories.tsx"},"header--slim":{component:Qw,locStart:236,locEnd:296,entry:"src/Header.stories.tsx"},"icon--autoscale":{component:e1,locStart:86,locEnd:92,entry:"src/Icon.stories.tsx"},"icon--default":{component:t1,locStart:20,locEnd:26,entry:"src/Icon.stories.tsx"},"icon--padded":{component:n1,locStart:28,locEnd:41,entry:"src/Icon.stories.tsx"},"icon--sizes":{component:r1,locStart:69,locEnd:83,entry:"src/Icon.stories.tsx"},"icon--statuses":{component:o1,locStart:43,locEnd:60,entry:"src/Icon.stories.tsx"},"iconbutton--add":{component:a1,locStart:12,locEnd:18,entry:"src/IconButton.stories.tsx"},"iconbutton--borderless":{component:i1,locStart:45,locEnd:55,entry:"src/IconButton.stories.tsx"},"iconbutton--high-visibility-add":{component:l1,locStart:33,locEnd:43,entry:"src/IconButton.stories.tsx"},"iconbutton--small-active-add":{component:s1,locStart:20,locEnd:31,entry:"src/IconButton.stories.tsx"},"ideasbutton--ideas":{component:c1,locStart:11,locEnd:13,entry:"src/IdeasButton.stories.tsx"},"ideasbutton--localized-ideas":{component:u1,locStart:15,locEnd:22,entry:"src/IdeasButton.stories.tsx"},"informationpanel--basic":{component:A1,locStart:28,locEnd:96,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-actions":{component:d1,locStart:180,locEnd:270,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-width":{component:p1,locStart:273,locEnd:309,entry:"src/InformationPanel.stories.tsx"},"informationpanel--horizontal":{component:D1,locStart:108,locEnd:177,entry:"src/InformationPanel.stories.tsx"},"input--basic":{component:C1,locStart:11,locEnd:13,entry:"src/Input.stories.tsx"},"input--disabled":{component:f1,locStart:15,locEnd:17,entry:"src/Input.stories.tsx"},"input--small":{component:m1,locStart:19,locEnd:21,entry:"src/Input.stories.tsx"},"input--status":{component:B1,locStart:23,locEnd:25,entry:"src/Input.stories.tsx"},"inputgrid--with-input":{component:E1,locStart:21,locEnd:29,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-input-with-decorations":{component:g1,locStart:31,locEnd:50,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-search":{component:h1,locStart:74,locEnd:82,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-select":{component:y1,locStart:52,locEnd:72,entry:"src/InputGrid.stories.tsx"},"inputgroup--checkbox-group":{component:b1,locStart:42,locEnd:91,entry:"src/InputGroup.stories.tsx"},"inputgroup--radio-group":{component:v1,locStart:19,locEnd:40,entry:"src/InputGroup.stories.tsx"},"inputgroup--toggle-group":{component:x1,locStart:93,locEnd:112,entry:"src/InputGroup.stories.tsx"},"inputwithdecorations--basic":{component:S1,locStart:12,locEnd:24,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--disabled":{component:F1,locStart:26,locEnd:38,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--small":{component:w1,locStart:40,locEnd:52,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--status":{component:T1,locStart:54,locEnd:66,entry:"src/InputWithDecoration.stories.tsx"},"keyboard-key--basic":{component:_1,locStart:11,locEnd:13,entry:"src/Kbd.stories.tsx"},"keyboard-key--predefined-key":{component:I1,locStart:15,locEnd:17,entry:"src/Kbd.stories.tsx"},"label--basic":{component:k1,locStart:19,locEnd:26,entry:"src/Label.stories.tsx"},"label--inline":{component:R1,locStart:28,locEnd:37,entry:"src/Label.stories.tsx"},"label--polymorphic":{component:L1,locStart:39,locEnd:48,entry:"src/Label.stories.tsx"},"labeledinput--basic":{component:P1,locStart:13,locEnd:17,entry:"src/LabeledInput.stories.tsx"},"labeledinput--disabled":{component:O1,locStart:29,locEnd:38,entry:"src/LabeledInput.stories.tsx"},"labeledinput--hybrid-layout":{component:N1,locStart:109,locEnd:120,entry:"src/LabeledInput.stories.tsx"},"labeledinput--inline":{component:M1,locStart:98,locEnd:107,entry:"src/LabeledInput.stories.tsx"},"labeledinput--negative":{component:$1,locStart:62,locEnd:71,entry:"src/LabeledInput.stories.tsx"},"labeledinput--positive":{component:z1,locStart:40,locEnd:49,entry:"src/LabeledInput.stories.tsx"},"labeledinput--warning":{component:j1,locStart:51,locEnd:60,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-custom-icon":{component:V1,locStart:73,locEnd:85,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-message":{component:H1,locStart:19,locEnd:27,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-svg-icon":{component:U1,locStart:87,locEnd:96,entry:"src/LabeledInput.stories.tsx"},"labeledselect--basic":{component:W1,locStart:22,locEnd:35,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--native":{component:G1,locStart:116,locEnd:131,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--negative":{component:q1,locStart:75,locEnd:92,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--positive":{component:Y1,locStart:37,locEnd:54,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--warning":{component:K1,locStart:56,locEnd:73,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--with-custom-icon":{component:J1,locStart:94,locEnd:114,entry:"src/LabeledSelect.stories.tsx"},"labeledtextarea--basic":{component:X1,locStart:12,locEnd:20,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--disabled":{component:Z1,locStart:22,locEnd:31,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--inline":{component:Q1,locStart:89,locEnd:98,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--negative":{component:eT,locStart:55,locEnd:64,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--positive":{component:tT,locStart:33,locEnd:42,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--warning":{component:nT,locStart:44,locEnd:53,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-custom-icon":{component:rT,locStart:66,locEnd:76,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-svg-icon":{component:oT,locStart:78,locEnd:87,entry:"src/LabeledTextarea.stories.tsx"},"list--actionable":{component:aT,locStart:67,locEnd:82,entry:"src/List.stories.tsx"},"list--basic":{component:iT,locStart:20,locEnd:37,entry:"src/List.stories.tsx"},"list--with-icon":{component:lT,locStart:39,locEnd:65,entry:"src/List.stories.tsx"},"modal--basic":{component:sT,locStart:17,locEnd:68,entry:"src/Modal.stories.tsx"},"modal--full-page-modal":{component:cT,locStart:179,locEnd:231,entry:"src/Modal.stories.tsx"},"modal--non-dismissible-modal":{component:uT,locStart:70,locEnd:122,entry:"src/Modal.stories.tsx"},"modal--outside-click-and-esc-does-not-close":{component:AT,locStart:124,locEnd:177,entry:"src/Modal.stories.tsx"},"nonidealstate--bad-gateway":{component:dT,locStart:166,locEnd:183,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--custom-html-message":{component:pT,locStart:223,locEnd:248,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--forbidden":{component:DT,locStart:71,locEnd:94,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--generic":{component:CT,locStart:204,locEnd:221,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--internal-server-error":{component:fT,locStart:147,locEnd:164,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--page-not-found":{component:mT,locStart:96,locEnd:120,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--redirect":{component:BT,locStart:22,locEnd:45,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--service-unavailable":{component:ET,locStart:185,locEnd:202,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--time-out":{component:gT,locStart:122,locEnd:145,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--unauthorized":{component:hT,locStart:46,locEnd:69,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--without-message-or-buttons":{component:yT,locStart:250,locEnd:252,entry:"src/NonIdealState.stories.tsx"},"notificationmarker--basic":{component:bT,locStart:31,locEnd:39,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--pulsing":{component:vT,locStart:57,locEnd:67,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--status":{component:xT,locStart:69,locEnd:115,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--with-buttons":{component:ST,locStart:41,locEnd:55,entry:"src/NotificationMarker.stories.tsx"},"overlay--linear":{component:FT,locStart:12,locEnd:37,entry:"src/Overlay.stories.tsx"},"overlay--radial":{component:wT,locStart:39,locEnd:64,entry:"src/Overlay.stories.tsx"},"overview--readme":{component:TT,locStart:19,locEnd:27,entry:"src/Overview.stories.mdx"},"panels--basic":{component:_T,locStart:23,locEnd:54,entry:"src/Panels.stories.tsx"},"panels--multi-level-list":{component:IT,locStart:114,locEnd:289,entry:"src/Panels.stories.tsx"},"panels--multi-panel-information-panel":{component:kT,locStart:56,locEnd:112,entry:"src/Panels.stories.tsx"},"panels--nested-panels":{component:RT,locStart:291,locEnd:329,entry:"src/Panels.stories.tsx"},"progresslinear--determinate":{component:LT,locStart:16,locEnd:18,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--determinate-animated":{component:PT,locStart:20,locEnd:22,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--indeterminate":{component:OT,locStart:24,locEnd:26,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-center":{component:NT,locStart:28,locEnd:30,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-left-right":{component:MT,locStart:32,locEnd:34,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--negative":{component:$T,locStart:51,locEnd:64,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--positive":{component:zT,locStart:36,locEnd:49,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--warning":{component:jT,locStart:66,locEnd:79,entry:"src/ProgressLinear.stories.tsx"},"progressradial--determinate":{component:VT,locStart:11,locEnd:13,entry:"src/ProgressRadial.stories.tsx"},"progressradial--determinate-with-content":{component:HT,locStart:31,locEnd:33,entry:"src/ProgressRadial.stories.tsx"},"progressradial--indeterminate":{component:UT,locStart:15,locEnd:17,entry:"src/ProgressRadial.stories.tsx"},"progressradial--negative":{component:WT,locStart:23,locEnd:25,entry:"src/ProgressRadial.stories.tsx"},"progressradial--positive":{component:GT,locStart:19,locEnd:21,entry:"src/ProgressRadial.stories.tsx"},"progressradial--warning":{component:qT,locStart:27,locEnd:29,entry:"src/ProgressRadial.stories.tsx"},"radio--basic":{component:YT,locStart:11,locEnd:13,entry:"src/Radio.stories.tsx"},"radio--disabled":{component:KT,locStart:15,locEnd:17,entry:"src/Radio.stories.tsx"},"radio--negative":{component:JT,locStart:27,locEnd:29,entry:"src/Radio.stories.tsx"},"radio--positive":{component:XT,locStart:19,locEnd:21,entry:"src/Radio.stories.tsx"},"radio--warning":{component:ZT,locStart:23,locEnd:25,entry:"src/Radio.stories.tsx"},"radiotilegroup--colored":{component:QT,locStart:57,locEnd:132,entry:"src/RadioTileGroup.stories.tsx"},"radiotilegroup--monochrome":{component:e_,locStart:12,locEnd:55,entry:"src/RadioTileGroup.stories.tsx"},"searchbox--basic":{component:t_,locStart:13,locEnd:15,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-custom-items":{component:n_,locStart:17,locEnd:39,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-status":{component:r_,locStart:41,locEnd:48,entry:"src/SearchBox.stories.tsx"},"searchbox--borderless-expand-button":{component:o_,locStart:56,locEnd:69,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable":{component:a_,locStart:50,locEnd:54,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable-with-custom-items":{component:i_,locStart:71,locEnd:88,entry:"src/SearchBox.stories.tsx"},"searchbox--small":{component:l_,locStart:90,locEnd:92,entry:"src/SearchBox.stories.tsx"},"searchbox--with-custom-action":{component:s_,locStart:94,locEnd:130,entry:"src/SearchBox.stories.tsx"},"select--basic":{component:c_,locStart:31,locEnd:38,entry:"src/Select.stories.tsx"},"select--borderless":{component:u_,locStart:267,locEnd:276,entry:"src/Select.stories.tsx"},"select--custom":{component:A_,locStart:147,locEnd:170,entry:"src/Select.stories.tsx"},"select--disabled":{component:d_,locStart:75,locEnd:93,entry:"src/Select.stories.tsx"},"select--disabled-with-selected-value":{component:p_,locStart:95,locEnd:113,entry:"src/Select.stories.tsx"},"select--many-items":{component:D_,locStart:115,locEnd:128,entry:"src/Select.stories.tsx"},"select--multi":{component:C_,locStart:205,locEnd:227,entry:"src/Select.stories.tsx"},"select--multi-custom-renderer":{component:f_,locStart:229,locEnd:255,entry:"src/Select.stories.tsx"},"select--native":{component:m_,locStart:257,locEnd:265,entry:"src/Select.stories.tsx"},"select--sublabels":{component:B_,locStart:129,locEnd:145,entry:"src/Select.stories.tsx"},"select--truncate-middle-text":{component:E_,locStart:172,locEnd:203,entry:"src/Select.stories.tsx"},"select--with-icons":{component:g_,locStart:40,locEnd:55,entry:"src/Select.stories.tsx"},"select--with-selected-value":{component:h_,locStart:57,locEnd:73,entry:"src/Select.stories.tsx"},"sidenavigation--active-item":{component:y_,locStart:58,locEnd:82,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--basic":{component:b_,locStart:35,locEnd:56,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--submenu":{component:v_,locStart:84,locEnd:169,entry:"src/SideNavigation.stories.tsx"},"skiptocontentlink--basic":{component:x_,locStart:11,locEnd:40,entry:"src/SkipToContentLink.stories.tsx"},"skiptocontentlink--custom-text":{component:S_,locStart:42,locEnd:73,entry:"src/SkipToContentLink.stories.tsx"},"slider--basic":{component:F_,locStart:31,locEnd:33,entry:"src/Slider.stories.tsx"},"slider--custom-tick-no-tooltip":{component:w_,locStart:115,locEnd:162,entry:"src/Slider.stories.tsx"},"slider--custom-tooltip":{component:T_,locStart:101,locEnd:113,entry:"src/Slider.stories.tsx"},"slider--decimal-increment":{component:__,locStart:172,locEnd:174,entry:"src/Slider.stories.tsx"},"slider--disabled":{component:I_,locStart:97,locEnd:99,entry:"src/Slider.stories.tsx"},"slider--multi-thumbs-allow-crossing":{component:k_,locStart:39,locEnd:60,entry:"src/Slider.stories.tsx"},"slider--range":{component:R_,locStart:35,locEnd:37,entry:"src/Slider.stories.tsx"},"slider--vertical":{component:L_,locStart:176,locEnd:178,entry:"src/Slider.stories.tsx"},"slider--with-custom-thumb":{component:P_,locStart:62,locEnd:95,entry:"src/Slider.stories.tsx"},"splitbutton--basic":{component:O_,locStart:19,locEnd:46,entry:"src/SplitButton.stories.tsx"},"stepper--basic":{component:N_,locStart:12,locEnd:29,entry:"src/Stepper.stories.tsx"},"stepper--custom-icon":{component:M_,locStart:31,locEnd:47,entry:"src/Stepper.stories.tsx"},"stepper--localized-long":{component:$_,locStart:68,locEnd:92,entry:"src/Stepper.stories.tsx"},"stepper--long":{component:z_,locStart:49,locEnd:67,entry:"src/Stepper.stories.tsx"},"stepper--with-tooltips":{component:j_,locStart:94,locEnd:111,entry:"src/Stepper.stories.tsx"},"surface--basic":{component:V_,locStart:22,locEnd:39,entry:"src/Surface.stories.tsx"},"surface--custom":{component:H_,locStart:41,locEnd:67,entry:"src/Surface.stories.tsx"},"surface--empty-state":{component:U_,locStart:172,locEnd:199,entry:"src/Surface.stories.tsx"},"surface--no-padding":{component:W_,locStart:117,locEnd:170,entry:"src/Surface.stories.tsx"},"surface--overflow-with-button-footer":{component:G_,locStart:69,locEnd:115,entry:"src/Surface.stories.tsx"},"table--basic":{component:q_,locStart:58,locEnd:103,entry:"src/Table.stories.tsx"},"table--column-manager":{component:Y_,locStart:3030,locEnd:3197,entry:"src/Table.stories.tsx"},"table--condensed":{component:K_,locStart:1646,locEnd:1751,entry:"src/Table.stories.tsx"},"table--controlled-state":{component:J_,locStart:1060,locEnd:1237,entry:"src/Table.stories.tsx"},"table--custom-filter":{component:X_,locStart:2121,locEnd:2269,entry:"src/Table.stories.tsx"},"table--customized-columns":{component:Z_,locStart:2933,locEnd:3028,entry:"src/Table.stories.tsx"},"table--disabled-rows":{component:Q_,locStart:864,locEnd:947,entry:"src/Table.stories.tsx"},"table--draggable-columns":{component:eI,locStart:2807,locEnd:2931,entry:"src/Table.stories.tsx"},"table--editable":{component:tI,locStart:1753,locEnd:1831,entry:"src/Table.stories.tsx"},"table--expandable":{component:nI,locStart:548,locEnd:607,entry:"src/Table.stories.tsx"},"table--expandable-subrows":{component:rI,locStart:609,locEnd:703,entry:"src/Table.stories.tsx"},"table--filters":{component:oI,locStart:310,locEnd:467,entry:"src/Table.stories.tsx"},"table--full":{component:aI,locStart:1239,locEnd:1363,entry:"src/Table.stories.tsx"},"table--full2":{component:iI,locStart:1365,locEnd:1558,entry:"src/Table.stories.tsx"},"table--global-filter":{component:lI,locStart:469,locEnd:546,entry:"src/Table.stories.tsx"},"table--horizontal-scroll":{component:sI,locStart:2470,locEnd:2597,entry:"src/Table.stories.tsx"},"table--initial-state":{component:cI,locStart:1015,locEnd:1058,entry:"src/Table.stories.tsx"},"table--lazy-loading":{component:uI,locStart:705,locEnd:779,entry:"src/Table.stories.tsx"},"table--loading":{component:AI,locStart:949,locEnd:980,entry:"src/Table.stories.tsx"},"table--localized":{component:dI,locStart:1560,locEnd:1636,entry:"src/Table.stories.tsx"},"table--no-data":{component:pI,locStart:982,locEnd:1013,entry:"src/Table.stories.tsx"},"table--resizable-columns":{component:DI,locStart:2279,locEnd:2402,entry:"src/Table.stories.tsx"},"table--row-in-viewport":{component:CI,locStart:781,locEnd:862,entry:"src/Table.stories.tsx"},"table--scroll-to-row":{component:fI,locStart:2670,locEnd:2743,entry:"src/Table.stories.tsx"},"table--selectable-multi":{component:mI,locStart:168,locEnd:240,entry:"src/Table.stories.tsx"},"table--selectable-single":{component:BI,locStart:105,locEnd:166,entry:"src/Table.stories.tsx"},"table--sortable":{component:EI,locStart:242,locEnd:308,entry:"src/Table.stories.tsx"},"table--status-and-cell-icons":{component:gI,locStart:3374,locEnd:3488,entry:"src/Table.stories.tsx"},"table--sticky-columns":{component:hI,locStart:3199,locEnd:3358,entry:"src/Table.stories.tsx"},"table--virtualized":{component:yI,locStart:2613,locEnd:2668,entry:"src/Table.stories.tsx"},"table--virtualized-sub-rows":{component:bI,locStart:2745,locEnd:2805,entry:"src/Table.stories.tsx"},"table--with-manual-paginator-and-filter":{component:vI,locStart:1916,locEnd:2111,entry:"src/Table.stories.tsx"},"table--with-paginator":{component:xI,locStart:1833,locEnd:1906,entry:"src/Table.stories.tsx"},"table--zebra-striped-rows":{component:SI,locStart:2404,locEnd:2468,entry:"src/Table.stories.tsx"},"tabs--borderless-tabs":{component:FI,locStart:61,locEnd:103,entry:"src/Tabs.stories.tsx"},"tabs--default-tabs":{component:wI,locStart:13,locEnd:59,entry:"src/Tabs.stories.tsx"},"tabs--horizontal-overflow":{component:TI,locStart:228,locEnd:287,entry:"src/Tabs.stories.tsx"},"tabs--legacy-tabs":{component:_I,locStart:421,locEnd:471,entry:"src/Tabs.stories.tsx"},"tabs--pill-tabs":{component:II,locStart:105,locEnd:158,entry:"src/Tabs.stories.tsx"},"tabs--sublabels-and-icons":{component:kI,locStart:160,locEnd:226,entry:"src/Tabs.stories.tsx"},"tabs--vertical":{component:RI,locStart:353,locEnd:419,entry:"src/Tabs.stories.tsx"},"tabs--vertical-overflow":{component:LI,locStart:289,locEnd:351,entry:"src/Tabs.stories.tsx"},"tag--clickable":{component:PI,locStart:22,locEnd:24,entry:"src/Tag.stories.tsx"},"tag--default":{component:OI,locStart:11,locEnd:16,entry:"src/Tag.stories.tsx"},"tag--no-close":{component:NI,locStart:18,locEnd:20,entry:"src/Tag.stories.tsx"},"tagcontainer--basic-tags-container":{component:MI,locStart:11,locEnd:19,entry:"src/TagContainer.stories.tsx"},"tagcontainer--default-tags-container":{component:$I,locStart:21,locEnd:29,entry:"src/TagContainer.stories.tsx"},"tagcontainer--scrollable-default-tags-container":{component:zI,locStart:31,locEnd:43,entry:"src/TagContainer.stories.tsx"},"tagcontainer--truncated-basic-tags-container":{component:jI,locStart:45,locEnd:57,entry:"src/TagContainer.stories.tsx"},"text--basic":{component:VI,locStart:11,locEnd:13,entry:"src/Text.stories.tsx"},"text--body":{component:HI,locStart:15,locEnd:17,entry:"src/Text.stories.tsx"},"text--headline":{component:UI,locStart:35,locEnd:37,entry:"src/Text.stories.tsx"},"text--leading":{component:WI,locStart:23,locEnd:25,entry:"src/Text.stories.tsx"},"text--polymorphic":{component:GI,locStart:39,locEnd:45,entry:"src/Text.stories.tsx"},"text--skeleton":{component:qI,locStart:47,locEnd:49,entry:"src/Text.stories.tsx"},"text--small":{component:YI,locStart:19,locEnd:21,entry:"src/Text.stories.tsx"},"text--subheading":{component:KI,locStart:27,locEnd:29,entry:"src/Text.stories.tsx"},"text--title":{component:JI,locStart:31,locEnd:33,entry:"src/Text.stories.tsx"},"textarea--basic":{component:XI,locStart:11,locEnd:13,entry:"src/Textarea.stories.tsx"},"textarea--disabled":{component:ZI,locStart:15,locEnd:17,entry:"src/Textarea.stories.tsx"},"tile--actionable":{component:QI,locStart:118,locEnd:150,entry:"src/Tile.stories.tsx"},"tile--all-props":{component:e5,locStart:63,locEnd:117,entry:"src/Tile.stories.tsx"},"tile--anchor-link":{component:t5,locStart:152,locEnd:183,entry:"src/Tile.stories.tsx"},"tile--basic":{component:n5,locStart:28,locEnd:61,entry:"src/Tile.stories.tsx"},"tile--condensed":{component:r5,locStart:185,locEnd:209,entry:"src/Tile.stories.tsx"},"tile--disabled":{component:o5,locStart:340,locEnd:378,entry:"src/Tile.stories.tsx"},"tile--folder":{component:a5,locStart:250,locEnd:278,entry:"src/Tile.stories.tsx"},"tile--loading":{component:i5,locStart:310,locEnd:338,entry:"src/Tile.stories.tsx"},"tile--status":{component:l5,locStart:280,locEnd:308,entry:"src/Tile.stories.tsx"},"tile--with-avatar":{component:s5,locStart:211,locEnd:248,entry:"src/Tile.stories.tsx"},"timepicker--basic":{component:c5,locStart:18,locEnd:55,entry:"src/TimePicker.stories.tsx"},"timepicker--combined":{component:u5,locStart:109,locEnd:151,entry:"src/TimePicker.stories.tsx"},"timepicker--custom-renderers":{component:A5,locStart:57,locEnd:107,entry:"src/TimePicker.stories.tsx"},"toasts--anchor-to-button":{component:d5,locStart:206,locEnd:249,entry:"src/Toasts.stories.tsx"},"toasts--close-individual":{component:p5,locStart:251,locEnd:316,entry:"src/Toasts.stories.tsx"},"toasts--informational":{component:D5,locStart:90,locEnd:127,entry:"src/Toasts.stories.tsx"},"toasts--negative":{component:C5,locStart:51,locEnd:88,entry:"src/Toasts.stories.tsx"},"toasts--position-changed":{component:f5,locStart:168,locEnd:204,entry:"src/Toasts.stories.tsx"},"toasts--positive":{component:m5,locStart:12,locEnd:49,entry:"src/Toasts.stories.tsx"},"toasts--warning":{component:B5,locStart:129,locEnd:166,entry:"src/Toasts.stories.tsx"},"toggleswitch--basic":{component:E5,locStart:20,locEnd:22,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-checked":{component:g5,locStart:28,locEnd:30,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-unchecked":{component:h5,locStart:32,locEnd:34,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-left":{component:y5,locStart:46,locEnd:48,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-right":{component:b5,locStart:36,locEnd:44,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--small":{component:v5,locStart:24,locEnd:26,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--with-custom-icon":{component:x5,locStart:50,locEnd:52,entry:"src/ToggleSwitch.stories.tsx"},"tooltip--bottom":{component:S5,locStart:26,locEnd:32,entry:"src/Tooltip.stories.tsx"},"tooltip--controlled":{component:F5,locStart:49,locEnd:55,entry:"src/Tooltip.stories.tsx"},"tooltip--left":{component:w5,locStart:34,locEnd:47,entry:"src/Tooltip.stories.tsx"},"tooltip--right":{component:T5,locStart:18,locEnd:24,entry:"src/Tooltip.stories.tsx"},"tooltip--top":{component:_5,locStart:10,locEnd:16,entry:"src/Tooltip.stories.tsx"},"transferlist--basic":{component:I5,locStart:18,locEnd:150,entry:"src/TransferList.stories.tsx"},"transferlist--with-label":{component:k5,locStart:152,locEnd:286,entry:"src/TransferList.stories.tsx"},"tree--async-loading":{component:R5,locStart:215,locEnd:344,entry:"src/Tree.stories.tsx"},"tree--basic":{component:L5,locStart:20,locEnd:96,entry:"src/Tree.stories.tsx"},"tree--customized-expander":{component:P5,locStart:346,locEnd:480,entry:"src/Tree.stories.tsx"},"tree--full":{component:O5,locStart:98,locEnd:213,entry:"src/Tree.stories.tsx"},"tree--small":{component:N5,locStart:601,locEnd:684,entry:"src/Tree.stories.tsx"},"tree--virtualized":{component:M5,locStart:482,locEnd:599,entry:"src/Tree.stories.tsx"},"tree--virtualized-with-horizontal-scroll":{component:$5,locStart:686,locEnd:796,entry:"src/Tree.stories.tsx"},"workflowdiagram--basic":{component:z5,locStart:11,locEnd:23,entry:"src/WorkflowDiagram.stories.tsx"},"workflowdiagram--with-tooltips":{component:j5,locStart:25,locEnd:40,entry:"src/WorkflowDiagram.stories.tsx"}},N2={stories:"src/**/*.stories.{js,jsx,ts,tsx,mdx}",addons:{a11y:{enabled:!1},control:{enabled:!0,defaultState:{}},theme:{enabled:!0,defaultState:"light"},mode:{enabled:!0,defaultState:"full"},rtl:{enabled:!0,defaultState:!1},source:{enabled:!0,defaultState:!1},msw:{enabled:!1},action:{enabled:!0,defaultState:[]},ladle:{enabled:!0},width:{enabled:!0,options:{xsmall:414,small:640,medium:768,large:1024},defaultState:0}},defaultStory:"overview--readme",base:"./",storyOrder:`(stories) => [ + 'overview--readme', + ...stories.filter((s) => s !== 'overview--readme'), + ]`,hotkeys:{search:["/","meta+p"],nextStory:["alt+arrowright"],previousStory:["alt+arrowleft"],nextComponent:["alt+arrowdown"],previousComponent:["alt+arrowup"],control:["c"],darkMode:["d"],fullscreen:["f"],width:["w"],rtl:["r"],source:["s"],a11y:["a"]},i18n:{buildTooltip:'💡 Tip: Run "ladle preview" to check that the build works!'}};const V5=({path:e})=>s.createElement("div",{style:{paddingTop:"2em"}},s.createElement("code",{className:"ladle-code"},e)),H5={};let h={14363534:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20SvgFlag%2C%0A%20%20SvgFolderOpened%2C%0A%20%20SvgHome%2C%0A%20%20SvgPlaceholder%2C%0A%20%20SvgSettings%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20SideNavigation%2C%0A%20%20SidenavButton%2C%0A%20%20SidenavSubmenu%2C%0A%20%20SidenavSubmenuHeader%2C%0A%20%20Text%2C%0A%20%20IconButton%2C%0A%20%20Anchor%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'calc(100vh%20-%2024px)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%20%20title%3A%20'SideNavigation'%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSideNavigation%0A%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgHome%20%2F%3E%7D%20key%3D%7B0%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Home%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgFlag%20%2F%3E%7D%20key%3D%7B1%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Issues%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgFolderOpened%20%2F%3E%7D%20key%3D%7B2%7D%20disabled%3E%0A%20%20%20%20%20%20%20%20%20%20Documents%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20secondaryItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgSettings%20%2F%3E%7D%20key%3D%7B3%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Settings%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ActiveItem%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BactiveIndex%2C%20setActiveIndex%5D%20%3D%20React.useState%3Cnumber%3E(0)%3B%0A%0A%20%20const%20mainItems%20%3D%20%5B...Array(3).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CSidenavButton%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20isActive%3D%7BactiveIndex%20%3D%3D%3D%20index%7D%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20setActiveIndex(index)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7B%60App%20%24%7Bindex%7D%60%7D%0A%20%20%20%20%3C%2FSidenavButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSideNavigation%0A%20%20%20%20%20%20items%3D%7BmainItems%7D%0A%20%20%20%20%20%20secondaryItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgSettings%20%2F%3E%7D%20key%3D%7B3%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Settings%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Submenu%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20itemsData%20%3D%20%5B%0A%20%20%20%20%7B%20label%3A%20'Home'%2C%20icon%3A%20%3CSvgHome%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20label%3A%20'Issues'%2C%20icon%3A%20%3CSvgFlag%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20label%3A%20'Documents'%2C%20icon%3A%20%3CSvgFolderOpened%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20label%3A%20'Settings'%2C%20icon%3A%20%3CSvgSettings%20%2F%3E%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20%5BactiveItem%2C%20setActiveItem%5D%20%3D%20React.useState(2)%3B%0A%20%20const%20%5BisSubmenuOpen%2C%20setIsSubmenuOpen%5D%20%3D%20React.useState(true)%3B%0A%20%20const%20%5BactiveSubItem%2C%20setActiveSubItem%5D%20%3D%20React.useState(0)%3B%0A%0A%20%20const%20items%20%3D%20itemsData.map((%7B%20label%2C%20icon%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CSidenavButton%0A%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20startIcon%3D%7Bicon%7D%0A%20%20%20%20%20%20isActive%3D%7BactiveItem%20%3D%3D%3D%20index%7D%0A%20%20%20%20%20%20isSubmenuOpen%3D%7Blabel%20%3D%3D%3D%20'Documents'%20%26%26%20isSubmenuOpen%7D%20%2F%2F%20needed%20for%20proper%20styling%20when%20submenu%20is%20open%20but%20page%20is%20not%20active%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(label%20!%3D%3D%20'Documents')%20%7B%0A%20%20%20%20%20%20%20%20%20%20setActiveItem(index)%3B%0A%20%20%20%20%20%20%20%20%20%20setActiveSubItem(-1)%3B%0A%20%20%20%20%20%20%20%20%20%20setIsSubmenuOpen(false)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20setIsSubmenuOpen((open)%20%3D%3E%20!open)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Blabel%7D%0A%20%20%20%20%3C%2FSidenavButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20height%3A%20'100%25'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSideNavigation%0A%20%20%20%20%20%20%20%20expanderPlacement%3D'bottom'%0A%20%20%20%20%20%20%20%20items%3D%7Bitems.slice(0%2C%203)%7D%0A%20%20%20%20%20%20%20%20secondaryItems%3D%7B%5Bitems%5B3%5D%5D%7D%0A%20%20%20%20%20%20%20%20isSubmenuOpen%3D%7BisSubmenuOpen%7D%0A%20%20%20%20%20%20%20%20submenu%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CSidenavSubmenu%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSidenavSubmenuHeader%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'Settings'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgSettings%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3EDocuments%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FSidenavSubmenuHeader%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EAll%20documents%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setActiveItem(2)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setActiveSubItem(index)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Folder%20%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSidenavSubmenu%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'var(--iui-color-background-disabled)'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2016%2C%0A%20%20%20%20%20%20%20%20%20%20flexGrow%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20placeContent%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%7BitemsData%5BactiveItem%5D%3F.label%7D%20page%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%3E%0A%20%20%20%20%20%20%20%20%20%20%7BactiveSubItem%20%3E%3D%200%20%26%26%20%60Contents%20of%20Folder%20%24%7BactiveSubItem%7D%60%7D%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A",61450310:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Badge%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Badge'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CBadge%20backgroundColor%3D'skyblue'%3ELabel%3C%2FBadge%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LongLabel%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%20title%3D'Long%20label%20that%20gets%20truncated'%3E%0A%20%20%20%20%20%20Long%20label%20that%20gets%20truncated%0A%20%20%20%20%3C%2FBadge%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Statuses%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'positive'%3ESuccess%3C%2FBadge%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'negative'%3EError%3C%2FBadge%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'primary'%3EInformational%3C%2FBadge%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'warning'%3EWarning%3C%2FBadge%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A",80259061:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Anchor%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Anchor'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.example.com%2F'%3Ewww.example.com%3C%2FAnchor%3E%3B%0A%7D%3B%0A%0Aexport%20const%20AsButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%3E%0A%20%20%20%20%20%20Perform%20action%0A%20%20%20%20%3C%2FAnchor%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20External%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.example.com%2F'%20isExternal%20target%3D'_blank'%3E%0A%20%20%20%20%20%20www.example.com%0A%20%20%20%20%3C%2FAnchor%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Underline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.example.com%2F'%20underline%3E%0A%20%20%20%20%20%20www.example.com%0A%20%20%20%20%3C%2FAnchor%3E%0A%20%20)%3B%0A%7D%3B%0A",d01c33c2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Alert%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgPlaceholder%2C%20SvgSmileyHappy%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Alert'%2C%0A%7D%3B%0A%0Aexport%20const%20Informational%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20an%20informational%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'positive'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20a%20positive%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'warning'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20a%20warning%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'negative'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20a%20negative%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Sticky%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'150px'%2C%0A%20%20%20%20%20%20%20%20overflow%3A%20'overlay'%2C%0A%20%20%20%20%20%20%20%20textAlign%3A%20'justify'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'solid%200.5px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%20isSticky%3D%7Btrue%7D%3E%0A%20%20%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20sticky!%0A%20%20%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20%20%20%20%20%3Cp%20style%3D%7B%7B%20margin%3A%200%2C%20padding%3A%20'8px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%0A%20%20%20%20%20%20%20%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%0A%20%20%20%20%20%20%20%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%0A%20%20%20%20%20%20%20%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%0A%20%20%20%20%20%20%20%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%0A%20%20%20%20%20%20%20%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%0A%20%20%20%20%20%20%20%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%0A%20%20%20%20%20%20%20%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%0A%20%20%20%20%20%20%20%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%0A%20%20%20%20%20%20%20%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%0A%20%20%20%20%20%20%20%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%0A%20%20%20%20%20%20%20%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%0A%20%20%20%20%20%20%20%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%0A%20%20%20%20%20%20%20%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%0A%20%20%20%20%20%20%20%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%0A%20%20%20%20%20%20%20%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%0A%20%20%20%20%20%20%20%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%0A%20%20%20%20%20%20%20%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%0A%20%20%20%20%20%20%20%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%0A%20%20%20%20%20%20%20%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%0A%20%20%20%20%20%20%20%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%0A%20%20%20%20%20%20%20%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%0A%20%20%20%20%20%20%20%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%0A%20%20%20%20%20%20%20%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%0A%20%20%20%20%20%20%20%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%0A%20%20%20%20%20%20%20%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%0A%20%20%20%20%20%20%20%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%0A%20%20%20%20%20%20%20%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%0A%20%20%20%20%20%20%20%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%0A%20%20%20%20%20%20%20%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%0A%20%20%20%20%20%20%20%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%0A%20%20%20%20%20%20%20%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%0A%20%20%20%20%20%20%20%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%0A%20%20%20%20%20%20%20%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%0A%20%20%20%20%20%20%20%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Empty%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3EThis%20is%20an%20empty%20info%20message.%3C%2FAlert.Message%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgSmileyHappy%20%2F%3E%0A%20%20%20%20%20%20%3C%2FAlert.Icon%3E%0A%20%20%20%20%20%20%3CAlert.Message%3EThis%20is%20an%20info%20message%20with%20a%20custom%20icon.%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FAlert.CloseButton%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A",bd99a355:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20getUserColor%2C%20Avatar%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgUser%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Avatar'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithImage%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20image%3D%7B%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fuser-placeholder.png'%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20image%3D%7B%3CSvgUser%20%2F%3E%7D%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Sizes%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%204%2C%20placeItems%3A%20'center'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'x-large'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Statuses%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%204%2C%20placeItems%3A%20'center'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'online'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'offline'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'busy'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'away'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomStatusTranslation%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20status%3D'away'%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20translatedStatusTitles%3D%7B%7B%0A%20%20%20%20%20%20%20%20away%3A%20'AFK'%2C%0A%20%20%20%20%20%20%20%20busy%3A%20'Do%20not%20disturb!'%2C%0A%20%20%20%20%20%20%20%20offline%3A%20'Disconnected'%2C%0A%20%20%20%20%20%20%20%20online%3A%20'Available'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",e028d020:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20getUserColor%2C%0A%20%20Tooltip%2C%0A%20%20Avatar%2C%0A%20%20AvatarGroup%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'AvatarGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ace%20Cash'%2C%0A%20%20%20%20'Tanner%20Fraser'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CAvatarGroup%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Animated%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CAvatarGroup%20animated%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ManyAvatars%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ace%20Cash'%2C%0A%20%20%20%20'Tanner%20Fraser'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Nico%20Triplett'%2C%0A%20%20%20%20'Drew%20Abel'%2C%0A%20%20%20%20'Kendall%20Simons'%2C%0A%20%20%20%20'Kennedy%20Gray'%2C%0A%20%20%20%20'Charlie%20Mayfield'%2C%0A%20%20%20%20'Peyton%20Pennington'%2C%0A%20%20%20%20'Justice%20Harrington'%2C%0A%20%20%20%20'Jessie%20Dodd'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CAvatarGroup%20iconSize%3D'large'%3E%0A%20%20%20%20%20%20%20%20%7BArray(110)%0A%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20userNames%5Bindex%20%25%20userNames.length%5D)%0A%20%20%20%20%20%20%20%20%20%20.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NonStacked%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Charlie%20Mayfield'%2C%0A%20%20%20%20'Peyton%20Pennington'%2C%0A%20%20%20%20'Justice%20Harrington'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CAvatarGroup%20stacked%3D%7Bfalse%7D%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTooltip%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Charlie%20Mayfield'%2C%0A%20%20%20%20'Peyton%20Pennington'%2C%0A%20%20%20%20'Justice%20Harrington'%2C%0A%20%20%5D%3B%0A%0A%20%20%2F**%0A%20%20%20*%20Store%20the%20last%20avatar%20for%20tooltip%20positioning.%0A%20%20%20*%2F%0A%20%20const%20%5BcountIcon%2C%20setCountIcon%5D%20%3D%20useState%3CHTMLElement%20%7C%20null%3E(null)%3B%0A%0A%20%20const%20usersSubArray%20%3D%20userNames.slice(5)%3B%0A%20%20const%20tooltipContent%20%3D%20usersSubArray.join(%60%5Cn%60)%20as%20string%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CAvatarGroup%20countIconProps%3D%7B%7B%20ref%3A%20setCountIcon%20%7D%7D%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20%20%20%20%20%3CTooltip%0A%20%20%20%20%20%20%20%20reference%3D%7BcountIcon%7D%0A%20%20%20%20%20%20%20%20content%3D%7BtooltipContent%7D%0A%20%20%20%20%20%20%20%20placement%3D'right'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20whiteSpace%3A%20'pre'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",f89ae976:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Blockquote%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Blockquote'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CBlockquote%3EThis%20is%20a%20quote%3C%2FBlockquote%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithFooter%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBlockquote%0A%20%20%20%20%20%20cite%3D'https%3A%2F%2Fwww.bentley.com%2Fen'%0A%20%20%20%20%20%20footer%3D%7B%0A%20%20%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%80%94%20Greg%20Bentley%2C%20%3Ccite%3ENasdaqListed%3C%2Fcite%3E%0A%20%20%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20For%2036%20years%20we%20have%20served%20engineers%20with%20our%20software%2C%20passionately%0A%20%20%20%20%20%20%20%20believing%20that%20better%20performing%20and%20more%20resilient%20infrastructure%20is%0A%20%20%20%20%20%20%20%20essential%20to%20improve%20the%20quality%20of%20life%20for%20people%20everywhere%2C%20sustain%0A%20%20%20%20%20%20%20%20our%20environment%2C%20and%20grow%20our%20economies.%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%3C%2FBlockquote%3E%0A%20%20)%3B%0A%7D%3B%0A",c8853e22:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useMemo%2C%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20IconButton%2C%0A%20%20Breadcrumbs%2C%0A%20%20DropdownButton%2C%0A%20%20DropdownMenu%2C%0A%20%20MenuItem%2C%0A%20%20Input%2C%0A%20%20Text%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgChevronRightDouble%2C%0A%20%20SvgFolder%2C%0A%20%20SvgMore%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Breadcrumbs'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B0%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Root')%7D%3E%0A%20%20%20%20%20%20%20%20Root%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%201')%7D%3E%0A%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%202')%7D%3E%0A%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Links%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B0%7D%20href%3D'%2F'%3E%0A%20%20%20%20%20%20%20%20iTwinUI%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B1%7D%20href%3D'%2F%3Fpath%3D%2Fdocs%2Fcore-breadcrumbs'%3E%0A%20%20%20%20%20%20%20%20Breadcrumbs%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B2%7D%3ELinks%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomSeparator%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%20separator%3D%7B%3CSvgChevronRightDouble%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B0%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Root')%7D%3E%0A%20%20%20%20%20%20%20%20Root%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%201')%7D%3E%0A%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%202')%7D%3E%0A%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Overflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array(10)%0A%20%20%20%20.fill(null)%0A%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(%60Clicked%20on%20breadcrumb%20%24%7Bindex%20%2B%201%7D%60)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20))%3B%0A%0A%20%20return%20%3CBreadcrumbs%3E%7Bitems%7D%3C%2FBreadcrumbs%3E%3B%0A%7D%3B%0AOverflow.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20CustomOverflowBackButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array(10)%0A%20%20%20%20.fill(null)%0A%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(%60Clicked%20on%20breadcrumb%20%24%7Bindex%20%2B%201%7D%60)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%0A%20%20%20%20%20%20overflowButton%3D%7B(visibleCount%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20previousBreadcrumb%20%3D%0A%20%20%20%20%20%20%20%20%20%20visibleCount%20%3E%201%20%3F%20items.length%20-%20visibleCount%20%3A%20items.length%20-%202%3B%0A%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D%7B%60Item%20%24%7BpreviousBreadcrumb%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(%60Visit%20breadcrumb%20%24%7BpreviousBreadcrumb%7D%60)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7B%60Item%20%24%7BpreviousBreadcrumb%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20labelProps%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20placement%3A%20'bottom'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0ACustomOverflowBackButton.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20CustomOverflowDropdown%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array(10)%0A%20%20%20%20.fill(null)%0A%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(%60Clicked%20on%20breadcrumb%20%24%7Bindex%20%2B%201%7D%60)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%0A%20%20%20%20%20%20overflowButton%3D%7B(visibleCount%3A%20number)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Array(items.length%20-%20visibleCount)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20_index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20index%20%3D%20visibleCount%20%3E%201%20%3F%20_index%20%2B%201%20%3A%20_index%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(%60Visit%20breadcrumb%20%24%7Bindex%7D%60)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20close()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7Bindex%7D%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'Dropdown%20with%20more%20breadcrumbs'%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20overflow%20icon')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0ACustomOverflowDropdown.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20FolderNavigation%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B'Root'%2C%20'Level%201'%2C%20'Level%202'%2C%20'Level%203'%2C%20'Level%204'%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BlastIndex%2C%20setLastIndex%5D%20%3D%20useState(items.length%20-%201)%3B%0A%20%20const%20%5BisEditing%2C%20setIsEditing%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20breadcrumbItems%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20items.slice(0%2C%20lastIndex%20%2B%201).map((item%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60Breadcrumb%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(lastIndex%20!%3D%3D%20index)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setLastIndex(index)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setIsEditing(true)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bitem%7D%0A%20%20%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20))%2C%0A%20%20%20%20%5Bitems%2C%20lastIndex%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'inline-flex'%2C%20width%3A%20450%20%7D%7D%3E%0A%20%20%20%20%20%20%3CDropdownButton%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgFolder%20aria-hidden%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20items.map((item%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7B%60Item%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setLastIndex(index)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setIsEditing(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20close()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20))%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7BisEditing%20%3F%20(%0A%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7Bitems.slice(0%2C%20lastIndex%20%2B%201).join('%2F')%7D%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20lastItem%20%3D%20value.substring(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20value.lastIndexOf('%2F'%2C%20value.length%20-%202)%20%2B%201%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20setLastIndex(items.findIndex((item)%20%3D%3E%20lastItem.includes(item)))%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20onKeyDown%3D%7B(%7B%20key%20%7D)%20%3D%3E%20key%20%3D%3D%3D%20'Enter'%20%26%26%20setIsEditing(false)%7D%0A%20%20%20%20%20%20%20%20%20%20onBlur%3D%7B()%20%3D%3E%20setIsEditing(false)%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%3CBreadcrumbs%3E%7BbreadcrumbItems%7D%3C%2FBreadcrumbs%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A","57cb345b":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20NotificationMarker%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgEmail%2C%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Button'%2C%0A%7D%3B%0A%0Aexport%20const%20CallToAction%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20styleType%3D'cta'%3E%0A%20%20%20%20%20%20Call%20To%20Action%20Button%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HighVisibility%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20styleType%3D'high-visibility'%3E%0A%20%20%20%20%20%20High%20Visibility%20Button%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Default%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20styleType%3D'default'%3E%0A%20%20%20%20%20%20Default%20Button%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgAdd%20%2F%3E%7D%0A%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20New%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithNotification%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%20'10px'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'cta'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'default'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AsLink%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%0A%20%20%20%20%20%20as%3D'a'%0A%20%20%20%20%20%20href%3D%7Bwindow.location.href%7D%0A%20%20%20%20%20%20target%3D'_blank'%0A%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%3Csvg%20viewBox%3D'0%200%2016%2016'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm16%200v5.4l-1.9-2-8.4%208.4-1.5-1.5%208.3-8.4-1.9-1.9m5.4%2016v-9h-1v8h-14v-14h8v-1h-9v16z'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Open%20in%20new%20tab%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Stretch%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CButton%20stretched%3ESign%20in%3C%2FButton%3E%3B%0A%7D%3B%0AStretch.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20300%2C%20outline%3A%20'1px%20solid'%2C%20padding%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20loading%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Click%20me%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A",cd98b299:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20Button%2C%0A%20%20ButtonGroup%2C%0A%20%20DropdownMenu%2C%0A%20%20IconButton%2C%0A%20%20Input%2C%0A%20%20MenuItem%2C%0A%20%20Text%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgAdd%2C%0A%20%20SvgDelete%2C%0A%20%20SvgEdit%2C%0A%20%20SvgUndo%2C%0A%20%20SvgPlaceholder%2C%0A%20%20SvgMore%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ButtonGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20WithIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%20role%3D'toolbar'%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Add'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20add!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20label%3D'Edit'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20edit!')%7D%0A%20%20%20%20%20%20%20%20isActive%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgEdit%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20label%3D'Delete'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20delete!')%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgDelete%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Undo'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20undo!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgUndo%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Overflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array.from(%7B%20length%3A%2010%20%7D%2C%20(_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CIconButton%20key%3D%7Bindex%7D%20label%3D%7B%60Item%20%23%24%7Bindex%7D%60%7D%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%0A%20%20%20%20%20%20orientation%3D'horizontal'%0A%20%20%20%20%20%20overflowButton%3D%7B(overflowStart)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Array(items.length%20-%20overflowStart)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20_index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20index%20%3D%20overflowStart%20%2B%20_index%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7Bclose%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%23%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'More'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0AOverflow.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20hotpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20InputButtonCombo%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%3E%0A%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20defaultValue%3D'Bearer%20eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ'%0A%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20minWidth%3A%20'30ch'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%20%20%20%20onClick%3D%7Basync%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20await%20navigator.clipboard.writeText(%0A%20%20%20%20%20%20%20%20%20%20%20%20%60Bearer%20eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ%60%2C%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20console.log('Copied%20bearer%20token%20to%20clipboard')%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Copy%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Vertical%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%20orientation%3D'vertical'%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Add'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20add!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20label%3D'Edit'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20edit!')%7D%0A%20%20%20%20%20%20%20%20isActive%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgEdit%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20label%3D'Delete'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20delete!')%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgDelete%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Undo'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20undo!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgUndo%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VerticalOverflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array.from(%7B%20length%3A%2010%20%7D%2C%20(_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CIconButton%20key%3D%7Bindex%7D%20label%3D%7B%60Item%20%23%24%7Bindex%7D%60%7D%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%0A%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20style%3D%7B%7B%20blockSize%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20overflowButton%3D%7B(overflowStart)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Array(items.length%20-%20overflowStart)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20_index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20index%20%3D%20overflowStart%20%2B%20_index%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7Bclose%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%23%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'More'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0AVerticalOverflow.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20blockSize%3A%20'min(20rem%2C%20100vh)'%2C%0A%20%20%20%20%20%20%20%20%20%20inlineSize%3A%20'min(20rem%2C%20100vw)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20hotpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'block'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A",fc3e20cc:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20Carousel%2C%20Text%2C%20Code%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Carousel'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20gradients%20%3D%20%5B%0A%20%20%20%20%7B%20from%3A%20'%23cc2b5e'%2C%20to%3A%20'%23753a88'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%2300467f'%2C%20to%3A%20'%23a5cc82'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%232193b0'%2C%20to%3A%20'%236dd5ed'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23ffe000'%2C%20to%3A%20'%23799f0c'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23e65c00'%2C%20to%3A%20'%23f9d423'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%231488cc'%2C%20to%3A%20'%232b32b2'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23bbd2c5'%2C%20to%3A%20'%23536976'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%239796f0'%2C%20to%3A%20'%23fbc7d4'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23b79891'%2C%20to%3A%20'%2394716b'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23acb6e5'%2C%20to%3A%20'%2386fde8'%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CCarousel%20style%3D%7B%7B%20width%3A%20'min(800px%2C%2090vw)'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CCarousel.Navigation%20%2F%3E%0A%20%20%20%20%20%20%3CCarousel.Slider%3E%0A%20%20%20%20%20%20%20%20%7Bgradients.map((%7B%20from%2C%20to%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCarousel.Slide%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%60linear-gradient(to%20right%2C%20%24%7Bfrom%7D%2C%20%24%7Bto%7D)%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20350%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20fontSize%3A%2048%2C%20color%3A%20'hsl(0deg%200%25%20100%25%20%2F%200.7)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bindex%20%2B%201%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FCarousel.Slide%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FCarousel.Slider%3E%0A%20%20%20%20%3C%2FCarousel%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Controlled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20gradients%20%3D%20%5B%0A%20%20%20%20%7B%20from%3A%20'%23cc2b5e'%2C%20to%3A%20'%23753a88'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%2300467f'%2C%20to%3A%20'%23a5cc82'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%232193b0'%2C%20to%3A%20'%236dd5ed'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23ffe000'%2C%20to%3A%20'%23799f0c'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23e65c00'%2C%20to%3A%20'%23f9d423'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%231488cc'%2C%20to%3A%20'%232b32b2'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23bbd2c5'%2C%20to%3A%20'%23536976'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%239796f0'%2C%20to%3A%20'%23fbc7d4'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23b79891'%2C%20to%3A%20'%2394716b'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23acb6e5'%2C%20to%3A%20'%2386fde8'%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20%5BcurrentIndex%2C%20setCurrentIndex%5D%20%3D%20React.useState(5)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CCarousel%0A%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'min(800px%2C%2090vw)'%20%7D%7D%0A%20%20%20%20%20%20activeSlideIndex%3D%7BcurrentIndex%7D%0A%20%20%20%20%20%20onSlideChange%3D%7B(index)%20%3D%3E%20setCurrentIndex(index)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CCarousel.Navigation%20%2F%3E%0A%20%20%20%20%20%20%3CCarousel.Slider%3E%0A%20%20%20%20%20%20%20%20%7Bgradients.map((%7B%20from%2C%20to%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCarousel.Slide%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%60linear-gradient(to%20right%2C%20%24%7Bfrom%7D%2C%20%24%7Bto%7D)%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20350%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20fontSize%3A%2048%2C%20color%3A%20'hsl(0deg%200%25%20100%25%20%2F%200.7)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bindex%20%2B%201%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FCarousel.Slide%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FCarousel.Slider%3E%0A%20%20%20%20%3C%2FCarousel%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aconst%20useId%20%3D%20()%20%3D%3E%20'my-custom-carousel'%3B%0Aexport%20const%20OnlyDots%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20gradients%20%3D%20%5B%0A%20%20%20%20%7B%20from%3A%20'%23cc2b5e'%2C%20to%3A%20'%23753a88'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%2300467f'%2C%20to%3A%20'%23a5cc82'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%232193b0'%2C%20to%3A%20'%236dd5ed'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23ffe000'%2C%20to%3A%20'%23799f0c'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23e65c00'%2C%20to%3A%20'%23f9d423'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%231488cc'%2C%20to%3A%20'%232b32b2'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23bbd2c5'%2C%20to%3A%20'%23536976'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%239796f0'%2C%20to%3A%20'%23fbc7d4'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23b79891'%2C%20to%3A%20'%2394716b'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23acb6e5'%2C%20to%3A%20'%2386fde8'%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20id%20%3D%20useId()%3B%0A%20%20const%20%5Bcurrent%2C%20setCurrent%5D%20%3D%20React.useState(0)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Csection%0A%20%20%20%20%20%20aria-roledescription%3D'carousel'%0A%20%20%20%20%20%20tabIndex%3D%7B0%7D%0A%20%20%20%20%20%20onKeyUp%3D%7B(%7B%20key%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20diff%20%3D%20key%20%3D%3D%3D%20'ArrowRight'%20%3F%201%20%3A%20key%20%3D%3D%3D%20'ArrowLeft'%20%3F%20-1%20%3A%200%3B%0A%20%20%20%20%20%20%20%20setCurrent(%0A%20%20%20%20%20%20%20%20%20%20(prev)%20%3D%3E%20(gradients.length%20%2B%20prev%20%2B%20diff)%20%25%20gradients.length%2C%0A%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'inline-grid'%2C%20width%3A%20'min(90vw%2C%2040vh)'%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CCarousel.DotsList%0A%20%20%20%20%20%20%20%20id%3D%7Bid%7D%0A%20%20%20%20%20%20%20%20length%3D%7Bgradients.length%7D%0A%20%20%20%20%20%20%20%20currentIndex%3D%7Bcurrent%7D%0A%20%20%20%20%20%20%20%20onSlideChange%3D%7B(_i)%20%3D%3E%20setCurrent(_i)%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20justifySelf%3A%20'center'%2C%20maxWidth%3A%20'min(100%25%2C%20200px)'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20grid%3A%20%60%5Bslide%5D%201fr%20%2F%20%5Bslide%5D%201fr%60%2C%0A%20%20%20%20%20%20%20%20%20%20order%3A%20'-1'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7Bgradients.map((%7B%20from%2C%20to%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20role%3D'tabpanel'%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D%7B%60%24%7Bid%7D-slide-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(%7B%20currentTarget%3A%20%7B%20clientWidth%20%7D%2C%20clientX%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20diff%20%3D%20clientWidth%20-%20clientX%20%3E%20clientWidth%20%2F%202%20%3F%20-1%20%3A%20%2B1%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setCurrent(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(prev)%20%3D%3E%20(gradients.length%20%2B%20prev%20%2B%20diff)%20%25%20gradients.length%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20gridArea%3A%20'slide'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity%3A%20current%20%3D%3D%3D%20index%20%3F%201%20%3A%200%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20pointerEvents%3A%20current%20%3D%3D%3D%20index%20%3F%20'auto'%20%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20'opacity%200.5s'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20cursor%3A%20'pointer'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%60linear-gradient(to%20right%2C%20%24%7Bfrom%7D%2C%20%24%7Bto%7D)%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20'min(600px%2C%2070vh)'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fontSize%3A%2048%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20'hsl(0deg%200%25%20100%25%20%2F%200.7)'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bindex%20%2B%201%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fsection%3E%0A%20%20)%3B%0A%7D%3B%0AOnlyDots.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'inline-grid'%2C%20gap%3A%20'1rem'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20fontStyle%3A%20'italic'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20This%20example%20shows%20how%20%3CCode%3ECarousel.DotsList%3C%2FCode%3E%20can%20be%20used%0A%20%20%20%20%20%20%20%20outside%20%3CCode%3ECarousel%3C%2FCode%3E.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Clicking%20on%20the%20right%20half%20of%20the%20slide%20will%20advance%20the%20carousel%20to%20the%0A%20%20%20%20%20%20%20%20next%20slide%2C%20whereas%20clicking%20on%20the%20left%20half%20will%20go%20to%20the%20previous%0A%20%20%20%20%20%20%20%20slide.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A",a28638e2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Checkbox%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Checkbox'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Basic%20Checkbox'%20defaultChecked%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Disabled%20Checkbox'%20disabled%20%2F%3E%3B%0A%7D%3B%0Aexport%20const%20Indeterminate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Indeterminate%20Checkbox'%20indeterminate%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Positive%20Checkbox'%20status%3D'positive'%20%2F%3E%3B%0A%7D%3B%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Warning%20Checkbox'%20status%3D'warning'%20%2F%3E%3B%0A%7D%3B%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Negative%20Checkbox'%20status%3D'negative'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Loading%20Checkbox'%20isLoading%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Visibility%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Visibility%20Checkbox'%20variant%3D'eyeball'%20%2F%3E%3B%0A%7D%3B%0A","4d3c682a":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Code%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Code'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20The%20%3CCode%3Epush()%3C%2FCode%3E%20method%20adds%20one%20or%20more%20elements%20to%20the%20end%20of%20an%0A%20%20%20%20%20%20array%20and%20returns%20the%20new%20length%20of%20the%20array.%0A%20%20%20%20%3C%2Fp%3E%0A%20%20)%3B%0A%7D%3B%0A","9261e1c5":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20ColorPicker%2C%0A%20%20IconButton%2C%0A%20%20ColorSwatch%2C%0A%20%20Button%2C%0A%20%20ButtonGroup%2C%0A%20%20ColorValue%2C%0A%20%20ColorPalette%2C%0A%20%20ColorBuilder%2C%0A%20%20ColorInputPanel%2C%0A%20%20Popover%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgSwap%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ColorPicker'%2C%0A%7D%3B%0A%0Aconst%20ColorsList%20%3D%20%5B%0A%20%20%7B%20color%3A%20'%23ffffff'%2C%20name%3A%20'WHITE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%235a6973'%2C%20name%3A%20'GREY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2300121d'%2C%20name%3A%20'KURETAKE%20BLACK%20MANGA'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23002a44'%2C%20name%3A%20'RHAPSODY%20IN%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2300426b'%2C%20name%3A%20'DARK%20IMPERIAL%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23005a92'%2C%20name%3A%20'JETSKI%20RACE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%230073ba'%2C%20name%3A%20'FRENCH%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23008be1'%2C%20name%3A%20'BLUE%20COLA'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2330b0ff'%2C%20name%3A%20'FANTASY%20CONSOLE%20SKY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2358bfff'%2C%20name%3A%20'HELLO%20SUMMER'%20%7D%2C%0A%20%20%7B%20color%3A%20'%237fceff'%2C%20name%3A%20'CHROMIS%20DAMSEL%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23a6ddff'%2C%20name%3A%20'DROPLET'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23cdecff'%2C%20name%3A%20'LUCID%20DREAMS'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23e5f5fd'%2C%20name%3A%20'KODAMA%20WHITE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23010200'%2C%20name%3A%20'REGISTRATION%20BLACK'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23122306'%2C%20name%3A%20'YUZU%20SOY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2323450b'%2C%20name%3A%20'FOREST%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23346711'%2C%20name%3A%20'TATZELWURM%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23458816'%2C%20name%3A%20'CHLOROPHYLL'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2356aa1c'%2C%20name%3A%20'PLASTIC%20PINES'%20%7D%2C%0A%20%20%7B%20color%3A%20'%235fbb1f'%2C%20name%3A%20'FIELD%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2367cc22'%2C%20name%3A%20'GREEN%20HIGH'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2391e458'%2C%20name%3A%20'LILLIPUTIAN%20LIME'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23b2ec8b'%2C%20name%3A%20'GREEN%20DAY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23d4f4bd'%2C%20name%3A%20'TEA%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23eef6e8'%2C%20name%3A%20'VERDE%20PASTEL'%20%7D%2C%0A%20%20%7B%20color%3A%20'%239ba5af'%2C%20name%3A%20'SERYI%20GREY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23cf0000'%2C%20name%3A%20'RED%20EPIPHYLLUM'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23ff6300'%2C%20name%3A%20'SAFETY%20ORANGE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23ffc335'%2C%20name%3A%20'RISE-N-SHINE'%20%7D%2C%0A%5D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BactiveColor%2C%20setActiveColor%5D%20%3D%20useState(ColorsList%5B5%5D)%3B%0A%20%20const%20%5BcolorName%2C%20setColorName%5D%20%3D%20useState(ColorsList%5B5%5D.name)%3B%0A%0A%20%20const%20onColorChanged%20%3D%20(color%3A%20ColorValue)%20%3D%3E%20%7B%0A%20%20%20%20const%20hexString%20%3D%20color.toHexString()%3B%0A%20%20%20%20const%20index%20%3D%20ColorsList.findIndex(%0A%20%20%20%20%20%20(swatch)%20%3D%3E%20swatch.color%20%3D%3D%3D%20hexString.toLowerCase()%2C%0A%20%20%20%20)%3B%0A%20%20%20%20setActiveColor(ColorsList%5Bindex%5D)%3B%0A%20%20%20%20setColorName(ColorsList%5Bindex%5D.name)%3B%0A%20%20%20%20console.log(%60Selected%20%24%7BColorsList%5Bindex%5D.color%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CColorPicker%0A%20%20%20%20%20%20%20%20%20%20%20%20selectedColor%3D%7BactiveColor.color%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChangeComplete%3D%7BonColorChanged%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPalette%20colors%3D%7BColorsList.map((%7B%20color%20%7D)%20%3D%3E%20color)%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FColorPicker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20visible%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20onVisibleChange%3D%7BsetIsOpen%7D%0A%20%20%20%20%20%20%20%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Show%20color%20picker'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CColorSwatch%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20pointerEvents%3A%20'none'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3D%7BactiveColor.color%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcolorName%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Advanced%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BselectedColor%2C%20setSelectedColor%5D%20%3D%20useState%3CColorValue%3E(%0A%20%20%20%20ColorValue.create(%7B%20h%3A%200%2C%20s%3A%20100%2C%20l%3A%2050%20%7D)%2C%0A%20%20)%3B%0A%0A%20%20const%20formats%20%3D%20%5B'hsl'%2C%20'rgb'%2C%20'hex'%5D%20as%20const%3B%0A%20%20const%20%5BcurrentFormat%2C%20setCurrentFormat%5D%20%3D%20useState%3C(typeof%20formats)%5Bnumber%5D%3E(%0A%20%20%20%20formats%5B0%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onColorChanged%20%3D%20(color%3A%20ColorValue)%20%3D%3E%20%7B%0A%20%20%20%20setSelectedColor(color)%3B%0A%20%20%20%20console.log(%60Selected%20%24%7BgetDisplayString(color)%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20getDisplayString%20%3D%20(color%20%3D%20selectedColor)%20%3D%3E%20%7B%0A%20%20%20%20switch%20(currentFormat)%20%7B%0A%20%20%20%20%20%20case%20'hsl'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHslString()%3B%0A%20%20%20%20%20%20case%20'rgb'%3A%0A%20%20%20%20%20%20%20%20return%20color.toRgbString()%3B%0A%20%20%20%20%20%20case%20'hex'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHexString().toUpperCase()%3B%0A%20%20%20%20%7D%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButtonGroup%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedColor%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChangeComplete%3D%7BonColorChanged%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorBuilder%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorInputPanel%20defaultColorFormat%3D%7BcurrentFormat%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPalette%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D'Saved%20Colors'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20colors%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20h%3A%200%2C%20s%3A%20100%2C%20l%3A%2050%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%20255%2C%20g%3A%2098%2C%20b%3A%200%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%23fec134'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%235A6973'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20h%3A%2095%2C%20s%3A%2083%2C%20v%3A%2072%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20h%3A%20250%2C%20s%3A%20100%2C%20l%3A%2059%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FColorPicker%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20visible%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20%20%20onVisibleChange%3D%7BsetIsOpen%7D%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Show%20color%20picker'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorSwatch%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20pointerEvents%3A%20'none'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setCurrentFormat(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20formats%5B(formats.indexOf(currentFormat)%20%2B%201)%20%25%20formats.length%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20endIcon%3D%7B%3CSvgSwap%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20170%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7BgetDisplayString()%20%3F%3F%20'No%20color%20selected.'%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithAlpha%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BselectedColor%2C%20setSelectedColor%5D%20%3D%20useState%3CColorValue%3E(%0A%20%20%20%20ColorValue.create(%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%200.4%20%7D)%2C%0A%20%20)%3B%0A%0A%20%20const%20formats%20%3D%20%5B'hsl'%2C%20'rgb'%2C%20'hex'%5D%20as%20const%3B%0A%20%20const%20%5BcurrentFormat%2C%20setCurrentFormat%5D%20%3D%20useState%3C(typeof%20formats)%5Bnumber%5D%3E(%0A%20%20%20%20formats%5B0%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onColorChanged%20%3D%20(color%3A%20ColorValue)%20%3D%3E%20%7B%0A%20%20%20%20setSelectedColor(color)%3B%0A%20%20%20%20console.log(%60Selected%20%24%7BgetDisplayString(color)%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20getDisplayString%20%3D%20(color%20%3D%20selectedColor)%20%3D%3E%20%7B%0A%20%20%20%20switch%20(currentFormat)%20%7B%0A%20%20%20%20%20%20case%20'hsl'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHslString(true)%3B%0A%20%20%20%20%20%20case%20'rgb'%3A%0A%20%20%20%20%20%20%20%20return%20color.toRgbString(true)%3B%0A%20%20%20%20%20%20case%20'hex'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHexString(true)%3B%0A%20%20%20%20%7D%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButtonGroup%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedColor%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChangeComplete%3D%7BonColorChanged%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20showAlpha%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorBuilder%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorInputPanel%20defaultColorFormat%3D%7BcurrentFormat%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPalette%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D'Saved%20Colors'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20colors%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%201%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%200.81%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%200.4%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FColorPicker%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20visible%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20%20%20onVisibleChange%3D%7BsetIsOpen%7D%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Show%20color%20picker'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorSwatch%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20pointerEvents%3A%20'none'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setCurrentFormat(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20formats%5B(formats.indexOf(currentFormat)%20%2B%201)%20%25%20formats.length%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20endIcon%3D%7B%3CSvgSwap%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7BgetDisplayString()%20%3F%3F%20'No%20color%20selected.'%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","0523f810":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20ComboBox%2C%0A%20%20Label%2C%0A%20%20MenuItem%2C%0A%20%20StatusMessage%2C%0A%20%20SelectOption%2C%0A%20%20MenuItemSkeleton%2C%0A%20%20InputGrid%2C%0A%20%20Flex%2C%0A%20%20Divider%2C%0A%20%20Checkbox%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCamera%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0Atype%20ComboBoxProps%20%3D%20React.ComponentProps%3Ctypeof%20ComboBox%3E%3B%0A%0Aexport%20default%20%7B%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'clamp(300px%2C%2050%25%2C%20100%25)'%2C%20minHeight%3A%20380%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%20%20title%3A%20'ComboBox'%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aconst%20countriesList%20%3D%20%5B%0A%20%20%7B%20label%3A%20'Afghanistan'%2C%20value%3A%20'AF'%20%7D%2C%0A%20%20%7B%20label%3A%20'%C3%85land%20Islands'%2C%20value%3A%20'AX'%20%7D%2C%0A%20%20%7B%20label%3A%20'Albania'%2C%20value%3A%20'AL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Algeria'%2C%20value%3A%20'DZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'American%20Samoa'%2C%20value%3A%20'AS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Andorra'%2C%20value%3A%20'AD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Angola'%2C%20value%3A%20'AO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Anguilla'%2C%20value%3A%20'AI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Antarctica'%2C%20value%3A%20'AQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Antigua%20and%20Barbuda'%2C%20value%3A%20'AG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Argentina'%2C%20value%3A%20'AR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Armenia'%2C%20value%3A%20'AM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Aruba'%2C%20value%3A%20'AW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Australia'%2C%20value%3A%20'AU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Austria'%2C%20value%3A%20'AT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Azerbaijan'%2C%20value%3A%20'AZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bahamas'%2C%20value%3A%20'BS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bahrain'%2C%20value%3A%20'BH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bangladesh'%2C%20value%3A%20'BD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Barbados'%2C%20value%3A%20'BB'%20%7D%2C%0A%20%20%7B%20label%3A%20'Belarus'%2C%20value%3A%20'BY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Belgium'%2C%20value%3A%20'BE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Belize'%2C%20value%3A%20'BZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Benin'%2C%20value%3A%20'BJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bermuda'%2C%20value%3A%20'BM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bhutan'%2C%20value%3A%20'BT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bolivia'%2C%20value%3A%20'BO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bosnia%20and%20Herzegovina'%2C%20value%3A%20'BA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Botswana'%2C%20value%3A%20'BW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bouvet%20Island'%2C%20value%3A%20'BV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Brazil'%2C%20value%3A%20'BR'%20%7D%2C%0A%20%20%7B%20label%3A%20'British%20Indian%20Ocean%20Territory'%2C%20value%3A%20'IO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Brunei%20Darussalam'%2C%20value%3A%20'BN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bulgaria'%2C%20value%3A%20'BG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Burkina%20Faso'%2C%20value%3A%20'BF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Burundi'%2C%20value%3A%20'BI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cambodia'%2C%20value%3A%20'KH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cameroon'%2C%20value%3A%20'CM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Canada'%2C%20value%3A%20'CA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cape%20Verde'%2C%20value%3A%20'CV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cayman%20Islands'%2C%20value%3A%20'KY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Central%20African%20Republic'%2C%20value%3A%20'CF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Chad'%2C%20value%3A%20'TD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Chile'%2C%20value%3A%20'CL'%20%7D%2C%0A%20%20%7B%20label%3A%20'China'%2C%20value%3A%20'CN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Christmas%20Island'%2C%20value%3A%20'CX'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cocos%20(Keeling)%20Islands'%2C%20value%3A%20'CC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Colombia'%2C%20value%3A%20'CO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Comoros'%2C%20value%3A%20'KM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Congo'%2C%20value%3A%20'CG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Congo%2C%20The%20Democratic%20Republic%20of%20the'%2C%20value%3A%20'CD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cook%20Islands'%2C%20value%3A%20'CK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Costa%20Rica'%2C%20value%3A%20'CR'%20%7D%2C%0A%20%20%7B%20label%3A%20%22Cote%20D'Ivoire%22%2C%20value%3A%20'CI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Croatia'%2C%20value%3A%20'HR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cuba'%2C%20value%3A%20'CU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cyprus'%2C%20value%3A%20'CY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Czech%20Republic'%2C%20value%3A%20'CZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Denmark'%2C%20value%3A%20'DK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Djibouti'%2C%20value%3A%20'DJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Dominica'%2C%20value%3A%20'DM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Dominican%20Republic'%2C%20value%3A%20'DO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ecuador'%2C%20value%3A%20'EC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Egypt'%2C%20value%3A%20'EG'%20%7D%2C%0A%20%20%7B%20label%3A%20'El%20Salvador'%2C%20value%3A%20'SV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Equatorial%20Guinea'%2C%20value%3A%20'GQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Eritrea'%2C%20value%3A%20'ER'%20%7D%2C%0A%20%20%7B%20label%3A%20'Estonia'%2C%20value%3A%20'EE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ethiopia'%2C%20value%3A%20'ET'%20%7D%2C%0A%20%20%7B%20label%3A%20'Falkland%20Islands%20(Malvinas)'%2C%20value%3A%20'FK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Faroe%20Islands'%2C%20value%3A%20'FO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Fiji'%2C%20value%3A%20'FJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Finland'%2C%20value%3A%20'FI'%20%7D%2C%0A%20%20%7B%20label%3A%20'France'%2C%20value%3A%20'FR'%20%7D%2C%0A%20%20%7B%20label%3A%20'French%20Guiana'%2C%20value%3A%20'GF'%20%7D%2C%0A%20%20%7B%20label%3A%20'French%20Polynesia'%2C%20value%3A%20'PF'%20%7D%2C%0A%20%20%7B%20label%3A%20'French%20Southern%20Territories'%2C%20value%3A%20'TF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Gabon'%2C%20value%3A%20'GA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Gambia'%2C%20value%3A%20'GM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Georgia'%2C%20value%3A%20'GE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Germany'%2C%20value%3A%20'DE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ghana'%2C%20value%3A%20'GH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Gibraltar'%2C%20value%3A%20'GI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Greece'%2C%20value%3A%20'GR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Greenland'%2C%20value%3A%20'GL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Grenada'%2C%20value%3A%20'GD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guadeloupe'%2C%20value%3A%20'GP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guam'%2C%20value%3A%20'GU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guatemala'%2C%20value%3A%20'GT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guernsey'%2C%20value%3A%20'GG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guinea'%2C%20value%3A%20'GN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guinea-Bissau'%2C%20value%3A%20'GW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guyana'%2C%20value%3A%20'GY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Haiti'%2C%20value%3A%20'HT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Heard%20Island%20and%20Mcdonald%20Islands'%2C%20value%3A%20'HM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Holy%20See%20(Vatican%20City%20State)'%2C%20value%3A%20'VA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Honduras'%2C%20value%3A%20'HN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Hong%20Kong'%2C%20value%3A%20'HK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Hungary'%2C%20value%3A%20'HU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Iceland'%2C%20value%3A%20'IS'%20%7D%2C%0A%20%20%7B%20label%3A%20'India'%2C%20value%3A%20'IN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Indonesia'%2C%20value%3A%20'ID'%20%7D%2C%0A%20%20%7B%20label%3A%20'Iran%2C%20Islamic%20Republic%20Of'%2C%20value%3A%20'IR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Iraq'%2C%20value%3A%20'IQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ireland'%2C%20value%3A%20'IE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Isle%20of%20Man'%2C%20value%3A%20'IM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Israel'%2C%20value%3A%20'IL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Italy'%2C%20value%3A%20'IT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Jamaica'%2C%20value%3A%20'JM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Japan'%2C%20value%3A%20'JP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Jersey'%2C%20value%3A%20'JE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Jordan'%2C%20value%3A%20'JO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kazakhstan'%2C%20value%3A%20'KZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kenya'%2C%20value%3A%20'KE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kiribati'%2C%20value%3A%20'KI'%20%7D%2C%0A%20%20%7B%20label%3A%20%22Korea%2C%20Democratic%20People'S%20Republic%20of%22%2C%20value%3A%20'KP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Korea%2C%20Republic%20of'%2C%20value%3A%20'KR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kuwait'%2C%20value%3A%20'KW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kyrgyzstan'%2C%20value%3A%20'KG'%20%7D%2C%0A%20%20%7B%20label%3A%20%22Lao%20People'S%20Democratic%20Republic%22%2C%20value%3A%20'LA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Latvia'%2C%20value%3A%20'LV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Lebanon'%2C%20value%3A%20'LB'%20%7D%2C%0A%20%20%7B%20label%3A%20'Lesotho'%2C%20value%3A%20'LS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Liberia'%2C%20value%3A%20'LR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Libyan%20Arab%20Jamahiriya'%2C%20value%3A%20'LY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Liechtenstein'%2C%20value%3A%20'LI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Lithuania'%2C%20value%3A%20'LT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Luxembourg'%2C%20value%3A%20'LU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Macao'%2C%20value%3A%20'MO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Macedonia%2C%20The%20Former%20Yugoslav%20Republic%20of'%2C%20value%3A%20'MK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Madagascar'%2C%20value%3A%20'MG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Malawi'%2C%20value%3A%20'MW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Malaysia'%2C%20value%3A%20'MY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Maldives'%2C%20value%3A%20'MV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mali'%2C%20value%3A%20'ML'%20%7D%2C%0A%20%20%7B%20label%3A%20'Malta'%2C%20value%3A%20'MT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Marshall%20Islands'%2C%20value%3A%20'MH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Martinique'%2C%20value%3A%20'MQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mauritania'%2C%20value%3A%20'MR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mauritius'%2C%20value%3A%20'MU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mayotte'%2C%20value%3A%20'YT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mexico'%2C%20value%3A%20'MX'%20%7D%2C%0A%20%20%7B%20label%3A%20'Micronesia%2C%20Federated%20States%20of'%2C%20value%3A%20'FM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Moldova%2C%20Republic%20of'%2C%20value%3A%20'MD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Monaco'%2C%20value%3A%20'MC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mongolia'%2C%20value%3A%20'MN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Montserrat'%2C%20value%3A%20'MS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Morocco'%2C%20value%3A%20'MA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mozambique'%2C%20value%3A%20'MZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Myanmar'%2C%20value%3A%20'MM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Namibia'%2C%20value%3A%20'NA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nauru'%2C%20value%3A%20'NR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nepal'%2C%20value%3A%20'NP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Netherlands'%2C%20value%3A%20'NL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Netherlands%20Antilles'%2C%20value%3A%20'AN'%20%7D%2C%0A%20%20%7B%20label%3A%20'New%20Caledonia'%2C%20value%3A%20'NC'%20%7D%2C%0A%20%20%7B%20label%3A%20'New%20Zealand'%2C%20value%3A%20'NZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nicaragua'%2C%20value%3A%20'NI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Niger'%2C%20value%3A%20'NE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nigeria'%2C%20value%3A%20'NG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Niue'%2C%20value%3A%20'NU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Norfolk%20Island'%2C%20value%3A%20'NF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Northern%20Mariana%20Islands'%2C%20value%3A%20'MP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Norway'%2C%20value%3A%20'NO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Oman'%2C%20value%3A%20'OM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Pakistan'%2C%20value%3A%20'PK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Palau'%2C%20value%3A%20'PW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Palestinian%20Territory%2C%20Occupied'%2C%20value%3A%20'PS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Panama'%2C%20value%3A%20'PA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Papua%20New%20Guinea'%2C%20value%3A%20'PG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Paraguay'%2C%20value%3A%20'PY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Peru'%2C%20value%3A%20'PE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Philippines'%2C%20value%3A%20'PH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Pitcairn'%2C%20value%3A%20'PN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Poland'%2C%20value%3A%20'PL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Portugal'%2C%20value%3A%20'PT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Puerto%20Rico'%2C%20value%3A%20'PR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Qatar'%2C%20value%3A%20'QA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Reunion'%2C%20value%3A%20'RE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Romania'%2C%20value%3A%20'RO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Russian%20Federation'%2C%20value%3A%20'RU'%20%7D%2C%0A%20%20%7B%20label%3A%20'RWANDA'%2C%20value%3A%20'RW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Helena'%2C%20value%3A%20'SH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Kitts%20and%20Nevis'%2C%20value%3A%20'KN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Lucia'%2C%20value%3A%20'LC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Pierre%20and%20Miquelon'%2C%20value%3A%20'PM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Vincent%20and%20the%20Grenadines'%2C%20value%3A%20'VC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Samoa'%2C%20value%3A%20'WS'%20%7D%2C%0A%20%20%7B%20label%3A%20'San%20Marino'%2C%20value%3A%20'SM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sao%20Tome%20and%20Principe'%2C%20value%3A%20'ST'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saudi%20Arabia'%2C%20value%3A%20'SA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Senegal'%2C%20value%3A%20'SN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Serbia%20and%20Montenegro'%2C%20value%3A%20'CS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Seychelles'%2C%20value%3A%20'SC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sierra%20Leone'%2C%20value%3A%20'SL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Singapore'%2C%20value%3A%20'SG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Slovakia'%2C%20value%3A%20'SK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Slovenia'%2C%20value%3A%20'SI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Solomon%20Islands'%2C%20value%3A%20'SB'%20%7D%2C%0A%20%20%7B%20label%3A%20'Somalia'%2C%20value%3A%20'SO'%20%7D%2C%0A%20%20%7B%20label%3A%20'South%20Africa'%2C%20value%3A%20'ZA'%20%7D%2C%0A%20%20%7B%20label%3A%20'South%20Georgia%20and%20the%20South%20Sandwich%20Islands'%2C%20value%3A%20'GS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Spain'%2C%20value%3A%20'ES'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sri%20Lanka'%2C%20value%3A%20'LK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sudan'%2C%20value%3A%20'SD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Surilabel'%2C%20value%3A%20'SR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Svalbard%20and%20Jan%20Mayen'%2C%20value%3A%20'SJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Swaziland'%2C%20value%3A%20'SZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sweden'%2C%20value%3A%20'SE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Switzerland'%2C%20value%3A%20'CH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Syrian%20Arab%20Republic'%2C%20value%3A%20'SY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Taiwan%2C%20Province%20of%20China'%2C%20value%3A%20'TW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tajikistan'%2C%20value%3A%20'TJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tanzania%2C%20United%20Republic%20of'%2C%20value%3A%20'TZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Thailand'%2C%20value%3A%20'TH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Timor-Leste'%2C%20value%3A%20'TL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Togo'%2C%20value%3A%20'TG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tokelau'%2C%20value%3A%20'TK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tonga'%2C%20value%3A%20'TO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Trinidad%20and%20Tobago'%2C%20value%3A%20'TT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tunisia'%2C%20value%3A%20'TN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Turkey'%2C%20value%3A%20'TR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Turkmenistan'%2C%20value%3A%20'TM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Turks%20and%20Caicos%20Islands'%2C%20value%3A%20'TC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tuvalu'%2C%20value%3A%20'TV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Uganda'%2C%20value%3A%20'UG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ukraine'%2C%20value%3A%20'UA'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20Arab%20Emirates'%2C%20value%3A%20'AE'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20Kingdom'%2C%20value%3A%20'GB'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20States'%2C%20value%3A%20'US'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20States%20Minor%20Outlying%20Islands'%2C%20value%3A%20'UM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Uruguay'%2C%20value%3A%20'UY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Uzbekistan'%2C%20value%3A%20'UZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Vanuatu'%2C%20value%3A%20'VU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Venezuela'%2C%20value%3A%20'VE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Viet%20Nam'%2C%20value%3A%20'VN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Virgin%20Islands%2C%20British'%2C%20value%3A%20'VG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Virgin%20Islands%2C%20U.S.'%2C%20value%3A%20'VI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Wallis%20and%20Futuna'%2C%20value%3A%20'WF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Western%20Sahara'%2C%20value%3A%20'EH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Yemen'%2C%20value%3A%20'YE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Zambia'%2C%20value%3A%20'ZM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Zimbabwe'%2C%20value%3A%20'ZW'%20%7D%2C%0A%5D%3B%0A%0Aconst%20fetchOptions%20%3D%20async%20()%3A%20Promise%3CSelectOption%3Cstring%3E%5B%5D%3E%20%3D%3E%20%7B%0A%20%20return%20new%20Promise((resolve)%20%3D%3E%20%7B%0A%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20resolve(%0A%20%20%20%20%20%20%20%20countriesList.map((country)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...country%2C%0A%20%20%20%20%20%20%20%20%20%20sublabel%3A%20country.value%2C%0A%20%20%20%20%20%20%20%20%20%20icon%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20loading%3D'lazy'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%2020%2C%20height%3A%2015%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw20%2F%24%7Bcountry.value.toLowerCase()%7D.png%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20srcSet%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw40%2F%24%7Bcountry.value.toLowerCase()%7D.png%202x%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt%3D''%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%7D))%2C%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%202000)%3B%0A%20%20%7D)%3B%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Controlled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%20%20const%20%5BcountryValue%2C%20setCountryValue%5D%20%3D%20React.useState%3Cstring%3E('CA')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20value%3D%7BcountryValue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log(value)%3B%0A%20%20%20%20%20%20%20%20setCountryValue(value)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20countriesList.map(%0A%20%20%20%20%20%20%20%20(country%2C%20index)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20...country%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3A%20%60%24%7Bcountry.value%7D%24%7Bindex%20%25%202%20%3F%20'%20--%20disabled'%20%3A%20''%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20disabled%3A%20index%20%25%202%20!%3D%3D%200%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20loading%3D'lazy'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%2020%2C%20height%3A%2015%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw20%2F%24%7Bcountry.value.toLowerCase()%7D.png%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20srcSet%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw40%2F%24%7Bcountry.value.toLowerCase()%7D.png%202x%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt%3D''%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%20as%20SelectOption%3Cstring%3E%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithLabel%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%3ECountry%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithStatus%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomRenderer%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState('AF')%3B%0A%0A%20%20const%20onChange%20%3D%20React.useCallback((value%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20console.log(value%20%3F%3F%20'')%3B%0A%20%20%20%20setSelectedValue(value)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20itemRenderer%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20value%2C%20label%20%7D%2C%20%7B%20isSelected%2C%20id%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7Bid%7D%20id%3D%7Bid%7D%20isSelected%3D%7BisSelected%7D%20value%3D%7Bvalue%7D%3E%0A%20%20%20%20%20%20%20%20%3Cem%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20textTransform%3A%20'uppercase'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20fontWeight%3A%20isSelected%20%3F%20'bold'%20%3A%20undefined%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%7Blabel%7D%0A%20%20%20%20%20%20%20%20%3C%2Fem%3E%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20as%20NonNullable%3CComboBoxProps%5B'itemRenderer'%5D%3E%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20itemRenderer%3D%7BitemRenderer%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithMessage%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomMessageIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20a%20message%0A%20%20%20%20%20%20%20%20%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Boptions%2C%20setOptions%5D%20%3D%20React.useState%3CSelectOption%3Cstring%3E%5B%5D%3E(%5B%5D)%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState%3Cstring%3E()%3B%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(true)%3B%0A%0A%20%20const%20onChange%20%3D%20React.useCallback((value%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20console.log(value%20%3F%3F%20'')%3B%0A%20%20%20%20setSelectedValue(value)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20emptyContent%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20return%20isLoading%20%3F%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%7Bnew%20Array(6).fill(null).map((_%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItemSkeleton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hasIcon%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hasSublabel%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20contentWidth%3D%7B%60%24%7BMath.min(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Math.max(Math.random()%20*%20100%2C%2025)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2060%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%7D%25%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20'No%20options%20found'%0A%20%20%20%20)%3B%0A%20%20%7D%2C%20%5BisLoading%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20emptyStateMessage%3D%7BemptyContent%7D%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20onShow%3D%7BReact.useCallback(async%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(!isLoading)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20setOptions(await%20fetchOptions())%3B%0A%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%7D%2C%20%5BisLoading%5D)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Virtualized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultipleSelect%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%7B%20clearFilterOnOptionToggle%20%7D%20%3D%20React.useContext(MultipleSelectContext)%3B%0A%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%20%20const%20%5BselectedOptions%2C%20setSelectedOptions%5D%20%3D%20React.useState%3Cstring%5B%5D%3E(%5B%0A%20%20%20%20'CA'%2C%0A%20%20%20%20'AX'%2C%0A%20%20%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20multiple%0A%20%20%20%20%20%20value%3D%7BselectedOptions%7D%0A%20%20%20%20%20%20onChange%3D%7B(selected%2C%20event)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log(event.value%20%2B%20'%20'%20%2B%20event.type)%3B%0A%20%20%20%20%20%20%20%20setSelectedOptions(selected)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20clearFilterOnOptionToggle%3D%7BclearFilterOnOptionToggle%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AMultipleSelect.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20%7B%0A%20%20%20%20const%20%5BclearFilterOnOptionToggle%2C%20setClearFilterOnOptionToggle%5D%20%3D%0A%20%20%20%20%20%20React.useState(true)%3B%0A%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CMultipleSelectContext.Provider%20value%3D%7B%7B%20clearFilterOnOptionToggle%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CFlex%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D'main-story-container'%0A%20%20%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7BclearFilterOnOptionToggle%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20setClearFilterOnOptionToggle(e.target.checked)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D'clearFilterOnOptionToggle'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%20%20%3C%2FMultipleSelectContext.Provider%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20)%3B%0A%20%20%7D%2C%0A%5D%3B%0A%0Aconst%20MultipleSelectContext%20%3D%20React.createContext%3C%7B%0A%20%20clearFilterOnOptionToggle%3A%20boolean%3B%0A%7D%3E(%7B%0A%20%20clearFilterOnOptionToggle%3A%20true%2C%0A%7D)%3B%0A","4832439a":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20DatePicker%2C%0A%20%20IconButton%2C%0A%20%20Popover%2C%0A%20%20generateLocalizedStrings%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCalendar%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'DatePicker'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTime%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showTime%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCombinedTime%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2030%2C%200)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showTime%0A%20%20%20%20%20%20%20%20%20%20%20%20useCombinedRenderer%0A%20%20%20%20%20%20%20%20%20%20%20%20minuteStep%3D%7B30%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Localized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20localizedNames%3D%7BgenerateLocalizedStrings('ja')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20WithYear%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20showYearSelection%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Range%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentStartDate%2C%20setCurrentStartDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2013%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20%5BcurrentEndDate%2C%20setCurrentEndDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2027%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(startDate%3A%20Date%2C%20endDate%3F%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentStartDate(startDate)%3B%0A%20%20%20%20endDate%20%26%26%20setCurrentEndDate(endDate)%3B%0A%20%20%20%20console.log(%60New%20start%20date%20value%3A%20%24%7BstartDate%7D%60%2C%20%7B%0A%20%20%20%20%20%20clearOnStoryChange%3A%20false%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20endDate%20%26%26%0A%20%20%20%20%20%20console.log(%60New%20end%20date%20value%3A%20%24%7BendDate%7D%60%2C%20%7B%0A%20%20%20%20%20%20%20%20clearOnStoryChange%3A%20false%2C%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20enableRangeSelect%0A%20%20%20%20%20%20%20%20%20%20%20%20startDate%3D%7BcurrentStartDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20endDate%3D%7BcurrentEndDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20Start%20Date%3A%20%7BcurrentStartDate.toString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20End%20Date%3A%20%7BcurrentEndDate.toString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SomeDatesDisabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentStartDate%2C%20setCurrentStartDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2013%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20%5BcurrentEndDate%2C%20setCurrentEndDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2017%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%0A%20%20%2F%2F%20only%20allow%20selecting%20dates%20in%20July%2011-22%0A%20%20const%20isDateDisabled%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20if%20(date.getMonth()%20!%3D%3D%206)%20%7B%0A%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%7D%0A%20%20%20%20if%20(date.getDate()%20%3C%2011%20%7C%7C%20date.getDate()%20%3E%2022)%20%7B%0A%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20false%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onChange%20%3D%20(startDate%3A%20Date%2C%20endDate%3F%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentStartDate(startDate)%3B%0A%20%20%20%20endDate%20%26%26%20setCurrentEndDate(endDate)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20enableRangeSelect%0A%20%20%20%20%20%20%20%20%20%20%20%20startDate%3D%7BcurrentStartDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20endDate%3D%7BcurrentEndDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20isDateDisabled%3D%7BisDateDisabled%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20Start%20Date%3A%20%7BcurrentStartDate.toLocaleDateString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20End%20Date%3A%20%7BcurrentEndDate.toLocaleDateString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",b3356a37:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20Code%2C%20Dialog%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Dialog'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%20isOpen%3D%7BisOpen%7D%20onClose%3D%7BonClose%7D%20closeOnEsc%20isDismissible%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Modal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20closeOnExternalClick%0A%20%20%20%20%20%20%20%20preventDocumentScroll%0A%20%20%20%20%20%20%20%20trapFocus%0A%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Backdrop%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DraggableAndResizable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%20%20isDraggable%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DraggableRelativeToContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisDialogOpen%2C%20setIsDialogOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsDialogOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20position%3A%20'relative'%2C%0A%20%20%20%20%20%20%20%20width%3A%20'70vw'%2C%0A%20%20%20%20%20%20%20%20height%3A%20'70vh'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20red'%2C%0A%20%20%20%20%20%20%20%20padding%3A%2012%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsDialogOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%2012%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20When%20%3CCode%3EDialog%3C%2FCode%3E%20prop%20is%20%3CCode%3E%7B%22relativeTo%3D'container'%22%7D%3C%2FCode%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20then%20container%20element%20must%20have%20%3CCode%3E%7B%22position%3A%20'relative'%22%7D%3C%2FCode%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20set.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisDialogOpen%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%20%20isDraggable%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20relativeTo%3D'container'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Placement%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20placement%3D%7B'top-left'%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",ddd94297:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20MenuItem%2C%20DropdownButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'DropdownButton'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20buttonMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick(3%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%0A%20%20return%20%3CDropdownButton%20menuItems%3D%7BbuttonMenuItems%7D%3EDefault%3C%2FDropdownButton%3E%3B%0A%7D%3B%0A","73d7081a":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20DropdownMenu%2C%0A%20%20IconButton%2C%0A%20%20MenuExtraContent%2C%0A%20%20MenuDivider%2C%0A%20%20MenuItem%2C%0A%20%20Select%2C%0A%20%20Text%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgClipboard%2C%0A%20%20SvgCrop%2C%0A%20%20SvgMore%2C%0A%20%20SvgMove%2C%0A%20%20SvgPlaceholder%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'DropdownMenu'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick(3%2C%20close)%7D%20disabled%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0A%2F%2F%20Body%20height%20is%20the%20same%20as%20Select%20component%20height%20therefore%20clicking%20outside%20would%20not%20close%20dropdown.%0ABasic.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithStartIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(actionName%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60%24%7BactionName%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick('Crop'%2C%20close)%7D%20startIcon%3D%7B%3CSvgCrop%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Crop%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick('Paste'%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgClipboard%20%2F%3E%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Paste%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick('Move'%2C%20close)%7D%20startIcon%3D%7B%3CSvgMove%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Move%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithStartIcons.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithEndIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(actionName%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60%24%7BactionName%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick('Crop'%2C%20close)%7D%20endIcon%3D%7B%3CSvgCrop%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Crop%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick('Paste'%2C%20close)%7D%0A%20%20%20%20%20%20endIcon%3D%7B%3CSvgClipboard%20%2F%3E%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Paste%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick('Move'%2C%20close)%7D%20endIcon%3D%7B%3CSvgMove%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Move%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithEndIcons.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithSublabels%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B1%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick(1%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20sublabel%3D'Sublabel%20%231'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick(2%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20sublabel%3D'Sublabel%20%232'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B3%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick(3%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20sublabel%3D'Sublabel%20%233'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithSublabels.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Submenu%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B3%7D%0A%20%20%20%20%20%20subMenuItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B4%7D%0A%20%20%20%20%20%20%20%20%20%20subMenuItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B7%7D%20onClick%3D%7BonClick(7%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%237%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B8%7D%20onClick%3D%7BonClick(8%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%238%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Item%20%234%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B5%7D%20onClick%3D%7BonClick(5%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Item%20%235%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B6%7D%0A%20%20%20%20%20%20%20%20%20%20subMenuItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B9%7D%20onClick%3D%7BonClick(9%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%239%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B10%7D%20onClick%3D%7BonClick(10%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%2310%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Item%20%236%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0ASubmenu.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithSeparator%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuDivider%20key%3D%7B3%7D%20%2F%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B4%7D%20onClick%3D%7BonClick(3%2C%20close)%7D%20disabled%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B5%7D%20onClick%3D%7BonClick(4%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%234%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithSeparator.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(item%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60'%24%7Bitem%7D'%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BuserType%2C%20setUserType%5D%20%3D%20React.useState('User')%3B%0A%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuExtraContent%20key%3D%7B0%7D%3E%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3ETerry%20Rivers%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20terry.rivers%40email.com%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'User'%2C%20label%3A%20'User'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Moderator'%2C%20label%3A%20'Moderator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Administrator'%2C%20label%3A%20'Administrator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BuserType%7D%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(type)%20%3D%3E%20setUserType(type)%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%3C%2FMenuExtraContent%3E%2C%0A%20%20%20%20%3CMenuDivider%20key%3D%7B1%7D%20%2F%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick('View%20profile'%2C%20close)%7D%3E%0A%20%20%20%20%20%20View%20profile%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick('Sign%20out'%2C%20close)%7D%3E%0A%20%20%20%20%20%20Sign%20out%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Toggle%20user%20info'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithContent.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20250%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A",b94f5a58:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20ExpandableBlock%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ExpandableBlock'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock%20title%3D'Basic%20Block'%3EContent%20in%20block!%3C%2FExpandableBlock%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCaption%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.ExpandIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Title%3EBasic%20Block%3C%2FExpandableBlock.Title%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Caption%3Ebasic%20caption%3C%2FExpandableBlock.Caption%3E%0A%20%20%20%20%20%20%20%20%3C%2FExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%3C%2FExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Accordion%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%7B%5B...Array(3).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.Wrapper%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D%7B%60Basic%20Block%20%23%24%7Bindex%20%2B%201%7D%60%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20StatusIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20status%3D'positive'%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.ExpandIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Title%3EBasic%20Block%20With%20Status%3C%2FExpandableBlock.Title%3E%0A%20%20%20%20%20%20%20%20%3C%2FExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.EndIcon%20%2F%3E%0A%20%20%20%20%20%20%3C%2FExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20size%3D'small'%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D'Basic%20Block'%20%2F%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Borderless%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D'Basic%20Block'%20%2F%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20disabled%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D'Disabled%20Block'%20%2F%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A",f0207c25:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Fieldset%2C%0A%20%20InputGroup%2C%0A%20%20LabeledSelect%2C%0A%20%20Radio%2C%0A%20%20ToggleSwitch%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Fieldset'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFieldset%0A%20%20%20%20%20%20legend%3D'General%20Settings'%0A%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'flex'%2C%20flexDirection%3A%20'column'%2C%20gap%3A%2011%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20%20%20label%3D'Resolution'%0A%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'1200%20x%201000'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'1600%20x%201200'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'2560%20x%201600'%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Select'%0A%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Color%20Theme'%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option1'%20label%3D%7B'Light'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option2'%20label%3D%7B'Dark'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option3'%20label%3D%7B'Match%20device'%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20usage%20statistics'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20crash%20logs'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20disabled%20label%3D'Advanced%20settings'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%3C%2FFieldset%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFieldset%0A%20%20%20%20%20%20legend%3D'General%20Settings'%0A%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'flex'%2C%20flexDirection%3A%20'column'%2C%20gap%3A%2011%20%7D%7D%0A%20%20%20%20%20%20disabled%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20%20%20label%3D'Resolution'%0A%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'1200%20x%201000'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'1600%20x%201200'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'2560%20x%201600'%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Select'%0A%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Color%20Theme'%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option1'%20label%3D%7B'Light'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option2'%20label%3D%7B'Dark'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option3'%20label%3D%7B'Match%20device'%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20usage%20statistics'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20crash%20logs'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Advanced%20settings'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%3C%2FFieldset%3E%0A%20%20)%3B%0A%7D%3B%0A","2b9bf6fc":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20FileUpload%2C%0A%20%20FileUploadCard%2C%0A%20%20FileEmptyCard%2C%0A%20%20LabeledInput%2C%0A%20%20IconButton%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgClose%2C%0A%20%20SvgSmileyHappyVery%2C%0A%20%20SvgSmileySadVery%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'FileUpload'%2C%0A%7D%3B%0A%0Aexport%20const%20WrappingInput%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bfiles%2C%20setFiles%5D%20%3D%20useState%3CArray%3CFile%3E%3E(%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFileUpload%0A%20%20%20%20%20%20dragContent%3D'Drop%20file%20to%20upload'%0A%20%20%20%20%20%20onFileDropped%3D%7B(files)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setFiles(Array.from(files))%3B%0A%20%20%20%20%20%20%20%20console.log(%60%24%7Bfiles.length%7D%20files%20uploaded%60)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20%20%20placeholder%3D'Type%20a%20message'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%20%20files.length%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60Attached%3A%20%24%7Bfiles.map((f)%20%3D%3E%20f.name)%7D%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20'Drag%20files%20to%20attach'%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FFileUpload%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DefaultFileUploadCard%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bfiles%2C%20setFiles%5D%20%3D%20useState%3CArray%3CFile%3E%3E(%5B%5D)%3B%0A%20%20return%20(%0A%20%20%20%20%3CFileUpload%0A%20%20%20%20%20%20onFileDropped%3D%7B(files)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setFiles(Array.from(files))%3B%0A%20%20%20%20%20%20%20%20console.log(%60%24%7Bfiles.length%7D%20files%20uploaded%60)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CFileUploadCard%0A%20%20%20%20%20%20%20%20files%3D%7Bfiles%7D%0A%20%20%20%20%20%20%20%20onFilesChange%3D%7B(files)%20%3D%3E%20setFiles(files)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FFileUpload%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomFileUploadCard%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20inputRef%20%3D%20React.useRef%3CHTMLInputElement%3E(null)%3B%0A%20%20const%20%5Bfiles%2C%20setFiles%5D%20%3D%20React.useState%3CFile%5B%5D%3E(%5B%5D)%3B%0A%0A%20%20const%20emptyCard%20%3D%20(%0A%20%20%20%20%3CFileEmptyCard%3E%0A%20%20%20%20%20%20%3CFileEmptyCard.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgSmileySadVery%20%2F%3E%0A%20%20%20%20%20%20%3C%2FFileEmptyCard.Icon%3E%0A%20%20%20%20%20%20%3CFileEmptyCard.Text%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.InputLabel%3ECustom%20Label%20Text%3C%2FFileUploadCard.InputLabel%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3ECustom%20Description%20Text%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFileEmptyCard.Text%3E%0A%20%20%20%20%3C%2FFileEmptyCard%3E%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CFileUpload%0A%20%20%20%20%20%20onFileDropped%3D%7B(files)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setFiles(Array.from(files))%3B%0A%20%20%20%20%20%20%20%20console.log(%60%24%7Bfiles.length%7D%20files%20uploaded%60)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CFileUploadCard%0A%20%20%20%20%20%20%20%20files%3D%7Bfiles%7D%0A%20%20%20%20%20%20%20%20onFilesChange%3D%7B(files)%20%3D%3E%20setFiles(files)%7D%0A%20%20%20%20%20%20%20%20emptyCard%3D%7BemptyCard%7D%0A%20%20%20%20%20%20%20%20input%3D%7B%3CFileUploadCard.Input%20name%3D%7B'my-file'%7D%20ref%3D%7BinputRef%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.Icon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgSmileyHappyVery%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Icon%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.Info%3E%0A%20%20%20%20%20%20%20%20%20%20%3CFileUploadCard.Title%3ECustom%20File%20Name%3C%2FFileUploadCard.Title%3E%0A%20%20%20%20%20%20%20%20%20%20%3CFileUploadCard.Description%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Custom%20File%20Description%0A%20%20%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Description%3E%0A%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Info%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D'Remove%20file'%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFiles(%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgClose%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Action%3E%0A%20%20%20%20%20%20%3C%2FFileUploadCard%3E%0A%20%20%20%20%3C%2FFileUpload%3E%0A%20%20)%3B%0A%7D%3B%0A","8a4f7ed2":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Flex%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Flex'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20className%3D'demo-flex-wrapper'%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%0A%20%20%20%20%20%20%20%20%20%20dangerouslySetInnerHTML%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20__html%3A%20%2F*%20css%20*%2F%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Awhere(.demo-flex-wrapper%20%3E%20*)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20outline%3A%201px%20solid%20var(--iui-color-border)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20min-height%3A%20100px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Awhere(.demo-flex-wrapper%20%3E%20*%20div%3Anot(%5Bclass%5D))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-family%3A%20var(--iui-font-sans)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20var(--iui-color-text)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%201rem%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20border%3A%201px%20solid%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%3E%0A%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSpacer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%3E%0A%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3CFlex.Spacer%20%2F%3E%0A%0A%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E4%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E5%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithFlexItem%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%3E%0A%20%20%20%20%20%20%3CFlex.Item%20flex%3D'1'%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%3CFlex.Item%20flex%3D'3'%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%3CFlex.Item%20flex%3D'1'%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20IndividualGaps%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%7B%2F*%20'2xl'%20gap%20between%20all%20items%20that%20don't%20specify%20%60gapBefore%60%20or%20%60gapAfter%60%20*%2F%7D%0A%20%20%20%20%20%20%3CFlex%20gap%3D'2xl'%3E%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%7B%2F*%20%E2%AC%87%EF%B8%8F%20will%20always%20have%20's'%20gap%20between%203%20and%204%20%20*%2F%7D%0A%20%20%20%20%20%20%20%20%3CFlex.Item%20gapAfter%3D's'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E4%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%7B%2F*%20%E2%AC%87%EF%B8%8F%20will%20always%20have%20'3xs'%20gap%20between%204%20and%205%20*%2F%7D%0A%20%20%20%20%20%20%20%20%3CFlex.Item%20gapBefore%3D'3xs'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E5%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E6%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","84561e2d":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Fragment%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20defaultFooterElements%2C%0A%20%20Footer%2C%0A%20%20type%20FooterElement%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgSmileyHappyHollow%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Footer'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CFooter%20translatedTitles%3D%7B%7B%20cookies%3A%20'Cookies%20translated'%20%7D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20AppendedCustomElements%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFooter%0A%20%20%20%20%20%20customElements%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20title%3A%20'Custom'%2C%0A%20%20%20%20%20%20%20%20%20%20url%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20OnlyCustomElements%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFooter%0A%20%20%20%20%20%20customElements%3D%7B()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%201'%2C%20url%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%202'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%203'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%204'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomizedDefaultAndCustomElements%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20customElements%20%3D%20(defaultElements%3A%20FooterElement%5B%5D)%20%3D%3E%20%7B%0A%20%20%20%20const%20customUrls%3A%20Record%3Cstring%2C%20string%3E%20%3D%20%7B%0A%20%20%20%20%20%20privacy%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%20%20cookies%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%20%20legalNotices%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%7D%3B%0A%20%20%20%20const%20translatedTitles%3A%20Record%3Cstring%2C%20string%3E%20%3D%20%7B%0A%20%20%20%20%20%20termsOfService%3A%20'Terms%20of%20service%20translated'%2C%0A%20%20%20%20%20%20privacy%3A%20'Privacy%20translated'%2C%0A%20%20%20%20%20%20termsOfUse%3A%20'Terms%20of%20use%20translated'%2C%0A%20%20%20%20%20%20cookies%3A%20'Cookies%20translated'%2C%0A%20%20%20%20%20%20legalNotices%3A%20'Legal%20notices%20translated'%2C%0A%20%20%20%20%7D%3B%0A%20%20%20%20const%20customElements%3A%20FooterElement%5B%5D%20%3D%20%5B%0A%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%201'%2C%20url%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%20%7D%2C%0A%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%202'%20%7D%2C%0A%20%20%20%20%5D%3B%0A%0A%20%20%20%20const%20customizedDefaultElements%20%3D%20defaultElements.map(%0A%20%20%20%20%20%20(%7B%20key%2C%20title%2C%20url%20%7D)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20key%3A%20key%2C%0A%20%20%20%20%20%20%20%20title%3A%20key%20%3F%20translatedTitles%5Bkey%5D%20%3F%3F%20title%20%3A%20title%2C%0A%20%20%20%20%20%20%20%20url%3A%20key%20%3F%20customUrls%5Bkey%5D%20%3F%3F%20url%20%3A%20url%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20)%3B%0A%0A%20%20%20%20return%20%5B...customizedDefaultElements%2C%20...customElements%5D%3B%0A%20%20%7D%3B%0A%0A%20%20return%20%3CFooter%20customElements%3D%7BcustomElements%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20BottomFixed%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%3CFooter%20style%3D%7B%7B%20position%3A%20'fixed'%2C%20bottom%3A%200%20%7D%7D%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20customItem%20%3D%20(%0A%20%20%20%20%3CFooter.Item%20key%3D'copyright'%3E%0A%20%20%20%20%20%20%3CSvgSmileyHappyHollow%20style%3D%7B%7B%20width%3A%2012%2C%20height%3A%2012%2C%20marginRight%3A%204%20%7D%7D%20%2F%3E%0A%20%20%20%20%20%20%3Cspan%3EPowered%20by%20Happiness%20%C2%A9%20%7Bnew%20Date().getFullYear()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2FFooter.Item%3E%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CFooter%3E%0A%20%20%20%20%20%20%3CFooter.List%3E%0A%20%20%20%20%20%20%20%20%7B%5B%0A%20%20%20%20%20%20%20%20%20%20customItem%2C%0A%20%20%20%20%20%20%20%20%20%20...defaultFooterElements%0A%20%20%20%20%20%20%20%20%20%20%20%20.filter((el)%20%3D%3E%20el.key%20!%3D%3D%20'copyright')%0A%20%20%20%20%20%20%20%20%20%20%20%20.flatMap((element%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CFragment%20key%3D%7Belement.key%20%7C%7C%20%60%24%7Belement.title%7D-%24%7Bindex%7D%60%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CFooter.Separator%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CFooter.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Belement.url%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ca%20href%3D%7Belement.url%7D%20target%3D'_blank'%20rel%3D'noreferrer'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Belement.title%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fa%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20element.title%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FFooter.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FFragment%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%2C%0A%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%3C%2FFooter.List%3E%0A%20%20%20%20%3C%2FFooter%3E%0A%20%20)%3B%0A%7D%3B%0A",d6820832:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20DropdownMenu%2C%0A%20%20getUserColor%2C%0A%20%20Header%2C%0A%20%20HeaderBreadcrumbs%2C%0A%20%20HeaderButton%2C%0A%20%20HeaderLogo%2C%0A%20%20IconButton%2C%0A%20%20Input%2C%0A%20%20MenuExtraContent%2C%0A%20%20MenuItem%2C%0A%20%20Avatar%2C%0A%20%20Text%2C%0A%20%20Select%2C%0A%20%20MenuDivider%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgHelpCircularHollow%2C%0A%20%20SvgPin%2C%0A%20%20SvgNetwork%2C%0A%20%20SvgNotification%2C%0A%20%20SvgImodel%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Header'%2C%0A%7D%3B%0A%0Aconst%20buildClickHandler%20%3D%0A%20%20(menu%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20(item%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Menu%20'%24%7Bmenu%7D'%2C%20%24%7Bitem%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0Aconst%20buildMenu%20%3D%20(menu%3A%20string)%20%3D%3E%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%3CMenuItem%20key%3D%7B1%7D%20value%3D%7B'Item%20%231'%7D%20onClick%3D%7BbuildClickHandler(menu%2C%20close)%7D%3E%0A%20%20%20%20%7Bmenu%7D%20item%20%231%0A%20%20%3C%2FMenuItem%3E%2C%0A%20%20%3CMenuItem%20key%3D%7B2%7D%20value%3D%7B'Item%20%232'%7D%20onClick%3D%7BbuildClickHandler(menu%2C%20close)%7D%3E%0A%20%20%20%20%7Bmenu%7D%20item%20%232%0A%20%20%3C%2FMenuItem%3E%2C%0A%20%20%3CMenuItem%20key%3D%7B3%7D%20value%3D%7B'Item%20%233'%7D%20onClick%3D%7BbuildClickHandler(menu%2C%20close)%7D%3E%0A%20%20%20%20%7Bmenu%7D%20item%20%233%0A%20%20%3C%2FMenuItem%3E%2C%0A%5D%3B%0A%0Aexport%20const%20Full%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BuserType%2C%20setUserType%5D%20%3D%20useState('User')%3B%0A%0A%20%20const%20avatarMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuExtraContent%20key%3D%7B0%7D%3E%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3ETerry%20Rivers%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20terry.rivers%40email.com%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'User'%2C%20label%3A%20'User'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Moderator'%2C%20label%3A%20'Moderator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Administrator'%2C%20label%3A%20'Administrator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BuserType%7D%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(type)%20%3D%3E%20setUserType(type)%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%3C%2FMenuExtraContent%3E%2C%0A%20%20%20%20%3CMenuDivider%20key%3D%7B1%7D%20%2F%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20value%3D'View%20profile'%0A%20%20%20%20%20%20onClick%3D%7BbuildClickHandler('Avatar'%2C%20close)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20View%20profile%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B3%7D%0A%20%20%20%20%20%20value%3D'Sign%20out'%0A%20%20%20%20%20%20onClick%3D%7BbuildClickHandler('Avatar'%2C%20close)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Sign%20out%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20appLogo%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderLogo%0A%20%20%20%20%20%20%20%20%20%20logo%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewBox%3D'0%200%2016%2016'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-hidden%3D'true'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm12.6%2013.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7%203.9-4.6%204.2-5.7%202.4l-1.2%205.7h-2.2l3.5-14.1%201.8-.4c-.1.5-1.4%206.2.6%207%202%20.7%204.6-8.5%204.6-8.5l2.2.4c-1.6%203.7-1.6%207.6%201.1%2010.9l-2.3%202.1'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20title')%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Microstation%0A%20%20%20%20%20%20%20%20%3C%2FHeaderLogo%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A%20(Super%20Size%20Edition)'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20key%3D'notif'%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20notification%20bell')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20aria-label%3D'Notifications'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%20key%3D'help'%20menuItems%3D%7BbuildMenu('Help')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'Help'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgHelpCircularHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%2C%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%20key%3D'avatar'%20menuItems%3D%7BavatarMenuItems%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'User'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20image%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fuser-placeholder.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20menuItems%3D%7BbuildMenu('More')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20appLogo%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderLogo%0A%20%20%20%20%20%20%20%20%20%20logo%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewBox%3D'0%200%2016%2016'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-hidden%3D'true'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm12.6%2013.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7%203.9-4.6%204.2-5.7%202.4l-1.2%205.7h-2.2l3.5-14.1%201.8-.4c-.1.5-1.4%206.2.6%207%202%20.7%204.6-8.5%204.6-8.5l2.2.4c-1.6%203.7-1.6%207.6%201.1%2010.9l-2.3%202.1'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A%20(Super%20Size%20Edition)'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D'avatar'%0A%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Slim%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20isSlim%0A%20%20%20%20%20%20appLogo%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderLogo%0A%20%20%20%20%20%20%20%20%20%20logo%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewBox%3D'0%200%2016%2016'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-hidden%3D'true'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm12.6%2013.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7%203.9-4.6%204.2-5.7%202.4l-1.2%205.7h-2.2l3.5-14.1%201.8-.4c-.1.5-1.4%206.2.6%207%202%20.7%204.6-8.5%204.6-8.5l2.2.4c-1.6%203.7-1.6%207.6%201.1%2010.9l-2.3%202.1'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A%20(Super%20Size%20Edition)'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D'avatar'%0A%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CenterContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20searchBar%20%3D%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%7B%60.center-input%20%7B%20border-radius%3A%2022px%3B%20width%3A%2020vw%3B%20transition%3A%20all%200.2s%20ease%20%7D%60%7D%0A%20%20%20%20%20%20%20%20%7B%60.iui-slim%20.iui-center%20%7B%20align-items%3A%20unset%20%7D%60%7D%0A%20%20%20%20%20%20%20%20%7B%60.iui-slim%20.center-input%20%7B%20min-height%3A%20unset%20%7D%60%7D%0A%20%20%20%20%20%20%20%20%7B%60%40media%20(max-width%3A%20768px)%20%7B%20.center-input%20%7B%20display%3A%20none%3B%20%7D%20%7D%60%7D%0A%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%20%20%3CInput%20className%3D'center-input'%20placeholder%3D'Search%20within%20Model%20B...'%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20appLogo%3D%7B%3CHeaderLogo%20logo%3D%7B%3CSvgImodel%20%2F%3E%7D%20%2F%3E%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D'avatar'%0A%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20menuItems%3D%7BbuildMenu('More')%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7BsearchBar%7D%0A%20%20%20%20%3C%2FHeader%3E%0A%20%20)%3B%0A%7D%3B%0A","642f8b99":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20Icon%2C%20Slider%2C%20Flex%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgInfoCircular%2C%0A%20%20SvgPlaceholder%2C%0A%20%20SvgStatusError%2C%0A%20%20SvgStatusSuccess%2C%0A%20%20SvgStatusWarning%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Icon'%2C%0A%7D%3B%0A%0Aexport%20const%20Default%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIcon%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIcon%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Padded%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20red'%2C%0A%20%20%20%20%20%20%20%20width%3A%20'fit-content'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CIcon%20padded%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Statuses%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'informational'%3E%0A%20%20%20%20%20%20%20%20%3CSvgInfoCircular%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'negative'%3E%0A%20%20%20%20%20%20%20%20%3CSvgStatusError%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'positive'%3E%0A%20%20%20%20%20%20%20%20%3CSvgStatusSuccess%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'warning'%3E%0A%20%20%20%20%20%20%20%20%3CSvgStatusWarning%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0AStatuses.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%204%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Sizes%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIcon%20size%3D'small'%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20size%3D'medium'%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20size%3D'large'%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0ASizes.decorators%20%3D%20Statuses.decorators%3B%0A%0Aexport%20const%20Autoscale%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIcon%20size%3D'auto'%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIcon%3E%0A%20%20)%3B%0A%7D%3B%0AAutoscale.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3CAutoScaleContraption%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2FAutoScaleContraption%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0A%2F**%20Helper%20component%20to%20demonstrate%20auto-scaling%20text%20using%20a%20slider%20to%20adjust%20font%20size%20*%2F%0Aconst%20AutoScaleContraption%20%3D%20(%7B%20children%20%7D%3A%20%7B%20children%3A%20React.ReactNode%20%7D)%20%3D%3E%20%7B%0A%20%20const%20%5Bsize%2C%20setSize%5D%20%3D%20React.useState(()%20%3D%3E%2014%20%2F%2016)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%2016%2C%20alignItems%3A%20'start'%20%7D%7D%3E%0A%20%20%20%20%20%20%3Cp%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(400px%2C%2090%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20%60%24%7Bsize%7Drem%60%2C%0A%20%20%20%20%20%20%20%20%20%20lineHeight%3A%201.3%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginRight%3A%204%2C%20verticalAlign%3A%20'middle'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bchildren%7D%0A%20%20%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20This%20icon%20will%20scale%20with%20text.%20Try%20adjusting%20the%20slider.%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%0A%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20%20%20values%3D%7B%5Bsize%5D%7D%0A%20%20%20%20%20%20%20%20onUpdate%3D%7B(%5BnewSize%5D)%20%3D%3E%20setSize(newSize)%7D%0A%20%20%20%20%20%20%20%20min%3D%7B0.5%7D%0A%20%20%20%20%20%20%20%20max%3D%7B2.5%7D%0A%20%20%20%20%20%20%20%20step%3D%7B0.05%7D%0A%20%20%20%20%20%20%20%20minLabel%3D''%0A%20%20%20%20%20%20%20%20maxLabel%3D''%0A%20%20%20%20%20%20%20%20tooltipProps%3D%7B()%20%3D%3E%20(%7B%20visible%3A%20false%20%7D)%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'min(150px%2C%2090vh)'%20%7D%7D%0A%20%20%20%20%20%20%20%20thumbProps%3D%7B()%20%3D%3E%20(%7B%20'aria-label'%3A%20'Adjust%20font%20size'%20%7D)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A","4e97b782":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20IconButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'IconButton'%2C%0A%7D%3B%0A%0Aexport%20const%20Add%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%20label%3D'Add'%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SmallActiveAdd%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20label%3D'Add'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20isActive%0A%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HighVisibilityAdd%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20label%3D'Add'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Borderless%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20label%3D'Add'%0A%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A","97092a2b":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20IdeasButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'IdeasButton'%2C%0A%7D%3B%0A%0Aexport%20const%20Ideas%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CIdeasButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LocalizedIdeas%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIdeasButton%0A%20%20%20%20%20%20feedbackLabel%3D'Localized%20feedback'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",c7be65d2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20type%20%7B%20CellProps%2C%20Column%20%7D%20from%20'%40itwin%2Fitwinui-react%2Freact-table'%3B%0Aimport%20%7B%20SvgEdit%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%0A%20%20InformationPanel%2C%0A%20%20InformationPanelWrapper%2C%0A%20%20InformationPanelHeader%2C%0A%20%20InformationPanelBody%2C%0A%20%20InformationPanelContent%2C%0A%20%20Table%2C%0A%20%20Text%2C%0A%20%20Button%2C%0A%20%20IconButton%2C%0A%20%20Input%2C%0A%20%20Label%2C%0A%20%20Textarea%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InformationPanel'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BopenRowIndex%2C%20setOpenRowIndex%5D%20%3D%20React.useState%3Cnumber%3E()%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'name'%2C%20Header%3A%20'Name'%2C%20accessor%3A%20'name'%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20Header%3A%20'Details'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(%7B%20row%3A%20%7B%20index%20%7D%20%7D%3A%20CellProps%3CRecord%3Cstring%2C%20string%3E%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setOpenRowIndex(index)%7D%3EDetails%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%20name%3A%20%60Row%24%7Bindex%7D%60%20%7D))%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%3E%0A%20%20%20%20%20%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%0A%20%20%20%20%20%20%3CInformationPanel%0A%20%20%20%20%20%20%20%20isOpen%3D%7BopenRowIndex%20!%3D%20undefined%20%26%26%20openRowIndex%20!%3D%3D%20-1%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setOpenRowIndex(-1)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3ERow%20%7BopenRowIndex%20%3F%3F%200%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInformationPanelContent%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'name-input'%3EFile%20name%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'name-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7B%60Row%20%24%7BopenRowIndex%20%3F%3F%200%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'author-input'%3EAuthor%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'author-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'DJ%20Terry'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'year-input'%3EYear%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%20size%3D'small'%20id%3D'year-input'%20defaultValue%3D'2021'%20readOnly%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'path-input'%3EPath%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'path-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'%2FShared%2FMusic%2F'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0ABasic.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cem%3EClick%20on%20Details%20to%20open%20InformationalPanel%3C%2Fem%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Horizontal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BopenRowIndex%2C%20setOpenRowIndex%5D%20%3D%20React.useState%3Cnumber%3E()%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'name'%2C%20Header%3A%20'Name'%2C%20accessor%3A%20'name'%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20Header%3A%20'Details'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(%7B%20row%3A%20%7B%20index%20%7D%20%7D%3A%20CellProps%3C%7B%20name%3A%20string%20%7D%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setOpenRowIndex(index)%7D%3EDetails%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3C%7B%20name%3A%20string%20%7D%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%20name%3A%20%60Row%24%7Bindex%7D%60%20%7D))%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%3E%0A%20%20%20%20%20%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%0A%20%20%20%20%20%20%3CInformationPanel%0A%20%20%20%20%20%20%20%20orientation%3D'horizontal'%0A%20%20%20%20%20%20%20%20isOpen%3D%7BopenRowIndex%20!%3D%20undefined%20%26%26%20openRowIndex%20!%3D%3D%20-1%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setOpenRowIndex(-1)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3ERow%20%7BopenRowIndex%20%3F%3F%200%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInformationPanelContent%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'name-input'%3EFile%20name%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'name-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7B%60Row%20%24%7BopenRowIndex%20%3F%3F%200%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'author-input'%3EAuthor%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'author-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'DJ%20Terry'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'year-input'%3EYear%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%20size%3D'small'%20id%3D'year-input'%20defaultValue%3D'2021'%20readOnly%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'path-input'%3EPath%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'path-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'%2FShared%2FMusic%2F'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0AHorizontal.decorators%20%3D%20%5B...Basic.decorators%5D%3B%0A%0Aexport%20const%20CustomActions%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BopenRowIndex%2C%20setOpenRowIndex%5D%20%3D%20React.useState%3Cnumber%3E()%3B%0A%20%20const%20%5BisEditing%2C%20setIsEditing%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'name'%2C%20Header%3A%20'Name'%2C%20accessor%3A%20'name'%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20Header%3A%20'Details'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(%7B%20row%20%7D%3A%20CellProps%3C%7B%20name%3A%20string%3B%20info%3A%20string%20%7D%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setOpenRowIndex(row.index)%7D%3EDetails%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3C%7B%20name%3A%20string%20%7D%3E%5B%5D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%0A%20%20%20%20%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20name%3A%20%60Row%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20info%3A%20%60Row%24%7Bindex%7D%20description%3A%20Lorem%20ipsum%20dolor%20sit%2C%20amet%20consectetur%20adipisicing%20elit.%20Accusamus%20veniam%20dicta%20error%20doloremque%20libero%20sit%20est.%20Voluptatum%20nam%20modi%2C%20ex%20illum%20veritatis%20nobis%20omnis%20porro%20quod%20harum%20optio%20minus%20magnam%20tenetur%20quia%20dolor%20quis%20natus%2C%20eius%2C%20suscipit%20hic%3F%20Nobis%20deleniti%20obcaecati%2C%20sequi%20mollitia%20vero%20magnam%20error%20quidem%2C%20voluptatem%20asperiores%20repudiandae%2C%20molestias%20sit%20et%20voluptatibus%20magni.%20Sequi%20delectus%2C%20sunt%20eaque%20corrupti%20architecto%20modi%20suscipit%3F%20Quos%20in%20itaque%20dolore%20voluptas%20saepe%20natus%20repellat%20ad%20qui%20dolores.%20Incidunt%20temporibus%20ut%2C%20unde%20maxime%20nam%20explicabo%20saepe%20aspernatur%20molestiae%20iste%20libero%20neque%2C%20alias%20corporis%20laboriosam%20fugiat%20ad.%20Dicta%20neque%20quos%20fuga%20odit%20quae%20sequi%20dolore!%60%2C%0A%20%20%20%20%7D))%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%3E%0A%20%20%20%20%20%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%0A%0A%20%20%20%20%20%20%3CInformationPanel%20isOpen%3D%7BopenRowIndex%20!%3D%20undefined%7D%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setOpenRowIndex(undefined)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20setIsEditing(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7BisEditing%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20setIsEditing((editing)%20%3D%3E%20!editing)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'Edit'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEdit%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3ERow%20details%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%7BopenRowIndex%20!%3D%20undefined%20%26%26%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'name-input'%3EName%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'name-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7Bdata%5BopenRowIndex%5D%3F.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7B!isEditing%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData((data)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...data%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5BopenRowIndex%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20...newData%5BopenRowIndex%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20value%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'description-input'%3EDescription%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTextarea%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'description-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7Bdata%5BopenRowIndex%5D%3F.info%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7B!isEditing%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData((data)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...data%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5BopenRowIndex%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20...newData%5BopenRowIndex%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20info%3A%20value%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20rows%3D%7B15%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0ACustomActions.decorators%20%3D%20%5B...Basic.decorators%5D%3B%0A%0Aexport%20const%20CustomWidth%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20lorem100%20%3D%20%60Lorem%20ipsum%20dolor%20sit%2C%20amet%20consectetur%20adipisicing%20elit.%20Accusamus%20veniam%20dicta%20error%20doloremque%20libero%20sit%20est.%20Voluptatum%20nam%20modi%2C%20ex%20illum%20veritatis%20nobis%20omnis%20porro%20quod%20harum%20optio%20minus%20magnam%20tenetur%20quia%20dolor%20quis%20natus%2C%20eius%2C%20suscipit%20hic%3F%20Nobis%20deleniti%20obcaecati%2C%20sequi%20mollitia%20vero%20magnam%20error%20quidem%2C%20voluptatem%20asperiores%20repudiandae%2C%20molestias%20sit%20et%20voluptatibus%20magni.%20Sequi%20delectus%2C%20sunt%20eaque%20corrupti%20architecto%20modi%20suscipit%3F%20Quos%20in%20itaque%20dolore%20voluptas%20saepe%20natus%20repellat%20ad%20qui%20dolores.%20Incidunt%20temporibus%20ut%2C%20unde%20maxime%20nam%20explicabo%20saepe%20aspernatur%20molestiae%20iste%20libero%20neque%2C%20alias%20corporis%20laboriosam%20fugiat%20ad.%20Dicta%20neque%20quos%20fuga%20odit%20quae%20sequi%20dolore!%60%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%20style%3D%7B%7B%20height%3A%20'80vh'%2C%20width%3A%20'90%25'%20%7D%7D%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'var(--iui-color-background-disabled)'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2016%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20boxSizing%3A%20'border-box'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setIsOpen((open)%20%3D%3E%20!open)%7D%3EToggle%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3CInformationPanel%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'40%25'%2C%20maxWidth%3A%20'70%25'%20%7D%7D%20%2F%2F%20should%20be%20set%20in%20CSS%20using%20a%20custom%20className%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setIsOpen(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3EDetails%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3E%7Blorem100%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0ACustomWidth.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cem%3E%0A%20%20%20%20%20%20%20%20%20%20Notice%20that%20the%20panel%20has%20an%20initial%20width%20of%2040%25%20and%20can%20only%20be%0A%20%20%20%20%20%20%20%20%20%20resized%20upto%2070%25%20of%20the%20container%20width.%0A%20%20%20%20%20%20%20%20%3C%2Fem%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A",d8e9ca64:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Input%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Input'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Basic%20Input'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Disabled%20Input'%20disabled%3D%7Btrue%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Small%20Input'%20size%3D'small'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Positive%20Input'%20status%3D'positive'%20%2F%3E%3B%0A%7D%3B%0A","0c5c36f3":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Input%2C%0A%20%20InputGrid%2C%0A%20%20InputWithDecorations%2C%0A%20%20Label%2C%0A%20%20SearchBox%2C%0A%20%20Select%2C%0A%20%20StatusMessage%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgAirplane%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InputGrid'%2C%0A%7D%3B%0A%0Aexport%20const%20WithInput%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInput%20%2F%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithInputWithDecorations%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%20htmlFor%3D'input-id'%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20placeholder%3D'Add%20destination...'%0A%20%20%20%20%20%20%20%20%20%20id%3D'input-id'%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Add%20new%20flight'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSelect%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Bali'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Hawaii'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Madagascar'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Select%20destination'%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSearch%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%20labelPlacement%3D'inline'%3E%0A%20%20%20%20%20%20%3CLabel%20htmlFor%3D'input-id'%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CSearchBox%20inputProps%3D%7B%7B%20id%3A%20'input-id'%20%7D%7D%20%2F%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A","5f0a5a65":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20SvgSmileyHappy%20from%20'%40itwin%2Fitwinui-icons-react%2Fcjs%2Ficons%2FSmileyHappy'%3B%0Aimport%20SvgSmileySad%20from%20'%40itwin%2Fitwinui-icons-react%2Fcjs%2Ficons%2FSmileySad'%3B%0Aimport%20%7B%20useState%2C%20useEffect%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Checkbox%2C%0A%20%20InputGroup%2C%0A%20%20Radio%2C%0A%20%20ToggleSwitch%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InputGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20RadioGroup%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20option1Label%20%3D%20%3CSvgSmileyHappy%20%2F%3E%3B%0A%20%20const%20option2Label%20%3D%20%3CSvgSmileySad%20%2F%3E%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Radio%20group'%20message%3D'Tell%20me%20how%20happy%20you%20are'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'option1'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20console.log('Clicked%20option%201!')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7Boption1Label%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'option2'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20console.log('Clicked%20option%202!')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7Boption2Label%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CheckboxGroup%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20option1Label%20%3D%20'Football'%3B%0A%20%20const%20option2Label%20%3D%20'Hockey'%3B%0A%20%20const%20%5Boption1%2C%20setOption1%5D%20%3D%20useState(true)%3B%0A%20%20const%20%5Boption2%2C%20setOption2%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BallOptions%2C%20setAllOptions%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BisIndeterminate%2C%20setIsIndeterminate%5D%20%3D%20useState(true)%3B%0A%0A%20%20useEffect(()%20%3D%3E%20%7B%0A%20%20%20%20if%20(option1%20%26%26%20option2)%20%7B%0A%20%20%20%20%20%20setAllOptions(true)%3B%0A%20%20%20%20%20%20setIsIndeterminate(false)%3B%0A%20%20%20%20%20%20return%3B%0A%20%20%20%20%7D%0A%20%20%20%20if%20(option1%20%7C%7C%20option2)%20%7B%0A%20%20%20%20%20%20setAllOptions(false)%3B%0A%20%20%20%20%20%20setIsIndeterminate(true)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setAllOptions(false)%3B%0A%20%20%20%20%20%20setIsIndeterminate(false)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5Boption1%2C%20option2%5D)%3B%0A%0A%20%20const%20onAllChange%20%3D%20(value%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20setAllOptions(value)%3B%0A%20%20%20%20setIsIndeterminate(false)%3B%0A%20%20%20%20setOption1(value)%3B%0A%20%20%20%20setOption2(value)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CInputGroup%20label%3D'Select%20your%20hobbies'%20message%3D'Choose%20some%20hobbies'%3E%0A%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20onAllChange(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D'Select%20all'%0A%20%20%20%20%20%20%20%20indeterminate%3D%7BisIndeterminate%7D%0A%20%20%20%20%20%20%20%20checked%3D%7BallOptions%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption1(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D%7Boption1Label%7D%0A%20%20%20%20%20%20%20%20checked%3D%7Boption1%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption2(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D%7Boption2Label%7D%0A%20%20%20%20%20%20%20%20checked%3D%7Boption2%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FInputGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ToggleGroup%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Boption1%2C%20setOption1%5D%20%3D%20useState(true)%3B%0A%20%20const%20%5Boption2%2C%20setOption2%5D%20%3D%20useState(false)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInputGroup%20label%3D'Toggle%20group'%3E%0A%20%20%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption1(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20checked%3D%7Boption1%7D%0A%20%20%20%20%20%20%20%20label%3D'Toggle%20feature%20No.1'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CToggleSwitch%20checked%3D%7Btrue%7D%20disabled%20label%3D'This%20you%20cannot%20change'%20%2F%3E%0A%20%20%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption2(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D'Toggle%20feature%20No.2'%0A%20%20%20%20%20%20%20%20checked%3D%7Boption2%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FInputGroup%3E%0A%20%20)%3B%0A%7D%3B%0A","0a93cefd":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20InputWithDecorations%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgAirplane%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InputWithDecorations'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Input..'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%20isDisabled%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Disabled%20input'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%20size%3D'small'%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%20size%3D's'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Small%20input'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%20status%3D'positive'%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Positive%20input'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A","7c15ac90":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Kbd%2C%20KbdKeys%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Keyboard%20Key'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CKbd%3EA%3C%2FKbd%3E%3B%0A%7D%3B%0A%0Aexport%20const%20PredefinedKey%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CKbd%3E%7BKbdKeys.Enter%7D%3C%2FKbd%3E%3B%0A%7D%3B%0A",dd42ca04:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Input%2C%20Label%2C%20Text%2C%20InputGrid%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Label'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'clamp(300px%2C%2050%25%2C%20100%25)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CLabel%20htmlFor%3D'text-input'%3EName%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInput%20id%3D'text-input'%20placeholder%3D'Enter%20name'%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Inline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%20labelPlacement%3D'inline'%3E%0A%20%20%20%20%20%20%3CLabel%20displayStyle%3D'inline'%20required%3E%0A%20%20%20%20%20%20%20%20Name%0A%20%20%20%20%20%20%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInput%20defaultValue%3D'James%20Bond'%20required%20%2F%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Polymorphic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%20labelPlacement%3D'inline'%3E%0A%20%20%20%20%20%20%3CLabel%20displayStyle%3D'inline'%20as%3D'div'%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%3EName%3A%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CText%3EJames%20Bond%3C%2FText%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A",c59476e2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20SvgCamera%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20LabeledInput%2C%20StatusMessage%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'LabeledInput'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%20placeholder%3D'Enter%20text%20here...'%20label%3D'This%20is%20a%20label'%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithMessage%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20disabled%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%AC%85%20This%20is%20a%20custom%20icon%0A%20%20%20%20%20%20%20%20%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSvgIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20svgIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Inline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HybridLayout%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20%20%20svgIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20message%3D'Block%20layout%20with%20inline%20icon'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",fe8b8be6:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20LabeledSelect%2C%20StatusMessage%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCamera%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'LabeledSelect'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%2F%2F%20Body%20height%20is%20the%20same%20as%20Select%20component%20height%20therefore%20clicking%20outside%20would%20not%20close%20dropdown.%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20500%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20a%20message%0A%20%20%20%20%20%20%20%20%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Native%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20native%0A%20%20%20%20%20%20label%3D'Fruit'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'apple'%2C%20label%3A%20'Apple'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'kiwi'%2C%20label%3A%20'Kiwi'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'orange'%2C%20label%3A%20'Orange'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20uses%20the%20native%20select%20element'%0A%20%20%20%20%20%20placeholder%3D'Pick%20a%20fruit'%0A%20%20%20%20%20%20required%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",b0b001ff:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgCamera%2C%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20LabeledTextarea%2C%20StatusMessage%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'LabeledTextarea'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20disabled%3D%7Btrue%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3EDisplay%20Message%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSvgIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20svgIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Inline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",b2f51cc1:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20List%2C%20ListItem%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCheckmark%2C%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'List'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'clamp(300px%2C%2050%25%2C%20100%25)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%20%20%3CListItem%3EItem%201%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem%3EItem%202%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem%20size%3D'large'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3EItem%203%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Description%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20this%20is%20some%20additional%20information%20%F0%9F%91%80%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Description%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3C%2FList%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%201%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%202%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCheckmark%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%203%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%3C%2FList%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Actionable%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%3CListItem%20actionable%3EItem%201%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%20actionable%20active%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%202%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCheckmark%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%20actionable%20disabled%3E%0A%20%20%20%20%20%20%20%20Item%203%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%3C%2FList%3E%0A%20%20)%3B%0A%7D%3B%0A","42bd2c24":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Button%2C%0A%20%20Modal%2C%0A%20%20ModalButtonBar%2C%0A%20%20ModalContent%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Modal'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NonDismissibleModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%20%20isDismissible%3D%7Bfalse%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20OutsideClickAndEscDoesNotClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20closeOnExternalClick%3D%7Bfalse%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20FullPageModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%20%20styleType%3D'fullPage'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","77772dbc":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Anchor%2C%20Button%2C%20NonIdealState%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20Svg401%2C%0A%20%20Svg403%2C%0A%20%20Svg404%2C%0A%20%20Svg500%2C%0A%20%20Svg502%2C%0A%20%20Svg503%2C%0A%20%20SvgError%2C%0A%20%20SvgRedirect%2C%0A%20%20SvgTimedOut%2C%0A%7D%20from%20'%40itwin%2Fitwinui-illustrations-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'NonIdealState'%2C%0A%7D%3B%0A%0Aexport%20const%20Redirect%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgRedirect%20%2F%3E%7D%0A%20%20%20%20heading%3D'Redirect'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20Requested%20page%20has%20been%20moved%20permanently.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Unable%20to%20fulfill%20request.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0Aexport%20const%20Unauthorized%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg401%20%2F%3E%7D%0A%20%20%20%20heading%3D'Unauthorized'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20You%20do%20not%20have%20permission%20to%20access%20this%20server.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Unable%20to%20fulfill%20request.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20Forbidden%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg403%20%2F%3E%7D%0A%20%20%20%20heading%3D'Forbidden'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20You%20do%20not%20have%20permission%20to%20access%20this%20server.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Unable%20to%20fulfill%20request.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20PageNotFound%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg404%20%2F%3E%7D%0A%20%20%20%20heading%3D'Page%20not%20found'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20We%20can%20not%20find%20the%20iModel%20that%20you%20are%20looking%20for%20or%20it%20does%20not%0A%20%20%20%20%20%20%20%20exist.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Visit%20the%20iModel%20HUB%20or%20contact%20our%20support%20team.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20TimeOut%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgTimedOut%20%2F%3E%7D%0A%20%20%20%20heading%3D'Timed%20out'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20Your%20request%20timed%20out.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Please%20try%20again.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20InternalServerError%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg500%20%2F%3E%7D%0A%20%20%20%20heading%3D'Internal%20server%20error'%0A%20%20%20%20description%3D'Please%20retry%20again.%20If%20this%20continues%20to%20happen%2C%20please%20contact%20our%20support%20team%20or%20visit%20the%20iModel%20HUB.'%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20BadGateway%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg502%20%2F%3E%7D%0A%20%20%20%20heading%3D'Bad%20gateway'%0A%20%20%20%20description%3D'The%20server%20encountered%20a%20temporary%20error.%20Please%20try%20again%20in%2030%20seconds%20or%20visit%20iModel%20HUB.'%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20ServiceUnavailable%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg503%20%2F%3E%7D%0A%20%20%20%20heading%3D'Service%20unavailable'%0A%20%20%20%20description%3D'This%20service%20is%20being%20worked%20on.%20Please%20come%20back%20in%20a%20little%20bit%20or%20visit%20iModel%20HUB.'%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20Generic%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgError%20%2F%3E%7D%0A%20%20%20%20heading%3D'Error'%0A%20%20%20%20description%3D%22We%20can't%20find%20the%20iModel%20that%20you%20are%20looking%20for%20or%20it%20does%20not%20exist.%20Visit%20the%20iModel%20HUB%20or%20contact%20our%20support%20team.%22%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20CustomHtmlMessage%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgError%20%2F%3E%7D%0A%20%20%20%20heading%3D'Error'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20A%20React%20component%20with%20an%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.bentley.com'%20target%3D'_blank'%20rel%3D'noreferrer'%3E%0A%20%20%20%20%20%20%20%20%20%20anchor%0A%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20may%20be%20passed.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20WithoutMessageOrButtons%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%20svg%3D%7B%3CSvgError%20%2F%3E%7D%20%2F%3E%0A)%3B%0A",e1b21471:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20Text%2C%0A%20%20NotificationMarker%2C%0A%20%20Button%2C%0A%20%20IconButton%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgNotification%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDecorator%2C%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'NotificationMarker'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'start'%2C%0A%20%20%20%20%20%20%20%20%20%20gap%3A%20'20px'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3E%0A%20%20%20%20%20%20%20%20%3CSvgNotification%20fill%3D'currentColor'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithButtons%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CButton%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3EInbox%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Pulsing%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'negative'%20pulsing%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%3EPrimary%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3EPositive%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'positive'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3EWarning%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'warning'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3ENegative%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'negative'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3EWhite%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20columnGap%3A%20'10px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'high-visibility'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'cta'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AStatus.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20placeItems%3A%20'start'%2C%0A%20%20%20%20%20%20%20%20rowGap%3A%20'20px'%2C%0A%20%20%20%20%20%20%20%20columnGap%3A%20'30px'%2C%0A%20%20%20%20%20%20%20%20gridTemplateColumns%3A%20'fit-content(1px)%20auto'%2C%0A%20%20%20%20%20%20%20%20alignItems%3A%20'center'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A","3d2a705d":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%20Overlay%2C%20ProgressLinear%2C%20ProgressRadial%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Overlay'%2C%0A%7D%3B%0A%0Aexport%20const%20Linear%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20wrapperStyle%20%3D%20%7B%0A%20%20%20%20border%3A%20'1px%20solid%20var(--iui-color-border)'%2C%0A%20%20%20%20position%3A%20'relative'%2C%0A%20%20%20%20marginBottom%3A%20'12px'%2C%0A%20%20%7D%20as%20React.CSSProperties%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3COverlay.Wrapper%20style%3D%7BwrapperStyle%7D%3E%0A%20%20%20%20%20%20%3COverlay.HiddenContent%20style%3D%7B%7B%20padding%3A%20'12px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%3C%2FOverlay.HiddenContent%3E%0A%20%20%20%20%20%20%3COverlay.Overlay%3E%0A%20%20%20%20%20%20%20%20%3CProgressLinear%20indeterminate%3D%7Btrue%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FOverlay.Overlay%3E%0A%20%20%20%20%3C%2FOverlay.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Radial%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20wrapperStyle%20%3D%20%7B%0A%20%20%20%20border%3A%20'1px%20solid%20var(--iui-color-border)'%2C%0A%20%20%20%20position%3A%20'relative'%2C%0A%20%20%20%20marginBottom%3A%20'12px'%2C%0A%20%20%7D%20as%20React.CSSProperties%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3COverlay.Wrapper%20style%3D%7BwrapperStyle%7D%3E%0A%20%20%20%20%20%20%3COverlay.HiddenContent%20style%3D%7B%7B%20padding%3A%20'12px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%3C%2FOverlay.HiddenContent%3E%0A%20%20%20%20%20%20%3COverlay.Overlay%3E%0A%20%20%20%20%20%20%20%20%3CProgressRadial%20indeterminate%3D%7Btrue%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FOverlay.Overlay%3E%0A%20%20%20%20%3C%2FOverlay.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A","1b565e1d":"%2F*%40jsxRuntime%20automatic*%2F%0A%2F*%40jsxImportSource%20react*%2F%0Aimport%20%7B%20useMDXComponents%20as%20_provideComponents%20%7D%20from%20%22%40mdx-js%2Freact%22%3B%0Afunction%20_createMdxContent(props)%20%7B%0A%20%20const%20_components%20%3D%20%7B%0A%20%20%20%20a%3A%20%22a%22%2C%0A%20%20%20%20code%3A%20%22code%22%2C%0A%20%20%20%20h2%3A%20%22h2%22%2C%0A%20%20%20%20img%3A%20%22img%22%2C%0A%20%20%20%20li%3A%20%22li%22%2C%0A%20%20%20%20p%3A%20%22p%22%2C%0A%20%20%20%20pre%3A%20%22pre%22%2C%0A%20%20%20%20ul%3A%20%22ul%22%2C%0A%20%20%20%20..._provideComponents()%2C%0A%20%20%20%20...props.components%0A%20%20%7D%3B%0A%20%20return%20%3C%3E%3Ccenter%3E%3Ch1%3E%3Cpicture%3E%3Csource%20media%3D%22(prefers-color-scheme%3A%20dark)%22%20srcSet%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI%2Flogo-dark.svg%22%20%2F%3E%3Cimg%20src%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI%2Flogo.svg%22%20alt%3D%22iTwinUI%22%20%2F%3E%3C%2Fpicture%3E%3C%2Fh1%3E%3C%2Fcenter%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22This%20site%20demonstrates%20stories%20for%20all%20react%20components%20from%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%22%3E%7B%22iTwinUI%22%7D%3C%2F_components.a%3E%7B%22%20v3.%20For%20more%20detailed%20guidance%2C%20visit%20the%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fitwinui.bentley.com%22%3E%7B%22documentation%20site%22%7D%3C%2F_components.a%3E%7B%22.%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22If%20you're%20using%20an%20older%20version%20of%20iTwinUI%2C%20we%20highly%20recommend%20upgrading%20(see%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fwiki%2FiTwinUI-react-v3-migration-guide%22%3E%7B%22migration%20guide%22%7D%3C%2F_components.a%3E%7B%22).%20In%20the%20meantime%2C%20you%20might%20find%20these%20links%20useful%3A%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.ul%3E%7B%22%5Cn%22%7D%3C_components.li%3E%3C_components.a%20href%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI-react%22%3E%7B%22v1%20storybook%22%7D%3C%2F_components.a%3E%3C%2F_components.li%3E%7B%22%5Cn%22%7D%3C_components.li%3E%3C_components.a%20href%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI%2Flegacy%2Fv2%2Freact%22%3E%7B%22v2%20storybook%22%7D%3C%2F_components.a%3E%3C%2F_components.li%3E%7B%22%5Cn%22%7D%3C%2F_components.ul%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22Basic%20usage%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.pre%3E%3C_components.code%20className%3D%22language-jsx%22%3E%7B%22import%20%7B%20ThemeProvider%2C%20Button%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%5Cnimport%20'%40itwin%2Fitwinui-react%2Fstyles.css'%3B%5Cn%5Cnexport%20default%20function%20App()%20%7B%5Cn%20%20return%20(%5Cn%20%20%20%20%3C%3E%5Cn%20%20%20%20%20%20%3CThemeProvider%20theme%3D'light'%3E%5Cn%20%20%20%20%20%20%20%20%3CButton%3EHello!%3C%2FButton%3E%5Cn%20%20%20%20%20%20%3C%2FThemeProvider%3E%5Cn%20%20%20%20%3C%2F%3E%5Cn%20%20)%3B%5Cn%7D%5Cn%22%7D%3C%2F_components.code%3E%3C%2F_components.pre%3E%7B%22%5Cn%22%7D%3C_components.p%3E%3C_components.a%20href%3D%22https%3A%2F%2Fstackblitz.com%2Fgithub%2FiTwin%2FiTwinUI%2Ftree%2Fmain%2Fminimal-sandbox%3Ffile%3Dsrc%2FApp.tsx%22%3E%3C_components.img%20src%3D%22https%3A%2F%2Fdeveloper.stackblitz.com%2Fimg%2Fopen_in_stackblitz.svg%22%20alt%3D%22Edit%20in%20StackBlitz%22%20%2F%3E%3C%2F_components.a%3E%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22FAQ%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22For%20a%20list%20of%20frequently%20asked%20questions%2C%20visit%20the%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fwiki%2FFAQ%22%3E%7B%22wiki%22%7D%3C%2F_components.a%3E%7B%22.%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22Contributing%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22We%20welcome%20you%20to%20contribute%20and%20make%20this%20UI%20design%20system%20better.%20You%20can%20submit%20feature%20requests%20or%20bugs%20by%20creating%20an%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fissues%22%3E%7B%22issue%22%7D%3C%2F_components.a%3E%7B%22.%5CnPlease%20read%20our%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fblob%2Fmain%2FCONTRIBUTING.md%22%3E%7B%22CONTRIBUTING.md%22%7D%3C%2F_components.a%3E%7B%22%20for%20more%20information.%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22Changelog%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22Read%20our%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fblob%2Fmain%2Fpackages%2Fitwinui-react%2FCHANGELOG.md%22%3E%7B%22CHANGELOG.md%22%7D%3C%2F_components.a%3E%7B%22%20to%20find%20recent%20changes.%22%7D%3C%2F_components.p%3E%3C%2F%3E%3B%0A%7D%0Aexport%20function%20MDXContent(props%20%3D%20%7B%7D)%20%7B%0A%20%20const%20%7B%0A%20%20%20%20wrapper%3A%20MDXLayout%0A%20%20%7D%20%3D%20%7B%0A%20%20%20%20..._provideComponents()%2C%0A%20%20%20%20...props.components%0A%20%20%7D%3B%0A%20%20return%20MDXLayout%20%3F%20%3CMDXLayout%20%7B...props%7D%3E%3C_createMdxContent%20%7B...props%7D%20%2F%3E%3C%2FMDXLayout%3E%20%3A%20_createMdxContent(props)%3B%0A%7D%0AMDXContent.storyName%20%3D%20'Readme'%3B","3271cc30":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Button%2C%0A%20%20Divider%2C%0A%20%20Flex%2C%0A%20%20List%2C%0A%20%20ListItem%2C%0A%20%20unstable_Panels%20as%20Panels%2C%0A%20%20Surface%2C%0A%20%20Text%2C%0A%20%20ToggleSwitch%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20component%3A%20Panels%2C%0A%20%20title%3A%20'Panels'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20panelIdRoot%20%3D%20'root'%3B%0A%20%20const%20panelIdMoreInfo%20%3D%20'more-info'%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20inlineSize%3A%20'min(300px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20blockSize%3A%20'min(500px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CPanels.Panel%20id%3D%7BpanelIdRoot%7D%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3ERoot%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BpanelIdMoreInfo%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3EMore%20details%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%3CPanels.Panel%20id%3D%7BpanelIdMoreInfo%7D%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3EMore%20details%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3EContent%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultiPanelInformationPanel%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20initialActiveId%20%3D%20'root'%3B%0A%0A%20%20const%20panels%20%3D%20Array.from(Array(20).keys()).map((i)%20%3D%3E%20(%7B%0A%20%20%20%20id%3A%20%60panel-%24%7Bi%7D%60%2C%0A%20%20%20%20label%3A%20%60Panel%20%24%7Bi%7D%60%2C%0A%20%20%7D))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20inlineSize%3A%20'min(300px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20blockSize%3A%20'min(500px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20id%3D%7BinitialActiveId%7D%0A%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3ERoot%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bpanels.map((panel)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%20key%3D%7Bpanel.id%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7B%60%24%7Bpanel.id%7D%60%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3E%7Bpanel.label%7D%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%7Bpanels.map((panel)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20key%3D%7Bpanel.id%7D%0A%20%20%20%20%20%20%20%20%20%20id%3D%7Bpanel.id%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3E%7Bpanel.label%7D%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BFlex%7D%20flexDirection%3D'column'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3E%7B%60Content%20for%20%24%7Bpanel.id%7D%60%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CFlex.Spacer%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3E%7B%60Footer%20for%20%24%7Bpanel.id%7D%60%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultiLevelList%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20initialActiveId%20%3D%20React.useId()%3B%0A%20%20const%20qualityPanelId%20%3D%20React.useId()%3B%0A%20%20const%20speedPanelId%20%3D%20React.useId()%3B%0A%20%20const%20accessibilityPanelId%20%3D%20React.useId()%3B%0A%0A%20%20const%20%5Brepeat%2C%20setRepeat%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5Bquality%2C%20setQuality%5D%20%3D%20React.useState('240p')%3B%0A%20%20const%20%5Bspeed%2C%20setSpeed%5D%20%3D%20React.useState('1.0x')%3B%0A%20%20const%20%5BaccessibilityOptions%2C%20setAccessibilityOptions%5D%20%3D%20React.useState%3C%0A%20%20%20%20string%5B%5D%0A%20%20%3E(%5B%5D)%3B%0A%0A%20%20const%20panels%20%3D%20Panels.useInstance()%3B%0A%0A%20%20const%20_Item%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%0A%20%20%20%20%20%20content%2C%0A%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20setState%2C%0A%20%20%20%20%7D%3A%20%7B%0A%20%20%20%20%20%20content%3A%20string%3B%0A%20%20%20%20%20%20state%3A%20string%3B%0A%20%20%20%20%20%20setState%3A%20React.Dispatch%3CReact.SetStateAction%3Cstring%3E%3E%3B%0A%20%20%20%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20selected%20%3D%20state%20%3D%3D%3D%20content%3B%0A%0A%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%3CListItem%0A%20%20%20%20%20%20%20%20%20%20active%3D%7Bselected%7D%0A%20%20%20%20%20%20%20%20%20%20aria-selected%3D%7Bselected%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20panels.goBack()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%20onClick%3D%7B()%20%3D%3E%20setState(content)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bcontent%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem.Icon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5Bpanels%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20_ItemQuality%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20content%20%7D%3A%20%7B%20content%3A%20string%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C_Item%20content%3D%7Bcontent%7D%20state%3D%7Bquality%7D%20setState%3D%7BsetQuality%7D%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B_Item%2C%20quality%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20_ItemSpeed%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20content%20%7D%3A%20%7B%20content%3A%20string%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C_Item%20content%3D%7Bcontent%7D%20state%3D%7Bspeed%7D%20setState%3D%7BsetSpeed%7D%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B_Item%2C%20speed%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20_ItemAccessibility%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20content%20%7D%3A%20%7B%20content%3A%20string%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C_Item%0A%20%20%20%20%20%20%20%20content%3D%7Bcontent%7D%0A%20%20%20%20%20%20%20%20state%3D%7BaccessibilityOptions.includes(content)%20%3F%20content%20%3A%20''%7D%0A%20%20%20%20%20%20%20%20setState%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20setAccessibilityOptions((prev)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20prev.includes(content)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20prev.filter((item)%20%3D%3E%20item%20!%3D%3D%20content)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B...prev%2C%20content%5D%2C%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B_Item%2C%20accessibilityOptions%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20qualities%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B'240p'%2C%20'360p'%2C%20'480p'%2C%20'720p'%2C%20'1080p'%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20speeds%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20Array.from(%7B%20length%3A%2021%20%7D%2C%20(_%2C%20i)%20%3D%3E%20(i%20*%200.1).toFixed(1)%20%2B%20'x')%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20toggleSwitchId%20%3D%20React.useId()%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20%20%20instance%3D%7Bpanels%7D%0A%20%20%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20inlineSize%3A%20'min(200px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20%20%20blockSize%3A%20'min(250px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%20id%3D%7BinitialActiveId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Content%20as%3D'label'%20htmlFor%3D%7BtoggleSwitchId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Repeat%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%7BtoggleSwitchId%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20setRepeat(e.target.checked)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7Brepeat%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BqualityPanelId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3EQuality%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BspeedPanelId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3ESpeed%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BaccessibilityPanelId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3EAccessibility%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FList%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20id%3D%7BqualityPanelId%7D%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3EQuality%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bqualities.map((quality)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemQuality%20key%3D%7Bquality%7D%20content%3D%7Bquality%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20id%3D%7BspeedPanelId%7D%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3ESpeed%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bspeeds.map((speed)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemSpeed%20key%3D%7Bspeed%7D%20content%3D%7Bspeed%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20id%3D%7BaccessibilityPanelId%7D%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3EAccessibility%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemAccessibility%20content%3D'High%20contrast'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemAccessibility%20content%3D'Large%20text'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemAccessibility%20content%3D'Screen%20reader'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NestedPanels%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20panels%20%3D%20Panels.useInstance()%3B%0A%0A%20%20const%20initialActiveId%20%3D%20'root'%3B%0A%20%20const%20panel1Id%20%3D%20'panel-1'%3B%0A%20%20const%20panel1_1Id%20%3D%20'panel-1-1'%3B%0A%20%20const%20panel1_1_1Id%20%3D%20'panel-1-1-1'%3B%0A%0A%20%20const%20panelIds%20%3D%20%5BinitialActiveId%2C%20panel1Id%2C%20panel1_1Id%2C%20panel1_1_1Id%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFlex%20flexDirection%3D'column'%20alignItems%3D'flex-start'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'instance-go-back'%20onClick%3D%7B()%20%3D%3E%20panels.goBack()%7D%3E%0A%20%20%20%20%20%20%20%20Go%20Back%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20%20%20instance%3D%7Bpanels%7D%0A%20%20%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(300px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'min(500px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7BpanelIds.map((id%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CPanels.Panel%20key%3D%7Bid%7D%20id%3D%7Bid%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3E%7Bid%7D%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BpanelIds%5Bindex%20%2B%201%5D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Go%20to%20%7BpanelIds%5Bindex%20%2B%201%5D%20%3F%3F%20%22panel%20that%20doesn't%20exist%22%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A","141ad7b0":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20SvgStatusError%2C%0A%20%20SvgStatusSuccess%2C%0A%20%20SvgStatusWarning%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20ProgressLinear%2C%20Icon%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ProgressLinear'%2C%0A%7D%3B%0A%0Aexport%20const%20Determinate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DeterminateAnimated%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20isAnimated%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Indeterminate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20indeterminate%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LabeledCenter%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20labels%3D%7B%5B'Centered%20Label'%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LabeledLeftRight%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20labels%3D%7B%5B'Loading...'%2C%20'50%25'%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CProgressLinear%0A%20%20%20%20%20%20value%3D%7B100%7D%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20'Upload%20done!'%2C%0A%20%20%20%20%20%20%20%20%3CIcon%20key%3D'icon'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgStatusSuccess%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIcon%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CProgressLinear%0A%20%20%20%20%20%20value%3D%7B45%7D%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20'Upload%20failed'%2C%0A%20%20%20%20%20%20%20%20%3CIcon%20key%3D'icon'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgStatusError%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIcon%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CProgressLinear%0A%20%20%20%20%20%20value%3D%7B100%7D%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20'Upload%20successful%20with%20warning'%2C%0A%20%20%20%20%20%20%20%20%3CIcon%20key%3D'icon'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgStatusWarning%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIcon%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","026a13e9":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20ProgressRadial%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ProgressRadial'%2C%0A%7D%3B%0A%0Aexport%20const%20Determinate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Indeterminate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20indeterminate%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20status%3D%7B'positive'%7D%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20status%3D%7B'negative'%7D%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20status%3D%7B'warning'%7D%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DeterminateWithContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20value%3D%7B50%7D%3E50%3C%2FProgressRadial%3E%3B%0A%7D%3B%0A",b77b1f6a:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Radio%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Radio'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20label%3D'Choose%20me!'%20defaultChecked%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20disabled%20label%3D'Cannot%20choose%20me!'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20status%3D'positive'%20label%3D'Positive!'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20status%3D'warning'%20label%3D'Careful!'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20status%3D'negative'%20label%3D'Bad%20idea...'%20%2F%3E%3B%0A%7D%3B%0A",ba28067a:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgNetwork%2C%20SvgWindows%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20RadioTile%2C%20RadioTileGroup%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'RadioTileGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20Monochrome%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CRadioTileGroup%20label%3D'Choose%20type'%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Web'%0A%20%20%20%20%20%20%20%20description%3D'Dimensions%20in%20px'%0A%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20defaultChecked%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'Web'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'iOS'%0A%20%20%20%20%20%20%20%20description%3D'Dimensions%20in%20pt'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2016%2016'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm14.38732%2012.46864a8.67507%208.67507%200%200%201%20-.85133%201.54667%207.83909%207.83909%200%200%201%20-1.096%201.33933%202.11842%202.11842%200%200%201%20-1.40933.62733%203.50824%203.50824%200%200%201%20-1.30133-.314%203.7014%203.7014%200%200%200%20-1.40133-.31333%203.82728%203.82728%200%200%200%20-1.44066.31333%203.84425%203.84425%200%200%201%20-1.24467.33067%201.98968%201.98968%200%200%201%20-1.44066-.644%208.203%208.203%200%200%201%20-1.14667-1.38664%209.61729%209.61729%200%200%201%20-1.21266-2.43466%208.99338%208.99338%200%200%201%20-.50933-2.90134%205.34287%205.34287%200%200%201%20.68865-2.772%204.05969%204.05969%200%200%201%201.44134-1.474%203.84792%203.84792%200%200%201%201.94933-.556%204.55944%204.55944%200%200%201%201.50733.35466%204.79788%204.79788%200%200%200%201.196.35534%207.06478%207.06478%200%200%200%201.326-.41866%204.34039%204.34039%200%200%201%201.802-.32334%203.8146%203.8146%200%200%201%202.99733%201.59533%203.37671%203.37671%200%200%200%20-1.768%203.062%203.3911%203.3911%200%200%200%201.09733%202.54467%203.59839%203.59839%200%200%200%201.096.72733q-.132.386-.27933.74133zm-3.05466-12.14864a3.43565%203.43565%200%200%201%20-.86533%202.23866%202.93869%202.93869%200%200%201%20-2.45%201.22267%202.58687%202.58687%200%200%201%20-.018-.30334%203.63848%203.63848%200%200%201%202.03667-3.11132%203.30968%203.30968%200%200%201%201.28-.36667%202.86658%202.86658%200%200%201%20.01667.32z'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'iOS'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Android'%0A%20%20%20%20%20%20%20%20description%3D'Dimensions%20in%20dp%2Fsp'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2016%2016'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm3.28467%206.184v4.122a.97577.97577%200%201%201%20-1.95134%200v-4.122a.97576.97576%200%201%201%201.95134%200zm2.58133-4.71533-.688-1.25934a.14184.14184%200%200%201%20.054-.19133.13814.13814%200%200%201%20.18867.05467l.696%201.27333a4.63366%204.63366%200%200%201%203.76666%200l.696-1.27333a.1368.1368%200%200%201%20.18867-.05467.14184.14184%200%200%201%20.054.19133l-.688%201.25934a4.03915%204.03915%200%200%201%202.218%203.546h-8.704a4.03915%204.03915%200%200%201%202.218-3.546zm3.77933%201.56266a.36337.36337%200%201%200%20.36334-.36866.36621.36621%200%200%200%20-.36334.36866zm-4.01733%200a.36337.36337%200%201%200%20.36333-.36866.3662.3662%200%200%200%20-.36333.36866zm8.06267%202.16334a.98351.98351%200%200%200%20-.97534.98933v4.122a.97577.97577%200%201%200%201.95134%200v-4.122a.98365.98365%200%200%200%20-.976-.98933zm-10.04267.16933v6.39733a1.05948%201.05948%200%200%200%201.052%201.06667h.69867v2.18267a.97543.97543%200%201%200%201.95066%200v-2.18267h1.30134v2.18267a.97543.97543%200%201%200%201.95066%200v-2.18267h.69867a1.05948%201.05948%200%200%200%201.052-1.06667v-6.39733z'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'Android'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Windows'%0A%20%20%20%20%20%20%20%20description%3D'Windows%20phone%20is%20no%20longer%20supported'%0A%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgWindows%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'Windows'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FRadioTileGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Colored%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CRadioTileGroup%20label%3D'Map%20indicator%20type'%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Google%20Maps'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a7.98189%207.98189%200%200%200%20-6.9688%2011.906c.1079.192.221.381.3438.563l6.625%2011.531%206.625-11.531c.102-.151.19-.311.281-.469l.063-.094a7.98217%207.98217%200%200%200%20-6.969-11.906zm0%204a4%204%200%201%201%20-4%204%204.00011%204.00011%200%200%201%204-4z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23e74c3c'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%203a5%205%200%201%200%205%205%205%205%200%200%200%20-5-5zm0%202a3%203%200%201%201%20-3%203%202.99988%202.99988%200%200%201%203-3z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23c0392b'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Google%20Maps'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Bentley%20Blue'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a8.12188%208.12188%200%200%200%20-8.18182%207.95c0%201.8%201.235%204.65%203.55066%208.85%201.698%203%204.6311%207.2%204.6311%207.2s2.93308-4.35%204.63122-7.35c2.31571-4.2%203.55066-7.05%203.55066-8.85a8.09618%208.09618%200%200%200%20-8.18188-7.8z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23fff'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%201.10962a7.05246%207.05246%200%200%200%20-7.0722%206.84038c0%201.88313%201.8238%205.43244%203.41275%208.31426%201.06435%201.88039%202.649%204.27827%203.64493%205.75084.99723-1.518%202.60183-4.00688%203.68-5.91171%201.58292-2.87099%203.40672-6.42031%203.40672-8.30339a6.98162%206.98162%200%200%200%20-7.0722-6.69038zm.002%209.79947a3.27273%203.27273%200%201%201%203.27272-3.27273%203.27268%203.27268%200%200%201%20-3.27272%203.27273z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%236ab9ec'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Bentley%20Blue'%0A%20%20%20%20%20%20%20%20defaultChecked%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Bentley%20Green'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a8.12188%208.12188%200%200%200%20-8.18182%207.95c0%201.8%201.235%204.65%203.55066%208.85%201.698%203%204.6311%207.2%204.6311%207.2s2.93308-4.35%204.63122-7.35c2.31571-4.2%203.55066-7.05%203.55066-8.85a8.09618%208.09618%200%200%200%20-8.18188-7.8z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23fff'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%201.10962a7.05246%207.05246%200%200%200%20-7.0722%206.84038c0%201.88313%201.8238%205.43244%203.41275%208.31426%201.06435%201.88039%202.649%204.27827%203.64493%205.75084.99723-1.518%202.60183-4.00688%203.68-5.91171%201.58292-2.87099%203.40672-6.42031%203.40672-8.30339a6.98162%206.98162%200%200%200%20-7.0722-6.69038zm.002%209.79947a3.27273%203.27273%200%201%201%203.27272-3.27273%203.27268%203.27268%200%200%201%20-3.27272%203.27273z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23b1c854'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Bentley%20Green'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Bentley%20Purple'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a8.12188%208.12188%200%200%200%20-8.18182%207.95c0%201.8%201.235%204.65%203.55066%208.85%201.698%203%204.6311%207.2%204.6311%207.2s2.93308-4.35%204.63122-7.35c2.31571-4.2%203.55066-7.05%203.55066-8.85a8.09618%208.09618%200%200%200%20-8.18188-7.8z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23fff'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%201.10962a7.05246%207.05246%200%200%200%20-7.0722%206.84038c0%201.88313%201.8238%205.43244%203.41275%208.31426%201.06435%201.88039%202.649%204.27827%203.64493%205.75084.99723-1.518%202.60183-4.00688%203.68-5.91171%201.58292-2.87099%203.40672-6.42031%203.40672-8.30339a6.98162%206.98162%200%200%200%20-7.0722-6.69038zm.002%209.79947a3.27273%203.27273%200%201%201%203.27272-3.27273%203.27268%203.27268%200%200%201%20-3.27272%203.27273z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23A3779F'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Bentley%20Purple'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FRadioTileGroup%3E%0A%20%20)%3B%0A%7D%3B%0A",e7667281:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20SearchBox%2C%20Text%2C%20Divider%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCaretDownSmall%2C%20SvgCaretUpSmall%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'SearchBox'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSearchBox%20inputProps%3D%7B%7B%20placeholder%3A%20'Basic%20search'%20%7D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20BasicWithCustomItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%3E%0A%20%20%20%20%20%20%3CSearchBox.Button%20label%3D'Search%20button'%20%2F%3E%0A%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Basic%20search%20with%20custom%20interactions'%20%2F%3E%0A%20%20%20%20%20%20%3CText%0A%20%20%20%20%20%20%20%20isMuted%0A%20%20%20%20%20%20%20%20variant%3D'body'%0A%20%20%20%20%20%20%20%20as%3D'p'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20paddingRight%3A%20'var(--iui-size-s)'%2C%20alignSelf%3A%20'center'%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%200%2F3%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CDivider%20orientation%3D'vertical'%20%2F%3E%0A%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Previous%20result'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCaretUpSmall%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Next%20result'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCaretDownSmall%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20BasicWithStatus%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Search%20with%20warning'%20%7D%7D%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Expandable%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%20expandable%20inputProps%3D%7B%7B%20placeholder%3A%20'Expandable%20search'%20%7D%7D%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20BorderlessExpandButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%20expandable%3E%0A%20%20%20%20%20%20%3CSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.ExpandButton%20styleType%3D'borderless'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%3CSearchBox.ExpandedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Icon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Expandable%20search%20with%20borderless%20ExpandButton'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.CollapseButton%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.ExpandedState%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ExpandableWithCustomItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%20expandable%3E%0A%20%20%20%20%20%20%3CSearchBox.CollapsedState%20%2F%3E%0A%20%20%20%20%20%20%3CSearchBox.ExpandedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Expandable%20search%20with%20custom%20interactions'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Previous%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretUpSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Next%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretDownSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%20%20%3CDivider%20orientation%3D'vertical'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.CollapseButton%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.ExpandedState%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSearchBox%20size%3D'small'%20inputProps%3D%7B%7B%20placeholder%3A%20'Search...'%20%7D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomAction%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bexpanded%2C%20setExpanded%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20handleExpand%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Expanding%20searchbox')%3B%0A%20%20%20%20setExpanded(true)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20handleCollapse%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Collapsing%20searchbox')%3B%0A%20%20%20%20setExpanded(false)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%0A%20%20%20%20%20%20expandable%0A%20%20%20%20%20%20isExpanded%3D%7Bexpanded%7D%0A%20%20%20%20%20%20onExpand%3D%7BhandleExpand%7D%0A%20%20%20%20%20%20onCollapse%3D%7BhandleCollapse%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.ExpandButton%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%3CSearchBox.ExpandedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Test'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.CollapseButton%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CDivider%20orientation%3D'vertical'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Previous%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretUpSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Next%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretDownSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.ExpandedState%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A",b8599fc0:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%20MenuItem%2C%20Select%2C%20MiddleTextTruncation%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgSmileyHappy%2C%0A%20%20SvgSmileyNeutral%2C%0A%20%20SvgSmileySad%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Select'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story%2C%20context)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20context.globalState.story.includes('truncate-middle-text')%20%3F%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20365%2C%20width%3A%20300%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20365%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20%3CSelect%20options%3D%7Boptions%7D%20placeholder%3D'Placeholder%20text'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'happy'%2C%20label%3A%20'Happy'%2C%20startIcon%3A%20%3CSvgSmileyHappy%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'neutral'%2C%20label%3A%20'Neutral'%2C%20startIcon%3A%20%3CSvgSmileyNeutral%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'sad'%2C%20label%3A%20'Sad'%2C%20startIcon%3A%20%3CSvgSmileySad%20%2F%3E%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cstring%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'How%20are%20you%20today%3F'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSelectedValue%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%3E(2)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20popoverProps%3D%7B%7B%20visible%3A%20true%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledWithSelectedValue%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%3E(2)%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ManyItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7B%5B...Array(20).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20label%3A%20%60Item%20%23%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20value%3A%20index%2C%0A%20%20%20%20%20%20%7D))%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20Sublabels%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%2C%20sublabel%3A%20'Sublabel%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%2C%20sublabel%3A%20'Sublabel%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%2C%20sublabel%3A%20'Sublabel%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Custom%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'yellow'%2C%20label%3A%20'Yellow'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'green'%2C%20label%3A%20'Green'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'red'%2C%20label%3A%20'Red'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState%3Cstring%20%7C%20undefined%3E(%0A%20%20%20%20undefined%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setSelectedValue(value)%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20itemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CMenuItem%20style%3D%7B%7B%20color%3A%20option.value%20%7D%7D%3E%7Boption.label%7D%3C%2FMenuItem%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20selectedItemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20backgroundColor%3A%20option.value%20%7D%7D%3E%7Boption.label%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20TruncateMiddleText%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20value%3A%0A%20%20%20%20%20%20%20%20'MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html'%2C%0A%20%20%20%20%20%20label%3A%0A%20%20%20%20%20%20%20%20'MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html'%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'ShortNameFile.jpg'%2C%20label%3A%20'ShortNameFile.jpg'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'SomeOtherFile.dgn'%2C%20label%3A%20'SomeOtherFile.dgn'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState%3Cstring%20%7C%20undefined%3E(%0A%20%20%20%20options%5B0%5D.value%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetSelectedValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20itemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMiddleTextTruncation%20text%3D%7Boption.label%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20selectedItemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CMiddleTextTruncation%20text%3D%7Boption.label%7D%20%2F%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Multi%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%5B%5D%3E(%5B%5D)%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7B%5B...Array(20).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20label%3A%20%60Item%20%23%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20value%3A%20index%2C%0A%20%20%20%20%20%20%20%20%7D))%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(val%2C%20event)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20setValue((prev)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20event%20%3D%3D%3D%20'removed'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20prev.filter((value)%20%3D%3E%20val%20!%3D%3D%20value)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B...prev%2C%20val%5D%2C%0A%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%20%20multiple%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultiCustomRenderer%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%5B%5D%3E(%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7B%5B...Array(20).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20label%3A%20%60Item%20%23%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20value%3A%20index%2C%0A%20%20%20%20%20%20%20%20%7D))%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(val%2C%20event)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20setValue((prev)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20event%20%3D%3D%3D%20'removed'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20prev.filter((value)%20%3D%3E%20val%20!%3D%3D%20value)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B...(prev%20%3F%3F%20%5B%5D)%2C%20val%5D%2C%0A%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%20%20multiple%0A%20%20%20%20%20%20%20%20selectedItemRenderer%3D%7B(options)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3C%3E%7Boptions.map((option)%20%3D%3E%20option.label).join('%2C%20')%7D%3C%2F%3E%0A%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Native%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'4'%2C%20label%3A%20'Item%20%234'%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20%3CSelect%20native%20options%3D%7Boptions%7D%20placeholder%3D'Choose%20an%20option'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Borderless%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%20native%20styleType%3D'borderless'%20defaultValue%3D'1'%20options%3D%7Boptions%7D%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",c3337d49:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SkipToContentLink%2C%20Text%2C%20Kbd%2C%20Anchor%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'SkipToContentLink'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CSkipToContentLink%20href%3D'%23main-content'%20%2F%3E%0A%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20This%20is%20not%20the%20main%20content.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3Etab%3C%2FKbd%3E%26nbsp%3Bto%20see%20skip-to-content-link%20component.%20You%20might%0A%20%20%20%20%20%20%20%20need%20to%20click%20on%20the%20top%20of%20the%20page%20or%20the%20URL%20first.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3E%26crarr%3B%3C%2FKbd%3E%0A%20%20%20%20%20%20%20%20%26nbsp%3Bafter%20focusing%20on%20skip-to-content-link%20to%20skip%20to%20the%20main%20content%0A%20%20%20%20%20%20%20%20below.%20%3CAnchor%20href%3D'%23'%3EThis%20link%20will%20be%20skipped.%3C%2FAnchor%3E%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'solid%201px%20var(--iui-color-background-border)'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%201000%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2012%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20id%3D'main-content'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20the%20main%20content.%20Focus%20will%20be%20directed%20here%20from%20the%0A%20%20%20%20%20%20%20%20%20%20skip-to-content-link%20component.%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%3CAnchor%20href%3D'%23'%3ETab%20again%20to%20focus%20on%20this%20link.%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomText%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CSkipToContentLink%20href%3D'%23main-content'%3E%0A%20%20%20%20%20%20%20%20Skip%20to%20main%20content%20(translated)%0A%20%20%20%20%20%20%3C%2FSkipToContentLink%3E%0A%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20This%20is%20not%20the%20main%20content.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3Etab%3C%2FKbd%3E%26nbsp%3Bto%20see%20skip-to-content-link%20component.%20You%20might%0A%20%20%20%20%20%20%20%20need%20to%20click%20on%20the%20top%20of%20the%20page%20or%20the%20URL%20first.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3E%26crarr%3B%3C%2FKbd%3E%0A%20%20%20%20%20%20%20%20%26nbsp%3Bafter%20focusing%20on%20skip-to-content-link%20to%20skip%20to%20the%20main%20content%0A%20%20%20%20%20%20%20%20below.%20%3CAnchor%20href%3D'%23'%3EThis%20link%20will%20be%20skipped.%3C%2FAnchor%3E%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'solid%201px%20var(--iui-color-background-border)'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%201000%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2012%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20id%3D'main-content'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20the%20main%20content.%20Focus%20will%20be%20directed%20here%20from%20the%0A%20%20%20%20%20%20%20%20%20%20skip-to-content-link%20component.%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%3CAnchor%20href%3D'%23'%3ETab%20again%20to%20focus%20on%20this%20link.%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",cae8adc5:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20Text%2C%20Slider%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgSmileyHappy%2C%20SvgSmileySad%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDecorator%2C%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Slider'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story%2C%20context)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20...(context.globalState.story.includes('vertical')%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20'calc(100vh%20-%2024px)'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%7B%7D)%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20values%3D%7B%5B50%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Range%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20values%3D%7B%5B20%2C%2080%5D%7D%20min%3D%7B0%7D%20max%3D%7B100%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20MultiThumbsAllowCrossing%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSlider%0A%20%20%20%20%20%20thumbProps%3D%7B(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20eventsIds%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20'building-south'%2C%0A%20%20%20%20%20%20%20%20%20%20'building-north'%2C%0A%20%20%20%20%20%20%20%20%20%20'building-west'%2C%0A%20%20%20%20%20%20%20%20%20%20'building-east'%2C%0A%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%20%20const%20color%20%3D%200%20%3D%3D%20index%20%25%202%20%3F%20'blue'%20%3A%20'red'%3B%0A%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20style%3A%20%7B%20backgroundColor%3A%20color%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20id%3A%20%60%24%7BeventsIds%5Bindex%5D%7D%60%2C%0A%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20values%3D%7B%5B20%2C%2040%2C%2060%2C%2080%5D%7D%0A%20%20%20%20%20%20trackDisplayMode%3D%7B'even-segments'%7D%0A%20%20%20%20%20%20thumbMode%3D%7B'allow-crossing'%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomThumb%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSlider%0A%20%20%20%20%20%20thumbProps%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20style%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20justifyContent%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20alignItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'%23999'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'36px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20'26px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'4px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20'translateX(-19.2px)'%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20children%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pointerEvents%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20marginBottom%3A%20'4px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7C%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20values%3D%7B%5B50%5D%7D%0A%20%20%20%20%20%20minLabel%3D%7B%3CSvgSmileySad%20%2F%3E%7D%0A%20%20%20%20%20%20maxLabel%3D%7B%3CSvgSmileyHappy%20%2F%3E%7D%0A%20%20%20%20%20%20trackContainerProps%3D%7B%7B%20style%3A%20%7B%20margin%3A%20'0%208px'%20%7D%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20min%3D%7B0%7D%20max%3D%7B60%7D%20values%3D%7B%5B30%5D%7D%20disabled%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20CustomTooltip%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSlider%0A%20%20%20%20%20%20min%3D%7B0%7D%0A%20%20%20%20%20%20max%3D%7B60%7D%0A%20%20%20%20%20%20values%3D%7B%5B20%5D%7D%0A%20%20%20%20%20%20tickLabels%3D%7B%5B'0'%2C%20'20'%2C%20'40'%2C%20'60'%5D%7D%0A%20%20%20%20%20%20tooltipProps%3D%7B(index%2C%20val)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20return%20%7B%20placement%3A%20'right'%2C%20content%3A%20%60%5C%24%24%7Bval%7D.00%60%20%7D%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomTickNoTooltip%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20dateFormatter%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20return%20new%20Intl.DateTimeFormat('default'%2C%20%7B%0A%20%20%20%20%20%20month%3A%20'short'%2C%0A%20%20%20%20%20%20day%3A%20'2-digit'%2C%0A%20%20%20%20%20%20timeZone%3A%20'UTC'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%0A%20%20%20%20new%20Date(Date.UTC(2019%2C%200%2C%201))%2C%0A%20%20)%3B%0A%0A%20%20const%20%5Bvalues%2C%20setValues%5D%20%3D%20React.useState(%5B0%5D)%3B%0A%0A%20%20const%20updateDate%20%3D%20React.useCallback((values%3A%20readonly%20number%5B%5D)%20%3D%3E%20%7B%0A%20%20%20%20setValues(%5B...values%5D)%3B%0A%20%20%20%20const%20newDate%20%3D%20new%20Date(Date.UTC(2019%2C%200%2C%20values%5B0%5D))%3B%0A%20%20%20%20setCurrentDate(newDate)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20min%3D%7B1%7D%0A%20%20%20%20%20%20%20%20max%3D%7B365%7D%0A%20%20%20%20%20%20%20%20values%3D%7Bvalues%7D%0A%20%20%20%20%20%20%20%20tooltipProps%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%20visible%3A%20false%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20minLabel%3D%7B'Date'%7D%0A%20%20%20%20%20%20%20%20maxLabel%3D%7B''%7D%0A%20%20%20%20%20%20%20%20orientation%3D%7B'horizontal'%7D%0A%20%20%20%20%20%20%20%20onUpdate%3D%7BupdateDate%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7BupdateDate%7D%0A%20%20%20%20%20%20%20%20tickProps%3D%7B%7B%20className%3A%20'some-tick'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CText%0A%20%20%20%20%20%20%20%20as%3D'p'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20textAlign%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7BdateFormatter.format(currentDate)%7D%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0ACustomTickNoTooltip.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20'50%25'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20DecimalIncrement%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20min%3D%7B0%7D%20max%3D%7B50%7D%20step%3D%7B2.5%7D%20values%3D%7B%5B25%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Vertical%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20values%3D%7B%5B50%5D%7D%20orientation%3D'vertical'%20%2F%3E%3B%0A%7D%3B%0A","6f6d5c51":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20MenuItem%2C%20SplitButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'SplitButton'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onMenuItemClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20buttonMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonMenuItemClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonMenuItemClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonMenuItemClick(3%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSplitButton%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Primary%20button%20clicked!')%7D%0A%20%20%20%20%20%20menuItems%3D%7BbuttonMenuItems%7D%0A%20%20%20%20%20%20styleType%3D'default'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Default%0A%20%20%20%20%3C%2FSplitButton%3E%0A%20%20)%3B%0A%7D%3B%0A","3ff70816":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Stepper%2C%20type%20StepperLocalization%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCheckmarkSmall%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Stepper'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%2C%20stepContent%3A%20()%20%3D%3E%20%3CSvgCheckmarkSmall%20%2F%3E%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Second%20Step'%2C%20stepContent%3A%20()%20%3D%3E%20%3CSvgCheckmarkSmall%20%2F%3E%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Third%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Long%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20type%3D'long'%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20LocalizedLong%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20currentStep%20%3D%202%3B%0A%20%20const%20localization%3A%20StepperLocalization%20%3D%20%7B%0A%20%20%20%20stepsCountLabel%3A%20(currentStep%2C%20totalSteps)%20%3D%3E%0A%20%20%20%20%20%20%60Localized%20step%20%24%7BcurrentStep%7D%20of%20%24%7BtotalSteps%7D%3A%60%2C%0A%20%20%7D%3B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20type%3D'long'%0A%20%20%20%20%20%20currentStep%3D%7BcurrentStep%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20localization%3D%7Blocalization%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTooltips%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%2C%20description%3A%20'First%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%2C%20description%3A%20'Completed%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%2C%20description%3A%20'Current%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%2C%20description%3A%20'Next%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%2C%20description%3A%20'Last%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","8acd9860":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Surface%2C%0A%20%20Code%2C%0A%20%20Text%2C%0A%20%20Divider%2C%0A%20%20Button%2C%0A%20%20Anchor%2C%0A%20%20Flex%2C%0A%20%20IconButton%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgActivity%2C%20SvgSettings%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Surface'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20height%3A%20'100px'%2C%0A%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20justifyContent%3A%20'center'%2C%0A%20%20%20%20alignItems%3A%20'center'%2C%0A%20%20%20%20padding%3A%20'12px'%2C%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20The%20Surface%20container%20allows%20content%20to%20appear%20elevated%20through%20the%20use%0A%20%20%20%20%20%20%20%20of%20a%20drop%20shadow.%20Change%20the%20%3CCode%3Eelevation%3C%2FCode%3E%20property%20of%20the%0A%20%20%20%20%20%20%20%20component%20to%20adjust%20the%20shadow%20level.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Custom%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CFlex%20justifyContent%3D%7B'space-between'%7D%20style%3D%7B%7B%20flexGrow%3A%20'1'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Custom%20surface%0A%20%20%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'Settings'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgSettings%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20OverflowWithButtonFooter%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20maxHeight%3A%20'300px'%2C%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20Surface%20with%20overflow%20%26%20button%20footer%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%0A%20%20%20%20%20%20%20%20%20%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%0A%20%20%20%20%20%20%20%20%20%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%0A%20%20%20%20%20%20%20%20%20%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%0A%20%20%20%20%20%20%20%20%20%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%0A%20%20%20%20%20%20%20%20%20%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%0A%20%20%20%20%20%20%20%20%20%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%0A%20%20%20%20%20%20%20%20%20%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%0A%20%20%20%20%20%20%20%20%20%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%0A%20%20%20%20%20%20%20%20%20%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%0A%20%20%20%20%20%20%20%20%20%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%0A%20%20%20%20%20%20%20%20%20%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%0A%20%20%20%20%20%20%20%20%20%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%0A%20%20%20%20%20%20%20%20%20%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%0A%20%20%20%20%20%20%20%20%20%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%0A%20%20%20%20%20%20%20%20%20%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%0A%20%20%20%20%20%20%20%20%20%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%0A%20%20%20%20%20%20%20%20%20%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%0A%20%20%20%20%20%20%20%20%20%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%0A%20%20%20%20%20%20%20%20%20%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%0A%20%20%20%20%20%20%20%20%20%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'borderless'%3EView%20All%3C%2FButton%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NoPadding%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20listStyle%20%3D%20%7B%0A%20%20%20%20padding%3A%20'var(--iui-size-s)'%2C%0A%20%20%20%20position%3A%20'relative'%2C%0A%20%20%7D%20as%20React.CSSProperties%3B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20maxHeight%3A%20'300px'%2C%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20Surface%20with%20overflow%20%26%20no%20body%20padding%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20isPadded%3D%7Bfalse%7D%3E%0A%20%20%20%20%20%20%20%20%3CFlex%20flexDirection%3D'column'%20style%3D%7B%7B%20flex%3A%20'1'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cul%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20listStyle%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EDaily%20log%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EInspections%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EIssues%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EObservations%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3ERFIs%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EWeather%20delay%20notices%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20EmptyState%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20height%3A%20'300px'%2C%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20Surface%20with%20empty%20state%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20style%3D%7B%7B%20display%3A%20'flex'%20%7D%7D%20isPadded%3E%0A%20%20%20%20%20%20%20%20%3CFlex%0A%20%20%20%20%20%20%20%20%20%20justifyContent%3D%7B'center'%7D%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D%7B'center'%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D%7B'column'%7D%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20flexGrow%3A%20'1'%2C%20textAlign%3A%20'center'%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgActivity%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'body'%20isMuted%3D%7Btrue%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20No%20new%20activity%0A%20%20%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A",c369220c:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%2C%20%7B%20useCallback%20%7D%20from%20'react'%3B%0Aimport%20type%20%7B%0A%20%20CellProps%2C%0A%20%20CellRendererProps%2C%0A%20%20Column%2C%0A%20%20Row%2C%0A%20%20TableInstance%2C%0A%20%20TableOptions%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react%2Freact-table'%3B%0Aimport%20%7B%0A%20%20Checkbox%2C%0A%20%20Code%2C%0A%20%20InputGroup%2C%0A%20%20DropdownMenu%2C%0A%20%20MenuItem%2C%0A%20%20IconButton%2C%0A%20%20Table%2C%0A%20%20Text%2C%0A%20%20tableFilters%2C%0A%20%20Tooltip%2C%0A%20%20DefaultCell%2C%0A%20%20EditableCell%2C%0A%20%20TablePaginator%2C%0A%20%20ActionColumn%2C%0A%20%20Anchor%2C%0A%20%20SelectionColumn%2C%0A%20%20ExpanderColumn%2C%0A%20%20Input%2C%0A%20%20Radio%2C%0A%20%20ProgressRadial%2C%0A%20%20BaseFilter%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%0A%20%20TableFilterValue%2C%0A%20%20TablePaginatorRendererProps%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgDetails%2C%0A%20%20SvgMore%2C%0A%20%20SvgSoundLoud%2C%0A%20%20SvgStatusError%2C%0A%20%20SvgStatusSuccess%2C%0A%20%20SvgStatusWarning%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Atype%20TableProps%3CT%20extends%20Record%3Cstring%2C%20unknown%3E%20%3D%20Record%3Cstring%2C%20unknown%3E%3E%20%3D%0A%20%20React.ComponentProps%3Ctypeof%20Table%3CT%3E%3E%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Table'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20as%20Record%3Cstring%2C%20unknown%3E%5B%5D%3B%0A%0A%20%20return%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20SelectableSingle%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onRowClick%20%3D%20useCallback(%0A%20%20%20%20(event%3A%20React.MouseEvent%2C%20row%3A%20Row)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Row%20clicked%3A%20%24%7BJSON.stringify(row.original)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopPropagation()%3B%20%2F%2F%20prevent%20row%20selection%20when%20clicking%20on%20link%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(props.row.original.name)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%3D%7Btrue%7D%0A%20%20%20%20%20%20onRowClick%3D%7BonRowClick%7D%0A%20%20%20%20%20%20selectionMode%3D'single'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SelectableMulti%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onSelect%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Selected%20rows%3A%20%24%7BJSON.stringify(rows)%7D%2C%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onSelect'%5D%3E%3B%0A%0A%20%20const%20onRowClick%20%3D%20useCallback(%0A%20%20%20%20(event%3A%20React.MouseEvent%2C%20row%3A%20Row)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Row%20clicked%3A%20%24%7BJSON.stringify(row.original)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopPropagation()%3B%20%2F%2F%20prevent%20row%20selection%20when%20clicking%20on%20link%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(props.row.original.name)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%3D%7Btrue%7D%0A%20%20%20%20%20%20onSelect%3D%7BonSelect%7D%0A%20%20%20%20%20%20onRowClick%3D%7BonRowClick%7D%0A%20%20%20%20%20%20selectionMode%3D'multi'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Sortable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20onSort%20%3D%20useCallback(%0A%20%20%20%20(state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Sort%20changed.%20Table%20state%3A%20%24%7BJSON.stringify(state)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onSort'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'ID%20(Sorts%20Desc%20First)'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20sortDescFirst%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name%20(Sorts%20Asc%20First)'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description%20Not%20Sortable'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20disableSortBy%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'1'%2C%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20id%3A%20'3'%2C%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%20%20%7B%20id%3A%20'2'%2C%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20onSort%3D%7BonSort%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Filters%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20index%3A%20number%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20ids%3A%20number%5B%5D%3B%0A%20%20%20%20startDate%3A%20Date%3B%0A%20%20%20%20endDate%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20translatedLabels%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20(%7B%0A%20%20%20%20%20%20filter%3A%20'Filter'%2C%0A%20%20%20%20%20%20clear%3A%20'Clear'%2C%0A%20%20%20%20%20%20from%3A%20'From'%2C%0A%20%20%20%20%20%20to%3A%20'To'%2C%0A%20%20%20%20%7D)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20formatter%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20new%20Intl.DateTimeFormat('en-us'%2C%20%7B%0A%20%20%20%20%20%20%20%20month%3A%20'short'%2C%0A%20%20%20%20%20%20%20%20day%3A%20'numeric'%2C%0A%20%20%20%20%20%20%20%20year%3A%20'numeric'%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20formatDate%20%3D%20useCallback(%0A%20%20%20%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20formatter.format(date)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5Bformatter%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20width%3A%2080%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'ids'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'IDs%20(enter%20one%20of%20the%20IDs%20in%20the%20filter)'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'ids'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.row.original.ids.join('%2C%20')%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'includes'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Start%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7BformatDate(props.row.original.startDate)%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.DateRangeFilter(%7B%0A%20%20%20%20%20%20%20%20%20%20translatedLabels%2C%0A%20%20%20%20%20%20%20%20%20%20showYearSelection%3A%20true%2C%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'betweenDate'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'End%20date'%2C%0A%20%20%20%20%20%20%20%20%2F%2F%20Converting%20string%20to%20Date%20for%20filtering%0A%20%20%20%20%20%20%20%20accessor%3A%20(rowData)%20%3D%3E%20new%20Date(rowData.endDate)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7BformatDate(new%20Date(props.row.original.endDate))%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.DateRangeFilter(%7B%0A%20%20%20%20%20%20%20%20%20%20translatedLabels%2C%0A%20%20%20%20%20%20%20%20%20%20showYearSelection%3A%20true%2C%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'betweenDate'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BformatDate%2C%20translatedLabels%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%201%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name1'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description1'%2C%0A%20%20%20%20%20%20%20%20ids%3A%20%5B1%5D%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20'2021-05-31T21%3A00%3A00.000Z'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%202%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name2'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description2'%2C%0A%20%20%20%20%20%20%20%20ids%3A%20%5B2%2C%203%2C%204%5D%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20'2021-06-01T21%3A00%3A00.000Z'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%203%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name3'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description3'%2C%0A%20%20%20%20%20%20%20%20ids%3A%20%5B3%2C%204%5D%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20'2021-06-02T21%3A00%3A00.000Z'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20TableStoryDataType%5B%5D%3B%0A%0A%20%20const%20onFilter%20%3D%20React.useCallback((filters%2C%20state%2C%20filteredData)%20%3D%3E%20%7B%0A%20%20%20%20%2F%2F%20rowInfo%20is%20used%20due%20to%20JSON%20errors%20when%20displaying%20row%20data%0A%20%20%20%20let%20rowInfo%20%3D%20'%5B'%3B%0A%20%20%20%20filteredData%3F.forEach((row)%20%3D%3E%20%7B%0A%20%20%20%20%20%20rowInfo%20%2B%3D%20%60%24%7BJSON.stringify(row.original)%7D%2C%60%3B%0A%20%20%20%20%7D)%3B%0A%20%20%20%20rowInfo%20%3D%20rowInfo.slice(0%2C%20rowInfo.length%20-%201)%3B%0A%20%20%20%20rowInfo%20%2B%3D%20'%5D'%3B%0A%20%20%20%20console.log(%0A%20%20%20%20%20%20%60Filter%20changed.%20Filters%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20filters%2C%0A%20%20%20%20%20%20)%7D%2C%20State%3A%20%24%7BJSON.stringify(state)%7D%2C%20Rows%3A%20%24%7BrowInfo%7D%60%2C%0A%20%20%20%20)%3B%0A%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%5B'onFilter'%5D%3E%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20onFilter%3D%7BonFilter%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20GlobalFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClickHandler%20%3D%20React.useCallback(%0A%20%20%20%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%0A%20%20%20%20%20%20console.log(props.row.original.name)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BonClickHandler%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description7'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description7'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description8'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name4'%2C%20description%3A%20'Description8'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name5'%2C%20description%3A%20'Description9'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name6'%2C%20description%3A%20'Description9'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BglobalFilter%2C%20setGlobalFilter%5D%20%3D%20React.useState('')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20flexDirection%3A%20'column'%20%7D%7D%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20margin%3A%20'8px%200'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20placeholder%3D'Search...'%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BglobalFilter%7D%0A%20%20%20%20%20%20%20%20%20%20onInput%3D%7B(e%3A%20React.ChangeEvent%3CHTMLInputElement%3E)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20setGlobalFilter(e.target.value)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20globalFilterValue%3D%7BglobalFilter%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Expandable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20expandedSubComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20subComponent%3D%7BexpandedSubComponent%7D%0A%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ExpandableSubrows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%201'%2C%0A%20%20%20%20%20%20description%3A%20'Description%201'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.1'%2C%20description%3A%20'Description%201.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.3'%2C%20description%3A%20'Description%201.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.4'%2C%20description%3A%20'Description%201.4'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%202'%2C%0A%20%20%20%20%20%20description%3A%20'Description%202'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.1'%2C%20description%3A%20'Description%202.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.2'%2C%20description%3A%20'Description%202.2'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.3'%2C%20description%3A%20'Description%202.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Row%203'%2C%20description%3A%20'Description%203'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20Each%20data%20entry%20should%20have%20%3CCode%3EsubRows%3C%2FCode%3E%20property.%20If%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CCode%3EsubRows%3C%2FCode%3E%20has%20any%20items%2C%20then%20expander%20will%20be%20shown%20for%20that%0A%20%20%20%20%20%20%20%20row.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20LazyLoading%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20generateData(0%2C%20100))%3B%0A%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20onBottomReached%20%3D%20useCallback(()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Bottom%20reached!')%3B%0A%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%2F%2F%20Simulating%20request%0A%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20setData(()%20%3D%3E%20%5B...data%2C%20...generateData(data.length%2C%20data.length%20%2B%20100)%5D)%3B%0A%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%7D%2C%201000)%3B%0A%20%20%7D%2C%20%5Bdata%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20onBottomReached%3D%7BonBottomReached%7D%0A%20%20%20%20%20%20isLoading%3D%7BisLoading%7D%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20440%2C%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%2F%2F%20Prevents%20from%20resetting%20filters%20and%20sorting%20when%20more%20data%20is%20loaded%0A%20%20%20%20%20%20autoResetFilters%3D%7Bfalse%7D%0A%20%20%20%20%20%20autoResetSortBy%3D%7Bfalse%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20RowInViewport%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%7D))%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onRowInViewport%20%3D%20useCallback((rowData)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Row%20in%20view%3A%20%24%7BJSON.stringify(rowData)%7D%60)%3B%0A%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%5B'onRowInViewport'%5D%3E%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20Demo%20of%20%3CCode%3EIntersectionObserver%3C%2FCode%3E%20hook%20that%20triggers%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CCode%3EonRowInViewport%3C%2FCode%3E%20callback%20once%20the%20row%20is%20visible.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20Open%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20parent.document.querySelector(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%5Bid%5E%3D%22tabbutton-actions%22%5D'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20as%20HTMLButtonElement%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3F.click()%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Actions%0A%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20tab%20to%20see%20when%20callback%20is%20called%20and%20scroll%20the%20table.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20onRowInViewport%3D%7BonRowInViewport%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledRows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onRowClick%20%3D%20useCallback(%0A%20%20%20%20(event%3A%20React.MouseEvent%2C%20row%3A%20Row)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Row%20clicked%3A%20%24%7BJSON.stringify(row.original)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback(%0A%20%20%20%20(rowData%3A%20%7B%20name%3A%20string%3B%20description%3A%20string%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20%2F%2F%20Manually%20handling%20disabled%20state%20in%20custom%20cells%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7BisRowDisabled(props.row.original)%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%3EClick%20me!%3C%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(props.row.original.name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BisRowDisabled%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20expandedSubComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20onRowClick%3D%7BonRowClick%7D%0A%20%20%20%20%20%20subComponent%3D%7BexpandedSubComponent%7D%0A%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20CustomStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CCustomStoryDataType%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%3CCustomStoryDataType%3E%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7B%5B%5D%7D%0A%20%20%20%20%20%20isLoading%3D%7Btrue%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NoData%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20CustomStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CCustomStoryDataType%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%3CCustomStoryDataType%3E%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7B%5B%5D%7D%0A%20%20%20%20%20%20isLoading%3D%7Bfalse%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20InitialState%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name17'%2C%20description%3A%20'Description17'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name18'%2C%20description%3A%20'Description18'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name19'%2C%20description%3A%20'Description19'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name20'%2C%20description%3A%20'Description20'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name21'%2C%20description%3A%20'Description21'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name22'%2C%20description%3A%20'Description22'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20initialState%3D%7B%7B%0A%20%20%20%20%20%20%20%20filters%3A%20%5B%7B%20id%3A%20'name'%2C%20value%3A%20'1'%20%7D%5D%2C%0A%20%20%20%20%20%20%20%20selectedRowIds%3A%20%7B%20'0'%3A%20true%2C%20'1'%3A%20true%2C%20'4'%3A%20true%2C%20'5'%3A%20true%20%7D%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ControlledState%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20DemoData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20DemoData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20tableInstance%20%3D%20React.useRef%3CTableInstance%3CDemoData%3E%3E()%3B%0A%20%20const%20%5BselectedRows%2C%20setSelectedRows%5D%20%3D%20React.useState%3CDemoData%5B%5D%3E(%5B%5D)%3B%0A%20%20const%20%5BexpandedRows%2C%20setExpandedRows%5D%20%3D%20React.useState%3CDemoData%5B%5D%3E(%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CDemoData%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'1'%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Row%201'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description%201'%2C%0A%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'2'%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Row%202'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description%202'%2C%0A%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%202.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%202.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%202.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%202.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%202.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%202.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%20id%3A%20'3'%2C%20name%3A%20'Row%203'%2C%20description%3A%20'Description%203'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Control%20selected%20rows'%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%7Bdata.map((data%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bdata.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7BselectedRows.some((row)%20%3D%3E%20row.name%20%3D%3D%3D%20data.name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20tableInstance.current%3F.toggleRowSelected(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20data.id%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.target.checked%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Control%20expanded%20rows'%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%7Bdata.map((data%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bdata.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7BexpandedRows.some((row)%20%3D%3E%20row.name%20%3D%3D%3D%20data.name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20tableInstance.current%3F.toggleRowExpanded(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5Bdata.id%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.target.checked%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20stateReducer%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((newState%2C%20action%2C%20prevState%2C%20instance)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20tableInstance.current%20%3D%20instance%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20newState%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableOptions%3CDemoData%3E%5B'stateReducer'%5D%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20onSelect%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((selected)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setSelectedRows(selected%20%3F%3F%20%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%3CDemoData%3E%5B'onSelect'%5D%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20onExpand%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((expanded)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setExpandedRows(expanded%20%3F%3F%20%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%3CDemoData%3E%5B'onExpand'%5D%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20getRowId%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((rowData)%20%3D%3E%20rowData.id%2C%20%5B%5D)%20satisfies%20NonNullable%3C%0A%20%20%20%20%20%20%20%20%20%20%20%20TableOptions%3CDemoData%3E%5B'getRowId'%5D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Full%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BhoveredRowIndex%2C%20setHoveredRowIndex%5D%20%3D%20React.useState(0)%3B%0A%0A%20%20const%20%5BrowRefMap%2C%20setRowRefMap%5D%20%3D%20React.useState%3CRecord%3Cnumber%2C%20HTMLElement%3E%3E(%0A%20%20%20%20%7B%7D%2C%0A%20%20)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback(%0A%20%20%20%20(rowData%3A%20%7B%20name%3A%20string%3B%20description%3A%20string%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20menuItems%20%3D%20useCallback((close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%7B%0A%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Edit%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Delete%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%5D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%20%20disableToggleVisibility%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20...ActionColumn(%7B%20columnManager%3A%20true%20%7D)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20()%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BmenuItems%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'More%20options'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BmenuItems%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20expandedSubComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20rowProps%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20onMouseEnter%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.log(%60Hovered%20over%20%24%7Brow.original.name%7D%60)%3B%0A%20%20%20%20%20%20%20%20%20%20setHoveredRowIndex(row.index)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20ref%3A%20(el%3A%20HTMLDivElement%20%7C%20null)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20if%20(el)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setRowRefMap((r)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20r%5Brow.index%5D%20%3D%20el%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20r%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20subComponent%3D%7BexpandedSubComponent%7D%0A%20%20%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20%20%20rowProps%3D%7BrowProps%7D%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20enableColumnReordering%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CTooltip%0A%20%20%20%20%20%20%20%20reference%3D%7BrowRefMap%5BhoveredRowIndex%5D%7D%0A%20%20%20%20%20%20%20%20content%3D%7B%60Hovered%20over%20%24%7Bdata%5BhoveredRowIndex%5D.name%7D.%60%7D%0A%20%20%20%20%20%20%20%20placement%3D'bottom'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Full2%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20product%3A%20string%3B%0A%20%20%20%20price%3A%20number%3B%0A%20%20%20%20quantity%3A%20number%3B%0A%20%20%20%20rating%3A%20number%3B%0A%20%20%20%20deliveryTime%3A%20number%3B%0A%20%20%20%20status%3A%20'positive'%20%7C%20'negative'%20%7C%20'warning'%20%7C%20undefined%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%20%2B%201%7D%60%20%3A%20%60%24%7Bindex%20%2B%201%7D%60%3B%0A%20%20%20%20%20%20const%20rating%20%3D%20(index%20%25%204)%20%2B%201%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20%60Product%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20price%3A%20((index%20%25%2010)%20%2B%201)%20*%2015%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20((index%20%25%2010)%20%2B%201)%20*%20150%2C%0A%20%20%20%20%20%20%20%20rating%3A%20rating%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%20(index%20%25%2015)%20%2B%201%2C%0A%20%20%20%20%20%20%20%20status%3A%0A%20%20%20%20%20%20%20%20%20%20rating%20%3E%3D%204%20%3F%20'positive'%20%3A%20rating%20%3D%3D%3D%203%20%3F%20'warning'%20%3A%20'negative'%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback((rowData%3A%20TableStoryDataType)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.product.endsWith('3')%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20menuItems%20%3D%20useCallback((close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%7B%0A%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Edit%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Delete%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%5D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%20%20disableToggleVisibility%3A%20true%2C%0A%20%20%20%20%20%20%20%20disableReordering%3A%20true%2C%0A%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20disableReordering%3A%20true%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%24%7Bprops.value%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props%3A%20CellRendererProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20status%3D%7Bprops.cellProps.row.original.status%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bprops.cellProps.row.original.rating%7D%2F5%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FDefaultCell%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.value%7D%20day(s)%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20...ActionColumn(%7B%20columnManager%3A%20true%20%7D)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BmenuItems%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'More%20options'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7BisRowDisabled(props.row.original)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'right'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BisRowDisabled%2C%20menuItems%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20rowProps%20%3D%20useCallback((row%3A%20Row%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20status%3A%20row.original.status%20satisfies%20TableStoryDataType%5B'status'%5D%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BglobalFilterValue%2C%20setGlobalFilterValue%5D%20%3D%20React.useState('')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20%20%20%20%20flexDirection%3A%20'column'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20'1000px'%2C%0A%20%20%20%20%20%20%20%20gap%3A%20'8px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20placeholder%3D'Search...'%0A%20%20%20%20%20%20%20%20value%3D%7BglobalFilterValue%7D%0A%20%20%20%20%20%20%20%20onInput%3D%7B(e%3A%20React.ChangeEvent%3CHTMLInputElement%3E)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20setGlobalFilterValue(e.target.value)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'375px'%2C%0A%20%20%20%20%20%20%20%20%20%20maxHeight%3A%20'90vh'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20%20%20enableColumnReordering%0A%20%20%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20%20%20%20%20rowProps%3D%7BrowProps%7D%0A%20%20%20%20%20%20%20%20%20%20globalFilterValue%3D%7BglobalFilterValue%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Localized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(%7B%0A%20%20%20%20%20%20%20%20%20%20filter%3A%20'Localized%20filter'%2C%0A%20%20%20%20%20%20%20%20%20%20clear%3A%20'Localized%20clear'%2C%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%7D%3B%0A%0A%20%20const%20pageSizeList%20%3D%20React.useMemo(()%20%3D%3E%20%5B50%2C%20100%2C%20150%5D%2C%20%5B%5D)%3B%0A%20%20const%20paginator%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20TablePaginatorRendererProps)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CTablePaginator%0A%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20pageSizeList%3D%7BpageSizeList%7D%0A%20%20%20%20%20%20%20%20localization%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20pageSizeLabel%3A%20(size%3A%20number)%20%3D%3E%20%60%24%7Bsize%7D%20per%20localized%20page%60%2C%0A%20%20%20%20%20%20%20%20%20%20rangeLabel%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20startIndex%3A%20number%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20endIndex%3A%20number%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20totalRows%3A%20number%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20isLoading%3A%20boolean%2C%0A%20%20%20%20%20%20%20%20%20%20)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20isLoading%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60%24%7BstartIndex%7D-%24%7BendIndex%7D%20localized%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%60%24%7BstartIndex%7D-%24%7BendIndex%7D%20of%20localized%20%24%7BtotalRows%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20previousPage%3A%20'Previous%20localized%20page'%2C%0A%20%20%20%20%20%20%20%20%20%20nextPage%3A%20'Next%20localized%20page'%2C%0A%20%20%20%20%20%20%20%20%20%20goToPageLabel%3A%20(page%3A%20number)%20%3D%3E%20%60Go%20to%20localized%20page%20%24%7Bpage%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20rowsPerPageLabel%3A%20'Rows%20per%20localized%20page'%2C%0A%20%20%20%20%20%20%20%20%20%20rowsSelectedLabel%3A%20(totalSelectedRowsCount%3A%20number)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%60%24%7BtotalSelectedRowsCount%7D%20localized%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20totalSelectedRowsCount%20%3D%3D%3D%201%20%3F%20'row'%20%3A%20'rows'%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20selected%60%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5BpageSizeList%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20localized%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7BgenerateData(0%2C%20100)%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B50%7D%0A%20%20%20%20%20%20%20%20paginatorRenderer%3D%7Bpaginator%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0ALocalized.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Condensed%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%201'%2C%0A%20%20%20%20%20%20description%3A%20'Description%201'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.1'%2C%20description%3A%20'Description%201.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.3'%2C%20description%3A%20'Description%201.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.4'%2C%20description%3A%20'Description%201.4'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%202'%2C%0A%20%20%20%20%20%20description%3A%20'Description%202'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.1'%2C%20description%3A%20'Description%202.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.2'%2C%20description%3A%20'Description%202.2'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.3'%2C%20description%3A%20'Description%202.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Row%203'%2C%20description%3A%20'Description%203'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20density%3D'condensed'%0A%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Editable%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20%5B%0A%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Fetching...'%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback((rowData%3A%20TableStoryDataType)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20onCellEdit%20%3D%20useCallback(%0A%20%20%20%20(columnId%3A%20string%2C%20value%3A%20string%2C%20rowData%3A%20TableStoryDataType)%20%3D%3E%20%7B%0A%20%20%20%20%20%20console.log(%7B%20columnId%2C%20value%2C%20rowData%20%7D)%3B%0A%20%20%20%20%20%20setData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20const%20index%20%3D%20oldData.indexOf(rowData)%3B%0A%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20newObject%5BcolumnId%20as%20keyof%20TableStoryDataType%5D%20%3D%20value%3B%0A%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20cellRenderer%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20CellRendererProps%3CTableStoryDataType%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%7B!isRowDisabled(props.cellProps.row.original)%20%26%26%0A%20%20%20%20%20%20%20%20props.cellProps.value%20!%3D%3D%20'Fetching...'%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%3CEditableCell%20%7B...props%7D%20onCellEdit%3D%7BonCellEdit%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%20%7B...props%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5BisRowDisabled%2C%20onCellEdit%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BcellRenderer%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%2F%2F%20These%20flags%20prevent%20filters%20and%20sorting%20from%20resetting%0A%20%20%20%20%20%20autoResetFilters%3D%7Bfalse%7D%0A%20%20%20%20%20%20autoResetSortBy%3D%7Bfalse%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithPaginator%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(5005)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20pageSizeList%20%3D%20React.useMemo(()%20%3D%3E%20%5B50%2C%20100%2C%20150%5D%2C%20%5B%5D)%3B%0A%20%20const%20paginator%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20TablePaginatorRendererProps)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CTablePaginator%20%7B...props%7D%20pageSizeList%3D%7BpageSizeList%7D%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5BpageSizeList%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B50%7D%0A%20%20%20%20%20%20%20%20paginatorRenderer%3D%7Bpaginator%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithPaginator.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithManualPaginatorAndFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20RowData%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20pageSizeList%20%3D%20React.useMemo(()%20%3D%3E%20%5B50%2C%20100%2C%20150%5D%2C%20%5B%5D)%3B%0A%20%20const%20maxRowsCount%20%3D%20React.useMemo(()%20%3D%3E%2060000%2C%20%5B%5D)%3B%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentPage%2C%20setCurrentPage%5D%20%3D%20React.useState(0)%3B%0A%20%20const%20%5BcurrentPageSize%2C%20setCurrentPageSize%5D%20%3D%20React.useState(pageSizeList%5B0%5D)%3B%0A%20%20const%20%5Bfilter%2C%20setFilter%5D%20%3D%20React.useState(%7B%0A%20%20%20%20name%3A%20''%2C%0A%20%20%20%20description%3A%20''%2C%0A%20%20%7D%20as%20RowData)%3B%0A%20%20const%20%5BfilteredData%2C%20setFilteredData%5D%20%3D%20React.useState(%0A%20%20%20%20undefined%20as%20unknown%20as%20RowData%5B%5D%2C%0A%20%20)%3B%0A%20%20const%20%5BtotalRowsCount%2C%20setTotalRowsCount%5D%20%3D%20React.useState(maxRowsCount)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20filteredData%20!%3D%3D%20undefined%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!(filter.name%20%3D%3D%3D%20''%20%26%26%20filter.description%20%3D%3D%3D%20'')%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20filteredData%5Bindex%5D%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20generateData(0%2C%2025))%3B%0A%0A%20%20const%20isPassFilter%20%3D%20React.useCallback(%0A%20%20%20%20(dataRow%3A%20RowData%2C%20filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20let%20isPassName%20%3D%20false%3B%0A%20%20%20%20%20%20let%20isPassDescription%20%3D%20false%3B%0A%20%20%20%20%20%20%2F%2F%20check%20that%20the%20name%20passes%20a%20filter%2C%20if%20there%20is%20one%0A%20%20%20%20%20%20if%20(!filter.name%20%7C%7C%20(filter.name%20%26%26%20dataRow.name.includes(filter.name)))%20%7B%0A%20%20%20%20%20%20%20%20isPassName%20%3D%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%2F%20check%20that%20the%20description%20passes%20a%20filter%2C%20if%20there%20is%20one%0A%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20!filter.description%20%7C%7C%0A%20%20%20%20%20%20%20%20(filter.description%20%26%26%20dataRow.description.includes(filter.description))%0A%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20isPassDescription%20%3D%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20return%20isPassName%20%26%26%20isPassDescription%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateFilteredData%20%3D%20React.useCallback(%0A%20%20%20%20(filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20let%20dataNumber%20%3D%200%3B%0A%20%20%20%20%20%20const%20dataArray%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20let%20newData%20%3D%20%7B%20name%3A%20''%2C%20description%3A%20''%20%7D%3B%0A%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20%20%20newData%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20dataNumber%2B%2B%3B%0A%20%20%20%20%20%20%20%20%7D%20while%20(!isPassFilter(newData%2C%20filter)%20%26%26%20dataNumber%20%3C%20maxRowsCount)%3B%0A%20%20%20%20%20%20%20%20if%20(isPassFilter(newData%2C%20filter))%20%7B%0A%20%20%20%20%20%20%20%20%20%20dataArray.push(newData)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%20while%20(dataNumber%20%3C%20maxRowsCount)%3B%0A%0A%20%20%20%20%20%20setFilteredData(dataArray)%3B%0A%20%20%20%20%20%20return%20dataArray%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BisPassFilter%2C%20maxRowsCount%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onFilter%20%3D%20React.useCallback(%0A%20%20%20%20(filters%3A%20TableFilterValue%3CRecord%3Cstring%2C%20unknown%3E%3E%5B%5D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20setFilter(%7B%0A%20%20%20%20%20%20%20%20name%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%20'name')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%20%20description%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%20'description')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%7D%20as%20RowData)%3B%0A%20%20%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%20%20setData(%5B%5D)%3B%0A%20%20%20%20%20%20setCurrentPage(0)%3B%0A%20%20%20%20%20%20%2F%2F%20simulate%20a%20filtered%20request%0A%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%20%20const%20filteredData%20%3D%20generateFilteredData(%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%3D%20'name')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%3D%20'description')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%20%20%7D%20as%20RowData)%3B%0A%20%20%20%20%20%20%20%20setData(filteredData.slice(0%2C%20currentPageSize))%3B%0A%20%20%20%20%20%20%20%20setTotalRowsCount(filteredData.length)%3B%0A%20%20%20%20%20%20%7D%2C%20500)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BcurrentPageSize%2C%20generateFilteredData%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20paginator%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20TablePaginatorRendererProps)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CTablePaginator%0A%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20onPageChange%3D%7B(page)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%20%20%20%20%20%20setData(%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20setCurrentPage(page)%3B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Simulating%20a%20request%0A%20%20%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20filteredData%20!%3D%3D%20undefined%20%26%26%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20!(filter.name%20%3D%3D%3D%20''%20%26%26%20filter.description%20%3D%3D%3D%20'')%0A%20%20%20%20%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20filteredData.slice(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20page%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(page%20%2B%201)%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20generateData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20page%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(page%20%2B%201)%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20500)%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20onPageSizeChange%3D%7B(size)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20filteredData%20!%3D%3D%20undefined%20%26%26%0A%20%20%20%20%20%20%20%20%20%20%20%20!(filter.name%20%3D%3D%3D%20''%20%26%26%20filter.description%20%3D%3D%3D%20'')%0A%20%20%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20filteredData.slice(currentPage%20*%20size%2C%20(currentPage%20%2B%201)%20*%20size)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setData(generateData(currentPage%20*%20size%2C%20(currentPage%20%2B%201)%20*%20size))%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20setCurrentPageSize(size)%3B%0A%20%20%20%20%20%20%20%20%20%20props.onPageSizeChange(size)%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20pageSizeList%3D%7BpageSizeList%7D%0A%20%20%20%20%20%20%20%20currentPage%3D%7BcurrentPage%7D%0A%20%20%20%20%20%20%20%20isLoading%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%2F%2F%20Imagining%20we%20know%20the%20total%20count%20of%20data%20items%0A%20%20%20%20%20%20%20%20totalRowsCount%3D%7BtotalRowsCount%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%2F%2F%20eslint-disable-next-line%20react-hooks%2Fexhaustive-deps%0A%20%20%20%20%5BcurrentPage%2C%20pageSizeList%2C%20totalRowsCount%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isLoading%3D%7BisLoading%7D%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B25%7D%0A%20%20%20%20%20%20%20%20paginatorRenderer%3D%7Bpaginator%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20manualPagination%0A%20%20%20%20%20%20%20%20onFilter%3D%7BonFilter%7D%0A%20%20%20%20%20%20%20%20manualFilters%3D%7Btrue%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithManualPaginatorAndFilter.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20CustomFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20RowData%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20rowsCount%20%3D%20React.useMemo(()%20%3D%3E%20100%2C%20%5B%5D)%3B%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5Bfilter%2C%20setFilter%5D%20%3D%20React.useState('')%3B%0A%20%20const%20%5BfilteredData%2C%20setFilteredData%5D%20%3D%20React.useState(%0A%20%20%20%20undefined%20as%20unknown%20as%20RowData%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(filteredData%20!%3D%3D%20undefined%20%26%26%20!filter)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20filteredData%5Bindex%5D%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20generateData(0%2C%20100))%3B%0A%0A%20%20const%20isPassFilter%20%3D%20React.useCallback(%0A%20%20%20%20(dataRow%3A%20RowData%2C%20filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%2F%2F%20check%20that%20the%20name%20passes%20a%20filter%2C%20if%20there%20is%20one%0A%20%20%20%20%20%20if%20(!filter.name%20%7C%7C%20(filter.name%20%26%26%20dataRow.name.includes(filter.name)))%20%7B%0A%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateFilteredData%20%3D%20React.useCallback(%0A%20%20%20%20(filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20let%20dataNumber%20%3D%200%3B%0A%20%20%20%20%20%20const%20dataArray%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20let%20newData%20%3D%20%7B%20name%3A%20''%2C%20description%3A%20''%20%7D%3B%0A%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20%20%20newData%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20dataNumber%2B%2B%3B%0A%20%20%20%20%20%20%20%20%7D%20while%20(!isPassFilter(newData%2C%20filter)%20%26%26%20dataNumber%20%3C%20rowsCount)%3B%0A%20%20%20%20%20%20%20%20if%20(isPassFilter(newData%2C%20filter))%20%7B%0A%20%20%20%20%20%20%20%20%20%20dataArray.push(newData)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%20while%20(dataNumber%20%3C%20rowsCount)%3B%0A%0A%20%20%20%20%20%20setFilteredData(dataArray)%3B%0A%20%20%20%20%20%20return%20dataArray%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BisPassFilter%2C%20rowsCount%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20CustomFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20const%20handleChange%20%3D%20(isChecked%3A%20boolean%2C%20filter%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20%20%20setFilter(isChecked%20%3F%20filter%20%3A%20'')%3B%0A%20%20%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%20%20setData(%5B%5D)%3B%0A%20%20%20%20%20%20%2F%2F%20simulate%20a%20filtered%20request%0A%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%20%20const%20filteredData%20%3D%20generateFilteredData(%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20isChecked%20%3F%20filter%20%3A%20''%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20''%2C%0A%20%20%20%20%20%20%20%20%7D%20as%20RowData)%3B%0A%20%20%20%20%20%20%20%20setData(filteredData.slice(0%2C%20rowsCount))%3B%0A%20%20%20%20%20%20%7D%2C%20500)%3B%0A%20%20%20%20%7D%3B%0A%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3CBaseFilter%20style%3D%7B%7B%20alignItems%3A%20'flex-start'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D%22Contains%20'3'%22%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'3')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20'3'%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20'3'%7D%20%2F%2F%20moving%20focus%20to%20checked%20radio%20button%20when%20filter%20dialog%20opens%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D%22Contains%20'5'%22%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'5')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20'5'%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20'5'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D%22Contains%20'7'%22%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'7')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20'7'%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20'7'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D'No%20filter'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20''%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20''%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2FBaseFilter%3E%0A%20%20%20%20)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20Filter%3A%20CustomFilter%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%20satisfies%20Column%3CRowData%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isLoading%3D%7BisLoading%7D%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B100%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20manualPagination%0A%20%20%20%20%20%20%20%20manualFilters%3D%7Btrue%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0ACustomFilter.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20ResizableColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20index%3A%20number%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20startDate%3A%20Date%3B%0A%20%20%20%20endDate%3A%20Date%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20width%3A%2080%2C%0A%20%20%20%20%20%20%20%20disableResizing%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20100%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'ID'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20disableResizing%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Start%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%3E%7Bprops.row.original.startDate.toLocaleDateString('en-US')%7D%3C%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20disableResizing%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'End%20date'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.row.original.endDate.toLocaleDateString('en-US')%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%201%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name1'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description1'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'111'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%201%2C%202021')%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%202%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name2'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description2'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'222'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%202%2C%202021')%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%203%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name3'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description3'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'333'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%203%2C%202021')%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BcolumnResizeMode%2C%20setColumnResizeMode%5D%20%3D%0A%20%20%20%20React.useState%3CTableProps%3CTableStoryDataType%3E%5B'columnResizeMode'%5D%3E('fit')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Resize%20mode'%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'fit'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20setColumnResizeMode('fit')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D'fit'%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7BcolumnResizeMode%20%3D%3D%3D%20'fit'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'expand'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20setColumnResizeMode('expand')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D'expand'%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7BcolumnResizeMode%20%3D%3D%3D%20'expand'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20columnResizeMode%3D%7BcolumnResizeMode%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ZebraStripedRows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(10)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20styleType%3D'zebra-rows'%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HorizontalScroll%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%201'%2C%0A%20%20%20%20%20%20%20%20price%3A%205%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%202'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%203'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%207%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%204'%2C%0A%20%20%20%20%20%20%20%20price%3A%2020%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%205'%2C%0A%20%20%20%20%20%20%20%20price%3A%201.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20700%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%201%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%206'%2C%0A%20%20%20%20%20%20%20%20price%3A%20499%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2020%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%207'%2C%0A%20%20%20%20%20%20%20%20price%3A%2013.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20130%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2030%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%208'%2C%0A%20%20%20%20%20%20%20%20price%3A%205.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%209'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%2010'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2017%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%24%7Bprops.value%7D%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%7Bprops.value%7D%20day(s)%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3C(typeof%20data)%5B0%5D%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AHorizontalScroll.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'375px'%2C%0A%20%20%20%20%20%20%20%20maxHeight%3A%20'90vh'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20'1000px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Virtualized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20const%20size%20%3D%20100000%3B%0A%20%20%20%20const%20arr%20%3D%20new%20Array(size)%3B%0A%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20size%3B%20%2B%2Bi)%20%7B%0A%20%20%20%20%20%20arr%5Bi%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bi%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bi%7D%60%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20arr%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ScrollToRow%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%20%20const%20onClickHandler%20%3D%20React.useCallback(%0A%20%20%20%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%0A%20%20%20%20%20%20console.log(props.row.original.name)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BonClickHandler%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20const%20size%20%3D%20100000%3B%0A%20%20%20%20const%20arr%20%3D%20new%20Array(size)%3B%0A%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20size%3B%20%2B%2Bi)%20%7B%0A%20%20%20%20%20%20arr%5Bi%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20i.toString()%2C%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bi%7D%24%7Bi%20%3D%3D%3D%2012345%20%3F%20'%20-%20Scrolled%20to%20me!'%20%3A%20''%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bi%7D%24%7B%0A%20%20%20%20%20%20%20%20%20%20i%20%3D%3D%3D%2012345%20%3F%20'%20-%20Scrolled%20to%20me!'%20%3A%20''%0A%20%20%20%20%20%20%20%20%7D%60%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20arr%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20style%3D%7B%7B%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20scrollToRow%3D%7BReact.useCallback(%0A%20%20%20%20%20%20%20%20(rows%3A%20Row%3CTableStoryDataType%3E%5B%5D%2C%20data%3A%20TableStoryDataType%5B%5D)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20rows.findIndex((row)%20%3D%3E%20row.original.id%20%3D%3D%3D%20data%5B12345%5D.id)%2C%0A%20%20%20%20%20%20%20%20%5B%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VirtualizedSubRows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(10000)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DraggableColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%201'%2C%0A%20%20%20%20%20%20%20%20price%3A%205%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%202'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%203'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%207%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%204'%2C%0A%20%20%20%20%20%20%20%20price%3A%2020%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%205'%2C%0A%20%20%20%20%20%20%20%20price%3A%201.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20700%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%201%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%206'%2C%0A%20%20%20%20%20%20%20%20price%3A%20499%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2020%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%207'%2C%0A%20%20%20%20%20%20%20%20price%3A%2013.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20130%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2030%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%208'%2C%0A%20%20%20%20%20%20%20%20price%3A%205.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%209'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%2010'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2017%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%3A%20Column%5B%5D%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20disableReordering%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%24%7Bprops.value%7D%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%7Bprops.value%7D%20day(s)%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableColumnReordering%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomizedColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%3C(typeof%20data)%5Bnumber%5D%3E%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name4'%2C%20description%3A%20'Description4'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20isCheckboxDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name1'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20isExpanderDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20isCellDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name3'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20isRowDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name4'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20subComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20SelectionColumn(%7B%0A%20%20%20%20%20%20%20%20isDisabled%3A%20isCheckboxDisabled%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20ExpanderColumn(%7B%20subComponent%2C%20isDisabled%3A%20isExpanderDisabled%20%7D)%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%3C(typeof%20data)%5Bnumber%5D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20isDisabled%3D%7B(rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isCellDisabled(rowData)%20%7C%7C%20isRowDisabled(rowData)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%0A%20%20%20%20%20%20isCheckboxDisabled%2C%0A%20%20%20%20%20%20subComponent%2C%0A%20%20%20%20%20%20isExpanderDisabled%2C%0A%20%20%20%20%20%20isCellDisabled%2C%0A%20%20%20%20%20%20isRowDisabled%2C%0A%20%20%20%20%5D%2C%0A%20%20)%20satisfies%20Column%3C(typeof%20data)%5Bnumber%5D%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20subComponent%3D%7BsubComponent%7D%0A%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20rowProps%3D%7B(%7B%20index%20%7D)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20onClick%3A%20(e)%20%3D%3E%20index%20%3D%3D%3D%200%20%26%26%20e.preventDefault()%2C%0A%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ColumnManager%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20index%3A%20number%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20startDate%3A%20Date%3B%0A%20%20%20%20endDate%3A%20Date%3B%0A%20%20%20%20price%3A%20string%3B%0A%20%20%20%20color%3A%20string%3B%0A%20%20%20%20stock%3A%20number%3B%0A%20%20%20%20rating%3A%20string%3B%0A%20%20%20%20location%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20disableToggleVisibility%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'ID'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'id'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Start%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%3E%7Bprops.row.original.startDate.toLocaleDateString('en-US')%7D%3C%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'End%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.row.original.endDate.toLocaleDateString('en-US')%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Color'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Color'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'color'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'%23%20in%20stock'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23%20in%20stock'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'stock'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Location'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Location'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'location'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20ActionColumn(%7B%0A%20%20%20%20%20%20%20%20columnManager%3A%20true%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%201%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name1'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description1'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'111'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%241.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Red'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2010%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%202%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name2'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description2'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'222'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%242.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Green'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2020%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%203%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name3'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description3'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'333'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%243.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Green'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%204%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name4'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description4'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'444'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%204%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%204%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%244.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Yellow'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2040%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'2%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%205%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name5'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description5'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'555'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%205%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%205%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%245.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Purple'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20StickyColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%201'%2C%0A%20%20%20%20%20%20%20%20price%3A%205%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%202'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%203'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%207%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%204'%2C%0A%20%20%20%20%20%20%20%20price%3A%2020%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%205'%2C%0A%20%20%20%20%20%20%20%20price%3A%201.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20700%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%201%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%206'%2C%0A%20%20%20%20%20%20%20%20price%3A%20499%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2020%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%207'%2C%0A%20%20%20%20%20%20%20%20price%3A%2013.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20130%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2030%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%208'%2C%0A%20%20%20%20%20%20%20%20price%3A%205.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%209'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%2010'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2017%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20menuItems%20%3D%20useCallback((close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%7B%0A%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Edit%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Delete%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%5D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20150%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20width%3A%20150%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%24%7Bprops.value%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.value%7D%20day(s)%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20...ActionColumn(%7B%20columnManager%3A%20true%20%7D)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20()%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BmenuItems%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'More%20options'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'right'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BmenuItems%5D%2C%0A%20%20)%20satisfies%20Column%3C(typeof%20data)%5Bnumber%5D%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20isResizable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AStickyColumns.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'375px'%2C%0A%20%20%20%20%20%20%20%20maxHeight%3A%20'90vh'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20'1000px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20StatusAndCellIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20CustomStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20modified%3A%20string%3B%0A%20%20%20%20size%3A%20string%3B%0A%20%20%20%20startIcon%3F%3A%20JSX.Element%3B%0A%20%20%20%20endIcon%3F%3A%20JSX.Element%3B%0A%20%20%20%20status%3F%3A%20'positive'%20%7C%20'negative'%20%7C%20'warning'%3B%0A%20%20%20%20isLoading%3F%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props%3A%20CellRendererProps%3CCustomStoryDataType%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7Bprops.cellProps.row.original.startIcon%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20endIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20props.cellProps.row.original.isLoading%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CProgressRadial%20value%3D%7B40%7D%20size%3D'small'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20props.cellProps.row.original.endIcon%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'modified'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Modified'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'modified'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props%3A%20CellRendererProps%3CCustomStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20status%3D%7Bprops.cellProps.row.original.status%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'size'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Size'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'size'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CCustomStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'alfa.mp3'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'Just%20now'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'76%20KB'%2C%0A%20%20%20%20%20%20%20%20isLoading%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'beta.mp3'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'Just%20now'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'15%20KB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgSoundLoud%20fill%3D'%2366c6ff'%20%2F%3E%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'gamma.pdf'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'A%20few%20moments%20ago'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'9%20MB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgDetails%20fill%3D'%23dd3e39'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20endIcon%3A%20%3CSvgStatusSuccess%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20status%3A%20'positive'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'delta.jpg'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'A%20few%20moments%20ago'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'963%20MB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgDetails%20fill%3D'%237957a3'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20endIcon%3A%20%3CSvgStatusWarning%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20status%3A%20'warning'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'theta.dgn'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'A%20few%20moments%20ago'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'64%20KB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgDetails%20fill%3D'%23d16c00'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20endIcon%3A%20%3CSvgStatusError%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20status%3A%20'negative'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20CustomStoryDataType%5B%5D%3B%0A%0A%20%20const%20rowProps%20%3D%20useCallback((row%3A%20Row%3CCustomStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20status%3A%20row.original.status%2C%0A%20%20%20%20%20%20isLoading%3A%20row.original.isLoading%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20selectionMode%3D'multi'%0A%20%20%20%20%20%20isSelectable%3D%7Btrue%7D%0A%20%20%20%20%20%20rowProps%3D%7BrowProps%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","9addc629":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgStar%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20Tabs%2C%20Tab%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tabs'%2C%0A%7D%3B%0A%0Aexport%20const%20DefaultTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20label%3D'Apple'%20value%3D'apple'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20label%3D'Orange'%20value%3D'orange'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20label%3D'Grape'%20value%3D'grape'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20BorderlessTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20type%3D'borderless'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'pear'%20label%3D'Pear'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'cherry'%20label%3D'Cherry'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'peach'%20label%3D'Peach'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'pear'%3E%0A%20%20%20%20%20%20%20%20Pears%20are%20fruits%20produced%20and%20consumed%20around%20the%20world%2C%20growing%20on%20a%0A%20%20%20%20%20%20%20%20tree%20and%20harvested%20in%20late%20summer%20into%20mid-autumn.%20The%20pear%20tree%20and%0A%20%20%20%20%20%20%20%20shrub%20are%20a%20species%20of%20genus%20Pyrus%2C%20in%20the%20family%20Rosaceae%2C%20bearing%20the%0A%20%20%20%20%20%20%20%20pomaceous%20fruit%20of%20the%20same%20name.%20Several%20species%20of%20pears%20are%20valued%0A%20%20%20%20%20%20%20%20for%20their%20edible%20fruit%20and%20juices%2C%20while%20others%20are%20cultivated%20as%20trees.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'cherry'%3E%0A%20%20%20%20%20%20%20%20%7B%60A%20cherry%20is%20the%20fruit%20of%20many%20plants%20of%20the%20genus%20Prunus%2C%20and%20is%20a%0A%20%20%20%20%20%20%20%20fleshy%20drupe%20(stone%20fruit).%20Commercial%20cherries%20are%20obtained%20from%0A%20%20%20%20%20%20%20%20cultivars%20of%20several%20species%2C%20such%20as%20the%20sweet%20Prunus%20avium%20and%20the%0A%20%20%20%20%20%20%20%20sour%20Prunus%20cerasus.%20The%20name%20%22cherry%22%20also%20refers%20to%20the%20cherry%20tree%0A%20%20%20%20%20%20%20%20and%20its%20wood%2C%20and%20is%20sometimes%20applied%20to%20almonds%20and%20visually%20similar%0A%20%20%20%20%20%20%20%20flowering%20trees%20in%20the%20genus%20Prunus%2C%20as%20in%20%22ornamental%20cherry%22%20or%0A%20%20%20%20%20%20%20%20%22cherry%20blossom%22.%20Wild%20cherry%20may%20refer%20to%20any%20of%20the%20cherry%20species%0A%20%20%20%20%20%20%20%20growing%20outside%20cultivation%2C%20although%20Prunus%20avium%20is%20often%20referred%20to%0A%20%20%20%20%20%20%20%20specifically%20by%20the%20name%20%22wild%20cherry%22%20in%20the%20British%20Isles.%60%7D%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'peach'%3E%0A%20%20%20%20%20%20%20%20The%20peach%20(Prunus%20persica)%20is%20a%20deciduous%20tree%20first%20domesticated%20and%0A%20%20%20%20%20%20%20%20cultivated%20in%20Zhejiang%20province%20of%20Eastern%20China.%20It%20bears%20edible%20juicy%0A%20%20%20%20%20%20%20%20fruits%20with%20various%20characteristics%2C%20most%20called%20peaches%20and%20others%20(the%0A%20%20%20%20%20%20%20%20glossy-skinned%2C%20non-fuzzy%20varieties)%2C%20nectarines.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20PillTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20type%3D'pill'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SublabelsAndIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20type%3D'borderless'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EApple%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3ERed%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EOrange%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EOrange%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'grape'%20disabled%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EGrape%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EGreen%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HorizontalOverflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bactive%2C%20setActive%5D%20%3D%20useState('Item%2011')%3B%0A%0A%20%20const%20tabData%20%3D%20%5B%0A%20%20%20%20%7B%20name%3A%20'Item%201'%2C%20content%3A%20'Tab%20Content%20One'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%202'%2C%20content%3A%20'Tab%20Content%20Two'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%203'%2C%20content%3A%20'Tab%20Content%20Three'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%204'%2C%20content%3A%20'Tab%20Content%20Four'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%205'%2C%20content%3A%20'Tab%20Content%20Five'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%206'%2C%20content%3A%20'Tab%20Content%20Six'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%207'%2C%20content%3A%20'Tab%20Content%20Seven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%208'%2C%20content%3A%20'Tab%20Content%20Eight'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%209'%2C%20content%3A%20'Tab%20Content%20Nine'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2010'%2C%20content%3A%20'Tab%20Content%20Ten'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2011'%2C%20content%3A%20'Tab%20Content%20Eleven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2012'%2C%20content%3A%20'Tab%20Content%20Twelve'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Very%20long%20item%20number%20thirteen'%2C%0A%20%20%20%20%20%20content%3A%20'Tab%20Content%20Thirteen'%2C%0A%20%20%20%20%20%20disabled%3A%20false%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20width%3A%20'60%25'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20800%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20250%2C%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CTabs.Wrapper%20value%3D%7Bactive%7D%20onValueChange%3D%7BsetActive%7D%3E%0A%20%20%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%20%20%7BtabData%3F.map((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTabs.Tab%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20value%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7Bitem.disabled%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'button'%7D%3EButton%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%20%20%7BtabData.map((item)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.Panel%20key%3D%7Bitem.name%7D%20value%3D%7Bitem.name%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.content%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VerticalOverflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bactive%2C%20setActive%5D%20%3D%20useState('Item%2011')%3B%0A%0A%20%20const%20tabData%20%3D%20%5B%0A%20%20%20%20%7B%20name%3A%20'Item%201'%2C%20content%3A%20'Tab%20Content%20One'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%202'%2C%20content%3A%20'Tab%20Content%20Two'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%203'%2C%20content%3A%20'Tab%20Content%20Three'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%204'%2C%20content%3A%20'Tab%20Content%20Four'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%205'%2C%20content%3A%20'Tab%20Content%20Five'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%206'%2C%20content%3A%20'Tab%20Content%20Six'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%207'%2C%20content%3A%20'Tab%20Content%20Seven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%208'%2C%20content%3A%20'Tab%20Content%20Eight'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%209'%2C%20content%3A%20'Tab%20Content%20Nine'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2010'%2C%20content%3A%20'Tab%20Content%20Ten'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2011'%2C%20content%3A%20'Tab%20Content%20Eleven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2012'%2C%20content%3A%20'Tab%20Content%20Twelve'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Very%20long%20item%20number%20thirteen'%2C%0A%20%20%20%20%20%20content%3A%20'Tab%20Content%20Thirteen'%2C%0A%20%20%20%20%20%20disabled%3A%20false%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'50vh'%2C%0A%20%20%20%20%20%20%20%20maxHeight%3A%20400%2C%0A%20%20%20%20%20%20%20%20minHeight%3A%20100%2C%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CTabs.Wrapper%0A%20%20%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20%20%20value%3D%7Bactive%7D%0A%20%20%20%20%20%20%20%20onValueChange%3D%7BsetActive%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%20%20%7BtabData%3F.map((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTabs.Tab%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20value%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7Bitem.disabled%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'button'%7D%3EButton%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%20%20%7BtabData.map((item)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.Panel%20key%3D%7Bitem.name%7D%20value%3D%7Bitem.name%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.content%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Vertical%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20orientation%3D'vertical'%20type%3D'borderless'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EApple%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3ERed%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EOrange%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EOrange%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EGrape%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EGreen%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20LegacyTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bindex%2C%20setIndex%5D%20%3D%20useState(0)%3B%0A%20%20const%20getContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20switch%20(index)%20%7B%0A%20%20%20%20%20%20case%200%3A%0A%20%20%20%20%20%20%20%20return%20%60An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20%20%20European%20Christian%20tradition.%60%3B%0A%20%20%20%20%20%20case%201%3A%0A%20%20%20%20%20%20%20%20return%20%60An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%60%3B%0A%20%20%20%20%20%20default%3A%0A%20%20%20%20%20%20%20%20return%20%60A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%60%3B%0A%20%20%20%20%7D%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CTabs%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CTab%20key%3D%7B1%7D%20label%3D'Apple'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%3CTab%20key%3D%7B2%7D%20label%3D'Orange'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%3CTab%20key%3D%7B3%7D%20label%3D'Grape'%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20activeIndex%3D%7Bindex%7D%0A%20%20%20%20%20%20onTabSelected%3D%7BsetIndex%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7BgetContent()%7D%0A%20%20%20%20%3C%2FTabs%3E%0A%20%20)%3B%0A%7D%3B%0A","6d0814ad":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Tag%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tag'%2C%0A%7D%3B%0A%0Aexport%20const%20Default%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onRemove%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Closed%20me!')%3B%0A%20%20%7D%3B%0A%20%20return%20%3CTag%20onRemove%3D%7BonRemove%7D%3E%7B%60I'm%20a%20tag%60%7D%3C%2FTag%3E%3B%0A%7D%3B%0A%0Aexport%20const%20NoClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTag%3ECannot%20close%20me!%3C%2FTag%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Clickable%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTag%20onClick%3D%7B()%20%3D%3E%20console.log('clicked!')%7D%3EClick%20me%3C%2FTag%3E%3B%0A%7D%3B%0A",c6fc08cf:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Tag%2C%20TagContainer%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'TagContainer'%2C%0A%7D%3B%0A%0Aexport%20const%20BasicTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DefaultTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%3CTag%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ScrollableDefaultTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%20overflow%3D'scroll'%20style%3D%7B%7B%20maxWidth%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CTag%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%204%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%205%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%206%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%207%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20TruncatedBasicTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%20overflow%3D'truncate'%20style%3D%7B%7B%20maxWidth%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%204%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%205%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%206%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%207%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A",ffcbc164:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Text%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Text'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Body%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'body'%20as%3D'p'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'small'%20as%3D'small'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Leading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'leading'%20as%3D'h4'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Subheading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'subheading'%20as%3D'h3'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Title%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'title'%20as%3D'h2'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Headline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'headline'%20as%3D'h1'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Polymorphic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CText%20variant%3D'headline'%20as%3D'h4'%3E%0A%20%20%20%20%20%20%7B%60I'm%20a%20headline%20text%20rendered%20as%20an%20h4%20element!%60%7D%0A%20%20%20%20%3C%2FText%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Skeleton%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20isSkeleton%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A","8f779b2f":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Textarea%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Textarea'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTextarea%20placeholder%3D%7B'This%20is%20a%20textarea'%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTextarea%20disabled%3D%7Btrue%7D%20placeholder%3D'This%20is%20a%20textarea'%20%2F%3E%3B%0A%7D%3B%0A","03e3fdfe":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Badge%2C%0A%20%20Button%2C%0A%20%20getUserColor%2C%0A%20%20MenuItem%2C%0A%20%20Tag%2C%0A%20%20TagContainer%2C%0A%20%20Tile%2C%0A%20%20Avatar%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgFolder%2C%0A%20%20SvgImodelHollow%2C%0A%20%20SvgInfo%2C%0A%20%20SvgStar%2C%0A%20%20SvgTag%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tile'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%20name%3D'Stadium'%20%2F%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20National%20stadium%20in%20Singapore.%20Features%20landscape%20details%20and%20a%20metro%0A%20%20%20%20%20%20%20%20%20%20station.%20This%20is%20the%20largest%20sample%20iModel.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AllProps%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isSelected%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3EStadium%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.TypeIndicator%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.TypeIndicator%3E%0A%20%20%20%20%20%20%20%20%3CTile.QuickAction%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgInfo%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.QuickAction%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20National%20stadium%20in%20Singapore.%20Features%20landscape%20details%20and%20a%20metro%0A%20%20%20%20%20%20%20%20%20%20station.%20This%20is%20the%20largest%20sample%20iModel.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%20%20%3CTile.Buttons%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20left%20button')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Manage%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20right%20button')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Projects%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTile.Buttons%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20Actionable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bselected%2C%20setSelected%5D%20%3D%20useState(false)%3B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isSelected%3D%7Bselected%7D%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.Action%20onClick%3D%7B()%20%3D%3E%20setSelected((prev)%20%3D%3E%20!prev)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Stadium%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.Action%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20If%20you%20click%20on%20this%20stadium%2C%20it%20is%20going%20to%20be%20selected.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AnchorLink%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.Action%20href%3D'https%3A%2F%2Finclusive-components.design%2Fcards%2F'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Stadium%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.Action%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20If%20you%20click%20on%20this%20stadium%2C%20it%20is%20going%20to%20open%20another%20page.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Condensed%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ECondensed%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithAvatar%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ESome%20User%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20size%3D'x-large'%0A%20%20%20%20%20%20%20%20%20%20%20%20status%3D'online'%0A%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20image%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fuser-placeholder.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EUser%20Description%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Folder%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20variant%3D'folder'%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgFolder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3EFolder%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EFolder%20description%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3EFolder%20metadata%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20status%3D'positive'%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ETile%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EDescription%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3ETile%20with%20status%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isLoading%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ETile%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EDescription%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3ELoading%20tile%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isDisabled%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ETile%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EDescription%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%20%20%3CTile.Buttons%3E%0A%20%20%20%20%20%20%20%20%3CButton%20disabled%3EButton%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTile.Buttons%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A",d00ce56e:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20TimePicker%2C%0A%20%20InputWithDecorations%2C%0A%20%20type%20MeridiemType%2C%0A%20%20Popover%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCalendar%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'TimePicker'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20Time%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%20style%3D%7B%7B%20width%3A%20150%20%7D%7D%20id%3D'time-input'%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BcurrentDate.toLocaleTimeString('en-US'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20timeStyle%3A%20'short'%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20applyBackground%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-end'%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTimePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFocusHour%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomRenderers%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20Time%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%20style%3D%7B%7B%20width%3A%20200%20%7D%7D%20id%3D'time-input'%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BcurrentDate.toLocaleTimeString('en-US'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20timeStyle%3A%20'short'%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20applyBackground%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-end'%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTimePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFocusHour%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hourRenderer%3D%7B(date%3A%20Date)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20date.getHours()%20%3D%3D%3D%201%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60%24%7Bdate.getHours()%7D%20hr%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%60%24%7Bdate.getHours()%7D%20hrs%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20minuteRenderer%3D%7B(date%3A%20Date)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20date.getMinutes()%20%3D%3D%3D%201%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60%24%7Bdate.getMinutes()%7D%20min%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%60%24%7Bdate.getMinutes()%7D%20mins%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20meridiemRenderer%3D%7B(meridiem%3A%20MeridiemType)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20meridiem%20%3D%3D%3D%20'AM'%20%3F%20'Before'%20%3A%20'After'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Combined%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2030%2C%200)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20Time%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%20%20const%20inputValueType%20%3D%20'short'%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%20style%3D%7B%7B%20width%3A%20150%20%7D%7D%20id%3D'time-input'%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BcurrentDate.toLocaleTimeString('en-US'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20timeStyle%3A%20inputValueType%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20applyBackground%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-end'%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTimePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFocusHour%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20useCombinedRenderer%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20precision%3D%7B'minutes'%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hourStep%3D%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20minuteStep%3D%7B30%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","1dbfd5ef":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useRef%20%7D%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20useToaster%2C%20ProgressRadial%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Toasts'%2C%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayPositiveToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.positive('This%20is%20a%20positive%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayPositiveToast%7D%3E%0A%20%20%20%20%20%20%20%20Positive%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayNegativeToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.negative('This%20is%20a%20negative%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayNegativeToast%7D%3E%0A%20%20%20%20%20%20%20%20Negative%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Informational%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayInformationalToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.informational('This%20is%20an%20informational%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayInformationalToast%7D%3E%0A%20%20%20%20%20%20%20%20Informational%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayWarningToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.warning('This%20is%20a%20warning%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayWarningToast%7D%3E%0A%20%20%20%20%20%20%20%20Warning%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20PositionChanged%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayPositionChangedToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'bottom-end'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.informational('This%20is%20a%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayPositionChangedToast%7D%3E%0A%20%20%20%20%20%20%20%20Toast%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AnchorToButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20buttonRef%20%3D%20useRef(null)%3B%0A%20%20const%20displayPositiveToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.positive('This%20is%20a%20positive%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20animateOutTo%3A%20buttonRef.current%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20ref%3D%7BbuttonRef%7D%0A%20%20%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%20%20%20%20onClick%3D%7BdisplayPositiveToast%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Positive%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CloseIndividual%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayProcessToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20const%20%7B%20close%20%7D%20%3D%20toaster.informational(%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3A%20'row'%2C%0A%20%20%20%20%20%20%20%20%20%20alignItems%3A%20'flex-end'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CProgressRadial%0A%20%20%20%20%20%20%20%20%20%20size%3D%7B'small'%7D%0A%20%20%20%20%20%20%20%20%20%20indeterminate%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20marginRight%3A%20'8px'%20%7D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20Your%20process%20is%20running...%0A%20%20%20%20%20%20%3C%2Fdiv%3E%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20type%3A%20'persisting'%2C%0A%20%20%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20)%3B%0A%0A%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20close()%3B%0A%20%20%20%20%20%20toaster.positive('Process%20completed'%2C%20%7B%0A%20%20%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20type%3A%20'persisting'%2C%0A%20%20%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%7D%2C%203000)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayProcessToast%7D%3E%0A%20%20%20%20%20%20%20%20Start%20process%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","3723a225":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgLightbulb%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20ToggleSwitch%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ToggleSwitch'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%20'5.5px%200'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20size%3D'small'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledChecked%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20disabled%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledUnchecked%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20disabled%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LabelRight%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20defaultChecked%0A%20%20%20%20%20%20label%3D'This%20is%20a%20right%20label'%0A%20%20%20%20%20%20labelPosition%3D'right'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20LabelLeft%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20label%3D'This%20is%20a%20left%20label'%20labelPosition%3D'left'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20icon%3D%7B%3CSvgLightbulb%20%2F%3E%7D%20%2F%3E%3B%0A%7D%3B%0A",e30001a8:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Button%2C%20Tooltip%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tooltip'%2C%0A%7D%3B%0A%0Aexport%20const%20Top%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'top'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3EPlease%2C%20try%20to%20hover%20me!%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Right%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'right'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3EPlease%2C%20try%20to%20hover%20me!%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Bottom%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'bottom'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3EPlease%2C%20try%20to%20hover%20me!%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Left%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'left'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20id%3D'tooltip-target'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Please%2C%20try%20to%20hover%20me!%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Controlled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20visible%20placement%3D'left'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3ENo%20need%20to%20hover%20me%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A",f5e6a9af:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20TransferList%2C%20IconButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgChevronLeft%2C%0A%20%20SvgChevronRight%2C%0A%20%20SvgChevronLeftDouble%2C%0A%20%20SvgChevronRightDouble%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'TransferList'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TransferItemDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20active%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BoptionData%2C%20setOptionData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%201'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%202'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%203'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%204'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%205'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%206'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20%5BappliedData%2C%20setAppliedData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%207'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20transfer%20%3D%20(%0A%20%20%20%20fromData%3A%20Array%3CTransferItemDataType%3E%2C%0A%20%20%20%20setFromData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20setToData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20sendAll%3F%3A%20boolean%2C%0A%20%20)%20%3D%3E%20%7B%0A%20%20%20%20setToData((oldToData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20newToData%20%3D%20%5B...oldToData%5D%3B%0A%20%20%20%20%20%20const%20newFromData%3A%20Array%3CTransferItemDataType%3E%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20fromData.forEach((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(sendAll%20%7C%7C%20item.active%20%3D%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20newItem%20%3D%20item%3B%0A%20%20%20%20%20%20%20%20%20%20newItem.active%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20newToData.push(newItem)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20newFromData.push(item)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20setFromData(newFromData)%3B%0A%20%20%20%20%20%20return%20newToData%3B%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTransferList%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BoptionData%3F.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setOptionData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%3CTransferList.Toolbar%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20true)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRightDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRight%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeft%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20true)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeftDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FTransferList.Toolbar%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BappliedData.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setAppliedData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%3C%2FTransferList%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithLabel%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TransferItemDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20active%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BoptionData%2C%20setOptionData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%201'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%202'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%203'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%204'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%205'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%206'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20%5BappliedData%2C%20setAppliedData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%207'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20transfer%20%3D%20(%0A%20%20%20%20fromData%3A%20Array%3CTransferItemDataType%3E%2C%0A%20%20%20%20setFromData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20setToData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20sendAll%3F%3A%20boolean%2C%0A%20%20)%20%3D%3E%20%7B%0A%20%20%20%20setToData((oldToData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20newToData%20%3D%20%5B...oldToData%5D%3B%0A%20%20%20%20%20%20const%20newFromData%3A%20Array%3CTransferItemDataType%3E%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20fromData.forEach((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(sendAll%20%7C%7C%20item.active%20%3D%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20newItem%20%3D%20item%3B%0A%20%20%20%20%20%20%20%20%20%20newItem.active%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20newToData.push(newItem)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20newFromData.push(item)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20setFromData(newFromData)%3B%0A%20%20%20%20%20%20return%20newToData%3B%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTransferList%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.ListboxLabel%3EOptions%3C%2FTransferList.ListboxLabel%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BoptionData%3F.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setOptionData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%3CTransferList.Toolbar%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20true)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRightDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRight%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeft%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20true)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeftDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FTransferList.Toolbar%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.ListboxLabel%3EApplied%3C%2FTransferList.ListboxLabel%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BappliedData.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setAppliedData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%3C%2FTransferList%3E%0A%20%20)%3B%0A%7D%3B%0A",f356850e:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%2C%20useCallback%2C%20useMemo%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Tree%2C%0A%20%20TreeNode%2C%0A%20%20type%20NodeData%2C%0A%20%20Checkbox%2C%0A%20%20TreeNodeExpander%2C%0A%20%20ProgressRadial%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tree'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%20label%3D%7Bnode.label%7D%20onExpanded%3D%7BonNodeExpanded%7D%20%7B...rest%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Full%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BdisabledNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-4'%3A%20true%2C%0A%20%20%20%20'Node-3-0'%3A%20true%2C%0A%20%20%20%20'Node-6'%3A%20true%2C%0A%20%20%20%20'Node-10'%3A%20true%2C%0A%20%20%7D)%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isDisabled%3A%20disabledNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BdisabledNodes%2C%20expandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AsyncLoading%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%20%20hasSubNodes%3F%3A%20boolean%3B%0A%20%20%20%20isLoading%3F%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback((index%3A%20number)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20id%3A%20%60Node-%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20label%3A%20%60Node%20%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20subItems%3A%20%5B%5D%2C%0A%20%20%20%20%20%20hasSubNodes%3A%20true%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20useState(()%20%3D%3E%0A%20%20%20%20Array(8)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%0A%20%20%20%20%7B%7D%2C%0A%20%20)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%0A%20%20%20%20%7B%7D%2C%0A%20%20)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean%2C%20node%3A%20StoryData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isExpanded%20%26%26%20!node.subItems.length%20%26%26%20node.hasSubNodes)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Mocking%20API%20call%0A%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20setData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20newNode%20%3D%20newData.find((item)%20%3D%3E%20item.id%20%3D%3D%3D%20nodeId)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(!newNode)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20oldData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20newNode.subItems%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20id%3A%20%60Async-%24%7BnodeId%7D%60%2C%20label%3A%20%60Async%20%24%7BnodeId%7D%60%2C%20subItems%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%201000)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%0A%20%20%20%20%20%20%20%20%20%20!node.subItems.length%20%26%26%20node.hasSubNodes%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20%60Async-%24%7Bnode.id%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3A%20''%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subItems%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20isLoading%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20!!node.hasSubNodes%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.isLoading%20%3F%20'Loading...'%20%3A%20node.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7B(nodeId%2C%20isExpanded)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onNodeExpanded(nodeId%2C%20isExpanded%2C%20node)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20node.isLoading%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CProgressRadial%20size%3D'x-small'%20indeterminate%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomizedExpander%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BdisabledNodes%5D%20%3D%20useState(%7B%0A%20%20%20%20'Node-4'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%20%20'Node-6'%3A%20true%2C%0A%20%20%20%20'Node-10'%3A%20true%2C%0A%20%20%7D)%3B%0A%0A%20%20const%20isNodeDisabled%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20Object.keys(disabledNodes).some(%0A%20%20%20%20%20%20%20%20(id)%20%3D%3E%20nodeId%20%3D%3D%3D%20id%20%7C%7C%20nodeId.startsWith(%60%24%7Bid%7D-%60)%2C%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BdisabledNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isDisabled%3A%20isNodeDisabled(node.id)%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%2C%20isNodeDisabled%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Allows%20to%20expand%20disabled%20nodes%0A%20%20%20%20%20%20%20%20%20%20%20%20expander%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTreeNodeExpander%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20isExpanded%3D%7Brest.isExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onNodeExpanded(node.id%2C%20!rest.isExpanded)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopPropagation()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Virtualized%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BdisabledNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-4'%3A%20true%2C%0A%20%20%20%20'Node-3-0'%3A%20true%2C%0A%20%20%20%20'Node-6'%3A%20true%2C%0A%20%20%20%20'Node-10'%3A%20true%2C%0A%20%20%7D)%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100000)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isDisabled%3A%20disabledNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BdisabledNodes%2C%20expandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'min(400px%2C%2090vh)'%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VirtualizedWithHorizontalScroll%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-0-0'%3A%20true%2C%0A%20%20%20%20'Node-0-0-0'%3A%20true%2C%0A%20%20%20%20'Node-0-0-0-0'%3A%20true%2C%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(1)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100000)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'fit-content'%2C%20minWidth%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'min(400px%2C%2090vh)'%2C%20width%3A%20'250px'%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","3707f4f9":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20WorkflowDiagram%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'WorkflowDiagram'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CWorkflowDiagram%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Start'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Set%20parameters'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Invite%20collaborators'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Review%20%26%20Approve'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Complete'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTooltips%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CWorkflowDiagram%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Start'%2C%20description%3A%20'Start%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Set%20parameters'%2C%20description%3A%20'Set%20parameters%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20'Invite%20collaborators'%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20'Invite%20collaborators%20Tooltip'%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Review%20%26%20Approve'%2C%20description%3A%20'Review%20%26%20Approve%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Complete'%2C%20description%3A%20'Complete%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A"},U5={"alert--custom-icon":h.d01c33c2,"alert--empty":h.d01c33c2,"alert--informational":h.d01c33c2,"alert--negative":h.d01c33c2,"alert--positive":h.d01c33c2,"alert--sticky":h.d01c33c2,"alert--warning":h.d01c33c2,"anchor--as-button":h[80259061],"anchor--basic":h[80259061],"anchor--external":h[80259061],"anchor--underline":h[80259061],"avatar--basic":h.bd99a355,"avatar--custom-status-translation":h.bd99a355,"avatar--sizes":h.bd99a355,"avatar--statuses":h.bd99a355,"avatar--with-icon":h.bd99a355,"avatar--with-image":h.bd99a355,"avatargroup--animated":h.e028d020,"avatargroup--basic":h.e028d020,"avatargroup--many-avatars":h.e028d020,"avatargroup--non-stacked":h.e028d020,"avatargroup--with-tooltip":h.e028d020,"badge--basic":h[61450310],"badge--long-label":h[61450310],"badge--statuses":h[61450310],"blockquote--basic":h.f89ae976,"blockquote--with-footer":h.f89ae976,"breadcrumbs--basic":h.c8853e22,"breadcrumbs--custom-overflow-back-button":h.c8853e22,"breadcrumbs--custom-overflow-dropdown":h.c8853e22,"breadcrumbs--custom-separator":h.c8853e22,"breadcrumbs--folder-navigation":h.c8853e22,"breadcrumbs--links":h.c8853e22,"breadcrumbs--overflow":h.c8853e22,"button--as-link":h["57cb345b"],"button--call-to-action":h["57cb345b"],"button--default":h["57cb345b"],"button--high-visibility":h["57cb345b"],"button--loading":h["57cb345b"],"button--stretch":h["57cb345b"],"button--with-icon":h["57cb345b"],"button--with-notification":h["57cb345b"],"buttongroup--input-button-combo":h.cd98b299,"buttongroup--overflow":h.cd98b299,"buttongroup--vertical":h.cd98b299,"buttongroup--vertical-overflow":h.cd98b299,"buttongroup--with-icons":h.cd98b299,"carousel--basic":h.fc3e20cc,"carousel--controlled":h.fc3e20cc,"carousel--only-dots":h.fc3e20cc,"checkbox--basic":h.a28638e2,"checkbox--disabled":h.a28638e2,"checkbox--indeterminate":h.a28638e2,"checkbox--loading":h.a28638e2,"checkbox--negative":h.a28638e2,"checkbox--positive":h.a28638e2,"checkbox--visibility":h.a28638e2,"checkbox--warning":h.a28638e2,"code--basic":h["4d3c682a"],"colorpicker--advanced":h["9261e1c5"],"colorpicker--basic":h["9261e1c5"],"colorpicker--with-alpha":h["9261e1c5"],"combobox--basic":h["0523f810"],"combobox--controlled":h["0523f810"],"combobox--custom-renderer":h["0523f810"],"combobox--disabled-items":h["0523f810"],"combobox--loading":h["0523f810"],"combobox--multiple-select":h["0523f810"],"combobox--virtualized":h["0523f810"],"combobox--with-custom-message-icon":h["0523f810"],"combobox--with-label":h["0523f810"],"combobox--with-message":h["0523f810"],"combobox--with-status":h["0523f810"],"datepicker--basic":h["4832439a"],"datepicker--localized":h["4832439a"],"datepicker--range":h["4832439a"],"datepicker--some-dates-disabled":h["4832439a"],"datepicker--with-combined-time":h["4832439a"],"datepicker--with-time":h["4832439a"],"datepicker--with-year":h["4832439a"],"dialog--basic":h.b3356a37,"dialog--draggable-and-resizable":h.b3356a37,"dialog--draggable-relative-to-container":h.b3356a37,"dialog--modal":h.b3356a37,"dialog--placement":h.b3356a37,"dropdownbutton--basic":h.ddd94297,"dropdownmenu--basic":h["73d7081a"],"dropdownmenu--submenu":h["73d7081a"],"dropdownmenu--with-content":h["73d7081a"],"dropdownmenu--with-end-icons":h["73d7081a"],"dropdownmenu--with-separator":h["73d7081a"],"dropdownmenu--with-start-icons":h["73d7081a"],"dropdownmenu--with-sublabels":h["73d7081a"],"expandableblock--accordion":h.b94f5a58,"expandableblock--basic":h.b94f5a58,"expandableblock--borderless":h.b94f5a58,"expandableblock--disabled":h.b94f5a58,"expandableblock--small":h.b94f5a58,"expandableblock--status-icon":h.b94f5a58,"expandableblock--with-caption":h.b94f5a58,"fieldset--basic":h.f0207c25,"fieldset--disabled":h.f0207c25,"fileupload--custom-file-upload-card":h["2b9bf6fc"],"fileupload--default-file-upload-card":h["2b9bf6fc"],"fileupload--wrapping-input":h["2b9bf6fc"],"flex--basic":h["8a4f7ed2"],"flex--individual-gaps":h["8a4f7ed2"],"flex--with-flex-item":h["8a4f7ed2"],"flex--with-spacer":h["8a4f7ed2"],"footer--appended-custom-elements":h["84561e2d"],"footer--basic":h["84561e2d"],"footer--bottom-fixed":h["84561e2d"],"footer--custom-content":h["84561e2d"],"footer--customized-default-and-custom-elements":h["84561e2d"],"footer--only-custom-elements":h["84561e2d"],"header--basic":h.d6820832,"header--center-content":h.d6820832,"header--full":h.d6820832,"header--slim":h.d6820832,"icon--autoscale":h["642f8b99"],"icon--default":h["642f8b99"],"icon--padded":h["642f8b99"],"icon--sizes":h["642f8b99"],"icon--statuses":h["642f8b99"],"iconbutton--add":h["4e97b782"],"iconbutton--borderless":h["4e97b782"],"iconbutton--high-visibility-add":h["4e97b782"],"iconbutton--small-active-add":h["4e97b782"],"ideasbutton--ideas":h["97092a2b"],"ideasbutton--localized-ideas":h["97092a2b"],"informationpanel--basic":h.c7be65d2,"informationpanel--custom-actions":h.c7be65d2,"informationpanel--custom-width":h.c7be65d2,"informationpanel--horizontal":h.c7be65d2,"input--basic":h.d8e9ca64,"input--disabled":h.d8e9ca64,"input--small":h.d8e9ca64,"input--status":h.d8e9ca64,"inputgrid--with-input":h["0c5c36f3"],"inputgrid--with-input-with-decorations":h["0c5c36f3"],"inputgrid--with-search":h["0c5c36f3"],"inputgrid--with-select":h["0c5c36f3"],"inputgroup--checkbox-group":h["5f0a5a65"],"inputgroup--radio-group":h["5f0a5a65"],"inputgroup--toggle-group":h["5f0a5a65"],"inputwithdecorations--basic":h["0a93cefd"],"inputwithdecorations--disabled":h["0a93cefd"],"inputwithdecorations--small":h["0a93cefd"],"inputwithdecorations--status":h["0a93cefd"],"keyboard-key--basic":h["7c15ac90"],"keyboard-key--predefined-key":h["7c15ac90"],"label--basic":h.dd42ca04,"label--inline":h.dd42ca04,"label--polymorphic":h.dd42ca04,"labeledinput--basic":h.c59476e2,"labeledinput--disabled":h.c59476e2,"labeledinput--hybrid-layout":h.c59476e2,"labeledinput--inline":h.c59476e2,"labeledinput--negative":h.c59476e2,"labeledinput--positive":h.c59476e2,"labeledinput--warning":h.c59476e2,"labeledinput--with-custom-icon":h.c59476e2,"labeledinput--with-message":h.c59476e2,"labeledinput--with-svg-icon":h.c59476e2,"labeledselect--basic":h.fe8b8be6,"labeledselect--native":h.fe8b8be6,"labeledselect--negative":h.fe8b8be6,"labeledselect--positive":h.fe8b8be6,"labeledselect--warning":h.fe8b8be6,"labeledselect--with-custom-icon":h.fe8b8be6,"labeledtextarea--basic":h.b0b001ff,"labeledtextarea--disabled":h.b0b001ff,"labeledtextarea--inline":h.b0b001ff,"labeledtextarea--negative":h.b0b001ff,"labeledtextarea--positive":h.b0b001ff,"labeledtextarea--warning":h.b0b001ff,"labeledtextarea--with-custom-icon":h.b0b001ff,"labeledtextarea--with-svg-icon":h.b0b001ff,"list--actionable":h.b2f51cc1,"list--basic":h.b2f51cc1,"list--with-icon":h.b2f51cc1,"modal--basic":h["42bd2c24"],"modal--full-page-modal":h["42bd2c24"],"modal--non-dismissible-modal":h["42bd2c24"],"modal--outside-click-and-esc-does-not-close":h["42bd2c24"],"nonidealstate--bad-gateway":h["77772dbc"],"nonidealstate--custom-html-message":h["77772dbc"],"nonidealstate--forbidden":h["77772dbc"],"nonidealstate--generic":h["77772dbc"],"nonidealstate--internal-server-error":h["77772dbc"],"nonidealstate--page-not-found":h["77772dbc"],"nonidealstate--redirect":h["77772dbc"],"nonidealstate--service-unavailable":h["77772dbc"],"nonidealstate--time-out":h["77772dbc"],"nonidealstate--unauthorized":h["77772dbc"],"nonidealstate--without-message-or-buttons":h["77772dbc"],"notificationmarker--basic":h.e1b21471,"notificationmarker--pulsing":h.e1b21471,"notificationmarker--status":h.e1b21471,"notificationmarker--with-buttons":h.e1b21471,"overlay--linear":h["3d2a705d"],"overlay--radial":h["3d2a705d"],"overview--readme":h["1b565e1d"],"panels--basic":h["3271cc30"],"panels--multi-level-list":h["3271cc30"],"panels--multi-panel-information-panel":h["3271cc30"],"panels--nested-panels":h["3271cc30"],"progresslinear--determinate":h["141ad7b0"],"progresslinear--determinate-animated":h["141ad7b0"],"progresslinear--indeterminate":h["141ad7b0"],"progresslinear--labeled-center":h["141ad7b0"],"progresslinear--labeled-left-right":h["141ad7b0"],"progresslinear--negative":h["141ad7b0"],"progresslinear--positive":h["141ad7b0"],"progresslinear--warning":h["141ad7b0"],"progressradial--determinate":h["026a13e9"],"progressradial--determinate-with-content":h["026a13e9"],"progressradial--indeterminate":h["026a13e9"],"progressradial--negative":h["026a13e9"],"progressradial--positive":h["026a13e9"],"progressradial--warning":h["026a13e9"],"radio--basic":h.b77b1f6a,"radio--disabled":h.b77b1f6a,"radio--negative":h.b77b1f6a,"radio--positive":h.b77b1f6a,"radio--warning":h.b77b1f6a,"radiotilegroup--colored":h.ba28067a,"radiotilegroup--monochrome":h.ba28067a,"searchbox--basic":h.e7667281,"searchbox--basic-with-custom-items":h.e7667281,"searchbox--basic-with-status":h.e7667281,"searchbox--borderless-expand-button":h.e7667281,"searchbox--expandable":h.e7667281,"searchbox--expandable-with-custom-items":h.e7667281,"searchbox--small":h.e7667281,"searchbox--with-custom-action":h.e7667281,"select--basic":h.b8599fc0,"select--borderless":h.b8599fc0,"select--custom":h.b8599fc0,"select--disabled":h.b8599fc0,"select--disabled-with-selected-value":h.b8599fc0,"select--many-items":h.b8599fc0,"select--multi":h.b8599fc0,"select--multi-custom-renderer":h.b8599fc0,"select--native":h.b8599fc0,"select--sublabels":h.b8599fc0,"select--truncate-middle-text":h.b8599fc0,"select--with-icons":h.b8599fc0,"select--with-selected-value":h.b8599fc0,"sidenavigation--active-item":h[14363534],"sidenavigation--basic":h[14363534],"sidenavigation--submenu":h[14363534],"skiptocontentlink--basic":h.c3337d49,"skiptocontentlink--custom-text":h.c3337d49,"slider--basic":h.cae8adc5,"slider--custom-tick-no-tooltip":h.cae8adc5,"slider--custom-tooltip":h.cae8adc5,"slider--decimal-increment":h.cae8adc5,"slider--disabled":h.cae8adc5,"slider--multi-thumbs-allow-crossing":h.cae8adc5,"slider--range":h.cae8adc5,"slider--vertical":h.cae8adc5,"slider--with-custom-thumb":h.cae8adc5,"splitbutton--basic":h["6f6d5c51"],"stepper--basic":h["3ff70816"],"stepper--custom-icon":h["3ff70816"],"stepper--localized-long":h["3ff70816"],"stepper--long":h["3ff70816"],"stepper--with-tooltips":h["3ff70816"],"surface--basic":h["8acd9860"],"surface--custom":h["8acd9860"],"surface--empty-state":h["8acd9860"],"surface--no-padding":h["8acd9860"],"surface--overflow-with-button-footer":h["8acd9860"],"table--basic":h.c369220c,"table--column-manager":h.c369220c,"table--condensed":h.c369220c,"table--controlled-state":h.c369220c,"table--custom-filter":h.c369220c,"table--customized-columns":h.c369220c,"table--disabled-rows":h.c369220c,"table--draggable-columns":h.c369220c,"table--editable":h.c369220c,"table--expandable":h.c369220c,"table--expandable-subrows":h.c369220c,"table--filters":h.c369220c,"table--full":h.c369220c,"table--full2":h.c369220c,"table--global-filter":h.c369220c,"table--horizontal-scroll":h.c369220c,"table--initial-state":h.c369220c,"table--lazy-loading":h.c369220c,"table--loading":h.c369220c,"table--localized":h.c369220c,"table--no-data":h.c369220c,"table--resizable-columns":h.c369220c,"table--row-in-viewport":h.c369220c,"table--scroll-to-row":h.c369220c,"table--selectable-multi":h.c369220c,"table--selectable-single":h.c369220c,"table--sortable":h.c369220c,"table--status-and-cell-icons":h.c369220c,"table--sticky-columns":h.c369220c,"table--virtualized":h.c369220c,"table--virtualized-sub-rows":h.c369220c,"table--with-manual-paginator-and-filter":h.c369220c,"table--with-paginator":h.c369220c,"table--zebra-striped-rows":h.c369220c,"tabs--borderless-tabs":h["9addc629"],"tabs--default-tabs":h["9addc629"],"tabs--horizontal-overflow":h["9addc629"],"tabs--legacy-tabs":h["9addc629"],"tabs--pill-tabs":h["9addc629"],"tabs--sublabels-and-icons":h["9addc629"],"tabs--vertical":h["9addc629"],"tabs--vertical-overflow":h["9addc629"],"tag--clickable":h["6d0814ad"],"tag--default":h["6d0814ad"],"tag--no-close":h["6d0814ad"],"tagcontainer--basic-tags-container":h.c6fc08cf,"tagcontainer--default-tags-container":h.c6fc08cf,"tagcontainer--scrollable-default-tags-container":h.c6fc08cf,"tagcontainer--truncated-basic-tags-container":h.c6fc08cf,"text--basic":h.ffcbc164,"text--body":h.ffcbc164,"text--headline":h.ffcbc164,"text--leading":h.ffcbc164,"text--polymorphic":h.ffcbc164,"text--skeleton":h.ffcbc164,"text--small":h.ffcbc164,"text--subheading":h.ffcbc164,"text--title":h.ffcbc164,"textarea--basic":h["8f779b2f"],"textarea--disabled":h["8f779b2f"],"tile--actionable":h["03e3fdfe"],"tile--all-props":h["03e3fdfe"],"tile--anchor-link":h["03e3fdfe"],"tile--basic":h["03e3fdfe"],"tile--condensed":h["03e3fdfe"],"tile--disabled":h["03e3fdfe"],"tile--folder":h["03e3fdfe"],"tile--loading":h["03e3fdfe"],"tile--status":h["03e3fdfe"],"tile--with-avatar":h["03e3fdfe"],"timepicker--basic":h.d00ce56e,"timepicker--combined":h.d00ce56e,"timepicker--custom-renderers":h.d00ce56e,"toasts--anchor-to-button":h["1dbfd5ef"],"toasts--close-individual":h["1dbfd5ef"],"toasts--informational":h["1dbfd5ef"],"toasts--negative":h["1dbfd5ef"],"toasts--position-changed":h["1dbfd5ef"],"toasts--positive":h["1dbfd5ef"],"toasts--warning":h["1dbfd5ef"],"toggleswitch--basic":h["3723a225"],"toggleswitch--disabled-checked":h["3723a225"],"toggleswitch--disabled-unchecked":h["3723a225"],"toggleswitch--label-left":h["3723a225"],"toggleswitch--label-right":h["3723a225"],"toggleswitch--small":h["3723a225"],"toggleswitch--with-custom-icon":h["3723a225"],"tooltip--bottom":h.e30001a8,"tooltip--controlled":h.e30001a8,"tooltip--left":h.e30001a8,"tooltip--right":h.e30001a8,"tooltip--top":h.e30001a8,"transferlist--basic":h.f5e6a9af,"transferlist--with-label":h.f5e6a9af,"tree--async-loading":h.f356850e,"tree--basic":h.f356850e,"tree--customized-expander":h.f356850e,"tree--full":h.f356850e,"tree--small":h.f356850e,"tree--virtualized":h.f356850e,"tree--virtualized-with-horizontal-scroll":h.f356850e,"workflowdiagram--basic":h["3707f4f9"],"workflowdiagram--with-tooltips":h["3707f4f9"]};const gm={stories:"src/**/*.stories.{js,jsx,ts,tsx,mdx}",defaultStory:"",storyOrder:e=>e,viteConfig:void 0,appendToHead:"",disableHttp2:!1,noWatch:!1,port:61e3,previewPort:8080,hmrHost:void 0,hmrPort:void 0,outDir:"build",base:void 0,hotkeys:{search:["/","meta+p"],nextStory:["alt+arrowright"],previousStory:["alt+arrowleft"],nextComponent:["alt+arrowdown"],previousComponent:["alt+arrowup"],control:["c"],darkMode:["d"],fullscreen:["f"],width:["w"],rtl:["r"],source:["s"],a11y:["a"]},onDevServerStart:()=>{},i18n:{buildTooltip:'💡 Tip: Run "ladle preview" to check that the build works!'},addons:{control:{enabled:!0,defaultState:{}},theme:{enabled:!0,defaultState:"light"},mode:{enabled:!0,defaultState:"full"},rtl:{enabled:!0,defaultState:!1},source:{enabled:!0,defaultState:!1},a11y:{enabled:!1},msw:{enabled:!1},action:{enabled:!0,defaultState:[]},ladle:{enabled:!0},width:{enabled:!0,options:{xsmall:414,small:640,medium:768,large:1024},defaultState:0}}};Object.keys(N2).length===0?ae("No custom config found."):(N2.storyOrder&&typeof N2.storyOrder=="string"&&(N2.storyOrder=new Function("return "+N2.storyOrder)()),ae("Custom config found:"),ae(N2));var Sd,Fd;(Fd=(Sd=N2==null?void 0:N2.addons)==null?void 0:Sd.width)!=null&&Fd.options&&(gm.addons.width.options={});const o0=SB(gm,N2);o0.defaultStory===""&&(o0.defaultStory=zd(Object.keys(Vn),o0.storyOrder)[0]);o0.hotkeys={...o0.hotkeys,...N2.hotkeys};ae("Final config",o0);const hm=e=>{switch(De.parse(e).theme){case O0.Light:return O0.Light;case O0.Dark:return O0.Dark;case O0.Auto:return O0.Auto;default:return"light"}},W5=({globalState:e,dispatch:t})=>{const n="Switch to dark theme.",r="Switch to light theme.",o=()=>{const a=e.theme===O0.Light?O0.Dark:O0.Light;document.documentElement.setAttribute("data-theme",a),t({type:u0.UpdateTheme,value:a})};return M2(o0.hotkeys.darkMode,o,{enabled:e.hotkeys&&o0.addons.mode.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":e.theme===O0.Light?n:r,title:e.theme===O0.Light?n:r,onClick:o,type:"button",children:[v.jsx(CE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:e.theme===O0.Light?n:r}),v.jsxs("label",{children:["Switch to"," ",e.theme===O0.Light?O0.Dark:O0.Light," ","theme"]})]})})},ym=$d(Nd(location.search,o0.defaultStory));ae(`Initial document.title: ${ym}`);document.title=`${ym} | Ladle`;const tc=hm(location.search);ae(`Initial theme state: ${tc}`);tc===O0.Auto?window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-theme",O0.Dark):document.documentElement.setAttribute("data-theme",O0.Light):document.documentElement.setAttribute("data-theme",tc);var bm,id=Ae;bm=id.createRoot,id.hydrateRoot;let vm,xm;typeof document<"u"&&(vm=document);typeof window<"u"&&(xm=window);const Sm=W.createContext({document:vm,window:xm}),G5=()=>s.useContext(Sm),{Provider:q5,Consumer:_L}=Sm;class Y5 extends s.Component{componentDidMount(){this.props.contentDidMount&&this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate&&this.props.contentDidUpdate()}render(){return W.Children.only(this.props.children)}}class Fm extends s.Component{constructor(n){super(n);Ht(this,"_isMounted",!1);Ht(this,"nodeRef",W.createRef());Ht(this,"setRef",n=>{this.nodeRef.current=n;const{forwardedRef:r}=this.props;typeof r=="function"?r(n):r&&(r.current=n)});Ht(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(Y5,{contentDidMount:r,contentDidUpdate:o,children:v.jsx(q5,{value:{document:n,window:a},children:v.jsx("div",{className:"frame-content",children:this.props.children})})}),l=this.getMountTarget();return[An.createPortal(this.props.head,this.getDoc().head),An.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()})}}Ht(Fm,"defaultProps",{style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:()=>{},contentDidUpdate:()=>{},initialContent:'
'});const K5=W.forwardRef((e,t)=>v.jsx(Fm,{...e,forwardedRef:t})),J5=e=>e.altKey||e.ctrlKey||e.shiftKey||e.metaKey,wm=e=>{const t=e.target||{};return!!(!e.key||t.isContentEditable||["INPUT","TEXTAREA"].includes(t.nodeName)&&!J5(e))},ld=e=>{if(wm(e))return;const t=new KeyboardEvent("keydown",{key:e.key,code:e.code,keyCode:e.keyCode,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey});document.dispatchEvent(t)},sd=e=>{if(wm(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)},nc="data-debug-css";function cd(e,t,n){const r=t.head.querySelectorAll(`style[${nc}]`),o=t.createElement("style");return o.setAttribute(nc,"true"),o.appendChild(t.createTextNode(e)),n&&r[n]?(r[n].after(o),n+1):(t.head.appendChild(o),r.length)}function ud(e,t){const n=e.head.querySelectorAll(`style[${nc}]`);t!=null&&n[t]&&n[t].remove()}const X5=({active:e,children:t,rtl:n,width:r})=>{const{window:o,document:a}=G5(),i=()=>{o&&(o.document.documentElement.setAttribute("dir",n?"rtl":"ltr"),[...document.head.children].forEach(l=>{if(l.tagName==="STYLE"||l.tagName==="LINK"&&(l.getAttribute("type")==="text/css"||l.getAttribute("rel")==="stylesheet")){if([...o.document.head.children].some(u=>u.tagName==="LINK"?u.getAttribute("href")===l.getAttribute("href"):u.tagName==="STYLE"?u.innerHTML===l.innerHTML:!1))return;o.document.head.appendChild(l.cloneNode(!0))}}))};return s.useEffect(()=>{const l=window.CSSStyleSheet.prototype.insertRule,c=window.CSSStyleSheet.prototype.deleteRule;return window.CSSStyleSheet.prototype.insertRule=function(u,d){const A=cd(u,document,d);return e&&a?cd(u,a,d):A},window.CSSStyleSheet.prototype.deleteRule=function(u){ud(document,u),e&&a&&ud(a,u)},()=>{window.CSSStyleSheet.prototype.insertRule=l,window.CSSStyleSheet.prototype.deleteRule=c}},[]),s.useEffect(()=>{if(e){i(),a==null||a.addEventListener("keydown",ld),a==null||a.addEventListener("keyup",sd);const l=new MutationObserver(()=>i());return document.documentElement.setAttribute("data-iframed",`${r}`),l.observe(document.head,{subtree:!0,characterData:!0,childList:!0}),()=>{l&&l.disconnect(),a==null||a.removeEventListener("keydown",ld),a==null||a.removeEventListener("keyup",sd)}}},[e,n,a]),t};class Z5 extends s.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){}render(){return this.state.hasError?null:this.props.children}}const Q5=({activeStory:e})=>v.jsxs("div",{className:"ladle-error-content",children:[v.jsx("h1",{children:"Story not found"}),v.jsxs("p",{children:["The story id ",v.jsx(Pt,{children:e})," you are trying to open does not exist. Typo?"]}),v.jsx("p",{children:v.jsx(vn,{href:"/",children:"Back to home"})}),v.jsx("p",{children:v.jsx(vn,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),v.jsx("p",{children:v.jsx(vn,{href:"https://www.ladle.dev",children:"Docs"})})]});function Tm(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;tt in e?vi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ue=(e,t)=>{for(var n in t||(t={}))Tu.call(t,n)&&Ad(e,n,t[n]);if(Xa)for(var n of Xa(t))km.call(t,n)&&Ad(e,n,t[n]);return e},xi=(e,t)=>tk(e,rk(t)),Rm=(e,t)=>{var n={};for(var r in e)Tu.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&Xa)for(var r of Xa(e))t.indexOf(r)<0&&km.call(e,r)&&(n[r]=e[r]);return n},ak=(e,t)=>function(){return t||(0,e[Im(e)[0]])((t={exports:{}}).exports,t),t.exports},ik=(e,t)=>{for(var n in t)vi(e,n,{get:t[n],enumerable:!0})},lk=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Im(t))!Tu.call(e,o)&&o!==n&&vi(e,o,{get:()=>t[o],enumerable:!(r=nk(t,o))||r.enumerable});return e},sk=(e,t,n)=>(n=e!=null?ek(ok(e)):{},lk(!e||!e.__esModule?vi(n,"default",{value:e,enumerable:!0}):n,e)),ck=ak({"../../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 D(p){return p instanceof l?new l(p.type,D(p.content),p.alias):Array.isArray(p)?p.map(D):p.replace(/&/g,"&").replace(/"+m.content+""};function c(D,p,b,B){D.lastIndex=p;var m=D.exec(b);if(m&&B&&m[1]){var E=m[1].length;m.index+=E,m[0]=m[0].slice(E)}return m}function u(D,p,b,B,m,E){for(var S in b)if(!(!b.hasOwnProperty(S)||!b[S])){var L=b[S];L=Array.isArray(L)?L:[L];for(var k=0;k=E.reach);I+=T.value.length,T=T.next){var V=T.value;if(p.length>D.length)return;if(!(V instanceof l)){var $=1,O;if(P){if(O=c(_,I,D,M),!O||O.index>=D.length)break;var n0=O.index,z=O.index+O[0].length,H=I;for(H+=T.value.length;n0>=H;)T=T.next,H+=T.value.length;if(H-=T.value.length,I=H,T.value instanceof l)continue;for(var Y=T;Y!==p.tail&&(HE.reach&&(E.reach=K);var Z=T.prev;e0&&(Z=A(p,Z,e0),I+=e0.length),C(p,Z,$);var a0=new l(S,x?i.tokenize(X,x):X,j,X);if(T=A(p,Z,a0),t0&&A(p,T,t0),$>1){var s0={cause:S+","+k,reach:K};u(D,p,b,T.prev,I,s0),E&&s0.reach>E.reach&&(E.reach=s0.reach)}}}}}}function d(){var D={value:null,prev:null,next:null},p={value:null,prev:D,next:null};D.next=p,this.head=D,this.tail=p,this.length=0}function A(D,p,b){var B=p.next,m={value:b,prev:p,next:B};return p.next=m,B.prev=m,D.length++,m}function C(D,p,b){for(var B=p.next,m=0;m/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},G.languages.markup.tag.inside["attr-value"].inside.entity=G.languages.markup.entity,G.languages.markup.doctype.inside["internal-subset"].inside=G.languages.markup,G.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))}),Object.defineProperty(G.languages.markup.tag,"addInlined",{value:function(e,r){var n={},n=(n["language-"+r]={pattern:/(^$)/i,lookbehind:!0,inside:G.languages[r]},n.cdata=/^$/i,{"included-cdata":{pattern://i,inside:n}}),r=(n["language-"+r]={pattern:/[\s\S]+/,inside:G.languages[r]},{});r[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},G.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(G.languages.markup.tag,"addAttribute",{value:function(e,t){G.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:G.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),G.languages.html=G.languages.markup,G.languages.mathml=G.languages.markup,G.languages.svg=G.languages.markup,G.languages.xml=G.languages.extend("markup",{}),G.languages.ssml=G.languages.xml,G.languages.atom=G.languages.xml,G.languages.rss=G.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",r=RegExp(r+"-"+r),o={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"};e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},G.languages.javascript=G.languages.extend("clike",{"class-name":[G.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),G.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,G.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:G.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:G.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:G.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:G.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:G.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),G.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:G.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),G.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),G.languages.markup&&(G.languages.markup.tag.addInlined("script","javascript"),G.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),G.languages.js=G.languages.javascript,G.languages.actionscript=G.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<>?>?|[!=]=?)=?|[~?@]/}),G.languages.actionscript["class-name"].alias="function",delete G.languages.actionscript.parameter,delete G.languages.actionscript["literal-property"],G.languages.markup&&G.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:G.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(G),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(n,r){(n=typeof n=="string"?[n]:n).forEach(function(o){var a=function(A){A.inside||(A.inside={}),A.inside.rest=r},i="doc-comment";if(l=e.languages[o]){var l,c=l[i];if((c=c||(l=e.languages.insertBefore(o,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[i])instanceof RegExp&&(c=l[i]={pattern:c}),Array.isArray(c))for(var u=0,d=c.length;u|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(G),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ ]+"+t.source+")?|"+t.source+"(?:[ ]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source}),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(l,c){c=(c||"").replace(/m/g,"")+"m";var u=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,function(){return r}).replace(/<>/g,function(){return l});return RegExp(u,c)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,function(){return r}).replace(/<>/g,function(){return"(?:"+o+"|"+a+")"})),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(G),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(u){return u=u.replace(//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__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\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(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach(function(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,f=A.length;C",quot:'"'},c=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(G),G.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:G.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},G.hooks.add("after-tokenize",function(e){if(e.language==="graphql")for(var t=e.tokens.filter(function(D){return typeof D!="string"&&D.type!=="comment"&&D.type!=="scalar"}),n=0;n?|<|>)?|>[>=]?|\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,f){return A={code:A,grammar:C,language:f},e.hooks.run("before-tokenize",A),A.tokens=e.tokenize(A.code,A.grammar),e.hooks.run("after-tokenize",A),A.tokens}function c(A,C,f){var b=e.tokenize(A,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),D=0,p={},b=l(b.map(function(m){if(typeof m=="string")return m;for(var E,S,m=m.content;A.indexOf((S=D++,E="___"+f.toUpperCase()+"_"+S+"___"))!==-1;);return p[E]=m,E}).join(""),C,f),B=Object.keys(p);return D=0,function m(E){for(var S=0;S=B.length)return;var L,k,R,x,M,P,j,w=E[S];typeof w=="string"||typeof w.content=="string"?(L=B[D],(j=(P=typeof w=="string"?w:w.content).indexOf(L))!==-1&&(++D,k=P.substring(0,j),M=p[L],R=void 0,(x={})["interpolation-punctuation"]=o,(x=e.tokenize(M,x)).length===3&&((R=[1,1]).push.apply(R,l(x[1],e.languages.javascript,"javascript")),x.splice.apply(x,R)),R=new e.Token("interpolation",x,r.alias,M),x=P.substring(j+L.length),M=[],k&&M.push(k),M.push(R),x&&(m(P=[x]),M.push.apply(M,P)),typeof w=="string"?(E.splice.apply(E,[S,1].concat(M)),S+=M.length-1):w.content=M)):(j=w.content,Array.isArray(j)?m(j):m([j]))}}(b),new e.Token(f,b,"language-"+f,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(f){for(var D=0,p=f.length;D]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(G),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(//g,function(){return n})),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(G),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(G),G.languages.n4js=G.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),G.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),G.languages.n4jsd=G.languages.n4js,function(e){function t(i,l){return RegExp(i.replace(//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*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r*\.{3}(?:[^{}]|)*\})/.source;function a(c,u){return c=c.replace(//g,function(){return n}).replace(//g,function(){return r}).replace(//g,function(){return o}),RegExp(c,u)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);function i(c){for(var u=[],d=0;d"&&u.push({tagName:l(A.content[0].content[1]),openedBraces:0}):0]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},G.languages.swift["string-literal"].forEach(function(e){e.inside.interpolation.inside=G.languages.swift}),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(G),G.languages.c=G.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),G.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),G.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},G.languages.c.string],char:G.languages.c.char,comment:G.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:G.languages.c}}}}),G.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete G.languages.c.boolean,G.languages.objectivec=G.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete G.languages.objectivec["class-name"],G.languages.objc=G.languages.objectivec,G.languages.reason=G.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),G.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete G.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|)*\*\//.source,n=0;n<2;n++)t=t.replace(//g,function(){return t});t=t.replace(//g,function(){return/[^\s\S]/.source}),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(G),G.languages.go=G.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),G.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete G.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,function(){return t.source});e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,function(){return 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+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,function(){return n})+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(G),G.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},G.languages.python["string-interpolation"].inside.interpolation.inside.rest=G.languages.python,G.languages.py=G.languages.python;var fe={};ik(fe,{dracula:()=>Ak,duotoneDark:()=>pk,duotoneLight:()=>Ck,github:()=>mk,jettwaveDark:()=>Mk,jettwaveLight:()=>zk,nightOwl:()=>Ek,nightOwlLight:()=>hk,oceanicNext:()=>bk,okaidia:()=>xk,oneDark:()=>Vk,oneLight:()=>Uk,palenight:()=>Fk,shadesOfPurple:()=>Tk,synthwave84:()=>Ik,ultramin:()=>Rk,vsDark:()=>Lm,vsLight:()=>Ok});var uk={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)"}}]},Ak=uk,dk={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"}}]},pk=dk,Dk={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"}}]},Ck=Dk,fk={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"}}]},mk=fk,Bk={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)"}}]},Ek=Bk,gk={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)"}}]},hk=gk,v2={char:"#D8DEE9",comment:"#999999",keyword:"#c5a5c5",primitive:"#5a9bcf",string:"#8dc891",variable:"#d7deea",boolean:"#ff8b50",punctuation:"#5FB3B3",tag:"#fc929e",function:"#79b6f2",className:"#FAC863",method:"#6699CC",operator:"#fc929e"},yk={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:v2.keyword}},{types:["attr-value"],style:{color:v2.string}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:v2.comment}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:v2.primitive}},{types:["boolean"],style:{color:v2.boolean}},{types:["tag"],style:{color:v2.tag}},{types:["string"],style:{color:v2.string}},{types:["punctuation"],style:{color:v2.string}},{types:["selector","char","builtin","inserted"],style:{color:v2.char}},{types:["function"],style:{color:v2.function}},{types:["operator","entity","url","variable"],style:{color:v2.variable}},{types:["keyword"],style:{color:v2.keyword}},{types:["atrule","class-name"],style:{color:v2.className}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},bk=yk,vk={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"}}]},xk=vk,Sk={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)"}}]},Fk=Sk,wk={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)"}}]},Tk=wk,_k={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"}}]},Ik=_k,kk={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)"}}]},Rk=kk,Lk={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)"}}]},Lm=Lk,Pk={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)"}}]},Ok=Pk,Nk={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"}}]},Mk=Nk,$k={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"}}]},zk=$k,jk={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%)"}}]},Vk=jk,Hk={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%)"}}]},Uk=Hk,Wk=(e,t)=>{const{plain:n}=e,r=e.styles.reduce((o,a)=>{const{languages:i,style:l}=a;return i&&!i.includes(t)||a.types.forEach(c=>{const u=ue(ue({},o[c]),l);o[c]=u}),o},{});return r.root=n,r.plain=xi(ue({},n),{backgroundColor:void 0}),r},dd=Wk,Gk=(e,t)=>{const[n,r]=s.useState(dd(t,e)),o=s.useRef(),a=s.useRef();return s.useEffect(()=>{(t!==o.current||e!==a.current)&&(o.current=t,a.current=e,r(dd(t,e)))},[e,t]),n},qk=e=>s.useCallback(t=>{var n=t,{className:r,style:o,line:a}=n,i=Rm(n,["className","style","line"]);const l=xi(ue({},i),{className:_m("token-line",r)});return typeof e=="object"&&"plain"in e&&(l.style=e.plain),typeof o=="object"&&(l.style=ue(ue({},l.style||{}),o)),l},[e]),Yk=e=>{const t=s.useCallback(({types:n,empty:r})=>{if(e!=null){{if(n.length===1&&n[0]==="plain")return r!=null?{display:"inline-block"}:void 0;if(n.length===1&&r!=null)return e[n[0]]}return Object.assign(r!=null?{display:"inline-block"}:{},...n.map(o=>e[o]))}},[e]);return s.useCallback(n=>{var r=n,{token:o,className:a,style:i}=r,l=Rm(r,["token","className","style"]);const c=xi(ue({},l),{className:_m("token",...o.types,a),children:o.content,style:t(o)});return i!=null&&(c.style=ue(ue({},c.style||{}),i)),c},[t])},Kk=/\r\n|\r|\n/,pd=e=>{e.length===0?e.push({types:["plain"],content:` +`,empty:!0}):e.length===1&&e[0].content===""&&(e[0].content=` +`,e[0].empty=!0)},Dd=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},Jk=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,l=[];const c=[l];for(;i>-1;){for(;(a=r[i]++)0?d:["plain"],u=C):(d=Dd(d,C.type),C.alias&&(d=Dd(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 f=u.split(Kk),D=f.length;l.push({types:d,content:f[0]});for(let p=1;p{const o=s.useRef(e);return s.useMemo(()=>{if(n==null)return Cd([t]);const a={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",a),a.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",a),Cd(a.tokens)},[t,n,r])},Zk=({children:e,language:t,code:n,theme:r,prism:o})=>{const a=t.toLowerCase(),i=Gk(a,r),l=qk(i),c=Yk(i),u=o.languages[a],d=Xk({prism:o,language:a,code:n,grammar:u});return e({tokens:d,className:`prism-code language-${a}`,style:i!=null?i.root:{},getLineProps:l,getTokenProps:c})},fd=e=>s.createElement(Zk,xi(ue({},e),{prism:e.prism||G,theme:e.theme||Lm,code:e.code,language:e.language}));/*! Bundled license information: + +prismjs/prism.js: + (** + * Prism: Lightweight, robust, elegant syntax highlighting + * + * @license MIT + * @author Lea Verou + * @namespace + * @public + *) +*/const Qk=e=>{const t=De.parse(e).source;return t==="true"?!0:t==="false"?!1:o0.addons.source.defaultState},Pm=({children:e,theme:t,language:n="tsx",locStart:r,locEnd:o,className:a})=>{const i=typeof r<"u"&&typeof o<"u",l=/language-(\w+)/.exec(a||"");return l?(n=l[1],v.jsx(fd,{code:e.trim(),language:n,theme:{...t==="dark"?fe.nightOwl:fe.github,plain:{...(t==="dark"?fe.nightOwl:fe.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:c,style:u,tokens:d,getTokenProps:A})=>v.jsx("div",{className:c,style:{...u,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em"},children:d.map((C,f)=>v.jsx("div",{children:C.map((D,p)=>v.jsx("span",{...A({token:D,key:p})},p))},f))})})):i?v.jsx(fd,{code:e.trim(),language:n,theme:{...t==="dark"?fe.nightOwl:fe.github,plain:{...(t==="dark"?fe.nightOwl:fe.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:c,style:u,tokens:d,getLineProps:A,getTokenProps:C})=>v.jsx("pre",{className:c,style:{...u,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em 0",overflow:"auto",maxHeight:"50vh"},children:d.map((f,D)=>v.jsxs("div",{id:`ladle_loc_${D+1}`,...A({line:f,key:D}),style:{display:"table-row"},children:[v.jsx("span",{className:"ladle-addon-source-lineno",style:D+1>=r&&D+1<=o?{backgroundColor:"var(--ladle-color-accent)",color:"#FFF"}:void 0,children:D+1}),v.jsx("div",{style:{display:"table-cell",paddingLeft:"0.5em"},children:f.map((p,b)=>v.jsx("span",{...C({token:p,key:b})},b))})]},D))})}):v.jsx("code",{children:e})},eR=({globalState:e})=>{if(!Vn[e.story])return v.jsx(v.Fragment,{children:"There is no story loaded."});const{entry:t,locStart:n,locEnd:r}=Vn[e.story];return s.useEffect(()=>{window.location.hash="",window.location.hash=`ladle_loc_${n}`},[n]),v.jsxs(v.Fragment,{children:[v.jsx(V5,{path:t,locStart:n,locEnd:r}),v.jsx(Pm,{theme:e.theme,language:"tsx",locEnd:r,locStart:n,children:decodeURIComponent(U5[e.story])})]})},tR=({globalState:e,dispatch:t})=>{const n="Show the story source code.";return M2(o0.hotkeys.source,()=>{t({type:u0.UpdateSource,value:!e.source})},{enabled:e.hotkeys&&o0.addons.source.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":n,"data-testid":"addon-source",title:n,onClick:()=>{t({type:u0.UpdateSource,value:!e.source})},className:e.source?"source-active":"",type:"button",children:[v.jsx(EE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:n}),v.jsx("label",{children:"Story Source Code"}),v.jsx(qn,{isOpen:e.source,close:()=>t({type:u0.UpdateSource,value:!1}),label:"Dialog with the story source code.",children:v.jsx(eR,{globalState:e})})]})})},ye=Date;let rc=null;const Hn=class extends ye{constructor(t,n,r,o,a,i,l){super();let c;switch(arguments.length){case 0:rc!==null?c=new ye(rc.valueOf()):c=new ye;break;case 1:c=new ye(t);break;default:r=typeof r>"u"?1:r,o=o||0,a=a||0,i=i||0,l=l||0,c=new ye(t,n,r,o,a,i,l);break}return c}};Hn.UTC=ye.UTC;Hn.now=function(){return new Hn().valueOf()};Hn.parse=function(e){return ye.parse(e)};Hn.toString=function(){return ye.toString()};function nR(e){const t=new Date(e.valueOf());if(isNaN(t.getTime()))throw new TypeError("mockdate: The time set is an invalid date: "+e);Date=Hn,rc=t.valueOf()}function rR(){Date=ye}const oR=({children:e,active:t,width:n,story:r,mode:o})=>!t&&n===0||o===c2.Preview?e:v.jsx(K5,{title:`Story ${r}`,initialContent:'
',mountTarget:"#root",className:"ladle-iframe",style:{width:n||"100%"},children:e}),md=({globalState:e,dispatch:t})=>{var u;const n=Vn[e.story],r=e.width,o=(u=n==null?void 0:n.meta)==null?void 0:u.meta,a=o?o.hotkeys:!0,i=o?o.mockDate:void 0,l=n&&o?o.iframed:!1;let c=n&&o?o.width:0;return Object.keys(o0.addons.width.options).forEach(d=>{d===c&&(c=o0.addons.width.options[d])}),s.useEffect(()=>{i?nR(i):rR()},[i]),s.useEffect(()=>{typeof a<"u"&&a!==e.hotkeys&&t({type:u0.UpdateHotkeys,value:a})},[a]),s.useEffect(()=>{if(c&&c!==0){t({type:u0.UpdateWidth,value:c});return}o0.addons.width.defaultState!==0&&t({type:u0.UpdateWidth,value:o0.addons.width.defaultState})},[c,e.story]),s.useEffect(()=>{e.mode!==c2.Preview&&(l||r)?document.documentElement.setAttribute("data-iframed",`${r}`):document.documentElement.removeAttribute("data-iframed")},[l,e.story,e.mode,e.width]),e.story?v.jsx(Z5,{children:v.jsx(s.Suspense,{fallback:v.jsx(pE,{}),children:v.jsx(oR,{active:l,story:e.story,width:r,mode:e.mode,children:v.jsx(X5,{active:(l||r>0)&&e.mode!==c2.Preview,rtl:e.rtl,width:r,children:v.jsx(MS,{components:{code:d=>v.jsx(Pm,{...d,theme:e.theme})},children:v.jsx(jS,{config:o0,globalState:e,dispatch:t,storyMeta:o,children:n?s.createElement(n.component):v.jsx(Q5,{activeStory:e.story})})})})})})}):null},aR=()=>v.jsxs("div",{className:"ladle-error-content",children:[v.jsx("h1",{children:"No stories found"}),v.jsxs("p",{children:["The configured glob pattern for stories is: ",v.jsx(Pt,{children:N2.stories}),"."]}),v.jsxs("p",{children:["It can be changed through the"," ",v.jsx(vn,{href:"https://www.ladle.dev/docs/config#story-filenames",children:"configuration file"})," ","or CLI flag ",v.jsx(Pt,{children:"--stories=your-glob"}),"."]}),v.jsx("p",{children:v.jsx(vn,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),v.jsx("p",{children:v.jsx(vn,{href:"https://www.ladle.dev",children:"Docs"})})]});var xt;(function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"})(xt||(xt={}));var Bd=function(e){return e},Ed="beforeunload",iR="popstate";function lR(e){e===void 0&&(e={});var t=e,n=t.window,r=n===void 0?document.defaultView:n,o=r.history;function a(){var R=r.location,x=R.pathname,M=R.search,P=R.hash,j=o.state||{};return[j.idx,Bd({pathname:x,search:M,hash:P,state:j.usr||null,key:j.key||"default"})]}var i=null;function l(){if(i)f.call(i),i=null;else{var R=xt.Pop,x=a(),M=x[0],P=x[1];if(f.length){if(M!=null){var j=d-M;j&&(i={action:R,location:P,retry:function(){L(j*-1)}},L(j))}}else m(R)}}r.addEventListener(iR,l);var c=xt.Pop,u=a(),d=u[0],A=u[1],C=hd(),f=hd();d==null&&(d=0,o.replaceState(Ka({},o.state,{idx:d}),""));function D(R){return typeof R=="string"?R:cR(R)}function p(R,x){return x===void 0&&(x=null),Bd(Ka({pathname:A.pathname,hash:"",search:""},typeof R=="string"?uR(R):R,{state:x,key:sR()}))}function b(R,x){return[{usr:R.state,key:R.key,idx:x},D(R)]}function B(R,x,M){return!f.length||(f.call({action:R,location:x,retry:M}),!1)}function m(R){c=R;var x=a();d=x[0],A=x[1],C.call({action:c,location:A})}function E(R,x){var M=xt.Push,P=p(R,x);function j(){E(R,x)}if(B(M,P,j)){var w=b(P,d+1),_=w[0],T=w[1];try{o.pushState(_,"",T)}catch{r.location.assign(T)}m(M)}}function S(R,x){var M=xt.Replace,P=p(R,x);function j(){S(R,x)}if(B(M,P,j)){var w=b(P,d),_=w[0],T=w[1];o.replaceState(_,"",T),m(M)}}function L(R){o.go(R)}var k={get action(){return c},get location(){return A},createHref:D,push:E,replace:S,go:L,back:function(){L(-1)},forward:function(){L(1)},listen:function(x){return C.push(x)},block:function(x){var M=f.push(x);return f.length===1&&r.addEventListener(Ed,gd),function(){M(),f.length||r.removeEventListener(Ed,gd)}}};return k}function gd(e){e.preventDefault(),e.returnValue=""}function hd(){var e=[];return{get length(){return e.length},push:function(n){return e.push(n),function(){e=e.filter(function(r){return r!==n})}},call:function(n){e.forEach(function(r){return r&&r(n)})}}}function sR(){return Math.random().toString(36).substr(2,8)}function cR(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 uR(e){var t={};if(e){var n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));var r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}const _u=lR(),AR=()=>{_u.push(wr({}))},Om=e=>{Object.keys(e).forEach(t=>{const n=e[t],r=o0.addons[t]?o0.addons[t].defaultState:"$$LADLE_unknown";n===r&&delete e[t]})},Fl=e=>{if(!e.controlInitialized)return;const t=De.parse(location.search),n={};Object.keys(t).forEach(o=>{o.startsWith("arg-")||(n[o]=t[o])});const r={...n,mode:e.mode,rtl:e.rtl,source:e.source,story:e.story,theme:e.theme,width:e.width,control:e.control};Om(r),location.search!==wr(r)&&(ae(`Updating URL to ${wr(r)}`),_u.push(wr(r)))},wr=e=>{Om(e);const t={};return Object.keys(e).forEach(n=>{n==="control"?Object.keys(e[n]).forEach(r=>{const o=e[n][r];if(o.type===l0.Action)return;let a=o.value,i=!1;a=encodeURI(typeof o.value=="string"?o.value:JSON.stringify(o.value));try{i=JSON.stringify(o.value)===JSON.stringify(o.defaultValue),!i&&JSON.stringify(a)!==JSON.stringify(o.defaultValue)&&(t[`arg-${r}`]=a)}catch{}}):t[n]=e[n]}),`?${De.stringify(t)}`},Nm=e=>e.isExpanded&&e.children&&e.children.length?Nm(e.children[e.children.length-1]):e.id,Mm=(e,t,n)=>{for(let r=0;r{for(let r=0;r{for(let n=0;ne[0].isLinkable?e[0]:jm(e[0].children),Vm=(e,t)=>{for(let n=0;n{for(let r=0;r{const t=e[e.length-1];return t.isExpanded&&t.children&&t.children.length?Um(t.children):t.id},mr=(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=mr(o.children,o.id===t.id?{id:o.isExpanded?"+":"-"}:t)),o});function dR(e,t){let n;return function(...r){n!==void 0&&clearTimeout(n),n=window.setTimeout(()=>{e.apply(this,r),n=void 0},t)}}const pR=({stories:e,story:t,updateStory:n,searchActive:r,searchRef:o,setTreeRootRef:a,hotkeys:i})=>{const l=s.useRef({}),[c,u]=s.useState(Ni(e,t,r));s.useEffect(()=>{u(Ni(e,t,r))},[e.join(",")]);const[d,A]=s.useState(c.length?c[0].id:null),C=p=>{var b;p&&l&&l.current[p]&&((b=l.current[p])==null||b.focus()),A(p||c[0].id),!p&&o.current.focus()},f=p=>{p&&(n(p),u(Ni(e,p,r)),setTimeout(()=>C(p),1))};M2(o0.hotkeys.nextStory,()=>{const p=e.findIndex(b=>b===t);f(e[p+1])},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),M2(o0.hotkeys.previousStory,()=>{const p=e.findIndex(b=>b===t);f(e[p-1])},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),M2(o0.hotkeys.nextComponent,()=>{const p=e.findIndex(m=>m===t),b=e[p].split("--"),B=b[b.length-2];for(let m=p+1;m{const p=e.findIndex(m=>m===t),b=e[p].split("--"),B=b[b.length-2];for(let m=p-1;m>=0;m--){const E=e[m].split("--"),S=m>0?e[m-1].split("--"):["",""];if(E[E.length-2]!==B&&S[S.length-2]!==E[E.length-2]){f(e[m]);return}}},{preventDefault:!0,enableOnFormTags:!0,enabled:i});const D=(p,b)=>{if(!(p.metaKey||p.ctrlKey||p.altKey))switch(p.key){case"ArrowRight":p.preventDefault(),p.stopPropagation(),b.isExpanded?C(Vm(c,b.id)):u(mr(c,b));break;case"ArrowLeft":p.preventDefault(),p.stopPropagation(),b.isExpanded?u(mr(c,b)):C(Mm(c,b.id,null));break;case"ArrowUp":p.preventDefault(),p.stopPropagation(),C($m(c,b.id,null));break;case"ArrowDown":{p.preventDefault(),p.stopPropagation();const B=Hm(c,b.id,null);B&&C(B);break}case" ":case"Enter":p.target.href||(p.preventDefault(),p.stopPropagation(),u(mr(c,b)));break;case"Home":p.preventDefault(),p.stopPropagation(),c.length&&C(c[0].id);break;case"End":p.preventDefault(),p.stopPropagation(),C(Um(c));break}};return v.jsx("ul",{role:"tree",style:{marginInlineStart:"-6px"},ref:p=>a(p),children:v.jsx(Wm,{tree:c,fullTree:c,story:t,updateStory:n,onItemClick:p=>{const b=mr(c,p),B=jm(zm(b,p.id),p.id);B&&t!==B.id&&B.isExpanded&&n(B.id),u(b)},selectedItemId:d,onKeyDownFn:D,treeItemRefs:l})})},Wm=({tree:e,fullTree:t,story:n,updateStory:r,onItemClick:o,onKeyDownFn:a,selectedItemId:i,treeItemRefs:l})=>v.jsx(s.Fragment,{children:e.map(c=>v.jsxs("li",{onDragStart:u=>u.preventDefault(),onKeyDown:u=>a(u,c),"aria-expanded":c.isExpanded,title:c.name,tabIndex:c.id===i&&!c.isLinkable?0:-1,ref:c.isLinkable?void 0:u=>l.current[c.id]=u,role:"treeitem",className:r2({"ladle-linkable":c.isLinkable,"ladle-active":c.id===n}),style:c.isLinkable?{}:{marginTop:"0.5em"},children:[c.isLinkable?v.jsxs("div",{style:{display:"flex"},children:[v.jsx(fE,{}),v.jsx("a",{tabIndex:c.id===i?0:-1,ref:u=>l.current[c.id]=u,href:wr({story:c.id}),onKeyDown:u=>n!==c.id&&a(u,c),onClick:u=>{!u.ctrlKey&&!u.metaKey&&(u.preventDefault(),n!==c.id&&r(c.id))},children:c.name})]}):v.jsxs("div",{style:{display:"flex",cursor:"pointer"},title:c.name,onClick:()=>o(c),children:[v.jsx(mE,{rotate:!c.isExpanded}),v.jsx("div",{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},children:c.name})]}),Object.keys(c.children).length>0&&c.isExpanded&&v.jsx("ul",{role:"group",children:v.jsx(Wm,{tree:c.children,fullTree:t,story:n,updateStory:r,selectedItemId:i,onKeyDownFn:a,onItemClick:o,treeItemRefs:l})})]},c.id))}),Gm="718ffe",oc=`ladle-settings-${Gm}`,qm={appId:Gm},DR=e=>{const t=localStorage.getItem(oc);let n=qm;try{t&&(n=JSON.parse(t))}catch{}localStorage.setItem(oc,JSON.stringify({...n,...e}))},CR=()=>{const e=localStorage.getItem(oc);let t=qm;try{e&&(t=JSON.parse(e))}catch{}return t},fR=240,wl=192,Tl=920,_l=dR(DR,250),mR=({stories:e,story:t,updateStory:n,hotkeys:r})=>{const[o,a]=s.useState(""),[i,l]=s.useState(CR().sidebarWidth||fR),[c,u]=s.useState(!1),d=s.useRef(null),A=s.useRef(null),C=s.useRef(null);s.useEffect(()=>{window.getComputedStyle(d.current.parentElement).getPropertyValue("flex-direction")==="row-reverse"&&document.documentElement.setAttribute("data-reversed","")},[]),s.useEffect(()=>{const p=B=>{c&&l(m=>{const E=document.documentElement.hasAttribute("data-reversed")?m+B.movementX:m-B.movementX;return ETl?(_l({sidebarWidth:Tl}),Tl):(_l({sidebarWidth:E}),E)})},b=()=>{c&&(document.body.style.cursor="auto",u(!1))};return window.addEventListener("mousemove",p),window.addEventListener("mouseup",b),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",b)}},[c,u,l,d.current]),M2(o0.hotkeys.search,()=>A.current.focus(),{preventDefault:!0,enabled:r});const f=o.toLocaleLowerCase().replace(new RegExp("\\s+","g"),"-"),D=e.filter(p=>p.includes(f));return v.jsxs(v.Fragment,{children:[v.jsx("div",{role:"separator","aria-orientation":"vertical",ref:d,className:r2("ladle-resize-handle",{"ladle-resize-active":c}),onDragStart:p=>p.preventDefault(),onDragEnd:p=>p.preventDefault(),onDrop:p=>p.preventDefault(),onDragOver:p=>p.preventDefault(),onDragEnter:p=>p.preventDefault(),onDragLeave:p=>p.preventDefault(),onMouseDown:p=>{p.preventDefault(),c||(document.body.style.cursor="col-resize",u(!0))}}),v.jsxs("nav",{role:"navigation",className:"ladle-aside",style:{minWidth:`${i}px`},children:[v.jsx("input",{placeholder:"Search","aria-label":"Search stories",value:o,ref:A,onKeyDown:p=>{p.key==="ArrowDown"&&C.current.firstChild.focus()},onChange:p=>a(p.target.value)}),v.jsx(pR,{searchRef:A,stories:D,story:t,hotkeys:r,updateStory:n,searchActive:o!=="",setTreeRootRef:p=>C.current=p})]})]})},BR=e=>{switch(De.parse(e).mode){case c2.Full:return c2.Full;case c2.Preview:return c2.Preview;default:return o0.addons.mode.defaultState}},ER=({dispatch:e})=>{const t=`Open fullscreen mode. Can be toggled by pressing ${o0.hotkeys.fullscreen.join(" or ")}.`;return v.jsx("li",{children:v.jsxs("button",{"aria-label":t,title:t,onClick:()=>e({type:u0.UpdateMode,value:c2.Preview}),type:"button",children:[v.jsx(DE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:t}),v.jsx("label",{children:"Open fullscreen mode"})]})})};var gR=Object.create,Iu=Object.defineProperty,hR=Object.getOwnPropertyDescriptor,Ym=Object.getOwnPropertyNames,yR=Object.getPrototypeOf,bR=Object.prototype.hasOwnProperty,ku=(e,t)=>function(){return t||(0,e[Ym(e)[0]])((t={exports:{}}).exports,t),t.exports},vR=(e,t)=>{for(var n in t)Iu(e,n,{get:t[n],enumerable:!0})},xR=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ym(t))!bR.call(e,o)&&o!==n&&Iu(e,o,{get:()=>t[o],enumerable:!(r=hR(t,o))||r.enumerable});return e},SR=(e,t,n)=>(n=e!=null?gR(yR(e)):{},xR(!e||!e.__esModule?Iu(n,"default",{value:e,enumerable:!0}):n,e)),FR=ku({"node_modules/is-object/index.js"(e,t){t.exports=function(r){return typeof r=="object"&&r!==null}}}),wR=ku({"node_modules/is-window/index.js"(e,t){t.exports=function(n){if(n==null)return!1;var r=Object(n);return r===r.window}}}),TR=ku({"node_modules/is-dom/index.js"(e,t){var n=FR(),r=wR();function o(a){return!n(a)||!r(window)||typeof window.Node!="function"?!1:typeof a.nodeType=="number"&&typeof a.nodeName=="string"}t.exports=o}}),Za={};vR(Za,{chromeDark:()=>Km,chromeLight:()=>Jm});var Km={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"},Jm={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"},Xm=s.createContext([{},()=>{}]),Il={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},oa=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,...Il},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`}:{},...Il},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,...Il}}),ac="chromeLight",Zm=s.createContext(oa(Za[ac])),I2=e=>s.useContext(Zm)[e],Ru=e=>({theme:n=ac,...r})=>{const o=s.useMemo(()=>{switch(Object.prototype.toString.call(n)){case"[object String]":return oa(Za[n]);case"[object Object]":return oa(n);default:return oa(Za[ac])}},[n]);return W.createElement(Zm.Provider,{value:o},W.createElement(e,{...r}))},_R=({expanded:e,styles:t})=>W.createElement("span",{style:{...t.base,...e?t.expanded:t.collapsed}},"▶"),IR=s.memo(e=>{e={expanded:!0,nodeRenderer:({name:d})=>W.createElement("span",null,d),onClick:()=>{},shouldShowArrow:!1,shouldShowPlaceholder:!0,...e};const{expanded:t,onClick:n,children:r,nodeRenderer:o,title:a,shouldShowArrow:i,shouldShowPlaceholder:l}=e,c=I2("TreeNode"),u=o;return W.createElement("li",{"aria-expanded":t,role:"treeitem",style:c.treeNodeBase,title:a},W.createElement("div",{style:c.treeNodePreviewContainer,onClick:n},i||s.Children.count(r)>0?W.createElement(_R,{expanded:t,styles:c.treeNodeArrow}):l&&W.createElement("span",{style:c.treeNodePlaceholder}," "),W.createElement(u,{...e})),W.createElement("ol",{role:"group",style:c.treeNodeChildNodesContainer},t?r:void 0))}),Qa="$",yd="*";function aa(e,t){return!t(e).next().done}var kR=e=>Array.from({length:e},(t,n)=>[Qa].concat(Array.from({length:n},()=>"*")).join(".")),RR=(e,t,n,r,o)=>{const a=[].concat(kR(r)).concat(n).filter(l=>typeof l=="string"),i=[];return a.forEach(l=>{const c=l.split("."),u=(d,A,C)=>{if(C===c.length){i.push(A);return}const f=c[C];if(C===0)aa(d,t)&&(f===Qa||f===yd)&&u(d,Qa,C+1);else if(f===yd)for(const{name:D,data:p}of t(d))aa(p,t)&&u(p,`${A}.${D}`,C+1);else{const D=d[f];aa(D,t)&&u(D,`${A}.${f}`,C+1)}};u(e,"",0)}),i.reduce((l,c)=>(l[c]=!0,l),{...o})},Qm=s.memo(e=>{const{data:t,dataIterator:n,path:r,depth:o,nodeRenderer:a}=e,[i,l]=s.useContext(Xm),c=aa(t,n),u=!!i[r],d=s.useCallback(()=>c&&l(A=>({...A,[r]:!u})),[c,l,r,u]);return W.createElement(IR,{expanded:u,onClick:d,shouldShowArrow:c,shouldShowPlaceholder:o>0,nodeRenderer:a,...e},u?[...n(t)].map(({name:A,data:C,...f})=>W.createElement(Qm,{name:A,data:C,depth:o+1,path:`${r}.${A}`,key:A,dataIterator:n,nodeRenderer:a,...f})):null)}),e7=s.memo(({name:e,data:t,dataIterator:n,nodeRenderer:r,expandPaths:o,expandLevel:a})=>{const i=I2("TreeView"),l=s.useState({}),[,c]=l;return s.useLayoutEffect(()=>c(u=>RR(t,n,o,a,u)),[t,n,o,a]),W.createElement(Xm.Provider,{value:l},W.createElement("ol",{role:"tree",style:i.treeViewOutline},W.createElement(Qm,{name:e,data:t,dataIterator:n,depth:0,path:Qa,nodeRenderer:r})))}),Lu=({name:e,dimmed:t=!1,styles:n={}})=>{const r=I2("ObjectName"),o={...r.base,...t?r.dimmed:{},...n};return W.createElement("span",{style:o},e)},Tr=({object:e,styles:t})=>{const n=I2("ObjectValue"),r=o=>({...n[o],...t});switch(typeof e){case"bigint":return W.createElement("span",{style:r("objectValueNumber")},String(e),"n");case"number":return W.createElement("span",{style:r("objectValueNumber")},String(e));case"string":return W.createElement("span",{style:r("objectValueString")},'"',e,'"');case"boolean":return W.createElement("span",{style:r("objectValueBoolean")},String(e));case"undefined":return W.createElement("span",{style:r("objectValueUndefined")},"undefined");case"object":return e===null?W.createElement("span",{style:r("objectValueNull")},"null"):e instanceof Date?W.createElement("span",null,e.toString()):e instanceof RegExp?W.createElement("span",{style:r("objectValueRegExp")},e.toString()):Array.isArray(e)?W.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?W.createElement("span",null,`Buffer[${e.length}]`):W.createElement("span",null,e.constructor.name):W.createElement("span",null,"Object");case"function":return W.createElement("span",null,W.createElement("span",{style:r("objectValueFunctionPrefix")},"ƒ "),W.createElement("span",{style:r("objectValueFunctionName")},e.name,"()"));case"symbol":return W.createElement("span",{style:r("objectValueSymbol")},e.toString());default:return W.createElement("span",null)}},t7=Object.prototype.hasOwnProperty,LR=Object.prototype.propertyIsEnumerable;function ic(e,t){const n=Object.getOwnPropertyDescriptor(e,t);if(n.get)try{return n.get()}catch{return n.get}return e[t]}function bd(e,t){return e.length===0?[]:e.slice(1).reduce((n,r)=>n.concat([t,r]),[e[0]])}var lc=({data:e})=>{const t=I2("ObjectPreview"),n=e;if(typeof n!="object"||n===null||n instanceof Date||n instanceof RegExp)return W.createElement(Tr,{object:n});if(Array.isArray(n)){const r=t.arrayMaxProperties,o=n.slice(0,r).map((i,l)=>W.createElement(Tr,{key:l,object:i}));n.length>r&&o.push(W.createElement("span",{key:"ellipsis"},"…"));const a=n.length;return W.createElement(W.Fragment,null,W.createElement("span",{style:t.objectDescription},a===0?"":`(${a}) `),W.createElement("span",{style:t.preview},"[",bd(o,", "),"]"))}else{const r=t.objectMaxProperties,o=[];for(const i in n)if(t7.call(n,i)){let l;o.length===r-1&&Object.keys(n).length>r&&(l=W.createElement("span",{key:"ellipsis"},"…"));const c=ic(n,i);if(o.push(W.createElement("span",{key:i},W.createElement(Lu,{name:i||'""'}),": ",W.createElement(Tr,{object:c}),l)),l)break}const a=n.constructor?n.constructor.name:"Object";return W.createElement(W.Fragment,null,W.createElement("span",{style:t.objectDescription},a==="Object"?"":`${a} `),W.createElement("span",{style:t.preview},"{",bd(o,", "),"}"))}},PR=({name:e,data:t})=>typeof e=="string"?W.createElement("span",null,W.createElement(Lu,{name:e}),W.createElement("span",null,": "),W.createElement(lc,{data:t})):W.createElement(lc,{data:t}),OR=({name:e,data:t,isNonenumerable:n=!1})=>{const r=t;return W.createElement("span",null,typeof e=="string"?W.createElement(Lu,{name:e,dimmed:n}):W.createElement(lc,{data:e}),W.createElement("span",null,": "),W.createElement(Tr,{object:r}))},NR=(e,t)=>function*(r){if(!(typeof r=="object"&&r!==null||typeof r=="function"))return;const a=Array.isArray(r);if(!a&&r[Symbol.iterator]){let i=0;for(const l of r){if(Array.isArray(l)&&l.length===2){const[c,u]=l;yield{name:c,data:u}}else yield{name:i.toString(),data:l};i++}}else{const i=Object.getOwnPropertyNames(r);t===!0&&!a?i.sort():typeof t=="function"&&i.sort(t);for(const l of i)if(LR.call(r,l)){const c=ic(r,l);yield{name:l||'""',data:c}}else if(e){let c;try{c=ic(r,l)}catch{}c!==void 0&&(yield{name:l,data:c,isNonenumerable:!0})}e&&r!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(r),isNonenumerable:!0})}},MR=({depth:e,name:t,data:n,isNonenumerable:r})=>e===0?W.createElement(PR,{name:t,data:n}):W.createElement(OR,{name:t,data:n,isNonenumerable:r}),$R=({showNonenumerable:e=!1,sortObjectKeys:t,nodeRenderer:n,...r})=>{const o=NR(e,t),a=n||MR;return W.createElement(e7,{nodeRenderer:a,dataIterator:o,...r})},zR=Ru($R);function jR(e){if(typeof e=="object"){let t=[];if(Array.isArray(e)){const r=e.length;t=[...Array(r).keys()]}else e!==null&&(t=Object.keys(e));const n=t.reduce((r,o)=>{const a=e[o];return typeof a=="object"&&a!==null&&Object.keys(a).reduce((l,c)=>(l.includes(c)||l.push(c),l),r),r},[]);return{rowHeaders:t,colHeaders:n}}}var VR=({rows:e,columns:t,rowsData:n})=>{const r=I2("TableInspectorDataContainer"),o=I2("TableInspectorLeftBorder");return W.createElement("div",{style:r.div},W.createElement("table",{style:r.table},W.createElement("colgroup",null),W.createElement("tbody",null,e.map((a,i)=>W.createElement("tr",{key:a,style:r.tr},W.createElement("td",{style:{...r.td,...o.none}},a),t.map(l=>{const c=n[i];return typeof c=="object"&&c!==null&&t7.call(c,l)?W.createElement("td",{key:l,style:{...r.td,...o.solid}},W.createElement(Tr,{object:c[l]})):W.createElement("td",{key:l,style:{...r.td,...o.solid}})}))))))},HR=e=>W.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),UR=({sortAscending:e})=>{const t=I2("TableInspectorSortIcon"),n=e?"▲":"▼";return W.createElement("div",{style:t},n)},vd=({sortAscending:e=!1,sorted:t=!1,onClick:n=void 0,borderStyle:r={},children:o,...a})=>{const i=I2("TableInspectorTH"),[l,c]=s.useState(!1),u=s.useCallback(()=>c(!0),[]),d=s.useCallback(()=>c(!1),[]);return W.createElement("th",{...a,style:{...i.base,...r,...l?i.base[":hover"]:{}},onMouseEnter:u,onMouseLeave:d,onClick:n},W.createElement("div",{style:i.div},o),t&&W.createElement(HR,null,W.createElement(UR,{sortAscending:e})))},WR=({indexColumnText:e="(index)",columns:t=[],sorted:n,sortIndexColumn:r,sortColumn:o,sortAscending:a,onTHClick:i,onIndexTHClick:l})=>{const c=I2("TableInspectorHeaderContainer"),u=I2("TableInspectorLeftBorder");return W.createElement("div",{style:c.base},W.createElement("table",{style:c.table},W.createElement("tbody",null,W.createElement("tr",null,W.createElement(vd,{borderStyle:u.none,sorted:n&&r,sortAscending:a,onClick:l},e),t.map(d=>W.createElement(vd,{borderStyle:u.solid,key:d,sorted:n&&o===d,sortAscending:a,onClick:i.bind(null,d)},d))))))},GR=({data:e,columns:t})=>{const n=I2("TableInspector"),[{sorted:r,sortIndexColumn:o,sortColumn:a,sortAscending:i},l]=s.useState({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),c=s.useCallback(()=>{l(({sortIndexColumn:D,sortAscending:p})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:D?!p:!0}))},[]),u=s.useCallback(D=>{l(({sortColumn:p,sortAscending:b})=>({sorted:!0,sortIndexColumn:!1,sortColumn:D,sortAscending:D===p?!b:!0}))},[]);if(typeof e!="object"||e===null)return W.createElement("div",null);let{rowHeaders:d,colHeaders:A}=jR(e);t!==void 0&&(A=t);let C=d.map(D=>e[D]),f;if(a!==void 0?f=C.map((D,p)=>typeof D=="object"&&D!==null?[D[a],p]:[void 0,p]):o&&(f=d.map((D,p)=>[d[p],p])),f!==void 0){const D=(b,B)=>(m,E)=>{const S=b(m),L=b(E),k=typeof S,R=typeof L,x=(P,j)=>Pj?1:0;let M;if(k===R)M=x(S,L);else{const P={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};M=x(P[k],P[R])}return B||(M=-M),M},p=f.sort(D(b=>b[0],i)).map(b=>b[1]);d=p.map(b=>d[b]),C=p.map(b=>C[b])}return W.createElement("div",{style:n.base},W.createElement(WR,{columns:A,sorted:r,sortIndexColumn:o,sortColumn:a,sortAscending:i,onTHClick:u,onIndexTHClick:c}),W.createElement(VR,{rows:d,columns:A,rowsData:C}))},qR=Ru(GR),YR=80,n7=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.lengthW.createElement("span",{style:n.base},"<",W.createElement("span",{style:n.tagName},e),(()=>{if(t){const r=[];for(let o=0;o"),xd=({tagName:e,isChildNode:t=!1,styles:n})=>W.createElement("span",{style:Object.assign({},n.base,t&&n.offsetLeft)},""),JR={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},XR=({isCloseTag:e,data:t,expanded:n})=>{const r=I2("DOMNodePreview");if(e)return W.createElement(xd,{styles:r.htmlCloseTag,isChildNode:!0,tagName:t.tagName});switch(t.nodeType){case Node.ELEMENT_NODE:return W.createElement("span",null,W.createElement(KR,{tagName:t.tagName,attributes:t.attributes,styles:r.htmlOpenTag}),n7(t)?t.textContent:!n&&"…",!n&&W.createElement(xd,{tagName:t.tagName,styles:r.htmlCloseTag}));case Node.TEXT_NODE:return W.createElement("span",null,t.textContent);case Node.CDATA_SECTION_NODE:return W.createElement("span",null,"");case Node.COMMENT_NODE:return W.createElement("span",{style:r.htmlComment},"");case Node.PROCESSING_INSTRUCTION_NODE:return W.createElement("span",null,t.nodeName);case Node.DOCUMENT_TYPE_NODE:return W.createElement("span",{style:r.htmlDoctype},"");case Node.DOCUMENT_NODE:return W.createElement("span",null,t.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return W.createElement("span",null,t.nodeName);default:return W.createElement("span",null,JR[t.nodeType])}},ZR=function*(e){if(e&&e.childNodes){if(n7(e))return;for(let n=0;nW.createElement(e7,{nodeRenderer:XR,dataIterator:ZR,...e}),eL=Ru(QR),tL=SR(TR()),nL=({table:e=!1,data:t,...n})=>e?W.createElement(qR,{data:t,...n}):(0,tL.default)(t)?W.createElement(eL,{data:t,...n}):W.createElement(zR,{data:t,...n});const rL=({dispatch:e,globalState:t})=>{const[n,r]=s.useState(!1),o="Log of events triggered by user.";return v.jsx("li",{children:v.jsxs("button",{"aria-label":o,title:o,onClick:()=>r(!0),className:n?"ladle-active":"","data-testid":"addon-action",type:"button",children:[v.jsx(yE,{}),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(qn,{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(nL,{table:!1,sortObjectKeys:!0,theme:{...t.theme===O0.Light?Jm:Km,BASE_BACKGROUND_COLOR:"var(--ladle-bg-color-secondary)"},showNonenumerable:!1,name:a.name,data:a.event},i)),v.jsx("button",{onClick:()=>{e({type:u0.UpdateAction,clear:!0,value:void 0})},type:"button",children:"Clear actions"})]})]})})},oL=e=>{const t=De.parse(e).rtl;return t==="true"?!0:t==="false"?!1:o0.addons.rtl.defaultState},aL=({dispatch:e,globalState:t})=>{const n="Switch text direction to right to left.",r="Switch text direction to left to right.";return M2(o0.hotkeys.rtl,()=>e({type:u0.UpdateRtl,value:!t.rtl}),{enabled:t.hotkeys&&o0.addons.rtl.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":t.rtl?r:n,title:t.rtl?r:n,className:t.rtl?"ladle-active":"",onClick:()=>e({type:u0.UpdateRtl,value:!t.rtl}),type:"button",children:[v.jsx(dE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:t.rtl?r:n}),v.jsx("label",{children:"Right to left"})]})})},iL={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"},lL=({children:e})=>(navigator.platform.toLowerCase().includes("mac")?e=e.replace(/alt/g,"⌥ opt").replace(/meta/g,"⌘ cmd"):navigator.platform.toLowerCase().includes("win")&&(e=e.replace(/meta/g,"⊞ win")),e=e.replace(/shift/g,"⇧ shift"),e=e.replace(/arrowright/g,"→").replace(/arrowleft/g,"←").replace(/arrowup/g,"↑").replace(/arrowdown/g,"↓").replace(/\+/g," ＋ "),v.jsx(Pt,{children:e})),sL=({globalState:e})=>{const[t,n]=s.useState(!1),r="Get more information about Ladle.";return v.jsx("li",{children:v.jsxs("button",{"aria-label":r,title:r,onClick:()=>n(!0),className:t?"ladle-active":"",type:"button",children:[v.jsx(AE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:r}),v.jsx("label",{children:"About Ladle"}),v.jsxs(qn,{isOpen:t,close:()=>n(!1),label:"Dialog with information about Ladle.",children:[v.jsx("h3",{children:"Hotkeys"}),e.hotkeys?v.jsxs(v.Fragment,{children:[v.jsx("ul",{style:{listStyle:"none",marginLeft:0,paddingLeft:0},children:Object.keys(o0.hotkeys).map(o=>o0.hotkeys[o].length?v.jsxs("li",{children:[v.jsx("span",{style:{display:"inline-block",width:"200px"},children:o0.hotkeys[o].map((a,i)=>v.jsxs("span",{children:[v.jsx(lL,{children:a}),o0.hotkeys[o].length>i+1?" or ":""]},a))}),v.jsx("span",{style:{display:"inline-block"},children:iL[o]})]},o):null)}),v.jsxs("p",{children:["Hotkeys can be disabled through"," ",v.jsx(Pt,{children:"Story.meta = { hotkeys: false }"}),"."]})]}):v.jsxs("p",{children:["Hotkeys are disabled for this story by"," ",v.jsx(Pt,{children:"meta.hotkeys = false"}),"."]}),v.jsxs("p",{children:["Ladle is a modern and fast playground for React components powered by Vite. For more information visit"," ",v.jsx("a",{href:"https://www.ladle.dev/",children:"ladle.dev"})," or our"," ",v.jsx("a",{href:"https://discord.gg/H6FSHjyW7e",children:"discord"}),"."]})]})]})})},cL=async(e,t,n)=>{const r=await g(()=>import("./empty-module-BIHI7g3E.js"),[],import.meta.url);try{const o=await r.default.run(document.getElementsByTagName("main"));e(o.violations),t(!0)}catch{}},uL=({violation:e})=>{const[t,n]=s.useState(!1);return v.jsxs("li",{children:[e.help," (",e.nodes.length,")."," ",t?v.jsxs(v.Fragment,{children:[v.jsxs("ul",{children:[v.jsxs("li",{children:["ID: ",e.id]}),v.jsxs("li",{children:["Impact: ",e.impact]}),v.jsxs("li",{children:["Description: ",e.description]}),v.jsx("li",{children:v.jsx("a",{href:e.helpUrl,children:"Documentation"})})]}),v.jsx("p",{children:"Violating nodes:"}),v.jsx("ul",{children:e.nodes.map(r=>v.jsx("li",{children:v.jsx(Pt,{children:r.html})},r.html))}),v.jsx("p",{children:v.jsx("a",{href:"#",onClick:()=>n(!1),children:"Hide details"})})]}):v.jsx("a",{href:"#",onClick:()=>n(!0),children:"Show details"})]})},AL=({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(uL,{violation:n},n.id))})]}):v.jsx("p",{children:"Report is loading..."}),dL=({globalState:e})=>{const[t,n]=s.useState(!1),[r,o]=s.useState(!1),[a,i]=s.useState([]);s.useEffect(()=>{},[]);const l="Show accessibility report.",c=()=>{cL(i,o,null).catch(console.error),setTimeout(()=>n(!t),100)};return M2(o0.hotkeys.a11y,()=>t?n(!1):c(),{enabled:e.hotkeys&&o0.addons.a11y.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":l,"data-testid":"addon-a11y",title:l,onClick:c,className:t?"a11y-active":"",type:"button",children:[v.jsx(gE,{}),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(qn,{isOpen:t,close:()=>n(!1),label:"Dialog with the story accessibility report.",children:v.jsx(AL,{reportFinished:r,violations:a})})]})})},pL=e=>{const t=De.parse(e).width;let n=0;return Object.keys(o0.addons.width.options).forEach(r=>{(r===t||parseInt(t,10)===o0.addons.width.options[r])&&(n=o0.addons.width.options[r])}),n!==0?n:o0.addons.width.defaultState},DL=({globalState:e,dispatch:t})=>{const n="Change the story viewport.",[r,o]=s.useState(!1);M2(o0.hotkeys.width,()=>o(c=>!c),{enabled:e.hotkeys&&o0.addons.width.enabled});const a=Vn[e.story];let i=a&&a.meta?a.meta.meta.width:0,l=o0.addons.width.options;return Object.keys(l).forEach(c=>{c===i&&(i=l[c])}),i&&!Object.values(l).includes(i)&&(l={custom:i,...l}),v.jsx("li",{children:v.jsxs("button",{"aria-label":n,"data-testid":"addon-width",title:n,onClick:()=>o(!0),className:r?"width-active":"",type:"button",children:[v.jsx(hE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:n}),v.jsx("label",{children:"Set story width"}),v.jsxs(qn,{isOpen:r,close:()=>o(!1),label:"Dialog with the story width selector.",children:[v.jsx("p",{children:"Select story width"}),v.jsxs("div",{children:[v.jsx("input",{onChange:()=>t({type:u0.UpdateWidth,value:0}),type:"radio",id:"width-unset",name:"width",value:0,checked:e.width===0}),v.jsx("label",{htmlFor:"width-unset",style:{paddingLeft:"8px"},children:"unset"})]}),Object.keys(l).map(c=>v.jsxs("div",{children:[v.jsx("input",{onChange:()=>t({type:u0.UpdateWidth,value:l[c]}),type:"radio",id:`width-${c}`,name:"width",value:l[c],checked:e.width===l[c]}),v.jsxs("label",{htmlFor:`width-${c}`,style:{paddingLeft:"8px"},children:[l[c],"px - ",c]})]},c)),v.jsx("p",{})]})]})})},CL=({globalState:e,dispatch:t})=>Object.keys(o0.addons).every(n=>o0.addons[n].enabled===!1)?null:v.jsx("header",{role:"banner",className:"ladle-addons",children:v.jsxs("ul",{children:[o0.addons.control.enabled&&Object.keys(e.control).length>0&&v.jsx(Ab,{globalState:e,dispatch:t}),o0.addons.theme.enabled&&v.jsx(W5,{globalState:e,dispatch:t}),o0.addons.mode.enabled&&v.jsx(ER,{globalState:e,dispatch:t}),o0.addons.width.enabled&&v.jsx(DL,{globalState:e,dispatch:t}),o0.addons.rtl.enabled&&v.jsx(aL,{globalState:e,dispatch:t}),o0.addons.source.enabled&&v.jsx(tR,{globalState:e,dispatch:t}),o0.addons.a11y.enabled&&v.jsx(dL,{globalState:e,dispatch:t}),o0.addons.ladle.enabled&&v.jsx(sL,{globalState:e,dispatch:t}),o0.addons.control.enabled&&e.action.length>0&&v.jsx(rL,{globalState:e,dispatch:t})]})}),fL=(e,t)=>{switch(ae("Action dispatched",t),t.type){case u0.UpdateAll:return{...e,...t.value};case u0.UpdateMode:return{...e,mode:t.value};case u0.UpdateAction:{const n={...e};return t.clear&&(n.action=[]),t.value?{...e,action:[...n.action,t.value]}:n}case u0.UpdateRtl:return{...e,rtl:t.value};case u0.UpdateSource:return{...e,source:t.value};case u0.UpdateStory:return{...e,story:t.value,control:{},controlInitialized:!1,width:0,action:[]};case u0.UpdateTheme:return{...e,theme:t.value};case u0.UpdateWidth:return{...e,width:t.value};case u0.UpdateControl:return{...e,control:t.value,controlInitialized:!0};case u0.UpdateControlIntialized:return{...e,controlInitialized:t.value};case u0.UpdateHotkeys:return{...e,hotkeys:t.value};default:return e}},sc=zd(Object.keys(Vn),o0.storyOrder);ae("Stories found",sc);const kl=(e,t)=>({theme:hm(e),mode:BR(e),story:Nd(e,o0.defaultStory),rtl:oL(e),source:Qk(e),width:pL(e),control:MC(e,t?t.control:{}),action:[],controlInitialized:!1,hotkeys:!0}),mL=()=>{const e=kl(location.search),[t,n]=s.useReducer(fL,e),r=s.useRef({});let o="";t.control&&Object.keys(t.control).forEach(i=>{t.control[i].type==="background"&&(o=t.control[i].value||"")}),M2(o0.hotkeys.fullscreen,()=>{n({type:u0.UpdateMode,value:t.mode===c2.Full?c2.Preview:c2.Full})},{preventDefault:!0,enabled:t.hotkeys&&o0.addons.mode.enabled}),s.useEffect(()=>{document.getElementsByClassName("ladle-background")[0].style.background=o},[o]),s.useEffect(()=>{r.current=t}),s.useEffect(()=>{window.ladleDispatch=n},[]);const a=r.current;return s.useEffect(()=>{var i,l;ae("Global state update",t),bB(location.search)||Fl(t),Fl(t),t.story!==a.story&&(document.title=`${$d(t.story)} | Ladle`),t.theme!==a.theme&&document.documentElement.setAttribute("data-theme",t.theme),t.rtl!==a.rtl&&(t.rtl?document.documentElement.setAttribute("dir","rtl"):document.documentElement.removeAttribute("dir")),t.mode!==a.mode&&(document.documentElement.setAttribute("data-mode",t.mode),t.mode===c2.Preview?(i=document.getElementById("ladle-root"))==null||i.removeAttribute("class"):(l=document.getElementById("ladle-root"))==null||l.setAttribute("class","ladle-wrapper"))},[t]),s.useEffect(()=>{const i=_u.listen(({location:l,action:c})=>{if(c===xt.Pop){const u={};Object.keys(t.control).forEach(A=>{const C=kl(l.search,t).control[A];u[A]={...t.control[A],value:C?C.value:t.control[A].defaultValue}});const d=kl(l.search,t);n({type:u0.UpdateAll,value:{...d,control:u,controlInitialized:t.story===d.story}})}});return()=>i()},[t]),t.mode===c2.Preview?v.jsx(t3.Provider,{value:{globalState:t,dispatch:n},children:v.jsx(md,{globalState:t,dispatch:n})}):v.jsxs(t3.Provider,{value:{globalState:t,dispatch:n},children:[v.jsx("main",{className:"ladle-main",children:sc.length>0?v.jsx(md,{globalState:t,dispatch:n}):v.jsx(aR,{})}),v.jsx(mR,{stories:sc,hotkeys:t.hotkeys,story:t.story,updateStory:i=>{AR(),Fl({...t,story:i,control:{}}),n({type:u0.UpdateStory,value:i})}}),v.jsx(CL,{globalState:t,dispatch:n})]})},BL=document.getElementById("ladle-root"),EL=bm(BL);EL.render(v.jsx(mL,{}));export{Zx as $,SL as A,w2 as B,jC as C,WC as D,zC as E,xL as F,Kx as G,um as H,CS as I,vL as J,Cm as K,tx as L,ex as M,Ae as N,dm as O,TL as P,dS as Q,W as R,LS as S,Tx as T,hL as U,_x as V,Pe as W,yA as X,bb as Y,NS as Z,Xx as _,PS as a,Jx as a0,Ka as a1,mb as a2,mu as a3,wL as a4,FL as b,r2 as c,Pn as d,Yn as e,js as f,zs as g,fm as h,Bb as i,v as j,yL as k,Na as l,Cb as m,Vs as n,io as o,UC as p,fo as q,s as r,Xr as s,VC as t,gi as u,zt as v,bL as w,Jn as x,pS as y,Jf as z}; diff --git a/2298/react/assets/manifest-B-VxemCC.webmanifest b/2298/react/assets/manifest-B-VxemCC.webmanifest new file mode 100644 index 00000000000..c9e59885ccc --- /dev/null +++ b/2298/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/2298/react/assets/noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2 b/2298/react/assets/noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2 new file mode 100644 index 00000000000..ccedee6d94d Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-300-normal-BYgsrhU-.woff b/2298/react/assets/noto-sans-cyrillic-300-normal-BYgsrhU-.woff new file mode 100644 index 00000000000..eac1a2e73ac Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-300-normal-BYgsrhU-.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff b/2298/react/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff new file mode 100644 index 00000000000..6900e17be50 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 b/2298/react/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 new file mode 100644 index 00000000000..98ba102450f Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff b/2298/react/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff new file mode 100644 index 00000000000..837134fd16b Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 b/2298/react/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 new file mode 100644 index 00000000000..5f5f17de172 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-600-normal-BNt5LZ4o.woff b/2298/react/assets/noto-sans-cyrillic-600-normal-BNt5LZ4o.woff new file mode 100644 index 00000000000..3209756a1ec Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-600-normal-BNt5LZ4o.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-600-normal-CeOYaFct.woff2 b/2298/react/assets/noto-sans-cyrillic-600-normal-CeOYaFct.woff2 new file mode 100644 index 00000000000..da66120637b Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-600-normal-CeOYaFct.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-800-normal-1db8kz6K.woff b/2298/react/assets/noto-sans-cyrillic-800-normal-1db8kz6K.woff new file mode 100644 index 00000000000..ff5d5877134 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-800-normal-1db8kz6K.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-800-normal-D31NpEJW.woff2 b/2298/react/assets/noto-sans-cyrillic-800-normal-D31NpEJW.woff2 new file mode 100644 index 00000000000..30e9b376a32 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-800-normal-D31NpEJW.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2 b/2298/react/assets/noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2 new file mode 100644 index 00000000000..71ddc24e79d Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff b/2298/react/assets/noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff new file mode 100644 index 00000000000..530c01dc499 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff b/2298/react/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff new file mode 100644 index 00000000000..0bc7dad40ab Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 b/2298/react/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 new file mode 100644 index 00000000000..4c4596066e4 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff b/2298/react/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff new file mode 100644 index 00000000000..72dfd7951f5 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 b/2298/react/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 new file mode 100644 index 00000000000..9c982c37271 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2 b/2298/react/assets/noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2 new file mode 100644 index 00000000000..34eecae3450 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff b/2298/react/assets/noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff new file mode 100644 index 00000000000..0567bd5092d Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2 b/2298/react/assets/noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2 new file mode 100644 index 00000000000..d6dd141b364 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2 differ diff --git a/2298/react/assets/noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff b/2298/react/assets/noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff new file mode 100644 index 00000000000..1d9a5223213 Binary files /dev/null and b/2298/react/assets/noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff differ diff --git a/2298/react/assets/noto-sans-devanagari-300-normal-BaWX0JzM.woff b/2298/react/assets/noto-sans-devanagari-300-normal-BaWX0JzM.woff new file mode 100644 index 00000000000..1d0839b2de5 Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-300-normal-BaWX0JzM.woff differ diff --git a/2298/react/assets/noto-sans-devanagari-300-normal-WFEeL3On.woff2 b/2298/react/assets/noto-sans-devanagari-300-normal-WFEeL3On.woff2 new file mode 100644 index 00000000000..e0dc750bda1 Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-300-normal-WFEeL3On.woff2 differ diff --git a/2298/react/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff b/2298/react/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff new file mode 100644 index 00000000000..f2c0757b84d Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff differ diff --git a/2298/react/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 b/2298/react/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 new file mode 100644 index 00000000000..aa158decaea Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 differ diff --git a/2298/react/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 b/2298/react/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 new file mode 100644 index 00000000000..508fc10d117 Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 differ diff --git a/2298/react/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff b/2298/react/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff new file mode 100644 index 00000000000..e363c43f7fc Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff differ diff --git a/2298/react/assets/noto-sans-devanagari-600-normal-CThdI4Pq.woff b/2298/react/assets/noto-sans-devanagari-600-normal-CThdI4Pq.woff new file mode 100644 index 00000000000..59b0074b5e1 Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-600-normal-CThdI4Pq.woff differ diff --git a/2298/react/assets/noto-sans-devanagari-600-normal-Cpj6AYZt.woff2 b/2298/react/assets/noto-sans-devanagari-600-normal-Cpj6AYZt.woff2 new file mode 100644 index 00000000000..e329f72dd6a Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-600-normal-Cpj6AYZt.woff2 differ diff --git a/2298/react/assets/noto-sans-devanagari-800-normal-22WkZdaY.woff2 b/2298/react/assets/noto-sans-devanagari-800-normal-22WkZdaY.woff2 new file mode 100644 index 00000000000..eaac298f40a Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-800-normal-22WkZdaY.woff2 differ diff --git a/2298/react/assets/noto-sans-devanagari-800-normal-BllHDumE.woff b/2298/react/assets/noto-sans-devanagari-800-normal-BllHDumE.woff new file mode 100644 index 00000000000..23e59556f80 Binary files /dev/null and b/2298/react/assets/noto-sans-devanagari-800-normal-BllHDumE.woff differ diff --git a/2298/react/assets/noto-sans-greek-300-normal-A6rreO0I.woff2 b/2298/react/assets/noto-sans-greek-300-normal-A6rreO0I.woff2 new file mode 100644 index 00000000000..d9c7c6ac48b Binary files /dev/null and b/2298/react/assets/noto-sans-greek-300-normal-A6rreO0I.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-300-normal-CwHD5Qyw.woff b/2298/react/assets/noto-sans-greek-300-normal-CwHD5Qyw.woff new file mode 100644 index 00000000000..fd282539df8 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-300-normal-CwHD5Qyw.woff differ diff --git a/2298/react/assets/noto-sans-greek-400-italic-BXJxTOvj.woff b/2298/react/assets/noto-sans-greek-400-italic-BXJxTOvj.woff new file mode 100644 index 00000000000..f75d8634f32 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-400-italic-BXJxTOvj.woff differ diff --git a/2298/react/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 b/2298/react/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 new file mode 100644 index 00000000000..15b3274957d Binary files /dev/null and b/2298/react/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-400-normal-BroOW-sQ.woff b/2298/react/assets/noto-sans-greek-400-normal-BroOW-sQ.woff new file mode 100644 index 00000000000..0dfe32a1fb8 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-400-normal-BroOW-sQ.woff differ diff --git a/2298/react/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 b/2298/react/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 new file mode 100644 index 00000000000..6ed80ddb88d Binary files /dev/null and b/2298/react/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-600-normal-BG_E7BwQ.woff b/2298/react/assets/noto-sans-greek-600-normal-BG_E7BwQ.woff new file mode 100644 index 00000000000..378d2c58335 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-600-normal-BG_E7BwQ.woff differ diff --git a/2298/react/assets/noto-sans-greek-600-normal-DFYp5DZ7.woff2 b/2298/react/assets/noto-sans-greek-600-normal-DFYp5DZ7.woff2 new file mode 100644 index 00000000000..d56f57111be Binary files /dev/null and b/2298/react/assets/noto-sans-greek-600-normal-DFYp5DZ7.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-800-normal-8nz4eQsi.woff2 b/2298/react/assets/noto-sans-greek-800-normal-8nz4eQsi.woff2 new file mode 100644 index 00000000000..97646cc7fcf Binary files /dev/null and b/2298/react/assets/noto-sans-greek-800-normal-8nz4eQsi.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-800-normal-Cf7pEXmB.woff b/2298/react/assets/noto-sans-greek-800-normal-Cf7pEXmB.woff new file mode 100644 index 00000000000..94eac919432 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-800-normal-Cf7pEXmB.woff differ diff --git a/2298/react/assets/noto-sans-greek-ext-300-normal-BWqMMWJi.woff b/2298/react/assets/noto-sans-greek-ext-300-normal-BWqMMWJi.woff new file mode 100644 index 00000000000..f6f6b2d1946 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-300-normal-BWqMMWJi.woff differ diff --git a/2298/react/assets/noto-sans-greek-ext-300-normal-UvyWJuNP.woff2 b/2298/react/assets/noto-sans-greek-ext-300-normal-UvyWJuNP.woff2 new file mode 100644 index 00000000000..88bc934dfae Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-300-normal-UvyWJuNP.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 b/2298/react/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 new file mode 100644 index 00000000000..82c6591f486 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff b/2298/react/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff new file mode 100644 index 00000000000..33826d7f343 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff differ diff --git a/2298/react/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 b/2298/react/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 new file mode 100644 index 00000000000..eabbb044625 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff b/2298/react/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff new file mode 100644 index 00000000000..8044022213d Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff differ diff --git a/2298/react/assets/noto-sans-greek-ext-600-normal-6z6L_Ls-.woff b/2298/react/assets/noto-sans-greek-ext-600-normal-6z6L_Ls-.woff new file mode 100644 index 00000000000..6fead47e875 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-600-normal-6z6L_Ls-.woff differ diff --git a/2298/react/assets/noto-sans-greek-ext-600-normal-aAZHWXou.woff2 b/2298/react/assets/noto-sans-greek-ext-600-normal-aAZHWXou.woff2 new file mode 100644 index 00000000000..b6b916a75f9 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-600-normal-aAZHWXou.woff2 differ diff --git a/2298/react/assets/noto-sans-greek-ext-800-normal-C8SARZFJ.woff b/2298/react/assets/noto-sans-greek-ext-800-normal-C8SARZFJ.woff new file mode 100644 index 00000000000..8e2af1cc574 Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-800-normal-C8SARZFJ.woff differ diff --git a/2298/react/assets/noto-sans-greek-ext-800-normal-hc62tMAb.woff2 b/2298/react/assets/noto-sans-greek-ext-800-normal-hc62tMAb.woff2 new file mode 100644 index 00000000000..5d6f21392bb Binary files /dev/null and b/2298/react/assets/noto-sans-greek-ext-800-normal-hc62tMAb.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-300-normal-CC6arpue.woff b/2298/react/assets/noto-sans-latin-300-normal-CC6arpue.woff new file mode 100644 index 00000000000..e94e4fa0e81 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-300-normal-CC6arpue.woff differ diff --git a/2298/react/assets/noto-sans-latin-300-normal-CpwMVblg.woff2 b/2298/react/assets/noto-sans-latin-300-normal-CpwMVblg.woff2 new file mode 100644 index 00000000000..ea5581c77bc Binary files /dev/null and b/2298/react/assets/noto-sans-latin-300-normal-CpwMVblg.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-400-italic-BT87CHj2.woff b/2298/react/assets/noto-sans-latin-400-italic-BT87CHj2.woff new file mode 100644 index 00000000000..a194cd657e3 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-400-italic-BT87CHj2.woff differ diff --git a/2298/react/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 b/2298/react/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 new file mode 100644 index 00000000000..fd5407e3c04 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 b/2298/react/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 new file mode 100644 index 00000000000..b6442784e3a Binary files /dev/null and b/2298/react/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff b/2298/react/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff new file mode 100644 index 00000000000..23b1ab89145 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff differ diff --git a/2298/react/assets/noto-sans-latin-600-normal-Dwv8M6YL.woff2 b/2298/react/assets/noto-sans-latin-600-normal-Dwv8M6YL.woff2 new file mode 100644 index 00000000000..d102d7f0832 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-600-normal-Dwv8M6YL.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-600-normal-_fLBzkdm.woff b/2298/react/assets/noto-sans-latin-600-normal-_fLBzkdm.woff new file mode 100644 index 00000000000..fb6957e9da5 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-600-normal-_fLBzkdm.woff differ diff --git a/2298/react/assets/noto-sans-latin-800-normal-BcBQLCDP.woff b/2298/react/assets/noto-sans-latin-800-normal-BcBQLCDP.woff new file mode 100644 index 00000000000..dae71c9ed9d Binary files /dev/null and b/2298/react/assets/noto-sans-latin-800-normal-BcBQLCDP.woff differ diff --git a/2298/react/assets/noto-sans-latin-800-normal-DQrEOsut.woff2 b/2298/react/assets/noto-sans-latin-800-normal-DQrEOsut.woff2 new file mode 100644 index 00000000000..871344a0599 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-800-normal-DQrEOsut.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-ext-300-normal-CrbuCorf.woff b/2298/react/assets/noto-sans-latin-ext-300-normal-CrbuCorf.woff new file mode 100644 index 00000000000..0f0ac4c98de Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-300-normal-CrbuCorf.woff differ diff --git a/2298/react/assets/noto-sans-latin-ext-300-normal-CtU4TSpU.woff2 b/2298/react/assets/noto-sans-latin-ext-300-normal-CtU4TSpU.woff2 new file mode 100644 index 00000000000..fd4d2387bb3 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-300-normal-CtU4TSpU.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff b/2298/react/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff new file mode 100644 index 00000000000..ad12cf63cdc Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff differ diff --git a/2298/react/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 b/2298/react/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 new file mode 100644 index 00000000000..d675adfed4a Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 b/2298/react/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 new file mode 100644 index 00000000000..520e263267c Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff b/2298/react/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff new file mode 100644 index 00000000000..4997b3ed1de Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff differ diff --git a/2298/react/assets/noto-sans-latin-ext-600-normal-DKxhPDUN.woff2 b/2298/react/assets/noto-sans-latin-ext-600-normal-DKxhPDUN.woff2 new file mode 100644 index 00000000000..07c8b843cd8 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-600-normal-DKxhPDUN.woff2 differ diff --git a/2298/react/assets/noto-sans-latin-ext-600-normal-DnEL7_BT.woff b/2298/react/assets/noto-sans-latin-ext-600-normal-DnEL7_BT.woff new file mode 100644 index 00000000000..5662dc3bba8 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-600-normal-DnEL7_BT.woff differ diff --git a/2298/react/assets/noto-sans-latin-ext-800-normal-CKTGHE34.woff b/2298/react/assets/noto-sans-latin-ext-800-normal-CKTGHE34.woff new file mode 100644 index 00000000000..e4b99b0614d Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-800-normal-CKTGHE34.woff differ diff --git a/2298/react/assets/noto-sans-latin-ext-800-normal-CNTVX52Z.woff2 b/2298/react/assets/noto-sans-latin-ext-800-normal-CNTVX52Z.woff2 new file mode 100644 index 00000000000..2b9f3827013 Binary files /dev/null and b/2298/react/assets/noto-sans-latin-ext-800-normal-CNTVX52Z.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 b/2298/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 new file mode 100644 index 00000000000..95cffd6c57b Binary files /dev/null and b/2298/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff b/2298/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff new file mode 100644 index 00000000000..749530be001 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff differ diff --git a/2298/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff b/2298/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff new file mode 100644 index 00000000000..80375193fb5 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff differ diff --git a/2298/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 b/2298/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 new file mode 100644 index 00000000000..04fa34752ac Binary files /dev/null and b/2298/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 b/2298/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 new file mode 100644 index 00000000000..955b03863ce Binary files /dev/null and b/2298/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-greek-400-normal-Dj2MoONQ.woff b/2298/react/assets/noto-sans-mono-greek-400-normal-Dj2MoONQ.woff new file mode 100644 index 00000000000..542e48304a0 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-greek-400-normal-Dj2MoONQ.woff differ diff --git a/2298/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 b/2298/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 new file mode 100644 index 00000000000..35c4777a36f Binary files /dev/null and b/2298/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff b/2298/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff new file mode 100644 index 00000000000..72ff5d54176 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff differ diff --git a/2298/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 b/2298/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 new file mode 100644 index 00000000000..94fa9347f90 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff b/2298/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff new file mode 100644 index 00000000000..0c56739cf0e Binary files /dev/null and b/2298/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff differ diff --git a/2298/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff b/2298/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff new file mode 100644 index 00000000000..bc3d2925d07 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff differ diff --git a/2298/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 b/2298/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 new file mode 100644 index 00000000000..ece9d326437 Binary files /dev/null and b/2298/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 differ diff --git a/2298/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff b/2298/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff new file mode 100644 index 00000000000..d577e77613c Binary files /dev/null and b/2298/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff differ diff --git a/2298/react/assets/noto-sans-vietnamese-300-normal-1wTC_8CS.woff2 b/2298/react/assets/noto-sans-vietnamese-300-normal-1wTC_8CS.woff2 new file mode 100644 index 00000000000..afec67ffe3f Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-300-normal-1wTC_8CS.woff2 differ diff --git a/2298/react/assets/noto-sans-vietnamese-300-normal-CVricyyO.woff b/2298/react/assets/noto-sans-vietnamese-300-normal-CVricyyO.woff new file mode 100644 index 00000000000..82ff2541159 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-300-normal-CVricyyO.woff differ diff --git a/2298/react/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 b/2298/react/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 new file mode 100644 index 00000000000..1df57667065 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 differ diff --git a/2298/react/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff b/2298/react/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff new file mode 100644 index 00000000000..f2bf4c32c5d Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff differ diff --git a/2298/react/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff b/2298/react/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff new file mode 100644 index 00000000000..881fc528ed8 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff differ diff --git a/2298/react/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 b/2298/react/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 new file mode 100644 index 00000000000..1008f744778 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 differ diff --git a/2298/react/assets/noto-sans-vietnamese-600-normal-BglhudU-.woff b/2298/react/assets/noto-sans-vietnamese-600-normal-BglhudU-.woff new file mode 100644 index 00000000000..a9aaf9492a5 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-600-normal-BglhudU-.woff differ diff --git a/2298/react/assets/noto-sans-vietnamese-600-normal-IoVlQxRs.woff2 b/2298/react/assets/noto-sans-vietnamese-600-normal-IoVlQxRs.woff2 new file mode 100644 index 00000000000..6d4f19f72f9 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-600-normal-IoVlQxRs.woff2 differ diff --git a/2298/react/assets/noto-sans-vietnamese-800-normal-BEidzocq.woff b/2298/react/assets/noto-sans-vietnamese-800-normal-BEidzocq.woff new file mode 100644 index 00000000000..21fad81bf35 Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-800-normal-BEidzocq.woff differ diff --git a/2298/react/assets/noto-sans-vietnamese-800-normal-_bOV57RI.woff2 b/2298/react/assets/noto-sans-vietnamese-800-normal-_bOV57RI.woff2 new file mode 100644 index 00000000000..5a567dd767d Binary files /dev/null and b/2298/react/assets/noto-sans-vietnamese-800-normal-_bOV57RI.woff2 differ diff --git a/2298/react/assets/supports-D6yRdPD6.js b/2298/react/assets/supports-D6yRdPD6.js new file mode 100644 index 00000000000..302e92fb80f --- /dev/null +++ b/2298/react/assets/supports-D6yRdPD6.js @@ -0,0 +1 @@ +import{g as p}from"./index-DhFzuRA5.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/2298/react/assets/touch-icon-ByyUZD7t.png b/2298/react/assets/touch-icon-ByyUZD7t.png new file mode 100644 index 00000000000..f47cc956762 Binary files /dev/null and b/2298/react/assets/touch-icon-ByyUZD7t.png differ diff --git a/2298/react/assets/useContainerWidth-BcbCx7FW.js b/2298/react/assets/useContainerWidth-BcbCx7FW.js new file mode 100644 index 00000000000..b7b4e0767f4 --- /dev/null +++ b/2298/react/assets/useContainerWidth-BcbCx7FW.js @@ -0,0 +1 @@ +import{r,i as d,e as l}from"./index-DhFzuRA5.js";const C=(s=!0)=>{let[n,i]=r.useState(0),u=r.useCallback(e=>{e&&i(e.getBoundingClientRect().width)},[]),a=r.useCallback(({width:e})=>i(e),[]),[o,t]=d(a);return s||t==null||t.disconnect(),[l(u,s?o:void 0),n]};export{C as u}; diff --git a/2298/react/assets/useEventListener-hNgF1eUm.js b/2298/react/assets/useEventListener-hNgF1eUm.js new file mode 100644 index 00000000000..b3e46655f77 --- /dev/null +++ b/2298/react/assets/useEventListener-hNgF1eUm.js @@ -0,0 +1 @@ +import{r as s}from"./index-DhFzuRA5.js";const o=(e,u,r)=>{let t=s.useRef();s.useEffect(()=>{t.current=u},[u]),s.useEffect(()=>{if(!r)return;let f=i=>{var c;return(c=t.current)==null?void 0:c.call(t,i)};return r.addEventListener(e,f),()=>{r.removeEventListener(e,f)}},[e,r])};export{o as u}; diff --git a/2298/react/assets/useIntersection-0zo0v0Iz.js b/2298/react/assets/useIntersection-0zo0v0Iz.js new file mode 100644 index 00000000000..0234f2cb3a4 --- /dev/null +++ b/2298/react/assets/useIntersection-0zo0v0Iz.js @@ -0,0 +1 @@ +import{r as f,g as v}from"./index-DhFzuRA5.js";const h=(r,l={},t=!0)=>{let{root:s,rootMargin:n,threshold:o}=l,e=f.useRef(()=>{});return f.useCallback(i=>{var u,a;if((u=e.current)==null||u.call(e),e.current=()=>{},!i||!((a=v())!=null&&a.IntersectionObserver))return;let c=new IntersectionObserver(([b],g)=>{b.isIntersecting&&(t&&g.disconnect(),r())},{root:s,rootMargin:n,threshold:o});c.observe(i),e.current=()=>c.disconnect()},[r,t,s,n,o])};export{h as u}; diff --git a/2298/react/assets/useVirtualScroll-DITpZLhm.js b/2298/react/assets/useVirtualScroll-DITpZLhm.js new file mode 100644 index 00000000000..e67a7c3ef34 --- /dev/null +++ b/2298/react/assets/useVirtualScroll-DITpZLhm.js @@ -0,0 +1,18 @@ +import{r as M,N as T,R as S}from"./index-DhFzuRA5.js";function x(o,l,e){let s=e.initialDeps??[],t;return()=>{var n,i,r,a;let u;e.key&&((n=e.debug)!=null&&n.call(e))&&(u=Date.now());const c=o();if(!(c.length!==s.length||c.some((g,d)=>s[d]!==g)))return t;s=c;let m;if(e.key&&((i=e.debug)!=null&&i.call(e))&&(m=Date.now()),t=l(...c),e.key&&((r=e.debug)!=null&&r.call(e))){const g=Math.round((Date.now()-u)*100)/100,d=Math.round((Date.now()-m)*100)/100,z=d/16,v=(f,E)=>{for(f=String(f);f.lengthMath.abs(o-l)<1,R=(o,l,e)=>{let s;return function(...t){o.clearTimeout(s),s=o.setTimeout(()=>l.apply(this,t),e)}},k=o=>o,D=o=>{const l=Math.max(o.startIndex-o.overscan,0),e=Math.min(o.endIndex+o.overscan,o.count-1),s=[];for(let t=l;t<=e;t++)s.push(t);return s},A=(o,l)=>{const e=o.scrollElement;if(!e)return;const s=o.targetWindow;if(!s)return;const t=i=>{const{width:r,height:a}=i;l({width:Math.round(r),height:Math.round(a)})};if(t(e.getBoundingClientRect()),!s.ResizeObserver)return()=>{};const n=new s.ResizeObserver(i=>{const r=i[0];if(r!=null&&r.borderBoxSize){const a=r.borderBoxSize[0];if(a){t({width:a.inlineSize,height:a.blockSize});return}}t(e.getBoundingClientRect())});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},C={passive:!0},F=typeof window>"u"?!0:"onscrollend"in window,W=(o,l)=>{const e=o.scrollElement;if(!e)return;const s=o.targetWindow;if(!s)return;let t=0;const n=F?()=>{}:R(s,()=>{l(t,!1)},o.options.isScrollingResetDelay),i=u=>()=>{t=e[o.options.horizontal?"scrollLeft":"scrollTop"],n(),l(t,u)},r=i(!0),a=i(!1);return a(),e.addEventListener("scroll",r,C),e.addEventListener("scrollend",a,C),()=>{e.removeEventListener("scroll",r),e.removeEventListener("scrollend",a)}},j=(o,l,e)=>{if(l!=null&&l.borderBoxSize){const s=l.borderBoxSize[0];if(s)return Math.round(s[e.options.horizontal?"inlineSize":"blockSize"])}return Math.round(o.getBoundingClientRect()[e.options.horizontal?"width":"height"])},B=(o,{adjustments:l=0,behavior:e},s)=>{var t,n;const i=o+l;(n=(t=s.scrollElement)==null?void 0:t.scrollTo)==null||n.call(t,{[s.options.horizontal?"left":"top"]:i,behavior:e})};class P{constructor(l){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let e=null;const s=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(t=>{t.forEach(n=>{this._measureElement(n.target,n)})}));return{disconnect:()=>{var t;return(t=s())==null?void 0:t.disconnect()},observe:t=>{var n;return(n=s())==null?void 0:n.observe(t,{box:"border-box"})},unobserve:t=>{var n;return(n=s())==null?void 0:n.unobserve(t)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([s,t])=>{typeof t>"u"&&delete e[s]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:k,rangeExtractor:D,onChange:()=>{},measureElement:j,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,...e}},this.notify=(e,s)=>{var t,n;const{startIndex:i,endIndex:r}=this.range??{startIndex:void 0,endIndex:void 0},a=this.calculateRange();(e||i!==(a==null?void 0:a.startIndex)||r!==(a==null?void 0:a.endIndex))&&((n=(t=this.options).onChange)==null||n.call(t,this,s))},this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.observer.disconnect(),this.elementsCache.clear()},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var e;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.notify(!1,!1);return}this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((e=this.scrollElement)==null?void 0:e.window)??null,this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,t=>{this.scrollRect=t,this.notify(!1,!1)})),this.unsubs.push(this.options.observeElementOffset(this,(t,n)=>{this.scrollAdjustments=0,this.scrollDirection=n?this.getScrollOffset()this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(e,s)=>{const t=new Map,n=new Map;for(let i=s-1;i>=0;i--){const r=e[i];if(t.has(r.lane))continue;const a=n.get(r.lane);if(a==null||r.end>a.end?n.set(r.lane,r):r.endi.end===r.end?i.index-r.index:i.end-r.end)[0]:void 0},this.getMeasurementOptions=x(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,s,t,n,i)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:s,scrollMargin:t,getItemKey:n,enabled:i}),{key:!1}),this.getMeasurements=x(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:s,scrollMargin:t,getItemKey:n,enabled:i},r)=>{var a;if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const c=this.measurementsCache.slice(0,u);for(let h=u;h{const I=n(h),b=this.elementsCache.get(I);if(!p){b&&(this.observer.unobserve(b),this.elementsCache.delete(I));return}b!==p&&(b&&this.observer.unobserve(b),this.observer.observe(p),this.elementsCache.set(I,p)),p.isConnected&&this.resizeItem(h,this.options.measureElement(p,void 0,this))});const g=n(h),d=this.options.lanes===1?c[h-1]:this.getFurthestMeasurement(c,h),z=d?d.end+this.options.gap:s+t,v=r.get(g),f=typeof v=="number"?v:this.options.estimateSize(h),E=z+f,y=d?d.lane:h%this.options.lanes;c[h]={index:h,start:z,size:f,end:E,key:g,lane:y,measureElement:m}}return this.measurementsCache=c,c},{key:!1,debug:()=>this.options.debug}),this.calculateRange=x(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,s,t)=>this.range=e.length>0&&s>0?L({measurements:e,outerSize:s,scrollOffset:t}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=x(()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count],(e,s,t,n)=>s===null?[]:e({startIndex:s.startIndex,endIndex:s.endIndex,overscan:t,count:n}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{const s=this.options.indexAttribute,t=e.getAttribute(s);return t?parseInt(t,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this._measureElement=(e,s)=>{const t=this.indexFromElement(e),n=this.getMeasurements()[t];if(!n||!e.isConnected){this.elementsCache.forEach((r,a)=>{r===e&&(this.observer.unobserve(e),this.elementsCache.delete(a))});return}const i=this.elementsCache.get(n.key);i!==e&&(i&&this.observer.unobserve(i),this.observer.observe(e),this.elementsCache.set(n.key,e)),this.resizeItem(t,this.options.measureElement(e,s,this))},this.resizeItem=(e,s)=>{const t=this.getMeasurements()[e];if(!t)return;const n=this.itemSizeCache.get(t.key)??t.size,i=s-n;i!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(t,i,this):t.start{e&&this._measureElement(e,void 0)},this.getVirtualItems=x(()=>[this.getIndexes(),this.getMeasurements()],(e,s)=>{const t=[];for(let n=0,i=e.length;nthis.options.debug}),this.getVirtualItemForOffset=e=>{const s=this.getMeasurements();if(s.length!==0)return w(s[O(0,s.length-1,t=>w(s[t]).start,e)])},this.getOffsetForAlignment=(e,s)=>{const t=this.getSize(),n=this.getScrollOffset();s==="auto"&&(e<=n?s="start":e>=n+t?s="end":s="start"),s==="start"?e=e:s==="end"?e=e-t:s==="center"&&(e=e-t/2);const i=this.options.horizontal?"scrollWidth":"scrollHeight",a=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[i]:this.scrollElement[i]:0)-t;return Math.max(Math.min(a,e),0)},this.getOffsetForIndex=(e,s="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));const t=this.getMeasurements()[e];if(!t)return;const n=this.getSize(),i=this.getScrollOffset();if(s==="auto")if(t.end>=i+n-this.options.scrollPaddingEnd)s="end";else if(t.start<=i+this.options.scrollPaddingStart)s="start";else return[i,s];const r=s==="end"?t.end+this.options.scrollPaddingEnd:t.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(r,s),s]},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(e,{align:s="start",behavior:t}={})=>{this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(e,s),{adjustments:void 0,behavior:t})},this.scrollToIndex=(e,{align:s="auto",behavior:t}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const n=this.getOffsetForIndex(e,s);if(!n)return;const[i,r]=n;this._scrollToOffset(i,{adjustments:void 0,behavior:t}),t!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(e))){const[u]=w(this.getOffsetForIndex(e,r));_(u,this.getScrollOffset())||this.scrollToIndex(e,{align:r,behavior:t})}else this.scrollToIndex(e,{align:r,behavior:t})}))},this.scrollBy=(e,{behavior:s}={})=>{this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+e,{adjustments:void 0,behavior:s})},this.getTotalSize=()=>{var e;const s=this.getMeasurements();let t;return s.length===0?t=this.options.paddingStart:t=this.options.lanes===1?((e=s[s.length-1])==null?void 0:e.end)??0:Math.max(...s.slice(-this.options.lanes).map(n=>n.end)),t-this.options.scrollMargin+this.options.paddingEnd},this._scrollToOffset=(e,{adjustments:s,behavior:t})=>{this.options.scrollToFn(e,{behavior:t,adjustments:s},this)},this.measure=()=>{var e,s;this.itemSizeCache=new Map,(s=(e=this.options).onChange)==null||s.call(e,this,!1)},this.setOptions(l)}}const O=(o,l,e,s)=>{for(;o<=l;){const t=(o+l)/2|0,n=e(t);if(ns)l=t-1;else return t}return o>0?o-1:0};function L({measurements:o,outerSize:l,scrollOffset:e}){const s=o.length-1,n=O(0,s,r=>o[r].start,e);let i=n;for(;i({}),{})[1],e={...o,onChange:(t,n)=>{var i;n?T.flushSync(l):l(),(i=o.onChange)==null||i.call(o,t,n)}},[s]=M.useState(()=>new P(e));return s.setOptions(e),M.useEffect(()=>s._didMount(),[]),V(()=>s._willUpdate()),s}function $(o){return N({observeElementRect:A,observeElementOffset:W,scrollToFn:B,...o})}let U=` +:host { + contain: layout; + background-color: var(--iui-color-background); +} +[data-iui-virtualizer='root'] { + min-inline-size: 100%; + position: relative; +} +::slotted([data-iui-virtualizer='item']) { + position: absolute !important; + top: 0 !important; + left: 0 !important; +} +`;const K=o=>{let{...l}=o,e=$({indexAttribute:"data-iui-index",overscan:10,...l}),s=S.useCallback((n,i)=>{setTimeout(()=>{e.scrollToIndex(n,{align:"auto",...i})})},[e]),t=S.useMemo(()=>({...e,scrollToIndex:s}),[e,s]);return S.useMemo(()=>({virtualizer:t,css:U}),[t])};export{K as u}; diff --git a/2298/react/index.html b/2298/react/index.html new file mode 100644 index 00000000000..b436e8e75cf --- /dev/null +++ b/2298/react/index.html @@ -0,0 +1,28 @@ + + + + + + + + + + + + Ladle + + + + + +
+
+ + diff --git a/2298/react/meta.json b/2298/react/meta.json new file mode 100644 index 00000000000..36088315d82 --- /dev/null +++ b/2298/react/meta.json @@ -0,0 +1,4156 @@ +{ + "about": { + "homepage": "https://www.ladle.dev", + "github": "https://github.com/tajo/ladle", + "version": 1 + }, + "stories": { + "alert--custom-icon": { + "name": "Custom icon", + "levels": [ + "Alert" + ], + "locStart": 145, + "locEnd": 157, + "filePath": "src/Alert.stories.tsx", + "namedExport": "CustomIcon", + "meta": {} + }, + "alert--empty": { + "name": "Empty", + "levels": [ + "Alert" + ], + "locStart": 136, + "locEnd": 143, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Empty", + "meta": {} + }, + "alert--informational": { + "name": "Informational", + "levels": [ + "Alert" + ], + "locStart": 12, + "locEnd": 25, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Informational", + "meta": {} + }, + "alert--negative": { + "name": "Negative", + "levels": [ + "Alert" + ], + "locStart": 57, + "locEnd": 70, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "alert--positive": { + "name": "Positive", + "levels": [ + "Alert" + ], + "locStart": 27, + "locEnd": 40, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "alert--sticky": { + "name": "Sticky", + "levels": [ + "Alert" + ], + "locStart": 72, + "locEnd": 134, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Sticky", + "meta": {} + }, + "alert--warning": { + "name": "Warning", + "levels": [ + "Alert" + ], + "locStart": 42, + "locEnd": 55, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "anchor--as-button": { + "name": "As button", + "levels": [ + "Anchor" + ], + "locStart": 15, + "locEnd": 21, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "AsButton", + "meta": {} + }, + "anchor--basic": { + "name": "Basic", + "levels": [ + "Anchor" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "anchor--external": { + "name": "External", + "levels": [ + "Anchor" + ], + "locStart": 23, + "locEnd": 29, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "External", + "meta": {} + }, + "anchor--underline": { + "name": "Underline", + "levels": [ + "Anchor" + ], + "locStart": 31, + "locEnd": 37, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "Underline", + "meta": {} + }, + "avatar--basic": { + "name": "Basic", + "levels": [ + "Avatar" + ], + "locStart": 12, + "locEnd": 20, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "avatar--custom-status-translation": { + "name": "Custom status translation", + "levels": [ + "Avatar" + ], + "locStart": 114, + "locEnd": 130, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "CustomStatusTranslation", + "meta": {} + }, + "avatar--sizes": { + "name": "Sizes", + "levels": [ + "Avatar" + ], + "locStart": 48, + "locEnd": 77, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "Sizes", + "meta": {} + }, + "avatar--statuses": { + "name": "Statuses", + "levels": [ + "Avatar" + ], + "locStart": 79, + "locEnd": 112, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "Statuses", + "meta": {} + }, + "avatar--with-icon": { + "name": "With icon", + "levels": [ + "Avatar" + ], + "locStart": 36, + "locEnd": 46, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "WithIcon", + "meta": {} + }, + "avatar--with-image": { + "name": "With image", + "levels": [ + "Avatar" + ], + "locStart": 22, + "locEnd": 34, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "WithImage", + "meta": {} + }, + "avatargroup--animated": { + "name": "Animated", + "levels": [ + "Avatargroup" + ], + "locStart": 45, + "locEnd": 69, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "Animated", + "meta": {} + }, + "avatargroup--basic": { + "name": "Basic", + "levels": [ + "Avatargroup" + ], + "locStart": 17, + "locEnd": 43, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "avatargroup--many-avatars": { + "name": "Many avatars", + "levels": [ + "Avatargroup" + ], + "locStart": 71, + "locEnd": 110, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "ManyAvatars", + "meta": {} + }, + "avatargroup--non-stacked": { + "name": "Non stacked", + "levels": [ + "Avatargroup" + ], + "locStart": 112, + "locEnd": 139, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "NonStacked", + "meta": {} + }, + "avatargroup--with-tooltip": { + "name": "With tooltip", + "levels": [ + "Avatargroup" + ], + "locStart": 141, + "locEnd": 184, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "WithTooltip", + "meta": {} + }, + "badge--basic": { + "name": "Basic", + "levels": [ + "Badge" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Badge.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "badge--long-label": { + "name": "Long label", + "levels": [ + "Badge" + ], + "locStart": 15, + "locEnd": 21, + "filePath": "src/Badge.stories.tsx", + "namedExport": "LongLabel", + "meta": {} + }, + "badge--statuses": { + "name": "Statuses", + "levels": [ + "Badge" + ], + "locStart": 23, + "locEnd": 32, + "filePath": "src/Badge.stories.tsx", + "namedExport": "Statuses", + "meta": {} + }, + "blockquote--basic": { + "name": "Basic", + "levels": [ + "Blockquote" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Blockquote.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "blockquote--with-footer": { + "name": "With footer", + "levels": [ + "Blockquote" + ], + "locStart": 15, + "locEnd": 33, + "filePath": "src/Blockquote.stories.tsx", + "namedExport": "WithFooter", + "meta": {} + }, + "breadcrumbs--basic": { + "name": "Basic", + "levels": [ + "Breadcrumbs" + ], + "locStart": 25, + "locEnd": 39, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "breadcrumbs--custom-overflow-back-button": { + "name": "Custom overflow back button", + "levels": [ + "Breadcrumbs" + ], + "locStart": 106, + "locEnd": 143, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "CustomOverflowBackButton", + "meta": {} + }, + "breadcrumbs--custom-overflow-dropdown": { + "name": "Custom overflow dropdown", + "levels": [ + "Breadcrumbs" + ], + "locStart": 165, + "locEnd": 211, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "CustomOverflowDropdown", + "meta": {} + }, + "breadcrumbs--custom-separator": { + "name": "Custom separator", + "levels": [ + "Breadcrumbs" + ], + "locStart": 55, + "locEnd": 69, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "CustomSeparator", + "meta": {} + }, + "breadcrumbs--folder-navigation": { + "name": "Folder navigation", + "levels": [ + "Breadcrumbs" + ], + "locStart": 233, + "locEnd": 298, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "FolderNavigation", + "meta": {} + }, + "breadcrumbs--links": { + "name": "Links", + "levels": [ + "Breadcrumbs" + ], + "locStart": 41, + "locEnd": 53, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "Links", + "meta": {} + }, + "breadcrumbs--overflow": { + "name": "Overflow", + "levels": [ + "Breadcrumbs" + ], + "locStart": 71, + "locEnd": 84, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "Overflow", + "meta": {} + }, + "button--as-link": { + "name": "As link", + "levels": [ + "Button" + ], + "locStart": 100, + "locEnd": 115, + "filePath": "src/Button.stories.tsx", + "namedExport": "AsLink", + "meta": {} + }, + "button--call-to-action": { + "name": "Call to action", + "levels": [ + "Button" + ], + "locStart": 13, + "locEnd": 19, + "filePath": "src/Button.stories.tsx", + "namedExport": "CallToAction", + "meta": {} + }, + "button--default": { + "name": "Default", + "levels": [ + "Button" + ], + "locStart": 29, + "locEnd": 35, + "filePath": "src/Button.stories.tsx", + "namedExport": "Default", + "meta": {} + }, + "button--high-visibility": { + "name": "High visibility", + "levels": [ + "Button" + ], + "locStart": 21, + "locEnd": 27, + "filePath": "src/Button.stories.tsx", + "namedExport": "HighVisibility", + "meta": {} + }, + "button--loading": { + "name": "Loading", + "levels": [ + "Button" + ], + "locStart": 128, + "locEnd": 134, + "filePath": "src/Button.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "button--stretch": { + "name": "Stretch", + "levels": [ + "Button" + ], + "locStart": 117, + "locEnd": 119, + "filePath": "src/Button.stories.tsx", + "namedExport": "Stretch", + "meta": {} + }, + "button--with-icon": { + "name": "With icon", + "levels": [ + "Button" + ], + "locStart": 37, + "locEnd": 47, + "filePath": "src/Button.stories.tsx", + "namedExport": "WithIcon", + "meta": {} + }, + "button--with-notification": { + "name": "With notification", + "levels": [ + "Button" + ], + "locStart": 49, + "locEnd": 98, + "filePath": "src/Button.stories.tsx", + "namedExport": "WithNotification", + "meta": {} + }, + "buttongroup--input-button-combo": { + "name": "Input button combo", + "levels": [ + "Buttongroup" + ], + "locStart": 114, + "locEnd": 135, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "InputButtonCombo", + "meta": {} + }, + "buttongroup--overflow": { + "name": "Overflow", + "levels": [ + "Buttongroup" + ], + "locStart": 54, + "locEnd": 92, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "Overflow", + "meta": {} + }, + "buttongroup--vertical": { + "name": "Vertical", + "levels": [ + "Buttongroup" + ], + "locStart": 137, + "locEnd": 162, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "Vertical", + "meta": {} + }, + "buttongroup--vertical-overflow": { + "name": "Vertical overflow", + "levels": [ + "Buttongroup" + ], + "locStart": 164, + "locEnd": 203, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "VerticalOverflow", + "meta": {} + }, + "buttongroup--with-icons": { + "name": "With icons", + "levels": [ + "Buttongroup" + ], + "locStart": 27, + "locEnd": 52, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "WithIcons", + "meta": {} + }, + "carousel--basic": { + "name": "Basic", + "levels": [ + "Carousel" + ], + "locStart": 13, + "locEnd": 51, + "filePath": "src/Carousel.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "carousel--controlled": { + "name": "Controlled", + "levels": [ + "Carousel" + ], + "locStart": 53, + "locEnd": 97, + "filePath": "src/Carousel.stories.tsx", + "namedExport": "Controlled", + "meta": {} + }, + "carousel--only-dots": { + "name": "Only dots", + "levels": [ + "Carousel" + ], + "locStart": 100, + "locEnd": 179, + "filePath": "src/Carousel.stories.tsx", + "namedExport": "OnlyDots", + "meta": {} + }, + "checkbox--basic": { + "name": "Basic", + "levels": [ + "Checkbox" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "checkbox--disabled": { + "name": "Disabled", + "levels": [ + "Checkbox" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "checkbox--indeterminate": { + "name": "Indeterminate", + "levels": [ + "Checkbox" + ], + "locStart": 18, + "locEnd": 20, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Indeterminate", + "meta": {} + }, + "checkbox--loading": { + "name": "Loading", + "levels": [ + "Checkbox" + ], + "locStart": 32, + "locEnd": 34, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "checkbox--negative": { + "name": "Negative", + "levels": [ + "Checkbox" + ], + "locStart": 28, + "locEnd": 30, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "checkbox--positive": { + "name": "Positive", + "levels": [ + "Checkbox" + ], + "locStart": 22, + "locEnd": 24, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "checkbox--visibility": { + "name": "Visibility", + "levels": [ + "Checkbox" + ], + "locStart": 36, + "locEnd": 38, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Visibility", + "meta": {} + }, + "checkbox--warning": { + "name": "Warning", + "levels": [ + "Checkbox" + ], + "locStart": 25, + "locEnd": 27, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "code--basic": { + "name": "Basic", + "levels": [ + "Code" + ], + "locStart": 11, + "locEnd": 18, + "filePath": "src/Code.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "colorpicker--advanced": { + "name": "Advanced", + "levels": [ + "Colorpicker" + ], + "locStart": 99, + "locEnd": 176, + "filePath": "src/ColorPicker.stories.tsx", + "namedExport": "Advanced", + "meta": {} + }, + "colorpicker--basic": { + "name": "Basic", + "levels": [ + "Colorpicker" + ], + "locStart": 57, + "locEnd": 97, + "filePath": "src/ColorPicker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "colorpicker--with-alpha": { + "name": "With alpha", + "levels": [ + "Colorpicker" + ], + "locStart": 178, + "locEnd": 253, + "filePath": "src/ColorPicker.stories.tsx", + "namedExport": "WithAlpha", + "meta": {} + }, + "combobox--basic": { + "name": "Basic", + "levels": [ + "Combobox" + ], + "locStart": 301, + "locEnd": 311, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "combobox--controlled": { + "name": "Controlled", + "levels": [ + "Combobox" + ], + "locStart": 313, + "locEnd": 328, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Controlled", + "meta": {} + }, + "combobox--custom-renderer": { + "name": "Custom renderer", + "levels": [ + "Combobox" + ], + "locStart": 389, + "locEnd": 423, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "CustomRenderer", + "meta": {} + }, + "combobox--disabled-items": { + "name": "Disabled items", + "levels": [ + "Combobox" + ], + "locStart": 330, + "locEnd": 359, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "DisabledItems", + "meta": {} + }, + "combobox--loading": { + "name": "Loading", + "levels": [ + "Combobox" + ], + "locStart": 455, + "locEnd": 503, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "combobox--multiple-select": { + "name": "Multiple select", + "levels": [ + "Combobox" + ], + "locStart": 518, + "locEnd": 540, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "MultipleSelect", + "meta": {} + }, + "combobox--virtualized": { + "name": "Virtualized", + "levels": [ + "Combobox" + ], + "locStart": 505, + "locEnd": 516, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Virtualized", + "meta": {} + }, + "combobox--with-custom-message-icon": { + "name": "With custom message icon", + "levels": [ + "Combobox" + ], + "locStart": 438, + "locEnd": 453, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithCustomMessageIcon", + "meta": {} + }, + "combobox--with-label": { + "name": "With label", + "levels": [ + "Combobox" + ], + "locStart": 361, + "locEnd": 374, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithLabel", + "meta": {} + }, + "combobox--with-message": { + "name": "With message", + "levels": [ + "Combobox" + ], + "locStart": 425, + "locEnd": 436, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithMessage", + "meta": {} + }, + "combobox--with-status": { + "name": "With status", + "levels": [ + "Combobox" + ], + "locStart": 376, + "locEnd": 387, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithStatus", + "meta": {} + }, + "datepicker--basic": { + "name": "Basic", + "levels": [ + "Datepicker" + ], + "locStart": 18, + "locEnd": 46, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "datepicker--localized": { + "name": "Localized", + "levels": [ + "Datepicker" + ], + "locStart": 113, + "locEnd": 142, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "Localized", + "meta": {} + }, + "datepicker--range": { + "name": "Range", + "levels": [ + "Datepicker" + ], + "locStart": 172, + "locEnd": 216, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "Range", + "meta": {} + }, + "datepicker--some-dates-disabled": { + "name": "Some dates disabled", + "levels": [ + "Datepicker" + ], + "locStart": 218, + "locEnd": 269, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "SomeDatesDisabled", + "meta": {} + }, + "datepicker--with-combined-time": { + "name": "With combined time", + "levels": [ + "Datepicker" + ], + "locStart": 79, + "locEnd": 111, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "WithCombinedTime", + "meta": {} + }, + "datepicker--with-time": { + "name": "With time", + "levels": [ + "Datepicker" + ], + "locStart": 48, + "locEnd": 77, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "WithTime", + "meta": {} + }, + "datepicker--with-year": { + "name": "With year", + "levels": [ + "Datepicker" + ], + "locStart": 143, + "locEnd": 170, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "WithYear", + "meta": {} + }, + "dialog--basic": { + "name": "Basic", + "levels": [ + "Dialog" + ], + "locStart": 12, + "locEnd": 61, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "dialog--draggable-and-resizable": { + "name": "Draggable and resizable", + "levels": [ + "Dialog" + ], + "locStart": 124, + "locEnd": 180, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "DraggableAndResizable", + "meta": {} + }, + "dialog--draggable-relative-to-container": { + "name": "Draggable relative to container", + "levels": [ + "Dialog" + ], + "locStart": 182, + "locEnd": 252, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "DraggableRelativeToContainer", + "meta": {} + }, + "dialog--modal": { + "name": "Modal", + "levels": [ + "Dialog" + ], + "locStart": 63, + "locEnd": 122, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "Modal", + "meta": {} + }, + "dialog--placement": { + "name": "Placement", + "levels": [ + "Dialog" + ], + "locStart": 254, + "locEnd": 309, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "Placement", + "meta": {} + }, + "dropdownbutton--basic": { + "name": "Basic", + "levels": [ + "Dropdownbutton" + ], + "locStart": 11, + "locEnd": 30, + "filePath": "src/DropdownButton.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "dropdownmenu--basic": { + "name": "Basic", + "levels": [ + "Dropdownmenu" + ], + "locStart": 28, + "locEnd": 51, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "dropdownmenu--submenu": { + "name": "Submenu", + "levels": [ + "Dropdownmenu" + ], + "locStart": 186, + "locEnd": 242, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "Submenu", + "meta": {} + }, + "dropdownmenu--with-content": { + "name": "With content", + "levels": [ + "Dropdownmenu" + ], + "locStart": 289, + "locEnd": 330, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithContent", + "meta": {} + }, + "dropdownmenu--with-end-icons": { + "name": "With end icons", + "levels": [ + "Dropdownmenu" + ], + "locStart": 99, + "locEnd": 126, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithEndIcons", + "meta": {} + }, + "dropdownmenu--with-separator": { + "name": "With separator", + "levels": [ + "Dropdownmenu" + ], + "locStart": 252, + "locEnd": 279, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithSeparator", + "meta": {} + }, + "dropdownmenu--with-start-icons": { + "name": "With start icons", + "levels": [ + "Dropdownmenu" + ], + "locStart": 62, + "locEnd": 89, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithStartIcons", + "meta": {} + }, + "dropdownmenu--with-sublabels": { + "name": "With sublabels", + "levels": [ + "Dropdownmenu" + ], + "locStart": 136, + "locEnd": 176, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithSublabels", + "meta": {} + }, + "expandableblock--accordion": { + "name": "Accordion", + "levels": [ + "Expandableblock" + ], + "locStart": 32, + "locEnd": 43, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Accordion", + "meta": {} + }, + "expandableblock--basic": { + "name": "Basic", + "levels": [ + "Expandableblock" + ], + "locStart": 11, + "locEnd": 15, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "expandableblock--borderless": { + "name": "Borderless", + "levels": [ + "Expandableblock" + ], + "locStart": 69, + "locEnd": 76, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Borderless", + "meta": {} + }, + "expandableblock--disabled": { + "name": "Disabled", + "levels": [ + "Expandableblock" + ], + "locStart": 78, + "locEnd": 85, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "expandableblock--small": { + "name": "Small", + "levels": [ + "Expandableblock" + ], + "locStart": 60, + "locEnd": 67, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "expandableblock--status-icon": { + "name": "Status icon", + "levels": [ + "Expandableblock" + ], + "locStart": 45, + "locEnd": 58, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "StatusIcon", + "meta": {} + }, + "expandableblock--with-caption": { + "name": "With caption", + "levels": [ + "Expandableblock" + ], + "locStart": 17, + "locEnd": 30, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "WithCaption", + "meta": {} + }, + "fieldset--basic": { + "name": "Basic", + "levels": [ + "Fieldset" + ], + "locStart": 18, + "locEnd": 52, + "filePath": "src/Fieldset.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "fieldset--disabled": { + "name": "Disabled", + "levels": [ + "Fieldset" + ], + "locStart": 54, + "locEnd": 89, + "filePath": "src/Fieldset.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "fileupload--custom-file-upload-card": { + "name": "Custom file upload card", + "levels": [ + "Fileupload" + ], + "locStart": 65, + "locEnd": 116, + "filePath": "src/FileUpload.stories.tsx", + "namedExport": "CustomFileUploadCard", + "meta": {} + }, + "fileupload--default-file-upload-card": { + "name": "Default file upload card", + "levels": [ + "Fileupload" + ], + "locStart": 48, + "locEnd": 63, + "filePath": "src/FileUpload.stories.tsx", + "namedExport": "DefaultFileUploadCard", + "meta": {} + }, + "fileupload--wrapping-input": { + "name": "Wrapping input", + "levels": [ + "Fileupload" + ], + "locStart": 24, + "locEnd": 46, + "filePath": "src/FileUpload.stories.tsx", + "namedExport": "WrappingInput", + "meta": {} + }, + "flex--basic": { + "name": "Basic", + "levels": [ + "Flex" + ], + "locStart": 34, + "locEnd": 42, + "filePath": "src/Flex.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "flex--individual-gaps": { + "name": "Individual gaps", + "levels": [ + "Flex" + ], + "locStart": 77, + "locEnd": 110, + "filePath": "src/Flex.stories.tsx", + "namedExport": "IndividualGaps", + "meta": {} + }, + "flex--with-flex-item": { + "name": "With flex item", + "levels": [ + "Flex" + ], + "locStart": 59, + "locEnd": 75, + "filePath": "src/Flex.stories.tsx", + "namedExport": "WithFlexItem", + "meta": {} + }, + "flex--with-spacer": { + "name": "With spacer", + "levels": [ + "Flex" + ], + "locStart": 44, + "locEnd": 57, + "filePath": "src/Flex.stories.tsx", + "namedExport": "WithSpacer", + "meta": {} + }, + "footer--appended-custom-elements": { + "name": "Appended custom elements", + "levels": [ + "Footer" + ], + "locStart": 21, + "locEnd": 32, + "filePath": "src/Footer.stories.tsx", + "namedExport": "AppendedCustomElements", + "meta": {} + }, + "footer--basic": { + "name": "Basic", + "levels": [ + "Footer" + ], + "locStart": 17, + "locEnd": 19, + "filePath": "src/Footer.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "footer--bottom-fixed": { + "name": "Bottom fixed", + "levels": [ + "Footer" + ], + "locStart": 80, + "locEnd": 86, + "filePath": "src/Footer.stories.tsx", + "namedExport": "BottomFixed", + "meta": {} + }, + "footer--custom-content": { + "name": "Custom content", + "levels": [ + "Footer" + ], + "locStart": 88, + "locEnd": 123, + "filePath": "src/Footer.stories.tsx", + "namedExport": "CustomContent", + "meta": {} + }, + "footer--customized-default-and-custom-elements": { + "name": "Customized default and custom elements", + "levels": [ + "Footer" + ], + "locStart": 47, + "locEnd": 78, + "filePath": "src/Footer.stories.tsx", + "namedExport": "CustomizedDefaultAndCustomElements", + "meta": {} + }, + "footer--only-custom-elements": { + "name": "Only custom elements", + "levels": [ + "Footer" + ], + "locStart": 34, + "locEnd": 45, + "filePath": "src/Footer.stories.tsx", + "namedExport": "OnlyCustomElements", + "meta": {} + }, + "header--basic": { + "name": "Basic", + "levels": [ + "Header" + ], + "locStart": 175, + "locEnd": 234, + "filePath": "src/Header.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "header--center-content": { + "name": "Center content", + "levels": [ + "Header" + ], + "locStart": 298, + "locEnd": 360, + "filePath": "src/Header.stories.tsx", + "namedExport": "CenterContent", + "meta": {} + }, + "header--full": { + "name": "Full", + "levels": [ + "Header" + ], + "locStart": 52, + "locEnd": 173, + "filePath": "src/Header.stories.tsx", + "namedExport": "Full", + "meta": {} + }, + "header--slim": { + "name": "Slim", + "levels": [ + "Header" + ], + "locStart": 236, + "locEnd": 296, + "filePath": "src/Header.stories.tsx", + "namedExport": "Slim", + "meta": {} + }, + "icon--autoscale": { + "name": "Autoscale", + "levels": [ + "Icon" + ], + "locStart": 86, + "locEnd": 92, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Autoscale", + "meta": {} + }, + "icon--default": { + "name": "Default", + "levels": [ + "Icon" + ], + "locStart": 20, + "locEnd": 26, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Default", + "meta": {} + }, + "icon--padded": { + "name": "Padded", + "levels": [ + "Icon" + ], + "locStart": 28, + "locEnd": 41, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Padded", + "meta": {} + }, + "icon--sizes": { + "name": "Sizes", + "levels": [ + "Icon" + ], + "locStart": 69, + "locEnd": 83, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Sizes", + "meta": {} + }, + "icon--statuses": { + "name": "Statuses", + "levels": [ + "Icon" + ], + "locStart": 43, + "locEnd": 60, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Statuses", + "meta": {} + }, + "iconbutton--add": { + "name": "Add", + "levels": [ + "Iconbutton" + ], + "locStart": 12, + "locEnd": 18, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "Add", + "meta": {} + }, + "iconbutton--borderless": { + "name": "Borderless", + "levels": [ + "Iconbutton" + ], + "locStart": 45, + "locEnd": 55, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "Borderless", + "meta": {} + }, + "iconbutton--high-visibility-add": { + "name": "High visibility add", + "levels": [ + "Iconbutton" + ], + "locStart": 33, + "locEnd": 43, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "HighVisibilityAdd", + "meta": {} + }, + "iconbutton--small-active-add": { + "name": "Small active add", + "levels": [ + "Iconbutton" + ], + "locStart": 20, + "locEnd": 31, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "SmallActiveAdd", + "meta": {} + }, + "ideasbutton--ideas": { + "name": "Ideas", + "levels": [ + "Ideasbutton" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/IdeasButton.stories.tsx", + "namedExport": "Ideas", + "meta": {} + }, + "ideasbutton--localized-ideas": { + "name": "Localized ideas", + "levels": [ + "Ideasbutton" + ], + "locStart": 15, + "locEnd": 22, + "filePath": "src/IdeasButton.stories.tsx", + "namedExport": "LocalizedIdeas", + "meta": {} + }, + "informationpanel--basic": { + "name": "Basic", + "levels": [ + "Informationpanel" + ], + "locStart": 28, + "locEnd": 96, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "informationpanel--custom-actions": { + "name": "Custom actions", + "levels": [ + "Informationpanel" + ], + "locStart": 180, + "locEnd": 270, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "CustomActions", + "meta": {} + }, + "informationpanel--custom-width": { + "name": "Custom width", + "levels": [ + "Informationpanel" + ], + "locStart": 273, + "locEnd": 309, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "CustomWidth", + "meta": {} + }, + "informationpanel--horizontal": { + "name": "Horizontal", + "levels": [ + "Informationpanel" + ], + "locStart": 108, + "locEnd": 177, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "Horizontal", + "meta": {} + }, + "input--basic": { + "name": "Basic", + "levels": [ + "Input" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Input.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "input--disabled": { + "name": "Disabled", + "levels": [ + "Input" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Input.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "input--small": { + "name": "Small", + "levels": [ + "Input" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/Input.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "input--status": { + "name": "Status", + "levels": [ + "Input" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/Input.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "inputgrid--with-input": { + "name": "With input", + "levels": [ + "Inputgrid" + ], + "locStart": 21, + "locEnd": 29, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithInput", + "meta": {} + }, + "inputgrid--with-input-with-decorations": { + "name": "With input with decorations", + "levels": [ + "Inputgrid" + ], + "locStart": 31, + "locEnd": 50, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithInputWithDecorations", + "meta": {} + }, + "inputgrid--with-search": { + "name": "With search", + "levels": [ + "Inputgrid" + ], + "locStart": 74, + "locEnd": 82, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithSearch", + "meta": {} + }, + "inputgrid--with-select": { + "name": "With select", + "levels": [ + "Inputgrid" + ], + "locStart": 52, + "locEnd": 72, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithSelect", + "meta": {} + }, + "inputgroup--checkbox-group": { + "name": "Checkbox group", + "levels": [ + "Inputgroup" + ], + "locStart": 42, + "locEnd": 91, + "filePath": "src/InputGroup.stories.tsx", + "namedExport": "CheckboxGroup", + "meta": {} + }, + "inputgroup--radio-group": { + "name": "Radio group", + "levels": [ + "Inputgroup" + ], + "locStart": 19, + "locEnd": 40, + "filePath": "src/InputGroup.stories.tsx", + "namedExport": "RadioGroup", + "meta": {} + }, + "inputgroup--toggle-group": { + "name": "Toggle group", + "levels": [ + "Inputgroup" + ], + "locStart": 93, + "locEnd": 112, + "filePath": "src/InputGroup.stories.tsx", + "namedExport": "ToggleGroup", + "meta": {} + }, + "inputwithdecorations--basic": { + "name": "Basic", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 12, + "locEnd": 24, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "inputwithdecorations--disabled": { + "name": "Disabled", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 26, + "locEnd": 38, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "inputwithdecorations--small": { + "name": "Small", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 40, + "locEnd": 52, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "inputwithdecorations--status": { + "name": "Status", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 54, + "locEnd": 66, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "keyboard-key--basic": { + "name": "Basic", + "levels": [ + "Keyboard key" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Kbd.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "keyboard-key--predefined-key": { + "name": "Predefined key", + "levels": [ + "Keyboard key" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Kbd.stories.tsx", + "namedExport": "PredefinedKey", + "meta": {} + }, + "label--basic": { + "name": "Basic", + "levels": [ + "Label" + ], + "locStart": 19, + "locEnd": 26, + "filePath": "src/Label.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "label--inline": { + "name": "Inline", + "levels": [ + "Label" + ], + "locStart": 28, + "locEnd": 37, + "filePath": "src/Label.stories.tsx", + "namedExport": "Inline", + "meta": {} + }, + "label--polymorphic": { + "name": "Polymorphic", + "levels": [ + "Label" + ], + "locStart": 39, + "locEnd": 48, + "filePath": "src/Label.stories.tsx", + "namedExport": "Polymorphic", + "meta": {} + }, + "labeledinput--basic": { + "name": "Basic", + "levels": [ + "Labeledinput" + ], + "locStart": 13, + "locEnd": 17, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "labeledinput--disabled": { + "name": "Disabled", + "levels": [ + "Labeledinput" + ], + "locStart": 29, + "locEnd": 38, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "labeledinput--hybrid-layout": { + "name": "Hybrid layout", + "levels": [ + "Labeledinput" + ], + "locStart": 109, + "locEnd": 120, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "HybridLayout", + "meta": {} + }, + "labeledinput--inline": { + "name": "Inline", + "levels": [ + "Labeledinput" + ], + "locStart": 98, + "locEnd": 107, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Inline", + "meta": {} + }, + "labeledinput--negative": { + "name": "Negative", + "levels": [ + "Labeledinput" + ], + "locStart": 62, + "locEnd": 71, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "labeledinput--positive": { + "name": "Positive", + "levels": [ + "Labeledinput" + ], + "locStart": 40, + "locEnd": 49, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "labeledinput--warning": { + "name": "Warning", + "levels": [ + "Labeledinput" + ], + "locStart": 51, + "locEnd": 60, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "labeledinput--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Labeledinput" + ], + "locStart": 73, + "locEnd": 85, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "labeledinput--with-message": { + "name": "With message", + "levels": [ + "Labeledinput" + ], + "locStart": 19, + "locEnd": 27, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "WithMessage", + "meta": {} + }, + "labeledinput--with-svg-icon": { + "name": "With svg icon", + "levels": [ + "Labeledinput" + ], + "locStart": 87, + "locEnd": 96, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "WithSvgIcon", + "meta": {} + }, + "labeledselect--basic": { + "name": "Basic", + "levels": [ + "Labeledselect" + ], + "locStart": 22, + "locEnd": 35, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "labeledselect--native": { + "name": "Native", + "levels": [ + "Labeledselect" + ], + "locStart": 116, + "locEnd": 131, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Native", + "meta": {} + }, + "labeledselect--negative": { + "name": "Negative", + "levels": [ + "Labeledselect" + ], + "locStart": 75, + "locEnd": 92, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "labeledselect--positive": { + "name": "Positive", + "levels": [ + "Labeledselect" + ], + "locStart": 37, + "locEnd": 54, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "labeledselect--warning": { + "name": "Warning", + "levels": [ + "Labeledselect" + ], + "locStart": 56, + "locEnd": 73, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "labeledselect--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Labeledselect" + ], + "locStart": 94, + "locEnd": 114, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "labeledtextarea--basic": { + "name": "Basic", + "levels": [ + "Labeledtextarea" + ], + "locStart": 12, + "locEnd": 20, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "labeledtextarea--disabled": { + "name": "Disabled", + "levels": [ + "Labeledtextarea" + ], + "locStart": 22, + "locEnd": 31, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "labeledtextarea--inline": { + "name": "Inline", + "levels": [ + "Labeledtextarea" + ], + "locStart": 89, + "locEnd": 98, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Inline", + "meta": {} + }, + "labeledtextarea--negative": { + "name": "Negative", + "levels": [ + "Labeledtextarea" + ], + "locStart": 55, + "locEnd": 64, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "labeledtextarea--positive": { + "name": "Positive", + "levels": [ + "Labeledtextarea" + ], + "locStart": 33, + "locEnd": 42, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "labeledtextarea--warning": { + "name": "Warning", + "levels": [ + "Labeledtextarea" + ], + "locStart": 44, + "locEnd": 53, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "labeledtextarea--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Labeledtextarea" + ], + "locStart": 66, + "locEnd": 76, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "labeledtextarea--with-svg-icon": { + "name": "With svg icon", + "levels": [ + "Labeledtextarea" + ], + "locStart": 78, + "locEnd": 87, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "WithSvgIcon", + "meta": {} + }, + "list--actionable": { + "name": "Actionable", + "levels": [ + "List" + ], + "locStart": 67, + "locEnd": 82, + "filePath": "src/List.stories.tsx", + "namedExport": "Actionable", + "meta": {} + }, + "list--basic": { + "name": "Basic", + "levels": [ + "List" + ], + "locStart": 20, + "locEnd": 37, + "filePath": "src/List.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "list--with-icon": { + "name": "With icon", + "levels": [ + "List" + ], + "locStart": 39, + "locEnd": 65, + "filePath": "src/List.stories.tsx", + "namedExport": "WithIcon", + "meta": {} + }, + "modal--basic": { + "name": "Basic", + "levels": [ + "Modal" + ], + "locStart": 17, + "locEnd": 68, + "filePath": "src/Modal.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "modal--full-page-modal": { + "name": "Full page modal", + "levels": [ + "Modal" + ], + "locStart": 179, + "locEnd": 231, + "filePath": "src/Modal.stories.tsx", + "namedExport": "FullPageModal", + "meta": {} + }, + "modal--non-dismissible-modal": { + "name": "Non dismissible modal", + "levels": [ + "Modal" + ], + "locStart": 70, + "locEnd": 122, + "filePath": "src/Modal.stories.tsx", + "namedExport": "NonDismissibleModal", + "meta": {} + }, + "modal--outside-click-and-esc-does-not-close": { + "name": "Outside click and esc does not close", + "levels": [ + "Modal" + ], + "locStart": 124, + "locEnd": 177, + "filePath": "src/Modal.stories.tsx", + "namedExport": "OutsideClickAndEscDoesNotClose", + "meta": {} + }, + "nonidealstate--bad-gateway": { + "name": "Bad gateway", + "levels": [ + "Nonidealstate" + ], + "locStart": 166, + "locEnd": 183, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "BadGateway", + "meta": {} + }, + "nonidealstate--custom-html-message": { + "name": "Custom html message", + "levels": [ + "Nonidealstate" + ], + "locStart": 223, + "locEnd": 248, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "CustomHtmlMessage", + "meta": {} + }, + "nonidealstate--forbidden": { + "name": "Forbidden", + "levels": [ + "Nonidealstate" + ], + "locStart": 71, + "locEnd": 94, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Forbidden", + "meta": {} + }, + "nonidealstate--generic": { + "name": "Generic", + "levels": [ + "Nonidealstate" + ], + "locStart": 204, + "locEnd": 221, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Generic", + "meta": {} + }, + "nonidealstate--internal-server-error": { + "name": "Internal server error", + "levels": [ + "Nonidealstate" + ], + "locStart": 147, + "locEnd": 164, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "InternalServerError", + "meta": {} + }, + "nonidealstate--page-not-found": { + "name": "Page not found", + "levels": [ + "Nonidealstate" + ], + "locStart": 96, + "locEnd": 120, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "PageNotFound", + "meta": {} + }, + "nonidealstate--redirect": { + "name": "Redirect", + "levels": [ + "Nonidealstate" + ], + "locStart": 22, + "locEnd": 45, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Redirect", + "meta": {} + }, + "nonidealstate--service-unavailable": { + "name": "Service unavailable", + "levels": [ + "Nonidealstate" + ], + "locStart": 185, + "locEnd": 202, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "ServiceUnavailable", + "meta": {} + }, + "nonidealstate--time-out": { + "name": "Time out", + "levels": [ + "Nonidealstate" + ], + "locStart": 122, + "locEnd": 145, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "TimeOut", + "meta": {} + }, + "nonidealstate--unauthorized": { + "name": "Unauthorized", + "levels": [ + "Nonidealstate" + ], + "locStart": 46, + "locEnd": 69, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Unauthorized", + "meta": {} + }, + "nonidealstate--without-message-or-buttons": { + "name": "Without message or buttons", + "levels": [ + "Nonidealstate" + ], + "locStart": 250, + "locEnd": 252, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "WithoutMessageOrButtons", + "meta": {} + }, + "notificationmarker--basic": { + "name": "Basic", + "levels": [ + "Notificationmarker" + ], + "locStart": 31, + "locEnd": 39, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "notificationmarker--pulsing": { + "name": "Pulsing", + "levels": [ + "Notificationmarker" + ], + "locStart": 57, + "locEnd": 67, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "Pulsing", + "meta": {} + }, + "notificationmarker--status": { + "name": "Status", + "levels": [ + "Notificationmarker" + ], + "locStart": 69, + "locEnd": 115, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "notificationmarker--with-buttons": { + "name": "With buttons", + "levels": [ + "Notificationmarker" + ], + "locStart": 41, + "locEnd": 55, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "WithButtons", + "meta": {} + }, + "overlay--linear": { + "name": "Linear", + "levels": [ + "Overlay" + ], + "locStart": 12, + "locEnd": 37, + "filePath": "src/Overlay.stories.tsx", + "namedExport": "Linear", + "meta": {} + }, + "overlay--radial": { + "name": "Radial", + "levels": [ + "Overlay" + ], + "locStart": 39, + "locEnd": 64, + "filePath": "src/Overlay.stories.tsx", + "namedExport": "Radial", + "meta": {} + }, + "overview--readme": { + "name": "Readme", + "levels": [ + "Overview" + ], + "locStart": 19, + "locEnd": 27, + "filePath": "src/Overview.stories.mdx", + "namedExport": "MDXContent", + "meta": {} + }, + "panels--basic": { + "name": "Basic", + "levels": [ + "Panels" + ], + "locStart": 23, + "locEnd": 54, + "filePath": "src/Panels.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "panels--multi-level-list": { + "name": "Multi level list", + "levels": [ + "Panels" + ], + "locStart": 114, + "locEnd": 289, + "filePath": "src/Panels.stories.tsx", + "namedExport": "MultiLevelList", + "meta": {} + }, + "panels--multi-panel-information-panel": { + "name": "Multi panel information panel", + "levels": [ + "Panels" + ], + "locStart": 56, + "locEnd": 112, + "filePath": "src/Panels.stories.tsx", + "namedExport": "MultiPanelInformationPanel", + "meta": {} + }, + "panels--nested-panels": { + "name": "Nested panels", + "levels": [ + "Panels" + ], + "locStart": 291, + "locEnd": 329, + "filePath": "src/Panels.stories.tsx", + "namedExport": "NestedPanels", + "meta": {} + }, + "progresslinear--determinate": { + "name": "Determinate", + "levels": [ + "Progresslinear" + ], + "locStart": 16, + "locEnd": 18, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Determinate", + "meta": {} + }, + "progresslinear--determinate-animated": { + "name": "Determinate animated", + "levels": [ + "Progresslinear" + ], + "locStart": 20, + "locEnd": 22, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "DeterminateAnimated", + "meta": {} + }, + "progresslinear--indeterminate": { + "name": "Indeterminate", + "levels": [ + "Progresslinear" + ], + "locStart": 24, + "locEnd": 26, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Indeterminate", + "meta": {} + }, + "progresslinear--labeled-center": { + "name": "Labeled center", + "levels": [ + "Progresslinear" + ], + "locStart": 28, + "locEnd": 30, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "LabeledCenter", + "meta": {} + }, + "progresslinear--labeled-left-right": { + "name": "Labeled left right", + "levels": [ + "Progresslinear" + ], + "locStart": 32, + "locEnd": 34, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "LabeledLeftRight", + "meta": {} + }, + "progresslinear--negative": { + "name": "Negative", + "levels": [ + "Progresslinear" + ], + "locStart": 51, + "locEnd": 64, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "progresslinear--positive": { + "name": "Positive", + "levels": [ + "Progresslinear" + ], + "locStart": 36, + "locEnd": 49, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "progresslinear--warning": { + "name": "Warning", + "levels": [ + "Progresslinear" + ], + "locStart": 66, + "locEnd": 79, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "progressradial--determinate": { + "name": "Determinate", + "levels": [ + "Progressradial" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Determinate", + "meta": {} + }, + "progressradial--determinate-with-content": { + "name": "Determinate with content", + "levels": [ + "Progressradial" + ], + "locStart": 31, + "locEnd": 33, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "DeterminateWithContent", + "meta": {} + }, + "progressradial--indeterminate": { + "name": "Indeterminate", + "levels": [ + "Progressradial" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Indeterminate", + "meta": {} + }, + "progressradial--negative": { + "name": "Negative", + "levels": [ + "Progressradial" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "progressradial--positive": { + "name": "Positive", + "levels": [ + "Progressradial" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "progressradial--warning": { + "name": "Warning", + "levels": [ + "Progressradial" + ], + "locStart": 27, + "locEnd": 29, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "radio--basic": { + "name": "Basic", + "levels": [ + "Radio" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "radio--disabled": { + "name": "Disabled", + "levels": [ + "Radio" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "radio--negative": { + "name": "Negative", + "levels": [ + "Radio" + ], + "locStart": 27, + "locEnd": 29, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "radio--positive": { + "name": "Positive", + "levels": [ + "Radio" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "radio--warning": { + "name": "Warning", + "levels": [ + "Radio" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "radiotilegroup--colored": { + "name": "Colored", + "levels": [ + "Radiotilegroup" + ], + "locStart": 57, + "locEnd": 132, + "filePath": "src/RadioTileGroup.stories.tsx", + "namedExport": "Colored", + "meta": {} + }, + "radiotilegroup--monochrome": { + "name": "Monochrome", + "levels": [ + "Radiotilegroup" + ], + "locStart": 12, + "locEnd": 55, + "filePath": "src/RadioTileGroup.stories.tsx", + "namedExport": "Monochrome", + "meta": {} + }, + "searchbox--basic": { + "name": "Basic", + "levels": [ + "Searchbox" + ], + "locStart": 13, + "locEnd": 15, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "searchbox--basic-with-custom-items": { + "name": "Basic with custom items", + "levels": [ + "Searchbox" + ], + "locStart": 17, + "locEnd": 39, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "BasicWithCustomItems", + "meta": {} + }, + "searchbox--basic-with-status": { + "name": "Basic with status", + "levels": [ + "Searchbox" + ], + "locStart": 41, + "locEnd": 48, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "BasicWithStatus", + "meta": {} + }, + "searchbox--borderless-expand-button": { + "name": "Borderless expand button", + "levels": [ + "Searchbox" + ], + "locStart": 56, + "locEnd": 69, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "BorderlessExpandButton", + "meta": {} + }, + "searchbox--expandable": { + "name": "Expandable", + "levels": [ + "Searchbox" + ], + "locStart": 50, + "locEnd": 54, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "Expandable", + "meta": {} + }, + "searchbox--expandable-with-custom-items": { + "name": "Expandable with custom items", + "levels": [ + "Searchbox" + ], + "locStart": 71, + "locEnd": 88, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "ExpandableWithCustomItems", + "meta": {} + }, + "searchbox--small": { + "name": "Small", + "levels": [ + "Searchbox" + ], + "locStart": 90, + "locEnd": 92, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "searchbox--with-custom-action": { + "name": "With custom action", + "levels": [ + "Searchbox" + ], + "locStart": 94, + "locEnd": 130, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "WithCustomAction", + "meta": {} + }, + "select--basic": { + "name": "Basic", + "levels": [ + "Select" + ], + "locStart": 31, + "locEnd": 38, + "filePath": "src/Select.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "select--borderless": { + "name": "Borderless", + "levels": [ + "Select" + ], + "locStart": 267, + "locEnd": 276, + "filePath": "src/Select.stories.tsx", + "namedExport": "Borderless", + "meta": {} + }, + "select--custom": { + "name": "Custom", + "levels": [ + "Select" + ], + "locStart": 147, + "locEnd": 170, + "filePath": "src/Select.stories.tsx", + "namedExport": "Custom", + "meta": {} + }, + "select--disabled": { + "name": "Disabled", + "levels": [ + "Select" + ], + "locStart": 75, + "locEnd": 93, + "filePath": "src/Select.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "select--disabled-with-selected-value": { + "name": "Disabled with selected value", + "levels": [ + "Select" + ], + "locStart": 95, + "locEnd": 113, + "filePath": "src/Select.stories.tsx", + "namedExport": "DisabledWithSelectedValue", + "meta": {} + }, + "select--many-items": { + "name": "Many items", + "levels": [ + "Select" + ], + "locStart": 115, + "locEnd": 128, + "filePath": "src/Select.stories.tsx", + "namedExport": "ManyItems", + "meta": {} + }, + "select--multi": { + "name": "Multi", + "levels": [ + "Select" + ], + "locStart": 205, + "locEnd": 227, + "filePath": "src/Select.stories.tsx", + "namedExport": "Multi", + "meta": {} + }, + "select--multi-custom-renderer": { + "name": "Multi custom renderer", + "levels": [ + "Select" + ], + "locStart": 229, + "locEnd": 255, + "filePath": "src/Select.stories.tsx", + "namedExport": "MultiCustomRenderer", + "meta": {} + }, + "select--native": { + "name": "Native", + "levels": [ + "Select" + ], + "locStart": 257, + "locEnd": 265, + "filePath": "src/Select.stories.tsx", + "namedExport": "Native", + "meta": {} + }, + "select--sublabels": { + "name": "Sublabels", + "levels": [ + "Select" + ], + "locStart": 129, + "locEnd": 145, + "filePath": "src/Select.stories.tsx", + "namedExport": "Sublabels", + "meta": {} + }, + "select--truncate-middle-text": { + "name": "Truncate middle text", + "levels": [ + "Select" + ], + "locStart": 172, + "locEnd": 203, + "filePath": "src/Select.stories.tsx", + "namedExport": "TruncateMiddleText", + "meta": {} + }, + "select--with-icons": { + "name": "With icons", + "levels": [ + "Select" + ], + "locStart": 40, + "locEnd": 55, + "filePath": "src/Select.stories.tsx", + "namedExport": "WithIcons", + "meta": {} + }, + "select--with-selected-value": { + "name": "With selected value", + "levels": [ + "Select" + ], + "locStart": 57, + "locEnd": 73, + "filePath": "src/Select.stories.tsx", + "namedExport": "WithSelectedValue", + "meta": {} + }, + "sidenavigation--active-item": { + "name": "Active item", + "levels": [ + "Sidenavigation" + ], + "locStart": 58, + "locEnd": 82, + "filePath": "src/SideNavigation.stories.tsx", + "namedExport": "ActiveItem", + "meta": {} + }, + "sidenavigation--basic": { + "name": "Basic", + "levels": [ + "Sidenavigation" + ], + "locStart": 35, + "locEnd": 56, + "filePath": "src/SideNavigation.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "sidenavigation--submenu": { + "name": "Submenu", + "levels": [ + "Sidenavigation" + ], + "locStart": 84, + "locEnd": 169, + "filePath": "src/SideNavigation.stories.tsx", + "namedExport": "Submenu", + "meta": {} + }, + "skiptocontentlink--basic": { + "name": "Basic", + "levels": [ + "Skiptocontentlink" + ], + "locStart": 11, + "locEnd": 40, + "filePath": "src/SkipToContentLink.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "skiptocontentlink--custom-text": { + "name": "Custom text", + "levels": [ + "Skiptocontentlink" + ], + "locStart": 42, + "locEnd": 73, + "filePath": "src/SkipToContentLink.stories.tsx", + "namedExport": "CustomText", + "meta": {} + }, + "slider--basic": { + "name": "Basic", + "levels": [ + "Slider" + ], + "locStart": 31, + "locEnd": 33, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "slider--custom-tick-no-tooltip": { + "name": "Custom tick no tooltip", + "levels": [ + "Slider" + ], + "locStart": 115, + "locEnd": 162, + "filePath": "src/Slider.stories.tsx", + "namedExport": "CustomTickNoTooltip", + "meta": {} + }, + "slider--custom-tooltip": { + "name": "Custom tooltip", + "levels": [ + "Slider" + ], + "locStart": 101, + "locEnd": 113, + "filePath": "src/Slider.stories.tsx", + "namedExport": "CustomTooltip", + "meta": {} + }, + "slider--decimal-increment": { + "name": "Decimal increment", + "levels": [ + "Slider" + ], + "locStart": 172, + "locEnd": 174, + "filePath": "src/Slider.stories.tsx", + "namedExport": "DecimalIncrement", + "meta": {} + }, + "slider--disabled": { + "name": "Disabled", + "levels": [ + "Slider" + ], + "locStart": 97, + "locEnd": 99, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "slider--multi-thumbs-allow-crossing": { + "name": "Multi thumbs allow crossing", + "levels": [ + "Slider" + ], + "locStart": 39, + "locEnd": 60, + "filePath": "src/Slider.stories.tsx", + "namedExport": "MultiThumbsAllowCrossing", + "meta": {} + }, + "slider--range": { + "name": "Range", + "levels": [ + "Slider" + ], + "locStart": 35, + "locEnd": 37, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Range", + "meta": {} + }, + "slider--vertical": { + "name": "Vertical", + "levels": [ + "Slider" + ], + "locStart": 176, + "locEnd": 178, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Vertical", + "meta": {} + }, + "slider--with-custom-thumb": { + "name": "With custom thumb", + "levels": [ + "Slider" + ], + "locStart": 62, + "locEnd": 95, + "filePath": "src/Slider.stories.tsx", + "namedExport": "WithCustomThumb", + "meta": {} + }, + "splitbutton--basic": { + "name": "Basic", + "levels": [ + "Splitbutton" + ], + "locStart": 19, + "locEnd": 46, + "filePath": "src/SplitButton.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "stepper--basic": { + "name": "Basic", + "levels": [ + "Stepper" + ], + "locStart": 12, + "locEnd": 29, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "stepper--custom-icon": { + "name": "Custom icon", + "levels": [ + "Stepper" + ], + "locStart": 31, + "locEnd": 47, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "CustomIcon", + "meta": {} + }, + "stepper--localized-long": { + "name": "Localized long", + "levels": [ + "Stepper" + ], + "locStart": 68, + "locEnd": 92, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "LocalizedLong", + "meta": {} + }, + "stepper--long": { + "name": "Long", + "levels": [ + "Stepper" + ], + "locStart": 49, + "locEnd": 67, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "Long", + "meta": {} + }, + "stepper--with-tooltips": { + "name": "With tooltips", + "levels": [ + "Stepper" + ], + "locStart": 94, + "locEnd": 111, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "WithTooltips", + "meta": {} + }, + "surface--basic": { + "name": "Basic", + "levels": [ + "Surface" + ], + "locStart": 22, + "locEnd": 39, + "filePath": "src/Surface.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "surface--custom": { + "name": "Custom", + "levels": [ + "Surface" + ], + "locStart": 41, + "locEnd": 67, + "filePath": "src/Surface.stories.tsx", + "namedExport": "Custom", + "meta": {} + }, + "surface--empty-state": { + "name": "Empty state", + "levels": [ + "Surface" + ], + "locStart": 172, + "locEnd": 199, + "filePath": "src/Surface.stories.tsx", + "namedExport": "EmptyState", + "meta": {} + }, + "surface--no-padding": { + "name": "No padding", + "levels": [ + "Surface" + ], + "locStart": 117, + "locEnd": 170, + "filePath": "src/Surface.stories.tsx", + "namedExport": "NoPadding", + "meta": {} + }, + "surface--overflow-with-button-footer": { + "name": "Overflow with button footer", + "levels": [ + "Surface" + ], + "locStart": 69, + "locEnd": 115, + "filePath": "src/Surface.stories.tsx", + "namedExport": "OverflowWithButtonFooter", + "meta": {} + }, + "table--basic": { + "name": "Basic", + "levels": [ + "Table" + ], + "locStart": 58, + "locEnd": 103, + "filePath": "src/Table.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "table--column-manager": { + "name": "Column manager", + "levels": [ + "Table" + ], + "locStart": 3030, + "locEnd": 3197, + "filePath": "src/Table.stories.tsx", + "namedExport": "ColumnManager", + "meta": {} + }, + "table--condensed": { + "name": "Condensed", + "levels": [ + "Table" + ], + "locStart": 1646, + "locEnd": 1751, + "filePath": "src/Table.stories.tsx", + "namedExport": "Condensed", + "meta": {} + }, + "table--controlled-state": { + "name": "Controlled state", + "levels": [ + "Table" + ], + "locStart": 1060, + "locEnd": 1237, + "filePath": "src/Table.stories.tsx", + "namedExport": "ControlledState", + "meta": {} + }, + "table--custom-filter": { + "name": "Custom filter", + "levels": [ + "Table" + ], + "locStart": 2121, + "locEnd": 2269, + "filePath": "src/Table.stories.tsx", + "namedExport": "CustomFilter", + "meta": {} + }, + "table--customized-columns": { + "name": "Customized columns", + "levels": [ + "Table" + ], + "locStart": 2933, + "locEnd": 3028, + "filePath": "src/Table.stories.tsx", + "namedExport": "CustomizedColumns", + "meta": {} + }, + "table--disabled-rows": { + "name": "Disabled rows", + "levels": [ + "Table" + ], + "locStart": 864, + "locEnd": 947, + "filePath": "src/Table.stories.tsx", + "namedExport": "DisabledRows", + "meta": {} + }, + "table--draggable-columns": { + "name": "Draggable columns", + "levels": [ + "Table" + ], + "locStart": 2807, + "locEnd": 2931, + "filePath": "src/Table.stories.tsx", + "namedExport": "DraggableColumns", + "meta": {} + }, + "table--editable": { + "name": "Editable", + "levels": [ + "Table" + ], + "locStart": 1753, + "locEnd": 1831, + "filePath": "src/Table.stories.tsx", + "namedExport": "Editable", + "meta": {} + }, + "table--expandable": { + "name": "Expandable", + "levels": [ + "Table" + ], + "locStart": 548, + "locEnd": 607, + "filePath": "src/Table.stories.tsx", + "namedExport": "Expandable", + "meta": {} + }, + "table--expandable-subrows": { + "name": "Expandable subrows", + "levels": [ + "Table" + ], + "locStart": 609, + "locEnd": 703, + "filePath": "src/Table.stories.tsx", + "namedExport": "ExpandableSubrows", + "meta": {} + }, + "table--filters": { + "name": "Filters", + "levels": [ + "Table" + ], + "locStart": 310, + "locEnd": 467, + "filePath": "src/Table.stories.tsx", + "namedExport": "Filters", + "meta": {} + }, + "table--full": { + "name": "Full", + "levels": [ + "Table" + ], + "locStart": 1239, + "locEnd": 1363, + "filePath": "src/Table.stories.tsx", + "namedExport": "Full", + "meta": {} + }, + "table--full2": { + "name": "Full2", + "levels": [ + "Table" + ], + "locStart": 1365, + "locEnd": 1558, + "filePath": "src/Table.stories.tsx", + "namedExport": "Full2", + "meta": {} + }, + "table--global-filter": { + "name": "Global filter", + "levels": [ + "Table" + ], + "locStart": 469, + "locEnd": 546, + "filePath": "src/Table.stories.tsx", + "namedExport": "GlobalFilter", + "meta": {} + }, + "table--horizontal-scroll": { + "name": "Horizontal scroll", + "levels": [ + "Table" + ], + "locStart": 2470, + "locEnd": 2597, + "filePath": "src/Table.stories.tsx", + "namedExport": "HorizontalScroll", + "meta": {} + }, + "table--initial-state": { + "name": "Initial state", + "levels": [ + "Table" + ], + "locStart": 1015, + "locEnd": 1058, + "filePath": "src/Table.stories.tsx", + "namedExport": "InitialState", + "meta": {} + }, + "table--lazy-loading": { + "name": "Lazy loading", + "levels": [ + "Table" + ], + "locStart": 705, + "locEnd": 779, + "filePath": "src/Table.stories.tsx", + "namedExport": "LazyLoading", + "meta": {} + }, + "table--loading": { + "name": "Loading", + "levels": [ + "Table" + ], + "locStart": 949, + "locEnd": 980, + "filePath": "src/Table.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "table--localized": { + "name": "Localized", + "levels": [ + "Table" + ], + "locStart": 1560, + "locEnd": 1636, + "filePath": "src/Table.stories.tsx", + "namedExport": "Localized", + "meta": {} + }, + "table--no-data": { + "name": "No data", + "levels": [ + "Table" + ], + "locStart": 982, + "locEnd": 1013, + "filePath": "src/Table.stories.tsx", + "namedExport": "NoData", + "meta": {} + }, + "table--resizable-columns": { + "name": "Resizable columns", + "levels": [ + "Table" + ], + "locStart": 2279, + "locEnd": 2402, + "filePath": "src/Table.stories.tsx", + "namedExport": "ResizableColumns", + "meta": {} + }, + "table--row-in-viewport": { + "name": "Row in viewport", + "levels": [ + "Table" + ], + "locStart": 781, + "locEnd": 862, + "filePath": "src/Table.stories.tsx", + "namedExport": "RowInViewport", + "meta": {} + }, + "table--scroll-to-row": { + "name": "Scroll to row", + "levels": [ + "Table" + ], + "locStart": 2670, + "locEnd": 2743, + "filePath": "src/Table.stories.tsx", + "namedExport": "ScrollToRow", + "meta": {} + }, + "table--selectable-multi": { + "name": "Selectable multi", + "levels": [ + "Table" + ], + "locStart": 168, + "locEnd": 240, + "filePath": "src/Table.stories.tsx", + "namedExport": "SelectableMulti", + "meta": {} + }, + "table--selectable-single": { + "name": "Selectable single", + "levels": [ + "Table" + ], + "locStart": 105, + "locEnd": 166, + "filePath": "src/Table.stories.tsx", + "namedExport": "SelectableSingle", + "meta": {} + }, + "table--sortable": { + "name": "Sortable", + "levels": [ + "Table" + ], + "locStart": 242, + "locEnd": 308, + "filePath": "src/Table.stories.tsx", + "namedExport": "Sortable", + "meta": {} + }, + "table--status-and-cell-icons": { + "name": "Status and cell icons", + "levels": [ + "Table" + ], + "locStart": 3374, + "locEnd": 3488, + "filePath": "src/Table.stories.tsx", + "namedExport": "StatusAndCellIcons", + "meta": {} + }, + "table--sticky-columns": { + "name": "Sticky columns", + "levels": [ + "Table" + ], + "locStart": 3199, + "locEnd": 3358, + "filePath": "src/Table.stories.tsx", + "namedExport": "StickyColumns", + "meta": {} + }, + "table--virtualized": { + "name": "Virtualized", + "levels": [ + "Table" + ], + "locStart": 2613, + "locEnd": 2668, + "filePath": "src/Table.stories.tsx", + "namedExport": "Virtualized", + "meta": {} + }, + "table--virtualized-sub-rows": { + "name": "Virtualized sub rows", + "levels": [ + "Table" + ], + "locStart": 2745, + "locEnd": 2805, + "filePath": "src/Table.stories.tsx", + "namedExport": "VirtualizedSubRows", + "meta": {} + }, + "table--with-manual-paginator-and-filter": { + "name": "With manual paginator and filter", + "levels": [ + "Table" + ], + "locStart": 1916, + "locEnd": 2111, + "filePath": "src/Table.stories.tsx", + "namedExport": "WithManualPaginatorAndFilter", + "meta": {} + }, + "table--with-paginator": { + "name": "With paginator", + "levels": [ + "Table" + ], + "locStart": 1833, + "locEnd": 1906, + "filePath": "src/Table.stories.tsx", + "namedExport": "WithPaginator", + "meta": {} + }, + "table--zebra-striped-rows": { + "name": "Zebra striped rows", + "levels": [ + "Table" + ], + "locStart": 2404, + "locEnd": 2468, + "filePath": "src/Table.stories.tsx", + "namedExport": "ZebraStripedRows", + "meta": {} + }, + "tabs--borderless-tabs": { + "name": "Borderless tabs", + "levels": [ + "Tabs" + ], + "locStart": 61, + "locEnd": 103, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "BorderlessTabs", + "meta": {} + }, + "tabs--default-tabs": { + "name": "Default tabs", + "levels": [ + "Tabs" + ], + "locStart": 13, + "locEnd": 59, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "DefaultTabs", + "meta": {} + }, + "tabs--horizontal-overflow": { + "name": "Horizontal overflow", + "levels": [ + "Tabs" + ], + "locStart": 228, + "locEnd": 287, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "HorizontalOverflow", + "meta": {} + }, + "tabs--legacy-tabs": { + "name": "Legacy tabs", + "levels": [ + "Tabs" + ], + "locStart": 421, + "locEnd": 471, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "LegacyTabs", + "meta": {} + }, + "tabs--pill-tabs": { + "name": "Pill tabs", + "levels": [ + "Tabs" + ], + "locStart": 105, + "locEnd": 158, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "PillTabs", + "meta": {} + }, + "tabs--sublabels-and-icons": { + "name": "Sublabels and icons", + "levels": [ + "Tabs" + ], + "locStart": 160, + "locEnd": 226, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "SublabelsAndIcons", + "meta": {} + }, + "tabs--vertical": { + "name": "Vertical", + "levels": [ + "Tabs" + ], + "locStart": 353, + "locEnd": 419, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "Vertical", + "meta": {} + }, + "tabs--vertical-overflow": { + "name": "Vertical overflow", + "levels": [ + "Tabs" + ], + "locStart": 289, + "locEnd": 351, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "VerticalOverflow", + "meta": {} + }, + "tag--clickable": { + "name": "Clickable", + "levels": [ + "Tag" + ], + "locStart": 22, + "locEnd": 24, + "filePath": "src/Tag.stories.tsx", + "namedExport": "Clickable", + "meta": {} + }, + "tag--default": { + "name": "Default", + "levels": [ + "Tag" + ], + "locStart": 11, + "locEnd": 16, + "filePath": "src/Tag.stories.tsx", + "namedExport": "Default", + "meta": {} + }, + "tag--no-close": { + "name": "No close", + "levels": [ + "Tag" + ], + "locStart": 18, + "locEnd": 20, + "filePath": "src/Tag.stories.tsx", + "namedExport": "NoClose", + "meta": {} + }, + "tagcontainer--basic-tags-container": { + "name": "Basic tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 11, + "locEnd": 19, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "BasicTagsContainer", + "meta": {} + }, + "tagcontainer--default-tags-container": { + "name": "Default tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 21, + "locEnd": 29, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "DefaultTagsContainer", + "meta": {} + }, + "tagcontainer--scrollable-default-tags-container": { + "name": "Scrollable default tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 31, + "locEnd": 43, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "ScrollableDefaultTagsContainer", + "meta": {} + }, + "tagcontainer--truncated-basic-tags-container": { + "name": "Truncated basic tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 45, + "locEnd": 57, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "TruncatedBasicTagsContainer", + "meta": {} + }, + "text--basic": { + "name": "Basic", + "levels": [ + "Text" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Text.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "text--body": { + "name": "Body", + "levels": [ + "Text" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Text.stories.tsx", + "namedExport": "Body", + "meta": {} + }, + "text--headline": { + "name": "Headline", + "levels": [ + "Text" + ], + "locStart": 35, + "locEnd": 37, + "filePath": "src/Text.stories.tsx", + "namedExport": "Headline", + "meta": {} + }, + "text--leading": { + "name": "Leading", + "levels": [ + "Text" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/Text.stories.tsx", + "namedExport": "Leading", + "meta": {} + }, + "text--polymorphic": { + "name": "Polymorphic", + "levels": [ + "Text" + ], + "locStart": 39, + "locEnd": 45, + "filePath": "src/Text.stories.tsx", + "namedExport": "Polymorphic", + "meta": {} + }, + "text--skeleton": { + "name": "Skeleton", + "levels": [ + "Text" + ], + "locStart": 47, + "locEnd": 49, + "filePath": "src/Text.stories.tsx", + "namedExport": "Skeleton", + "meta": {} + }, + "text--small": { + "name": "Small", + "levels": [ + "Text" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/Text.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "text--subheading": { + "name": "Subheading", + "levels": [ + "Text" + ], + "locStart": 27, + "locEnd": 29, + "filePath": "src/Text.stories.tsx", + "namedExport": "Subheading", + "meta": {} + }, + "text--title": { + "name": "Title", + "levels": [ + "Text" + ], + "locStart": 31, + "locEnd": 33, + "filePath": "src/Text.stories.tsx", + "namedExport": "Title", + "meta": {} + }, + "textarea--basic": { + "name": "Basic", + "levels": [ + "Textarea" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Textarea.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "textarea--disabled": { + "name": "Disabled", + "levels": [ + "Textarea" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Textarea.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "tile--actionable": { + "name": "Actionable", + "levels": [ + "Tile" + ], + "locStart": 118, + "locEnd": 150, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Actionable", + "meta": {} + }, + "tile--all-props": { + "name": "All props", + "levels": [ + "Tile" + ], + "locStart": 63, + "locEnd": 117, + "filePath": "src/Tile.stories.tsx", + "namedExport": "AllProps", + "meta": {} + }, + "tile--anchor-link": { + "name": "Anchor link", + "levels": [ + "Tile" + ], + "locStart": 152, + "locEnd": 183, + "filePath": "src/Tile.stories.tsx", + "namedExport": "AnchorLink", + "meta": {} + }, + "tile--basic": { + "name": "Basic", + "levels": [ + "Tile" + ], + "locStart": 28, + "locEnd": 61, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "tile--condensed": { + "name": "Condensed", + "levels": [ + "Tile" + ], + "locStart": 185, + "locEnd": 209, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Condensed", + "meta": {} + }, + "tile--disabled": { + "name": "Disabled", + "levels": [ + "Tile" + ], + "locStart": 340, + "locEnd": 378, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "tile--folder": { + "name": "Folder", + "levels": [ + "Tile" + ], + "locStart": 250, + "locEnd": 278, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Folder", + "meta": {} + }, + "tile--loading": { + "name": "Loading", + "levels": [ + "Tile" + ], + "locStart": 310, + "locEnd": 338, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "tile--status": { + "name": "Status", + "levels": [ + "Tile" + ], + "locStart": 280, + "locEnd": 308, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "tile--with-avatar": { + "name": "With avatar", + "levels": [ + "Tile" + ], + "locStart": 211, + "locEnd": 248, + "filePath": "src/Tile.stories.tsx", + "namedExport": "WithAvatar", + "meta": {} + }, + "timepicker--basic": { + "name": "Basic", + "levels": [ + "Timepicker" + ], + "locStart": 18, + "locEnd": 55, + "filePath": "src/TimePicker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "timepicker--combined": { + "name": "Combined", + "levels": [ + "Timepicker" + ], + "locStart": 109, + "locEnd": 151, + "filePath": "src/TimePicker.stories.tsx", + "namedExport": "Combined", + "meta": {} + }, + "timepicker--custom-renderers": { + "name": "Custom renderers", + "levels": [ + "Timepicker" + ], + "locStart": 57, + "locEnd": 107, + "filePath": "src/TimePicker.stories.tsx", + "namedExport": "CustomRenderers", + "meta": {} + }, + "toasts--anchor-to-button": { + "name": "Anchor to button", + "levels": [ + "Toasts" + ], + "locStart": 206, + "locEnd": 249, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "AnchorToButton", + "meta": {} + }, + "toasts--close-individual": { + "name": "Close individual", + "levels": [ + "Toasts" + ], + "locStart": 251, + "locEnd": 316, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "CloseIndividual", + "meta": {} + }, + "toasts--informational": { + "name": "Informational", + "levels": [ + "Toasts" + ], + "locStart": 90, + "locEnd": 127, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Informational", + "meta": {} + }, + "toasts--negative": { + "name": "Negative", + "levels": [ + "Toasts" + ], + "locStart": 51, + "locEnd": 88, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "toasts--position-changed": { + "name": "Position changed", + "levels": [ + "Toasts" + ], + "locStart": 168, + "locEnd": 204, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "PositionChanged", + "meta": {} + }, + "toasts--positive": { + "name": "Positive", + "levels": [ + "Toasts" + ], + "locStart": 12, + "locEnd": 49, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "toasts--warning": { + "name": "Warning", + "levels": [ + "Toasts" + ], + "locStart": 129, + "locEnd": 166, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "toggleswitch--basic": { + "name": "Basic", + "levels": [ + "Toggleswitch" + ], + "locStart": 20, + "locEnd": 22, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "toggleswitch--disabled-checked": { + "name": "Disabled checked", + "levels": [ + "Toggleswitch" + ], + "locStart": 28, + "locEnd": 30, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "DisabledChecked", + "meta": {} + }, + "toggleswitch--disabled-unchecked": { + "name": "Disabled unchecked", + "levels": [ + "Toggleswitch" + ], + "locStart": 32, + "locEnd": 34, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "DisabledUnchecked", + "meta": {} + }, + "toggleswitch--label-left": { + "name": "Label left", + "levels": [ + "Toggleswitch" + ], + "locStart": 46, + "locEnd": 48, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "LabelLeft", + "meta": {} + }, + "toggleswitch--label-right": { + "name": "Label right", + "levels": [ + "Toggleswitch" + ], + "locStart": 36, + "locEnd": 44, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "LabelRight", + "meta": {} + }, + "toggleswitch--small": { + "name": "Small", + "levels": [ + "Toggleswitch" + ], + "locStart": 24, + "locEnd": 26, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "toggleswitch--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Toggleswitch" + ], + "locStart": 50, + "locEnd": 52, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "tooltip--bottom": { + "name": "Bottom", + "levels": [ + "Tooltip" + ], + "locStart": 26, + "locEnd": 32, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Bottom", + "meta": {} + }, + "tooltip--controlled": { + "name": "Controlled", + "levels": [ + "Tooltip" + ], + "locStart": 49, + "locEnd": 55, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Controlled", + "meta": {} + }, + "tooltip--left": { + "name": "Left", + "levels": [ + "Tooltip" + ], + "locStart": 34, + "locEnd": 47, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Left", + "meta": {} + }, + "tooltip--right": { + "name": "Right", + "levels": [ + "Tooltip" + ], + "locStart": 18, + "locEnd": 24, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Right", + "meta": {} + }, + "tooltip--top": { + "name": "Top", + "levels": [ + "Tooltip" + ], + "locStart": 10, + "locEnd": 16, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Top", + "meta": {} + }, + "transferlist--basic": { + "name": "Basic", + "levels": [ + "Transferlist" + ], + "locStart": 18, + "locEnd": 150, + "filePath": "src/TransferList.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "transferlist--with-label": { + "name": "With label", + "levels": [ + "Transferlist" + ], + "locStart": 152, + "locEnd": 286, + "filePath": "src/TransferList.stories.tsx", + "namedExport": "WithLabel", + "meta": {} + }, + "tree--async-loading": { + "name": "Async loading", + "levels": [ + "Tree" + ], + "locStart": 215, + "locEnd": 344, + "filePath": "src/Tree.stories.tsx", + "namedExport": "AsyncLoading", + "meta": {} + }, + "tree--basic": { + "name": "Basic", + "levels": [ + "Tree" + ], + "locStart": 20, + "locEnd": 96, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "tree--customized-expander": { + "name": "Customized expander", + "levels": [ + "Tree" + ], + "locStart": 346, + "locEnd": 480, + "filePath": "src/Tree.stories.tsx", + "namedExport": "CustomizedExpander", + "meta": {} + }, + "tree--full": { + "name": "Full", + "levels": [ + "Tree" + ], + "locStart": 98, + "locEnd": 213, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Full", + "meta": {} + }, + "tree--small": { + "name": "Small", + "levels": [ + "Tree" + ], + "locStart": 601, + "locEnd": 684, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "tree--virtualized": { + "name": "Virtualized", + "levels": [ + "Tree" + ], + "locStart": 482, + "locEnd": 599, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Virtualized", + "meta": {} + }, + "tree--virtualized-with-horizontal-scroll": { + "name": "Virtualized with horizontal scroll", + "levels": [ + "Tree" + ], + "locStart": 686, + "locEnd": 796, + "filePath": "src/Tree.stories.tsx", + "namedExport": "VirtualizedWithHorizontalScroll", + "meta": {} + }, + "workflowdiagram--basic": { + "name": "Basic", + "levels": [ + "Workflowdiagram" + ], + "locStart": 11, + "locEnd": 23, + "filePath": "src/WorkflowDiagram.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "workflowdiagram--with-tooltips": { + "name": "With tooltips", + "levels": [ + "Workflowdiagram" + ], + "locStart": 25, + "locEnd": 40, + "filePath": "src/WorkflowDiagram.stories.tsx", + "namedExport": "WithTooltips", + "meta": {} + } + } +} \ No newline at end of file