dinocollab-shared 1.1.27 → 1.1.29

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.
@@ -1,2 +1,2 @@
1
- import{inherits as t,createClass as o,objectSpread2 as r,defineProperty as e,classCallCheck as l,callSuper as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{Fragment as c,Component as s}from"react";import{Fade as d,Tooltip as p,IconButton as u,Avatar as h,Menu as m,Typography as v,Divider as f,MenuItem as g,Box as x,ListItemIcon as b,colors as C}from"@mui/material";import{getAvatarProps as k}from"../layout-global/helpers.js";var y={root:"Profile-root",title:"Profile-title",item:"Profile-item"},P=function(t,o){return"".concat("",".").concat(y[t]).concat("")},M=function(){function C(t){var o;return l(this,C),o=i(this,C,[t]),e(o,"toggle",function(){return o.setState({isOpen:!o.state.isOpen})}),e(o,"handleClick",function(t){o.setState({element:t.currentTarget})}),e(o,"handleClose",function(){o.setState({element:null})}),o.state={isOpen:!1,element:null},o}return t(C,s),o(C,[{key:"render",value:function(){var t,o=this.props.profile,e=(null==o?void 0:o.UserName)||"Guest";return n(c,{children:[a(d,{in:!0,children:a(p,{title:"Account settings",children:a(u,{onClick:this.handleClick,size:"small","aria-controls":this.state.element?"account-menu":void 0,"aria-haspopup":"true","aria-expanded":this.state.element?"true":void 0,sx:{flex:0},children:a(h,r({src:null!==(t=null==o?void 0:o.AvatarUrl)&&void 0!==t?t:""},k(e)))})})}),n(m,{anchorEl:this.state.element,id:"account-menu",disableScrollLock:!0,open:!!this.state.element,onClose:this.handleClose,onClick:this.handleClose,MenuListProps:{component:"div"},slotProps:{paper:S(this.props.theme)},transformOrigin:{horizontal:"right",vertical:"top"},anchorOrigin:{horizontal:"right",vertical:"bottom"},children:[n(v,{variant:"subtitle1",noWrap:!0,className:y.title,onClick:function(t){return t.stopPropagation()},children:["Hello, ",e]}),a(f,{variant:"middle",sx:{mb:1}}),this.props.menuConfigs.map(function(t,o){return a(g,{children:n(x,r(r(r({className:y.item,onClick:t.onClick},t.href?{component:"a",href:t.href}:{}),t.buttonProps),{},{children:[a(b,{children:t.icon}),t.title]}))},o)})]})]})}}])}(),S=function(){var t="light"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"dark"),o=t?"#fff":"#323234",r=t?"#000":"#fff",l=t?C.blue[600]:"#e78a3f",i=t?C.grey[200]:C.grey[700];return{elevation:0,sx:e(e(e(e(e(e(e({"--color-background":o,"--color-text":r,"--color-text-secondary":l,"--color-divider":i,minWidth:"200px",overflow:"visible",filter:"drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",mt:1.5,bgcolor:"var(--color-background)",color:"var(--color-text)"},P("title"),{marginTop:"-8px",padding:"10px 16px",fontWeight:"600",color:"var(--color-text)"}),P("item"),{padding:"6px 16px",textDecoration:"none",color:"currentColor",display:"flex",alignItems:"center",gap:"8px"}),"& .MuiAvatar-root",{width:32,height:32,ml:-.5,mr:1,bgcolor:"var(--color-avatar-bg)",color:"var(--color-avatar-text)"}),"& .MuiMenuItem-root",{padding:0,transition:"all 0.3s",color:"var(--color-text)",".MuiSvgIcon-root":{transition:"all 0.2s",transform:"translateX(0px) scale(1)"},"&:hover":{color:"var(--color-text-secondary)",backgroundColor:"var(--color-divider)",".MuiSvgIcon-root":{color:"var(--color-text-secondary)",transform:"translateX(4px) scale(1.2)"}}}),"& .MuiListItemIcon-root",{color:"var(--color-text)"}),"& .MuiDivider-root",{borderColor:"var(--color-divider)"}),"&:before",{content:'""',display:"block",position:"absolute",top:0,right:20,width:10,height:10,bgcolor:"var(--color-background)",transform:"translateY(-50%) rotate(45deg)",zIndex:0})}};export{M as Profile,M as default,y as profileClasses};
1
+ import{inherits as t,createClass as o,objectSpread2 as r,defineProperty as e,classCallCheck as l,callSuper as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{Fragment as c,Component as s}from"react";import{Fade as d,Tooltip as p,IconButton as u,Avatar as h,Menu as m,Typography as f,Divider as v,MenuItem as g,Box as x,ListItemIcon as b,colors as C}from"@mui/material";import{getAvatarProps as k}from"../layout-global/helpers.js";var y={root:"Profile-root",title:"Profile-title",item:"Profile-item"},P=function(t,o){return"".concat("",".").concat(y[t]).concat("")},M=function(){function C(t){var o;return l(this,C),o=i(this,C,[t]),e(o,"toggle",function(){return o.setState({isOpen:!o.state.isOpen})}),e(o,"handleClick",function(t){o.setState({element:t.currentTarget})}),e(o,"handleClose",function(){o.setState({element:null})}),o.state={isOpen:!1,element:null},o}return t(C,s),o(C,[{key:"render",value:function(){var t,o=this.props.profile,e=(null==o?void 0:o.UserName)||"Guest";return n(c,{children:[a(d,{in:!0,children:a(p,{title:"Account settings",children:a(u,{onClick:this.handleClick,size:"small","aria-controls":this.state.element?"account-menu":void 0,"aria-haspopup":"true","aria-expanded":this.state.element?"true":void 0,sx:{flex:0},children:a(h,r({src:null!==(t=null==o?void 0:o.AvatarUrl)&&void 0!==t?t:""},k(e)))})})}),n(m,{anchorEl:this.state.element,id:"account-menu",disableScrollLock:!0,open:!!this.state.element,onClose:this.handleClose,onClick:this.handleClose,MenuListProps:{component:"div"},slotProps:{paper:S(this.props.theme)},transformOrigin:{horizontal:"right",vertical:"top"},anchorOrigin:{horizontal:"right",vertical:"bottom"},children:[n(f,{variant:"subtitle1",noWrap:!0,className:y.title,onClick:function(t){return t.stopPropagation()},children:["Hello, ",e]}),a(v,{variant:"middle",sx:{mb:1}}),this.props.menuConfigs.map(function(t,o){return a(g,{children:n(x,r(r(r({className:y.item,onClick:t.onClick},t.href?{component:"a",href:t.href}:{}),t.buttonProps),{},{children:[a(b,{children:t.icon}),t.title]}))},o)})]})]})}}])}(),S=function(){var t="light"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"dark"),o=t?"#fff":"#323234",r=t?"#000":"#fff",l=t?C.blue[600]:"#e78a3f",i=t?C.grey[200]:C.grey[700];return{elevation:0,sx:e(e(e(e(e(e(e({"--color-background":o,"--color-text":r,"--color-text-secondary":l,"--color-divider":i,minWidth:"200px",overflow:"visible",filter:"drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",mt:1.5,bgcolor:"var(--color-background)",color:"var(--color-text)"},P("title"),{marginTop:"-8px",padding:"10px 16px",fontWeight:"600",color:"var(--color-text)"}),P("item"),{display:"flex",alignItems:"center",gap:"8px",color:"currentColor",textDecoration:"none",padding:"6px 16px",flex:1}),"& .MuiAvatar-root",{width:32,height:32,ml:-.5,mr:1,bgcolor:"var(--color-avatar-bg)",color:"var(--color-avatar-text)"}),"& .MuiMenuItem-root",{padding:0,transition:"all 0.3s",color:"var(--color-text)",".MuiSvgIcon-root":{transition:"all 0.2s",transform:"translateX(0px) scale(1)"},"&:hover":{color:"var(--color-text-secondary)",backgroundColor:"var(--color-divider)",".MuiSvgIcon-root":{color:"var(--color-text-secondary)",transform:"translateX(4px) scale(1.2)"}}}),"& .MuiListItemIcon-root",{color:"var(--color-text)"}),"& .MuiDivider-root",{borderColor:"var(--color-divider)"}),"&:before",{content:'""',display:"block",position:"absolute",top:0,right:20,width:10,height:10,bgcolor:"var(--color-background)",transform:"translateY(-50%) rotate(45deg)",zIndex:0})}};export{M as Profile,M as default,y as profileClasses};
2
2
  //# sourceMappingURL=profile.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"profile.js","sources":["../../src/auth/profile.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\r\nimport type { PropsWithChildren } from 'react'\r\nimport { Box, MenuItem, Divider, IconButton, Tooltip, colors } from '@mui/material'\r\nimport { Avatar, Fade, ListItemIcon, Menu, PaperProps, Typography } from '@mui/material'\r\nimport { getAvatarProps } from '../layout-global/helpers'\r\nimport type { IIMenuConfigs, IProfile } from './types'\r\n\r\nexport const profileClasses = {\r\n root: 'Profile-root',\r\n title: 'Profile-title',\r\n item: 'Profile-item'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof profileClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${profileClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport interface IAvatarButtonProps extends PropsWithChildren {\r\n profile: IProfile | null\r\n menuConfigs: IIMenuConfigs\r\n theme?: 'dark' | 'light'\r\n}\r\n\r\nexport interface IAvatarButtonState {\r\n isOpen: boolean\r\n element: HTMLElement | null\r\n}\r\n\r\nexport class Profile extends Component<IAvatarButtonProps, IAvatarButtonState> {\r\n constructor(props: IAvatarButtonProps) {\r\n super(props)\r\n this.state = {\r\n isOpen: false,\r\n element: null\r\n }\r\n }\r\n\r\n toggle = () => this.setState({ isOpen: !this.state.isOpen })\r\n\r\n handleClick = (event: React.MouseEvent<HTMLElement>) => {\r\n this.setState({ element: event.currentTarget })\r\n }\r\n\r\n handleClose = () => {\r\n this.setState({ element: null })\r\n }\r\n\r\n render() {\r\n const { profile } = this.props\r\n const userName = profile?.UserName || 'Guest'\r\n return (\r\n <Fragment>\r\n <Fade in>\r\n <Tooltip title='Account settings'>\r\n <IconButton\r\n onClick={this.handleClick}\r\n size='small'\r\n aria-controls={this.state.element ? 'account-menu' : undefined}\r\n aria-haspopup='true'\r\n aria-expanded={this.state.element ? 'true' : undefined}\r\n sx={{ flex: 0 }}\r\n >\r\n <Avatar src={profile?.AvatarUrl ?? ''} {...getAvatarProps(userName)} />\r\n </IconButton>\r\n </Tooltip>\r\n </Fade>\r\n <Menu\r\n anchorEl={this.state.element}\r\n id='account-menu'\r\n disableScrollLock\r\n open={!!this.state.element}\r\n onClose={this.handleClose}\r\n onClick={this.handleClose}\r\n MenuListProps={{ component: 'div' }}\r\n slotProps={{ paper: getStylePaper(this.props.theme) }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'top' }}\r\n anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n >\r\n <Typography\r\n variant='subtitle1'\r\n noWrap\r\n className={profileClasses.title}\r\n onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => e.stopPropagation()}\r\n >\r\n Hello, {userName}\r\n </Typography>\r\n <Divider variant='middle' sx={{ mb: 1 }} />\r\n {this.props.menuConfigs.map((menuConfig, index) => (\r\n <MenuItem key={index}>\r\n <Box\r\n className={profileClasses.item}\r\n onClick={menuConfig.onClick}\r\n {...(menuConfig.href ? { component: 'a', href: menuConfig.href } : {})}\r\n {...menuConfig.buttonProps}\r\n >\r\n <ListItemIcon>{menuConfig.icon}</ListItemIcon>\r\n {menuConfig.title}\r\n </Box>\r\n </MenuItem>\r\n ))}\r\n </Menu>\r\n </Fragment>\r\n )\r\n }\r\n}\r\nexport default Profile\r\n\r\nconst getStylePaper = (theme: 'dark' | 'light' = 'dark'): Partial<PaperProps<'div', {}>> => {\r\n const isLightTheme = theme === 'light'\r\n const backgroundColor = isLightTheme ? '#fff' : '#323234'\r\n const textColor = isLightTheme ? '#000' : '#fff'\r\n const textSecondaryColor = isLightTheme ? colors.blue[600] : '#e78a3f'\r\n const dividerColor = isLightTheme ? colors.grey[200] : colors.grey[700]\r\n return {\r\n elevation: 0,\r\n sx: {\r\n '--color-background': backgroundColor,\r\n '--color-text': textColor,\r\n '--color-text-secondary': textSecondaryColor,\r\n '--color-divider': dividerColor,\r\n\r\n minWidth: '200px',\r\n overflow: 'visible',\r\n filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',\r\n mt: 1.5,\r\n bgcolor: 'var(--color-background)', // dark background\r\n color: 'var(--color-text)', // white text,\r\n\r\n [getClasses('title')]: {\r\n marginTop: '-8px',\r\n padding: '10px 16px',\r\n fontWeight: '600',\r\n color: 'var(--color-text)'\r\n },\r\n [getClasses('item')]: {\r\n padding: '6px 16px',\r\n textDecoration: 'none',\r\n color: 'currentColor',\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '8px'\r\n },\r\n '& .MuiAvatar-root': {\r\n width: 32,\r\n height: 32,\r\n ml: -0.5,\r\n mr: 1,\r\n bgcolor: 'var(--color-avatar-bg)',\r\n color: 'var(--color-avatar-text)'\r\n },\r\n '& .MuiMenuItem-root': {\r\n padding: 0,\r\n transition: 'all 0.3s',\r\n color: 'var(--color-text)',\r\n '.MuiSvgIcon-root': {\r\n transition: 'all 0.2s',\r\n transform: 'translateX(0px) scale(1)'\r\n },\r\n '&:hover': {\r\n color: 'var(--color-text-secondary)',\r\n backgroundColor: 'var(--color-divider)',\r\n '.MuiSvgIcon-root': {\r\n color: 'var(--color-text-secondary)',\r\n transform: 'translateX(4px) scale(1.2)'\r\n }\r\n }\r\n },\r\n '& .MuiListItemIcon-root': {\r\n color: 'var(--color-text)'\r\n },\r\n '& .MuiDivider-root': {\r\n borderColor: 'var(--color-divider)'\r\n },\r\n '&:before': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n top: 0,\r\n right: 20,\r\n width: 10,\r\n height: 10,\r\n bgcolor: 'var(--color-background)',\r\n transform: 'translateY(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n }\r\n }\r\n}\r\n"],"names":["profileClasses","root","title","item","getClasses","key","options","concat","Profile","props","_this","_classCallCheck","_callSuper","_defineProperty","setState","isOpen","state","event","element","currentTarget","_inherits","Component","_createClass","value","_profile$AvatarUrl","profile","this","userName","UserName","_jsxs","Fragment","children","_jsx","Fade","in","Tooltip","IconButton","onClick","handleClick","size","undefined","sx","flex","Avatar","_objectSpread","src","AvatarUrl","getAvatarProps","Menu","anchorEl","id","disableScrollLock","open","onClose","handleClose","MenuListProps","component","slotProps","paper","getStylePaper","theme","transformOrigin","horizontal","vertical","anchorOrigin","Typography","variant","noWrap","className","e","stopPropagation","Divider","mb","menuConfigs","map","menuConfig","index","MenuItem","Box","href","buttonProps","ListItemIcon","icon","isLightTheme","arguments","length","backgroundColor","textColor","textSecondaryColor","colors","blue","dividerColor","grey","elevation","minWidth","overflow","filter","mt","bgcolor","color","marginTop","padding","fontWeight","textDecoration","display","alignItems","gap","width","height","ml","mr","transition","transform","borderColor","content","position","top","right","zIndex"],"mappings":"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"}
1
+ {"version":3,"file":"profile.js","sources":["../../src/auth/profile.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\r\nimport type { PropsWithChildren } from 'react'\r\nimport { Box, MenuItem, Divider, IconButton, Tooltip, colors } from '@mui/material'\r\nimport { Avatar, Fade, ListItemIcon, Menu, PaperProps, Typography } from '@mui/material'\r\nimport { getAvatarProps } from '../layout-global/helpers'\r\nimport type { IIMenuConfigs, IProfile } from './types'\r\n\r\nexport const profileClasses = {\r\n root: 'Profile-root',\r\n title: 'Profile-title',\r\n item: 'Profile-item'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof profileClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${profileClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport interface IAvatarButtonProps extends PropsWithChildren {\r\n profile: IProfile | null\r\n menuConfigs: IIMenuConfigs\r\n theme?: 'dark' | 'light'\r\n}\r\n\r\nexport interface IAvatarButtonState {\r\n isOpen: boolean\r\n element: HTMLElement | null\r\n}\r\n\r\nexport class Profile extends Component<IAvatarButtonProps, IAvatarButtonState> {\r\n constructor(props: IAvatarButtonProps) {\r\n super(props)\r\n this.state = {\r\n isOpen: false,\r\n element: null\r\n }\r\n }\r\n\r\n toggle = () => this.setState({ isOpen: !this.state.isOpen })\r\n\r\n handleClick = (event: React.MouseEvent<HTMLElement>) => {\r\n this.setState({ element: event.currentTarget })\r\n }\r\n\r\n handleClose = () => {\r\n this.setState({ element: null })\r\n }\r\n\r\n render() {\r\n const { profile } = this.props\r\n const userName = profile?.UserName || 'Guest'\r\n return (\r\n <Fragment>\r\n <Fade in>\r\n <Tooltip title='Account settings'>\r\n <IconButton\r\n onClick={this.handleClick}\r\n size='small'\r\n aria-controls={this.state.element ? 'account-menu' : undefined}\r\n aria-haspopup='true'\r\n aria-expanded={this.state.element ? 'true' : undefined}\r\n sx={{ flex: 0 }}\r\n >\r\n <Avatar src={profile?.AvatarUrl ?? ''} {...getAvatarProps(userName)} />\r\n </IconButton>\r\n </Tooltip>\r\n </Fade>\r\n <Menu\r\n anchorEl={this.state.element}\r\n id='account-menu'\r\n disableScrollLock\r\n open={!!this.state.element}\r\n onClose={this.handleClose}\r\n onClick={this.handleClose}\r\n MenuListProps={{ component: 'div' }}\r\n slotProps={{ paper: getStylePaper(this.props.theme) }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'top' }}\r\n anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n >\r\n <Typography\r\n variant='subtitle1'\r\n noWrap\r\n className={profileClasses.title}\r\n onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => e.stopPropagation()}\r\n >\r\n Hello, {userName}\r\n </Typography>\r\n <Divider variant='middle' sx={{ mb: 1 }} />\r\n {this.props.menuConfigs.map((menuConfig, index) => (\r\n <MenuItem key={index}>\r\n <Box\r\n className={profileClasses.item}\r\n onClick={menuConfig.onClick}\r\n {...(menuConfig.href ? { component: 'a', href: menuConfig.href } : {})}\r\n {...menuConfig.buttonProps}\r\n >\r\n <ListItemIcon>{menuConfig.icon}</ListItemIcon>\r\n {menuConfig.title}\r\n </Box>\r\n </MenuItem>\r\n ))}\r\n </Menu>\r\n </Fragment>\r\n )\r\n }\r\n}\r\nexport default Profile\r\n\r\nconst getStylePaper = (theme: 'dark' | 'light' = 'dark'): Partial<PaperProps<'div', {}>> => {\r\n const isLightTheme = theme === 'light'\r\n const backgroundColor = isLightTheme ? '#fff' : '#323234'\r\n const textColor = isLightTheme ? '#000' : '#fff'\r\n const textSecondaryColor = isLightTheme ? colors.blue[600] : '#e78a3f'\r\n const dividerColor = isLightTheme ? colors.grey[200] : colors.grey[700]\r\n return {\r\n elevation: 0,\r\n sx: {\r\n '--color-background': backgroundColor,\r\n '--color-text': textColor,\r\n '--color-text-secondary': textSecondaryColor,\r\n '--color-divider': dividerColor,\r\n\r\n minWidth: '200px',\r\n overflow: 'visible',\r\n filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',\r\n mt: 1.5,\r\n bgcolor: 'var(--color-background)', // dark background\r\n color: 'var(--color-text)', // white text,\r\n\r\n [getClasses('title')]: {\r\n marginTop: '-8px',\r\n padding: '10px 16px',\r\n fontWeight: '600',\r\n color: 'var(--color-text)'\r\n },\r\n [getClasses('item')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '8px',\r\n color: 'currentColor',\r\n textDecoration: 'none',\r\n padding: '6px 16px',\r\n flex: 1\r\n },\r\n '& .MuiAvatar-root': {\r\n width: 32,\r\n height: 32,\r\n ml: -0.5,\r\n mr: 1,\r\n bgcolor: 'var(--color-avatar-bg)',\r\n color: 'var(--color-avatar-text)'\r\n },\r\n '& .MuiMenuItem-root': {\r\n padding: 0,\r\n transition: 'all 0.3s',\r\n color: 'var(--color-text)',\r\n '.MuiSvgIcon-root': {\r\n transition: 'all 0.2s',\r\n transform: 'translateX(0px) scale(1)'\r\n },\r\n '&:hover': {\r\n color: 'var(--color-text-secondary)',\r\n backgroundColor: 'var(--color-divider)',\r\n '.MuiSvgIcon-root': {\r\n color: 'var(--color-text-secondary)',\r\n transform: 'translateX(4px) scale(1.2)'\r\n }\r\n }\r\n },\r\n '& .MuiListItemIcon-root': {\r\n color: 'var(--color-text)'\r\n },\r\n '& .MuiDivider-root': {\r\n borderColor: 'var(--color-divider)'\r\n },\r\n '&:before': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n top: 0,\r\n right: 20,\r\n width: 10,\r\n height: 10,\r\n bgcolor: 'var(--color-background)',\r\n transform: 'translateY(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n }\r\n }\r\n}\r\n"],"names":["profileClasses","root","title","item","getClasses","key","options","concat","Profile","props","_this","_classCallCheck","_callSuper","_defineProperty","setState","isOpen","state","event","element","currentTarget","_inherits","Component","_createClass","value","_profile$AvatarUrl","profile","this","userName","UserName","_jsxs","Fragment","children","_jsx","Fade","in","Tooltip","IconButton","onClick","handleClick","size","undefined","sx","flex","Avatar","_objectSpread","src","AvatarUrl","getAvatarProps","Menu","anchorEl","id","disableScrollLock","open","onClose","handleClose","MenuListProps","component","slotProps","paper","getStylePaper","theme","transformOrigin","horizontal","vertical","anchorOrigin","Typography","variant","noWrap","className","e","stopPropagation","Divider","mb","menuConfigs","map","menuConfig","index","MenuItem","Box","href","buttonProps","ListItemIcon","icon","isLightTheme","arguments","length","backgroundColor","textColor","textSecondaryColor","colors","blue","dividerColor","grey","elevation","minWidth","overflow","filter","mt","bgcolor","color","marginTop","padding","fontWeight","display","alignItems","gap","textDecoration","width","height","ml","mr","transition","transform","borderColor","content","position","top","right","zIndex"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{objectSpread2 as o,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{styled as e,Box as i,colors as n}from"@mui/material";var a={root:"AppFooter-root",content:"AppFooter-content",background:"AppFooter-background",description:"AppFooter-description",copyright:"AppFooter-copyright",copyrightText:"AppFooter-copyrightText",socialList:"AppFooter-socialList",appLogo:"AppFooter-appLogo",navs:"AppFooter-navs",navItem:"AppFooter-navItem",navItemText:"AppFooter-navItemText"},p=function(o,t){return"".concat((null==t?void 0:t.prefix)||"",".").concat(a[o]).concat((null==t?void 0:t.suffix)||"")},c=e(function(t){return r(i,o({component:"footer"},t))})(function(o){var r=o.theme;return t(t(t(t(t(t({backgroundColor:"var(--color-bg-footer, #141414)",color:"var(--color-text-footer, #ffffff)",position:"relative",paddingTop:"130px",width:"100%","*":{margin:0,padding:0,boxSizing:"border-box"}},p("content"),{maxWidth:"var(--max-width, 1688px)",position:"relative",zIndex:1}),p("background"),{objectFit:"cover",width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:0}),p("description"),{marginTop:r.spacing(2),color:"var(--color-text-footer, ".concat(n.grey[400],")"),lineHeight:1.5,textAlign:"left",maxWidth:"500px",marginBottom:r.spacing(4)}),p("copyright"),t({position:"relative"},p("socialList"),t({position:"absolute",top:"50%",left:0,transform:"translateY(-50%)"},r.breakpoints.down("md"),{position:"unset",transform:"none",paddingTop:r.spacing(2.5)}))),p("copyrightText"),{paddingTop:r.spacing(4),paddingBottom:r.spacing(4),width:"100%",".MuiTypography-root":{lineHeight:1,textAlign:"center",color:"var(--color-text-footer, ".concat(n.grey[300],")")}}),p("socialList"),{display:"flex",justifyContent:"center",listStyle:"none","&:hover":{"--social-color":n.grey[600]},li:{margin:r.spacing(0,1),a:{backgroundColor:"rgb(27, 27, 27)",textDecoration:"none",width:"var(--social-icon-size, 40px)",height:"var(--social-icon-size, 40px)",borderRadius:"50%",transition:"all 0.3s ease",color:"var(--social-color, #f0f0f0)","&:hover":{color:"var(--social-color-hover, #ffffff)",transform:"translateY(-3px) scale(1.05)"}}}})}),l=e(function(t){return r(i,o({component:"nav"},t))})(function(o){var r=o.theme;return t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","&:hover":{"--color-text-footer":n.grey[600]}},p("navItem"),t(t(t({position:"relative",backgroundColor:"var(--bg-nav-item, transparent)",transition:"all 0.35s",borderRadius:r.shape.borderRadius},p("navItemText"),{padding:"var(--padding-nav-item-text, ".concat(r.spacing(1,4,1,1.5),")"),color:"var(--color-text-footer, ".concat(n.grey[300],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}}),"&::before",{content:'""',position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",width:0,transition:"all 0.4s",background:"var(--bg-divider)",height:"2px"}),"&:hover",{"--color-text-footer":n.common.white,"--padding-nav-item-text":r.spacing(1,1.5,1,4),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:r.spacing(1.5),marginRight:r.spacing(1)}}))});export{l as AppFooterNav,c as FooterStyled,a as appFooterClasses,p as getAppFooterClasses};
1
+ import{objectSpread2 as o,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{styled as e,Box as n,colors as i}from"@mui/material";var a={root:"AppFooter-root",content:"AppFooter-content",background:"AppFooter-background",description:"AppFooter-description",copyright:"AppFooter-copyright",copyrightText:"AppFooter-copyrightText",socialList:"AppFooter-socialList",appLogo:"AppFooter-appLogo",navs:"AppFooter-navs",navItem:"AppFooter-navItem",navItemText:"AppFooter-navItemText"},p=function(o,t){return"".concat((null==t?void 0:t.prefix)||"",".").concat(a[o]).concat((null==t?void 0:t.suffix)||"")},c=e(function(t){return r(n,o({component:"footer"},t))})(function(o){var r=o.theme;return t(t(t(t(t(t({backgroundColor:"var(--color-bg-footer, #141414)",color:"var(--color-text-footer, #ffffff)",position:"relative",paddingTop:"130px",width:"100%"},p("content"),{maxWidth:"var(--max-width, 1688px)",position:"relative",zIndex:1}),p("background"),{objectFit:"cover",width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:0}),p("description"),t({marginTop:r.spacing(2),color:"var(--color-text-footer, ".concat(i.grey[400],")"),lineHeight:1.5,textAlign:"left",maxWidth:"500px",marginBottom:r.spacing(4)},r.breakpoints.down("md"),{br:{display:"none"}})),p("copyright"),t({position:"relative"},p("socialList"),t({position:"absolute",top:"50%",left:0,transform:"translateY(-50%)"},r.breakpoints.down("md"),{position:"unset",transform:"none",paddingTop:r.spacing(2.5)}))),p("copyrightText"),{paddingTop:r.spacing(4),paddingBottom:r.spacing(4),width:"100%",".MuiTypography-root":{lineHeight:1,textAlign:"center",color:"var(--color-text-footer, ".concat(i.grey[300],")")}}),p("socialList"),{display:"flex",justifyContent:"center",listStyle:"none","&:hover":{"--social-color":i.grey[600]},li:{margin:r.spacing(0,1),a:{backgroundColor:"rgb(27, 27, 27)",textDecoration:"none",width:"var(--social-icon-size, 40px)",height:"var(--social-icon-size, 40px)",borderRadius:"50%",transition:"all 0.3s ease",color:"var(--social-color, #f0f0f0)","&:hover":{color:"var(--social-color-hover, #ffffff)",transform:"translateY(-3px) scale(1.05)"}}}})}),s=e(function(t){return r(n,o({component:"nav"},t))})(function(o){var r=o.theme;return t(t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","&:hover":{"--color-text-footer":i.grey[600]}},p("navItem"),t(t(t({position:"relative",backgroundColor:"var(--bg-nav-item, transparent)",transition:"all 0.35s",borderRadius:r.shape.borderRadius},p("navItemText"),{padding:"var(--padding-nav-item-text, ".concat(r.spacing(1,4,1,1.5),")"),color:"var(--color-text-footer, ".concat(i.grey[300],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}}),"&::before",{content:'""',position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",width:0,transition:"all 0.4s",background:"var(--bg-divider)",height:"2px"}),"&:hover",{"--color-text-footer":i.common.white,"--padding-nav-item-text":r.spacing(1,1.5,1,4),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:r.spacing(1.5),marginRight:r.spacing(1)}})),r.breakpoints.down("md"),t({},p("navItem"),{textAlign:"center"}))});export{s as AppFooterNav,c as FooterStyled,a as appFooterClasses,p as getAppFooterClasses};
2
2
  //# sourceMappingURL=app-footer.styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"app-footer.styled.js","sources":["../../src/layout-global/app-footer.styled.tsx"],"sourcesContent":["import { Box, colors, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\nexport const appFooterClasses = {\r\n root: 'AppFooter-root',\r\n content: 'AppFooter-content',\r\n background: 'AppFooter-background',\r\n description: 'AppFooter-description',\r\n copyright: 'AppFooter-copyright',\r\n copyrightText: 'AppFooter-copyrightText',\r\n socialList: 'AppFooter-socialList',\r\n appLogo: 'AppFooter-appLogo',\r\n navs: 'AppFooter-navs',\r\n navItem: 'AppFooter-navItem',\r\n navItemText: 'AppFooter-navItemText'\r\n}\r\n\r\nexport const getAppFooterClasses = (key: keyof typeof appFooterClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appFooterClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const FooterStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='footer' {...p} />)(({ theme }) => ({\r\n backgroundColor: 'var(--color-bg-footer, #141414)',\r\n color: 'var(--color-text-footer, #ffffff)',\r\n position: 'relative',\r\n paddingTop: '130px',\r\n width: '100%',\r\n '*': {\r\n margin: 0,\r\n padding: 0,\r\n boxSizing: 'border-box'\r\n },\r\n\r\n [getAppFooterClasses('content')]: {\r\n maxWidth: 'var(--max-width, 1688px)',\r\n position: 'relative',\r\n zIndex: 1\r\n },\r\n\r\n [getAppFooterClasses('background')]: {\r\n objectFit: 'cover',\r\n width: '100%',\r\n height: '100%',\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n zIndex: 0\r\n },\r\n\r\n [getAppFooterClasses('description')]: {\r\n marginTop: theme.spacing(2),\r\n color: `var(--color-text-footer, ${colors.grey[400]})`,\r\n lineHeight: 1.5,\r\n textAlign: 'left',\r\n maxWidth: '500px',\r\n marginBottom: theme.spacing(4)\r\n },\r\n\r\n [getAppFooterClasses('copyright')]: {\r\n position: 'relative',\r\n [getAppFooterClasses('socialList')]: {\r\n position: 'absolute',\r\n top: '50%',\r\n left: 0,\r\n transform: 'translateY(-50%)',\r\n [theme.breakpoints.down('md')]: {\r\n position: 'unset',\r\n transform: 'none',\r\n paddingTop: theme.spacing(2.5)\r\n }\r\n }\r\n },\r\n\r\n [getAppFooterClasses('copyrightText')]: {\r\n paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(4),\r\n width: '100%',\r\n '.MuiTypography-root': {\r\n lineHeight: 1,\r\n textAlign: 'center',\r\n color: `var(--color-text-footer, ${colors.grey[300]})`\r\n }\r\n },\r\n\r\n [getAppFooterClasses('socialList')]: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n listStyle: 'none',\r\n '&:hover': { '--social-color': colors.grey[600] },\r\n li: {\r\n margin: theme.spacing(0, 1),\r\n a: {\r\n backgroundColor: 'rgb(27, 27, 27)',\r\n textDecoration: 'none',\r\n width: 'var(--social-icon-size, 40px)',\r\n height: 'var(--social-icon-size, 40px)',\r\n borderRadius: '50%',\r\n transition: 'all 0.3s ease',\r\n color: 'var(--social-color, #f0f0f0)',\r\n '&:hover': {\r\n color: 'var(--social-color-hover, #ffffff)',\r\n transform: 'translateY(-3px) scale(1.05)'\r\n }\r\n }\r\n }\r\n }\r\n}))\r\n\r\nexport const AppFooterNav: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='nav' {...p} />)(({ theme }) => ({\r\n '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n '&:hover': { '--color-text-footer': colors.grey[600] },\r\n [getAppFooterClasses('navItem')]: {\r\n position: 'relative',\r\n backgroundColor: 'var(--bg-nav-item, transparent)',\r\n transition: 'all 0.35s',\r\n borderRadius: theme.shape.borderRadius,\r\n\r\n [getAppFooterClasses('navItemText')]: {\r\n padding: `var(--padding-nav-item-text, ${theme.spacing(1, 4, 1, 1.5)})`,\r\n color: `var(--color-text-footer, ${colors.grey[300]})`,\r\n textDecoration: 'none',\r\n display: 'block',\r\n width: '100%',\r\n transition: 'all 0.3s ease',\r\n span: { display: 'inline-block' }\r\n },\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n left: '14px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n width: 0,\r\n transition: 'all 0.4s',\r\n background: 'var(--bg-divider)',\r\n height: '2px'\r\n },\r\n\r\n '&:hover': {\r\n '--color-text-footer': colors.common.white,\r\n '--padding-nav-item-text': theme.spacing(1, 1.5, 1, 4),\r\n backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n '&::before': { width: theme.spacing(1.5), marginRight: theme.spacing(1) }\r\n }\r\n }\r\n}))\r\n"],"names":["appFooterClasses","root","content","background","description","copyright","copyrightText","socialList","appLogo","navs","navItem","navItemText","getAppFooterClasses","key","options","concat","prefix","suffix","FooterStyled","styled","p","_jsx","Box","_objectSpread","component","_ref","theme","_defineProperty","backgroundColor","color","position","paddingTop","width","margin","padding","boxSizing","maxWidth","zIndex","objectFit","height","top","left","marginTop","spacing","colors","grey","lineHeight","textAlign","marginBottom","transform","breakpoints","down","paddingBottom","display","justifyContent","listStyle","li","a","textDecoration","borderRadius","transition","AppFooterNav","_ref3","shape","span","common","white","marginRight"],"mappings":"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"}
1
+ {"version":3,"file":"app-footer.styled.js","sources":["../../src/layout-global/app-footer.styled.tsx"],"sourcesContent":["import { Box, colors, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\nexport const appFooterClasses = {\r\n root: 'AppFooter-root',\r\n content: 'AppFooter-content',\r\n background: 'AppFooter-background',\r\n description: 'AppFooter-description',\r\n copyright: 'AppFooter-copyright',\r\n copyrightText: 'AppFooter-copyrightText',\r\n socialList: 'AppFooter-socialList',\r\n appLogo: 'AppFooter-appLogo',\r\n navs: 'AppFooter-navs',\r\n navItem: 'AppFooter-navItem',\r\n navItemText: 'AppFooter-navItemText'\r\n}\r\n\r\nexport const getAppFooterClasses = (key: keyof typeof appFooterClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appFooterClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const FooterStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='footer' {...p} />)(({ theme }) => ({\r\n backgroundColor: 'var(--color-bg-footer, #141414)',\r\n color: 'var(--color-text-footer, #ffffff)',\r\n position: 'relative',\r\n paddingTop: '130px',\r\n width: '100%',\r\n\r\n [getAppFooterClasses('content')]: {\r\n maxWidth: 'var(--max-width, 1688px)',\r\n position: 'relative',\r\n zIndex: 1\r\n },\r\n\r\n [getAppFooterClasses('background')]: {\r\n objectFit: 'cover',\r\n width: '100%',\r\n height: '100%',\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n zIndex: 0\r\n },\r\n\r\n [getAppFooterClasses('description')]: {\r\n marginTop: theme.spacing(2),\r\n color: `var(--color-text-footer, ${colors.grey[400]})`,\r\n lineHeight: 1.5,\r\n textAlign: 'left',\r\n maxWidth: '500px',\r\n marginBottom: theme.spacing(4),\r\n [theme.breakpoints.down('md')]: { br: { display: 'none' } }\r\n },\r\n\r\n [getAppFooterClasses('copyright')]: {\r\n position: 'relative',\r\n [getAppFooterClasses('socialList')]: {\r\n position: 'absolute',\r\n top: '50%',\r\n left: 0,\r\n transform: 'translateY(-50%)',\r\n [theme.breakpoints.down('md')]: {\r\n position: 'unset',\r\n transform: 'none',\r\n paddingTop: theme.spacing(2.5)\r\n }\r\n }\r\n },\r\n\r\n [getAppFooterClasses('copyrightText')]: {\r\n paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(4),\r\n width: '100%',\r\n '.MuiTypography-root': {\r\n lineHeight: 1,\r\n textAlign: 'center',\r\n color: `var(--color-text-footer, ${colors.grey[300]})`\r\n }\r\n },\r\n\r\n [getAppFooterClasses('socialList')]: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n listStyle: 'none',\r\n '&:hover': { '--social-color': colors.grey[600] },\r\n li: {\r\n margin: theme.spacing(0, 1),\r\n a: {\r\n backgroundColor: 'rgb(27, 27, 27)',\r\n textDecoration: 'none',\r\n width: 'var(--social-icon-size, 40px)',\r\n height: 'var(--social-icon-size, 40px)',\r\n borderRadius: '50%',\r\n transition: 'all 0.3s ease',\r\n color: 'var(--social-color, #f0f0f0)',\r\n '&:hover': {\r\n color: 'var(--social-color-hover, #ffffff)',\r\n transform: 'translateY(-3px) scale(1.05)'\r\n }\r\n }\r\n }\r\n }\r\n}))\r\n\r\nexport const AppFooterNav: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='nav' {...p} />)(({ theme }) => ({\r\n '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n '&:hover': { '--color-text-footer': colors.grey[600] },\r\n [getAppFooterClasses('navItem')]: {\r\n position: 'relative',\r\n backgroundColor: 'var(--bg-nav-item, transparent)',\r\n transition: 'all 0.35s',\r\n borderRadius: theme.shape.borderRadius,\r\n\r\n [getAppFooterClasses('navItemText')]: {\r\n padding: `var(--padding-nav-item-text, ${theme.spacing(1, 4, 1, 1.5)})`,\r\n color: `var(--color-text-footer, ${colors.grey[300]})`,\r\n textDecoration: 'none',\r\n display: 'block',\r\n width: '100%',\r\n transition: 'all 0.3s ease',\r\n span: { display: 'inline-block' }\r\n },\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n left: '14px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n width: 0,\r\n transition: 'all 0.4s',\r\n background: 'var(--bg-divider)',\r\n height: '2px'\r\n },\r\n\r\n '&:hover': {\r\n '--color-text-footer': colors.common.white,\r\n '--padding-nav-item-text': theme.spacing(1, 1.5, 1, 4),\r\n backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n '&::before': { width: theme.spacing(1.5), marginRight: theme.spacing(1) }\r\n }\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n [getAppFooterClasses('navItem')]: {\r\n textAlign: 'center'\r\n }\r\n }\r\n}))\r\n"],"names":["appFooterClasses","root","content","background","description","copyright","copyrightText","socialList","appLogo","navs","navItem","navItemText","getAppFooterClasses","key","options","concat","prefix","suffix","FooterStyled","styled","p","_jsx","Box","_objectSpread","component","_ref","theme","_defineProperty","backgroundColor","color","position","paddingTop","width","maxWidth","zIndex","objectFit","height","top","left","marginTop","spacing","colors","grey","lineHeight","textAlign","marginBottom","breakpoints","down","br","display","transform","paddingBottom","justifyContent","listStyle","li","margin","a","textDecoration","borderRadius","transition","AppFooterNav","_ref3","shape","padding","span","common","white","marginRight"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"app-footer.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-footer.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAY5B,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAS,MAAM,uBAAuB,YAAY;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,WAErH,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CAqF9C,CAAA;AAEH,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CAsC9C,CAAA"}
1
+ {"version":3,"file":"app-footer.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-footer.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAY5B,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAS,MAAM,uBAAuB,YAAY;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,WAErH,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CAiF9C,CAAA;AAEH,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CA2C9C,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dinocollab-shared",
3
- "version": "1.1.27",
3
+ "version": "1.1.29",
4
4
  "description": "DinoCollab shared utilities and components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",