@tap-payments/os-micro-frontend-shared 0.3.182-test.1 → 0.3.182-test.2

package/build/_chunks/chunk-LT4Z7V4F.js

@@ -1 +0,0 @@
-import {a}from'./chunk-LOQ3FEOU.js';import {d}from'./chunk-HP62XFCT.js';import {yc}from'./chunk-2SKLD6QR.js';import {memo,useState,useId}from'react';import l from'@mui/material/Box';import {styled}from'@mui/material/styles';import {motion}from'framer-motion';import {jsx}from'react/jsx-runtime';var c=styled(motion.div)(({theme:o})=>({borderRadius:"8px",position:"fixed",display:"flex",flexDirection:"column",maxHeight:"calc(100vh - 46px)",width:416,margin:"auto",background:o.palette.grey[400],boxShadow:o.shadows[3]})),C=styled(l)(({theme:o})=>({background:o.palette.common.white,flex:1,paddingTop:"31px",paddingBottom:"31px",display:"flex",justifyContent:"flex-start",alignItems:"center",flexDirection:"column",position:"relative",overflow:"auto"})),b=styled(l)(({theme:o})=>({minHeight:95,background:o.palette.grey[400],paddingInline:"24px",paddingTop:"23px",paddingBottom:"23px",gap:"15px",position:"relative",zIndex:2})),h=styled(l)(({theme:o})=>({display:"flex",flexDirection:"column",padding:"18px 24px",boxShadow:o.shadows[15],position:"relative",gap:8,minHeight:68,backgroundColor:o.palette.common.white,borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"}));function p({children:o,index:e,dialogRef:a,height:t,onClick:r,order:s,dragControls:d,style:m}){let n=yc(useId(),"dialog");return jsx(c,{id:n,"data-testid":"Dialog",drag:true,dragListener:false,dragMomentum:false,dragControls:d,initial:{top:"50%",left:`calc(50% + ${e*10}px - ${416/2}px)`},transition:{duration:.1},animate:{...t&&{top:`calc(50%  + ${e*10}px - ${t/2}px)`},zIndex:2+s},onClick:r,ref:a,style:m,children:o})}function L({title:o,onCloseDialog:e,...a$1}){let[t,r]=useState(false);return jsx(d,{onMouseEnter:()=>{r(true);},onMouseLeave:()=>{r(false);},isHovered:t,title:o,leftActions:jsx(a,{onClick:n=>{n.stopPropagation(),e();}}),...a$1})}var M=memo(L);var K=p;export{C as a,b,h as c,M as d,K as e};

package/build/_chunks/chunk-QJA4JKF2.js

@@ -1 +0,0 @@
-import {a,c as c$1,d as d$1}from'./chunk-LOQ3FEOU.js';import {c,d}from'./chunk-HP62XFCT.js';import {b,a as a$1}from'./chunk-EDZWCPS2.js';import {yc,xa}from'./chunk-2SKLD6QR.js';import {Gf}from'./chunk-OK75VWGZ.js';import {createContext,memo,useRef,useId,useContext,useMemo,useState,useLayoutEffect,useCallback,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {styled,Box,Button,alpha,Dialog}from'@mui/material';import dt from'@mui/material/Box';import {Resizable}from're-resizable';import ut from'react-draggable';import {motion}from'framer-motion';var $=createContext({viewerDefaultWidth:555,viewerDefaultHeight:545,position:{x:0,y:0},setPosition:()=>{},dimensions:{width:0,height:0},windowZIndex:1e4,isOpen:true,setIsMaximized:()=>{},setIsSidebarExpanded:()=>{},setIsToolbarAnimationDisabled:()=>{},setIsResized:()=>{},setNewDimensions:()=>{},isMaximized:false,isToolbarAnimationDisabled:true,isSidebarExpanded:false,isResized:false,onClose:()=>{},fullWindowWidth:0,fullWindowHeight:0,viewportWidth:0,viewportHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{},containerRef:{current:null}});var we=(e,t)=>t.toLowerCase().includes(e);function be(e,t,i){let r=we("top",t),n=we("left",t);return !r&&!n?null:{x:n?e.x+i.width:e.x,y:r?e.y-i.height:e.y}}var te=e=>{let{viewportWidth:t,viewportHeight:i,viewerDefaultWidth:r,viewerDefaultHeight:n,initialPosition:l,isMaximized:m,containerRef:a}=e,s=!m&&a?.current&&a.current!==document.body?a.current:null,p=s?.getBoundingClientRect(),d=p?.left??0,f=p?.top??0,u=s?.clientWidth||t,c=l?.x??t/2-r/2,o=l?.y??i/2-n/2;return {x:u-(c-d),y:o-f}};var je=555,Xe=545;function oe({children:e,isOpen:t,onClose:i,defaultWindowHeight:r,defaultWindowWidth:n,initialPosition:l,minWidth:m,maxWidth:a,minHeight:s,maxHeight:p,containerRef:d,windowZIndex:f=1}){let{height:u,width:c}=a$1(),[o,B]=useState(false),k=o?null:d?.current,I=k?.clientWidth||c,g=k?.clientHeight||u,v=n||je,b=r||Xe,S=useRef(false),[L,W]=useState(()=>te({viewportWidth:c,viewportHeight:u,viewerDefaultWidth:v,viewerDefaultHeight:b,initialPosition:l,isMaximized:o,containerRef:d}));useEffect(()=>{!o&&d?.current&&!S.current&&(S.current=true,W(te({viewportWidth:c,viewportHeight:u,viewerDefaultWidth:v,viewerDefaultHeight:b,initialPosition:l,isMaximized:o,containerRef:d})));});let[_,F]=useState(false),[G,E]=useState(false),[P,z]=useState(true),x=useRef(),[O,D]=useState({width:n??0,height:r??0}),V=useCallback(H=>{x?.current?.updateSize(H);},[]),N=useCallback(H=>{x.current?.updateSize(H),D(T=>({width:H.width??T.width,height:H.height??T.height}));},[]),ee=useMemo(()=>({position:L,setPosition:W,resizableRef:x,windowZIndex:f,isOpen:t,setIsMaximized:B,setIsSidebarExpanded:z,setIsToolbarAnimationDisabled:E,setIsResized:F,isMaximized:o,isToolbarAnimationDisabled:G,isSidebarExpanded:P,isResized:_,dimensions:O,setNewDimensions:D,viewerDefaultWidth:v,viewerDefaultHeight:b,onClose:i,fullWindowWidth:I,fullWindowHeight:g,viewportWidth:c,viewportHeight:u,updateRefSize:V,updateSize:N,minWidth:m,maxWidth:a,minHeight:s,maxHeight:p,containerRef:d}),[L,W,x,t,B,z,E,F,o,G,P,_,O,D,I,g,c,u,v,b,V,N,i,m,a,s,p,d,f]);return jsx($.Provider,{value:ee,children:e})}var R=.5,He=183,ve=287,ye=840,Ae=545,ie=35;function Ye({title:e,onClose:t,onMaximize:i,maximized:r=false,id:n,onRequestClick:l,isSidebarExpanded:m=false,isHovered:a$1=false,onMouseHover:s,onMouseLeave:p,showSectionsButton:d$2,rightActions:f,icon:u}){return jsx(c,{id:n,"data-testid":"UserTitleBar",maximized:r||false,children:jsx(d,{onMouseEnter:s,onMouseLeave:p,isMaximized:r,isHovered:a$1,title:e,icon:u||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:r,onClick:i}),d$2&&jsx(d$1,{onClick:l,isExpanded:!m,isHovered:a$1,children:"Sidebar"})]}),rightActions:f})})}var Re=memo(Ye);var re=Re;function et({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:i,onClose:r,isSidebarExpanded:n,setIsSidebarExpanded:l,isToolbarAnimationDisabled:m,title:a,showSectionsButton:s,rightActions:p,icon:d}){let{isHovered:f,onMouseEnter:u,onMouseLeave:c}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...m&&{duration:0}},children:jsx(re,{title:a||"Users",showSectionsButton:s,onClose:r,onMaximize:()=>{i?.(o=>!o),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),l(!n);},isSidebarExpanded:n,isHovered:f,onMouseHover:u,onMouseLeave:c,rightActions:p,icon:d})})}var Se=memo(et);var Ee=Se;function mt({children:e,titleBar:t,titleBarText:i,mainAppOrder:r,mainAppIsMinimized:n,showSectionsButton:l=true,rightActions:m,titleBarIcon:a,overflow:s="hidden"}){let p=useRef(null),d=yc(useId(),"app-window"),{dimensions:f,position:u,resizableRef:c,isMaximized:o,isOpen:B,onClose:k,viewerDefaultWidth:I,viewerDefaultHeight:g,windowZIndex:v,setPosition:b,setNewDimensions:S,isToolbarAnimationDisabled:L,fullWindowWidth:W,fullWindowHeight:_,viewportWidth:F,viewportHeight:G,setIsMaximized:E,setIsResized:P,isResized:z,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:O,isSidebarExpanded:D,minWidth:V,maxWidth:N,minHeight:ee,maxHeight:H,containerRef:T}=useContext($),h=useMemo(()=>document.createElement("div"),[]),[Le,_e]=useState(null);useLayoutEffect(()=>{_e(T?.current??document.body);},[T]);let w=o?document.body:Le;useLayoutEffect(()=>{if(!w)return;let y=w===document.body;return h.style.position=y?"":"absolute",h.style.inset=y?"":"0",h.style.pointerEvents="none",h.style.overflow="visible",w.appendChild(h),()=>{h.parentNode===w&&w.removeChild(h);}},[w,h]);let pe=useRef({x:0,y:0}),de=xa(),Fe=useCallback((y,j,le,Oe)=>{P(true),S({width:le.offsetWidth,height:le.offsetHeight});let ue=be(pe.current,j,Oe);ue&&b(ue);},[S,P,b]),U=f.width||I;if(!w)return null;let Ge=jsx(ut,{nodeRef:p,disabled:o,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:W/2-U/2,y:_/2-g/2},position:{x:W-u.x,y:u.y},onStop:(y,j)=>{b({x:W-j.x,y:j.y});},...w===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(r||0)+v+(o?1:0),...n&&{display:"none"},...w===document.body?!o&&{transform:"translate(180px, 14px)"}:!o&&{position:"absolute"},...!o&&{width:de?U:"fit-content",height:de?g:"fit-content"},...o&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)",overflow:"visible","& .MuiDialog-container":{overflow:"visible"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",pointerEvents:"auto",overflow:s,width:z?"fit-content":U,height:z?"fit-content":"100%",...o&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{E(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:B,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:h,fullScreen:o,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,topRight:true,bottomLeft:true,bottomRight:true,left:true,right:true,bottom:true,top:true},handleStyles:{bottom:{zIndex:2},bottomLeft:{zIndex:2},bottomRight:{zIndex:2}},size:{width:f.width,height:f.height},maxHeight:H??G-40,maxWidth:N??F,minWidth:o?"100vw":V??I,minHeight:o?"100vh":ee??g,ref:y=>{c.current=y;},onResizeStart:()=>{pe.current=u,x(true);},onResizeStop:()=>{x(false);},onResize:Fe,defaultSize:{width:U,height:g},style:{background:"transparent",height:f.height,overflow:s,...o&&{height:"100% !important",width:"100% !important",flex:1},...o&&{position:"relative"}},children:jsxs(dt,{sx:{height:"100%"},id:d,"data-testid":"AppWindow",children:[t??jsx(Ee,{setIsToolbarAnimationDisabled:x,onClose:k,setIsMaximized:E,isToolbarAnimationDisabled:L,setIsSidebarExpanded:O,isSidebarExpanded:D,title:i,isMaximized:o,showSectionsButton:l,rightActions:m,icon:a}),e]})})})});return createPortal(Ge,h)}var De=memo(mt);var xt=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:t})=>({background:t?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:t?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),ht=styled(Button)(({theme:e,disabled:t})=>({background:t?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"0px 8px",fontSize:"9px",fontWeight:600,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),wt=styled(Box)(({theme:e})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",backgroundColor:e.palette.background.paper,padding:"6px",transform:"translateY(calc(-50% - 6px))",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px",height:"36px",transition:e.transitions.create(["width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex})})),bt=styled(Box)(()=>({position:"fixed",height:35,bottom:0,left:0,right:0,padding:"6px 16px",zIndex:1,backgroundColor:"#eaeaea",backdropFilter:"blur(12px)",display:"flex",justifyContent:"flex-end",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"})),gt=styled(Button)(()=>({padding:"4px 8px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.08)",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",color:"rgba(32, 35, 43, 0.80)",fontWeight:600,fontSize:"9px",textTransform:"none"}));var ae=De;function Wt({children:e,windowProps:t,...i}){return i.isOpen?jsx(oe,{...i,children:jsx(ae,{...t,children:e})}):null}var Me=Wt;function vt({title:e,maximized:t=false,id:i,isHovered:r=false,onMouseHover:n,onMouseLeave:l,leftActions:m,titleIconSrc:a,sx:s,...p}){return jsx(c,{className:"header-wrapper",id:i,maximized:t||false,sx:s,...p,children:jsx(d,{onMouseEnter:n,onMouseLeave:l,isMaximized:t,isHovered:r,title:e||"",icon:a,leftActions:m})})}var se=memo(vt);function Rt({isMaximized:e,id:t,isToolbarAnimationDisabled:i,title:r,leftActions:n,onClose:l,onMaximize:m,sx:a$1}){let{isHovered:s,onMouseEnter:p,onMouseLeave:d}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...i&&{duration:0}},children:jsx(se,{title:r,maximized:e,id:t||"draggable-dialog-title",isHovered:s,onMouseHover:p,onMouseLeave:d,leftActions:n||jsxs(Fragment,{children:[jsx(a,{onClick:l}),jsx(c$1,{isMaximized:e,onClick:()=>m?.(!e)})]}),sx:a$1})})}var ke=memo(Rt);var Et=ke;var qo=Me;export{$ as a,oe as b,R as c,He as d,ve as e,ye as f,Ae as g,ie as h,re as i,xt as j,ht as k,wt as l,bt as m,gt as n,ae as o,se as p,Et as q,qo as r};

package/build/components/Dialog/Dialog.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode, MouseEvent, CSSProperties } from 'react';
-import { DragControls } from 'framer-motion';
-interface DialogProps {
-    children: ReactNode;
-    index: number;
-    order: number;
-    dialogRef?: any;
-    height?: number;
-    onClick: (e: MouseEvent<HTMLElement>) => void;
-    dragControls: DragControls;
-    style?: CSSProperties;
-}
-export default function Dialog({ children, index, dialogRef, height, onClick, order, dragControls, style }: DialogProps): import("react").JSX.Element;
-export {};

package/build/components/Dialog/components/DialogToolbar.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-export interface DialogToolbarProps extends BoxProps {
-    title: string;
-    onCloseDialog: () => void;
-}
-declare function DialogToolbar({ title, onCloseDialog, ...props }: DialogToolbarProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof DialogToolbar>;
-export default _default;

package/build/components/Dialog/constant.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_DIALOG_WIDTH = 416;

package/build/components/Dialog/index.d.ts

@@ -1,4 +0,0 @@
-import Dialog from './Dialog';
-export { default as DialogToolbar } from './components/DialogToolbar';
-export { DialogContent, DialogHeader, DialogFooter } from './style';
-export default Dialog;

package/build/components/Dialog/index.js

@@ -1 +0,0 @@
-export{a as DialogContent,c as DialogFooter,b as DialogHeader,d as DialogToolbar,e as default}from'../../_chunks/chunk-LT4Z7V4F.js';import'../../_chunks/chunk-LOQ3FEOU.js';import'../../_chunks/chunk-HP62XFCT.js';import'../../_chunks/chunk-WRR73LXR.js';import'../../_chunks/chunk-7PJX5ZKM.js';import'../../_chunks/chunk-2SKLD6QR.js';import'../../_chunks/chunk-FH3OCBAM.js';import'../../_chunks/chunk-OK75VWGZ.js';import'../../_chunks/chunk-4GZ7XOYY.js';

package/build/components/Dialog/style.d.ts

@@ -1,272 +0,0 @@
-/// <reference types="react" />
-export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
-    color?: string | undefined;
-    content?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    id?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: boolean | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "url" | "email" | "search" | "none" | "tel" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "time" | "step" | "location" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "copy" | "none" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "ascending" | "descending" | "none" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const DialogContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const DialogHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const DialogFooter: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;