@internxt/ui 0.1.17 → 0.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -52,7 +52,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
52
52
|
transform shadow-subtle-hard transition-all duration-100 ease-in-out ${A?`scale-100 opacity-100 ${O}`:"pointer-events-none scale-95 opacity-0"}`,"data-testid":"menu-dropdown",children:a.jsx("div",{className:`absolute ${w}`,children:a.jsx(Xi,{item:N,isOpen:A,handleMenuClose:j,menu:ne,paddingX:V,paddingY:Q})})})]})},ju=o=>{const[{isOver:g,canDrop:s},x]=o.useDrop(()=>({accept:o.acceptedTypes,collect:v=>({isOver:v.isOver(),canDrop:v.canDrop()}),canDrop:o.canItemDrop(o.item),drop:o.onItemDropped(o.item,o.namePath,o.isSomeItemSelected,o.selectedItems,o.dispatch)}),[o.selectedItems]),w=v=>{v.active&&v.onClick&&v.onClick()},S=g&&s?"drag-over-effect":"";return a.jsx(a.Fragment,{children:!o.item.active&&!o.item.dialog&&o.menu?a.jsx(o.menu,{item:o.item,items:o.items,onItemClicked:w}):a.jsxs("div",{ref:x,className:`flex ${o.isHiddenInList?"w-full":"max-w-fit"} ${o.item.isFirstPath?"shrink-0 pr-1":"min-w-breadcrumb flex-1 px-1.5 py-1.5"} cursor-pointer flex-row items-center truncate font-medium ${S}
|
|
53
53
|
${!o.item.active||o.item.isFirstPath&&o.totalBreadcrumbsLength===1?"text-gray-80":"text-gray-50 hover:text-gray-80"}`,onClick:()=>w(o.item),onKeyDown:()=>{},"data-cy":o?.breadcrumbButtonDataCy,children:[o.itemComponent&&a.jsx(o.itemComponent,{className:"h-5 w-5"}),o.item.icon?o.item.icon:null,o.item.label?a.jsx("span",{className:`max-w-sm flex-1 cursor-pointer truncate ${o.isHiddenInList&&"pl-3 text-base"}`,title:o.item.label,children:o.item.label}):null]},o.item.uuid)})},ox=o=>{const g=T.forwardRef((x,w)=>a.jsx("div",{ref:w,className:"flex cursor-pointer items-center hover:bg-gray-5 hover:text-gray-80 dark:hover:bg-gray-10",children:x.children})),s=()=>{const x=o.items,w=[],S=[],v=N=>a.jsx("div",{className:"text-dgray-50 flex items-center",children:a.jsx(ve.CaretRight,{weight:"bold",className:"h-4 w-4","data-testid":"caret-right"})},N);for(let N=0;N<x.length;N++){const A="breadcrumbSeparator-"+x[N].uuid+N.toString(),$="breadcrumbItem-"+x[N].uuid+N.toString();x.length>3&&N!==0&&N<x.length-2?(N===1&&w.push(v(A)),S.push(a.jsx(g,{children:a.jsx(ju,{item:x[N],isHiddenInList:!0,totalBreadcrumbsLength:x.length,items:x,namePath:o.namePath,isSomeItemSelected:o.isSomeItemSelected,selectedItems:o.selectedItems,onItemDropped:o.onItemDropped,canItemDrop:o.canItemDrop,itemComponent:o.itemComponent,acceptedTypes:o.acceptedTypes,dispatch:o.dispatch,useDrop:o.useDrop},$)}))):(w.push(a.jsx(ju,{breadcrumbButtonDataCy:N===0?o?.rootBreadcrumbItemDataCy:void 0,item:x[N],totalBreadcrumbsLength:x.length,items:x,menu:o.menu,namePath:o.namePath,isSomeItemSelected:o.isSomeItemSelected,selectedItems:o.selectedItems,onItemDropped:o.onItemDropped,canItemDrop:o.canItemDrop,acceptedTypes:o.acceptedTypes,dispatch:o.dispatch,useDrop:o.useDrop},$)),N<x.length-1&&w.push(v(A)))}if(S.length>0){const N=a.jsx(Ou,{openDirection:"left",classMenuItems:`left-0 top-1 w-max max-h-80 overflow-y-auto
|
|
54
54
|
rounded-md border border-gray-10 bg-surface dark:bg-gray-5 shadow-subtle-hard z-10`,menuItems:S,children:({open:A})=>a.jsx("div",{className:`flex h-8 w-8 items-center justify-center
|
|
55
|
-
rounded-full text-gray-60 transition-all duration-75 ease-in-out hover:bg-gray-5 hover:text-gray-80 ${A?"bg-gray-5":""}`,children:a.jsx(ve.DotsThree,{weight:"bold",className:"h-5 w-5"})})},"breadcrumbDropdownItems");w.splice(2,0,N)}return w};return a.jsx("div",{className:"flex w-full items-center",children:s()})},Mu=({label:o,Icon:g,onClick:s,notifications:x,iconDataCy:w,isActive:S=!1,isCollapsed:v=!1,subsection:N=!1})=>a.jsx("button",{onClick:s,"data-cy":w,className:`flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg ${S?"bg-primary/20":"hover:bg-gray-5"} ${N?"pl-5":""}`,title:v?o:void 0,children:a.jsxs("div",{className:"flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]",children:[a.jsxs("div",{className:`flex flex-row gap-3 items-center ${S?"text-primary":"text-gray-80"}`,children:[a.jsx(g,{size:20,weight:S?"fill":"regular",className:"flex-shrink-0"}),a.jsx("p",{className:`font-medium whitespace-nowrap overflow-hidden transition-all duration-300 ${v?"opacity-0 delay-200":"opacity-100 delay-0"}`,children:o})]}),a.jsx("div",{className:`flex rounded-full px-2 py-1 transition-all duration-300 ${S?"text-white bg-primary":"bg-gray-10 text-gray-60"} ${v||!x?"opacity-0 invisible delay-300":"opacity-100 delay-0"}`,children:x&&a.jsx("p",{className:"text-xs font-medium",children:x})})]})}),ku=({options:o,isCollapsed:g,showSubsections:s})=>a.jsx("div",{className:"flex flex-col w-full",children:o.filter(x=>x.isVisible).map((x,w)=>x.subsection&&!s||g&&x.subsection?null:a.jsx(Mu,{label:x.label,Icon:x.icon,iconDataCy:x.iconDataCy,isActive:x.isActive,notifications:x.notifications,onClick:x.onClick,isCollapsed:g,subsection:x.subsection},`${x.iconDataCy}-${w}`))}),Pu=({childrenButton:o,panel:g,className:s,classButton:x,align:w="right"})=>{const[S,v]=T.useState(!1),N=T.useRef(null),[A,$]=T.useState(S),[O,E]=T.useState("opacity-0"),[D,H]=T.useState("scale-95"),B=()=>v(j=>!j),ne=j=>{N.current&&!N.current.contains(j.target)&&C()},C=()=>{v(!1)};return T.useEffect(()=>{if(S){const j=setTimeout(()=>{E("opacity-100"),H("scale-100")},10);return $(!0),()=>clearTimeout(j)}else{E("opacity-0"),H("scale-95");const j=setTimeout(()=>{$(!1)},100);return()=>clearTimeout(j)}},[S]),T.useEffect(()=>(document.addEventListener("mousedown",ne),()=>{document.removeEventListener("mousedown",ne)}),[]),a.jsxs("div",{style:{lineHeight:0},className:`relative ${s}`,children:[a.jsx("button",{onClick:B,className:`cursor-pointer outline-none ${x}`,"aria-expanded":S,"data-testid":"popover-button",children:o}),A&&a.jsx("div",{ref:N,className:`absolute z-50 mt-1 transform rounded-md border border-gray-10 ${w==="left"?"left-0 origin-top-left":"right-0 origin-top-right"} bg-surface py-1.5 shadow-subtle duration-100 ease-out dark:bg-gray-5 ${O} ${D}`,children:g(C)})]})};function Bu({className:o="",suiteArray:g,soonText:s,align:x="right"}){const w=a.jsx("div",{className:"flex h-10 w-10 items-center justify-center",children:a.jsx(ve.DotsNineIcon,{size:26,className:"h-7 w-7",weight:"bold"})}),S=a.jsx("div",{className:"w-64 flex flex-wrap p-4","data-testid":"suite-launcher-panel",children:g.map((v,N)=>a.jsx("div",{className:`w-1/3 flex items-center justify-center rounded-md ${v.isMain?"bg-primary/10 dark:bg-primary/20":""}`,children:a.jsx("div",{role:"none",className:`flex items-center
|
|
55
|
+
rounded-full text-gray-60 transition-all duration-75 ease-in-out hover:bg-gray-5 hover:text-gray-80 ${A?"bg-gray-5":""}`,children:a.jsx(ve.DotsThree,{weight:"bold",className:"h-5 w-5"})})},"breadcrumbDropdownItems");w.splice(2,0,N)}return w};return a.jsx("div",{className:"flex w-full items-center",children:s()})},Mu=({label:o,Icon:g,onClick:s,notifications:x,iconDataCy:w,isActive:S=!1,isCollapsed:v=!1,subsection:N=!1})=>a.jsx("button",{onClick:s,"data-cy":w,className:`flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg ${S?"bg-primary/20":"hover:bg-gray-5"} ${N?"pl-5":""}`,title:v?o:void 0,children:a.jsxs("div",{className:"flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]",children:[a.jsxs("div",{className:`flex flex-row gap-3 items-center ${S?"text-primary":"text-gray-80"}`,children:[a.jsx(g,{size:20,weight:S?"fill":"regular",className:"flex-shrink-0"}),a.jsx("p",{className:`font-medium whitespace-nowrap overflow-hidden transition-all duration-300 ${v?"opacity-0 delay-200":"opacity-100 delay-0"}`,children:o})]}),a.jsx("div",{className:`flex rounded-full px-2 py-1 transition-all duration-300 ${S?"text-white bg-primary":"bg-gray-10 text-gray-60"} ${v||!x?"opacity-0 invisible delay-300":"opacity-100 delay-0"}`,children:x&&a.jsx("p",{className:"text-xs font-medium",children:x})})]})}),ku=({options:o,isCollapsed:g,showSubsections:s})=>a.jsx("div",{className:"flex flex-col w-full",children:o.filter(x=>x.isVisible).map((x,w)=>x.subsection&&!s||g&&x.subsection?null:a.jsx(Mu,{label:x.label,Icon:x.icon,iconDataCy:x.iconDataCy,isActive:x.isActive,notifications:x.notifications,onClick:x.onClick,isCollapsed:g,subsection:x.subsection},`${x.iconDataCy}-${w}`))}),Pu=({childrenButton:o,panel:g,className:s,classButton:x,align:w="right"})=>{const[S,v]=T.useState(!1),N=T.useRef(null),[A,$]=T.useState(S),[O,E]=T.useState("opacity-0"),[D,H]=T.useState("scale-95"),B=()=>v(j=>!j),ne=j=>{N.current&&!N.current.contains(j.target)&&C()},C=()=>{v(!1)};return T.useEffect(()=>{if(S){const j=setTimeout(()=>{E("opacity-100"),H("scale-100")},10);return $(!0),()=>clearTimeout(j)}else{E("opacity-0"),H("scale-95");const j=setTimeout(()=>{$(!1)},100);return()=>clearTimeout(j)}},[S]),T.useEffect(()=>(document.addEventListener("mousedown",ne),()=>{document.removeEventListener("mousedown",ne)}),[]),a.jsxs("div",{style:{lineHeight:0},className:`relative ${s}`,children:[a.jsx("button",{onClick:B,className:`cursor-pointer outline-none ${x}`,"aria-expanded":S,"data-testid":"popover-button",children:o}),A&&a.jsx("div",{ref:N,className:`absolute z-50 mt-1 transform rounded-md border border-gray-10 ${w==="left"?"left-0 origin-top-left":"right-0 origin-top-right"} bg-surface py-1.5 shadow-subtle duration-100 ease-out dark:bg-gray-5 ${O} ${D}`,children:g(C)})]})};function Bu({className:o="",suiteArray:g,soonText:s,align:x="right"}){const w=a.jsx("div",{className:"flex h-10 w-10 items-center justify-center",children:a.jsx(ve.DotsNineIcon,{size:26,className:"h-7 w-7",weight:"bold"})}),S=a.jsx("div",{className:"w-64 flex flex-wrap p-4","data-testid":"suite-launcher-panel",children:g.map((v,N)=>a.jsx("div",{className:`w-1/3 flex items-center justify-center rounded-md ${v.isMain?"bg-primary/10 dark:bg-primary/20":""}`,children:a.jsx("div",{role:"none",className:`flex items-center p-4 text-gray-80 w-full rounded-md ${v.availableSoon?"":"cursor-pointer hover:bg-gray-1 dark:hover:bg-gray-10"}`,style:{lineHeight:1.25},onClick:v.availableSoon?void 0:v.onClick,children:a.jsxs("div",{className:"flex flex-col items-center w-full rounded-md",children:[v.isLocked?a.jsx(ve.LockIcon,{size:26,weight:"regular",className:"opacity-50 filter grayscale","data-testid":"suite-launcher-lock-icon"}):T.isValidElement(v.icon)?T.cloneElement(v.icon,{size:26,className:`${v.icon.props?.className??""} ${v.isMain?"text-primary":"text-gray-55"} ${v.availableSoon||v.isLocked?"opacity-50 filter grayscale":""}`,weight:v.isMain?"fill":"regular"}):v.icon,a.jsxs("div",{className:"mt-1 flex items-center",children:[a.jsx("span",{className:`text-xs font-medium whitespace-nowrap ${v.isMain?"text-primary":"text-gray-55"}`,style:{lineHeight:1,opacity:v.availableSoon||v.isLocked?.5:1},children:v.title}),v.availableSoon&&a.jsx("div",{className:"flex rounded-sm px-1 ml-1 py-0.5 bg-purple-1 dark:bg-purple-10 items-center",children:a.jsx("span",{className:"font-medium text-purple-10 dark:text-purple-1",style:{lineHeight:1,fontSize:"xx-small"},children:s??"Soon"})})]})]})})},N))});return a.jsx(Pu,{className:o,childrenButton:w,panel:()=>S,align:x,"data-testid":"app-suite-dropdown"})}const Wu=({logo:o,title:g,onClick:s,isCollapsed:x,className:w,onToggleCollapse:S,suiteLauncher:v})=>a.jsxs("div",{className:`flex flex-row justify-between w-full py-5 px-2 ${w}`,children:[a.jsxs("div",{className:"relative flex flex-row gap-2 items-center",children:[a.jsxs("button",{className:"flex flex-row gap-2 items-center",onClick:s,children:[a.jsx("img",{src:o,width:28,height:28,alt:g,className:`flex-shrink-0 min-w-[28px] min-h-[28px] ${x?"group-hover:hidden":""}`}),!x&&a.jsx("p",{className:"text-xl font-medium text-gray-100 whitespace-nowrap",children:g})]}),x&&S&&a.jsx("button",{onClick:S,className:"hidden group-hover:flex items-center justify-center text-gray-80 absolute left-0",children:a.jsx(ve.SidebarSimpleIcon,{size:28})})]}),a.jsxs("div",{className:`flex z-20 flex-row gap-2 items-center transition-opacity duration-100 ${x?"opacity-0 invisible":"opacity-100"}`,children:[v&&a.jsx(Bu,{suiteArray:v?.suiteArray,soonText:v?.soonText,className:`text-gray-80 ${v?.className}`,align:"left"}),S&&a.jsx("button",{onClick:S,className:"flex items-center justify-center text-gray-80 hover:text-gray-90",children:a.jsx(ve.SidebarSimpleIcon,{size:28})})]})]}),Fu=({usage:o,limit:g,percentage:s,onUpgradeClick:x,upgradeLabel:w,isLoading:S=!0})=>a.jsxs("div",{className:"flex flex-col w-full gap-2.5 px-2 pb-5",children:[a.jsxs("div",{className:"flex flex-row w-full justify-between",children:[a.jsx("div",{className:"flex flex-row items-center gap-2",children:S?a.jsxs("div",{className:"flex flex-row items-center gap-2",children:[a.jsx("div",{className:"h-3 w-8 rounded-lg bg-gray-5 animate-pulse"}),a.jsx("div",{className:"h-3 w-2 rounded-lg bg-gray-5 animate-pulse"}),a.jsx("div",{className:"h-3 w-8 rounded-lg bg-gray-5 animate-pulse"})]}):a.jsxs(a.Fragment,{children:[a.jsx("p",{className:"text-gray-60 text-sm font-semibold",children:o}),a.jsx("p",{className:"text-gray-60 text-sm",children:"/"}),a.jsx("p",{className:"text-gray-60 text-sm",children:g})]})}),w&&a.jsx("button",{className:"text-primary text-sm hover:text-primary-dark font-semibold",onClick:x,children:w})]}),a.jsx("div",{className:"flex w-full h-1.5 bg-gray-10 rounded-full",children:a.jsx("div",{className:"bg-gray-60 rounded-full",style:{width:`${s}%`}})})]}),fx=({header:o,primaryAction:g,suiteLauncher:s,collapsedPrimaryAction:x,options:w,showSubsections:S,isCollapsed:v=!1,storage:N,notification:A,onToggleCollapse:$})=>{const[O,E]=T.useState(!v),D=T.useRef(null);return T.useEffect(()=>(D.current&&clearTimeout(D.current),v?E(!1):D.current=setTimeout(()=>E(!0),300),()=>{D.current&&clearTimeout(D.current)}),[v]),a.jsxs("div",{className:`relative flex flex-col p-2 h-full justify-between bg-gray-1 border-r border-gray-10 transition-all duration-300 group ${v?"w-[60px]":"w-64"}`,children:[a.jsxs("div",{className:"flex flex-col",children:[a.jsx(Wu,{logo:o.logo,title:o.title,onClick:o.onClick,isCollapsed:v,onToggleCollapse:$,suiteLauncher:s,className:o.className}),a.jsxs("div",{className:"flex flex-col gap-4 overflow-hidden",children:[a.jsxs("div",{className:"relative",children:[!v&&a.jsx("div",{className:"transition-opacity duration-300 opacity-100",children:g}),v&&a.jsx("div",{className:"transition-opacity duration-300 opacity-100",children:x})]}),a.jsx(ku,{options:w,isCollapsed:v,showSubsections:S})]})]}),(A||N)&&O&&a.jsxs("div",{className:"flex flex-col",children:[A&&a.jsx("div",{className:"px-2 pb-2",children:a.jsxs("div",{className:"flex gap-1.5 items-start p-3 rounded-lg bg-yellow/10 border border-yellow/20",children:[a.jsx(ve.WarningIcon,{className:"size-5 shrink-0 text-yellow-dark",weight:"fill"}),a.jsxs("div",{className:"flex flex-col gap-0.5 min-w-0",children:[a.jsx("p",{className:"text-xs leading-tight text-gray-100",children:A.message}),a.jsx("button",{type:"button",onClick:A.onAction,className:"self-start text-xs font-medium text-primary hover:underline",children:A.actionLabel})]})]})}),N&&a.jsx(Fu,{usage:N.usage,limit:N.limit,percentage:N.percentage,onUpgradeClick:N.onUpgradeClick,upgradeLabel:N.upgradeLabel,isLoading:N.isLoading})]})]})},cx=({isOpen:o,title:g,subTitle:s,dialogRounded:x,children:w,onClose:S,classes:v,panelClasses:N,titleClasses:A,closeClass:$,weightIcon:O,bgColor:E,dataTest:D,hideCloseButton:H})=>a.jsx("div",{"data-test":D,className:`${o?"flex":"hidden"} ${v||""} absolute bottom-0 left-0 right-0 top-0 z-50 bg-black/40`,children:a.jsxs("div",{className:`${N||""} absolute left-1/2 top-1/2 flex w-104 -translate-x-1/2
|
|
56
56
|
-translate-y-1/2 flex-col overflow-hidden ${x?"rounded-2xl":"rounded-lg pt-8"} text-gray-100 ${E||"bg-surface"}`,children:[a.jsxs("div",{className:`${s?"justify-between bg-gray-1":""} p-5 flex flex-row items-start`,children:[g?a.jsxs("div",{className:"relative flex max-w-full flex-1 flex-col truncate",children:[a.jsx("span",{className:`${A||""} truncate text-xl`,title:g,children:g}),a.jsx("span",{className:"max-w-fit flex-1 truncate text-base font-normal text-gray-50",children:s})]}):null,H?null:a.jsx("div",{className:`relative ml-auto cursor-pointer bg-surface
|
|
57
57
|
transition duration-200 ease-in-out ${$||"text-primary hover:text-primary-dark"} `,children:a.jsx(ve.X,{role:"button",onClick:S,size:28,weight:O})})]}),w]})}),dx=({isOpen:o,onClose:g,onPrimaryAction:s,onSecondaryAction:x,title:w,subtitle:S,primaryAction:v,secondaryAction:N,primaryActionColor:A,isLoading:$,maxWidth:O="sm"})=>{const[E,D]=T.useState(o),[H,B]=T.useState("opacity-0"),[ne,C]=T.useState("scale-95");return T.useEffect(()=>{if(o){const j=setTimeout(()=>{B("opacity-100"),C("scale-100")},10);return D(!0),()=>clearTimeout(j)}else{B("opacity-0"),C("scale-95");const j=setTimeout(()=>{D(!1)},150);return()=>clearTimeout(j)}},[o]),T.useEffect(()=>{const j=V=>{V.key==="Escape"&&g()};return o&&window.addEventListener("keydown",j),()=>{window.removeEventListener("keydown",j)}},[o,g]),a.jsx(a.Fragment,{children:E&&a.jsxs("div",{className:`fixed inset-0 z-50 ${o?"":"pointer-events-none"}`,children:[a.jsx("div",{className:`absolute inset-0 bg-gray-100/50 transition-opacity duration-150 dark:bg-black/75 ${H}`,onClick:g,"data-testid":"dialog-overlay"}),a.jsxs("div",{className:`absolute left-1/2 top-1/2 w-full max-w-${O} -translate-x-1/2 -translate-y-1/2 transform rounded-2xl bg-surface p-5 transition-all duration-150 dark:bg-gray-1 ${ne} ${H}`,children:[a.jsxs("div",{className:"flex flex-col space-y-2",children:[a.jsx("p",{className:"text-2xl font-medium text-gray-100",children:w}),a.jsx("p",{className:"text-gray-60",children:S})]}),a.jsxs("div",{className:"mt-5 flex justify-end space-x-2",children:[a.jsx(Nr,{variant:"secondary",onClick:x,disabled:$,children:N}),a.jsx(Nr,{onClick:s,loading:$,variant:A==="primary"?"primary":"destructive",children:v})]})]})]})})},hx=({isOpen:o,onClose:g,children:s,maxWidth:x,className:w,width:S,preventClosing:v=!1,stopMouseDownPropagation:N=!1})=>{const A=T.useRef(null),[$,O]=T.useState(o),[E,D]=T.useState("opacity-0"),[H,B]=T.useState("scale-95"),ne=()=>{const j=document.querySelectorAll("[data-modal]"),V=j[j.length-1];A.current===V&&g()},C=j=>{N&&j.stopPropagation()};return T.useEffect(()=>{if(o){const j=setTimeout(()=>{D("opacity-100"),B("scale-100")},10);return O(!0),()=>clearTimeout(j)}else{D("opacity-0"),B("scale-95");const j=setTimeout(()=>{O(!1)},150);return()=>clearTimeout(j)}},[o]),T.useEffect(()=>{const j=V=>{A.current&&!A.current.contains(V.target)&&!v&&(V.preventDefault(),ne())};return o&&document.addEventListener("mousedown",j),()=>{document.removeEventListener("mousedown",j)}},[o,g,v]),T.useEffect(()=>{const j=V=>{V.key==="Escape"&&!v&&(V.preventDefault(),ne())};return o&&window.addEventListener("keydown",j),()=>{window.removeEventListener("keydown",j)}},[o,g,v]),a.jsx(a.Fragment,{children:$&&a.jsxs("div",{className:"m-0",onMouseDown:C,role:"dialog","aria-modal":"true",children:[a.jsx("div",{className:`
|
|
58
58
|
fixed
|