@trii/components 3.1.2 → 3.1.4
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/async-state/package.json +9 -9
- package/dist/cjs/async-state.js.map +1 -1
- package/dist/cjs/index.js +100 -100
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme.js +2 -0
- package/dist/cjs/theme.js.map +1 -0
- package/dist/esm/async-state.js.map +1 -1
- package/dist/esm/index.js +101 -101
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme.js +2 -0
- package/dist/esm/theme.js.map +1 -0
- package/dist/theme.d.ts +149 -0
- package/dist/types/asyncState/__tests__/asyncState.test.d.ts +1 -0
- package/dist/types/asyncState/__tests__/useAsyncData.test.d.ts +1 -0
- package/dist/types/components/AsyncContent/__tests__/AsyncContent.test.d.ts +1 -0
- package/dist/types/components/AsyncContent/__tests__/AsyncContentI18n.test.d.ts +1 -0
- package/dist/types/components/ContactInfoPopup/ContactInfoPopup.stories.d.ts +9 -0
- package/dist/types/components/ContactSidebar/ContactSidebar.stories.d.ts +58 -0
- package/dist/types/components/EditContactModal/EditContactModal.stories.d.ts +9 -0
- package/dist/types/components/EventsDialog/components/LinkContactsSelect/styles.d.ts +6 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/MapLocationPicker.d.ts +8 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/GoogleMap/index.d.ts +1 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/index.d.ts +1 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/index.d.ts +3 -0
- package/dist/types/components/EventsDialog/hooks/index.d.ts +9 -0
- package/dist/types/components/EventsDialog/hooks/useSelect.d.ts +14 -0
- package/dist/types/components/EventsDialog/utils/eventValidation.d.ts +37 -0
- package/dist/types/components/EventsDialog/utils/googleMapsUtils.d.ts +5 -0
- package/dist/types/components/EventsDialog/utils/keyboardNavigation.d.ts +24 -0
- package/dist/types/components/PanelErrorBoundary/__tests__/PanelErrorBoundary.test.d.ts +1 -0
- package/dist/types/theme/MuiComponentsConfig.test.d.ts +1 -0
- package/dist/types/theme/darkThemeComponents.d.ts +3 -0
- package/dist/types/theme/themeProvider.test.d.ts +1 -0
- package/package.json +194 -161
- package/readme +71 -71
- package/theme/package.json +9 -0
- package/dist/types/components/EditContactModal/context/LanguageContext.d.ts +0 -9
- package/dist/types/components/EventsDialog/theme/MuiComponentsConfig.d.ts +0 -3
- package/dist/types/components/EventsDialog/theme/index.d.ts +0 -4
- package/dist/types/components/EventsDialog/theme/themeProvider.d.ts +0 -74
- package/dist/types/components/EventsDialog/theme/themeSlice.d.ts +0 -52
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createTheme as r}from"@mui/material";import{alpha as d,createTheme as G}from"@mui/material/styles";import{createAsyncThunk as A,createSlice as D}from"@reduxjs/toolkit";import P from"axios";const E=a=>{if(a.palette.mode!=="dark")return a;const{palette:e}=a,o=d(e.text.secondary,.5),f=d(e.text.secondary,.72);return G(a,{components:{MuiSelect:{defaultProps:{MenuProps:{PaperProps:{sx:{backgroundColor:e.background.dropdownMenu,backgroundImage:"none"}}}}},MuiTypography:{styleOverrides:{root:{color:e.text.primary}}},MuiPaper:{styleOverrides:{root:{backgroundColor:e.background.paper,backgroundImage:"none"},outlined:{borderColor:e.divider}}},MuiCard:{styleOverrides:{root:{backgroundColor:e.background.paper,backgroundImage:"none",borderColor:e.divider}}},MuiDialog:{styleOverrides:{paper:{backgroundColor:e.background.dropdownMenu,backgroundImage:"none",border:`1px solid ${e.divider}`}}},MuiDrawer:{styleOverrides:{paper:{backgroundColor:e.background.dropdownMenu,backgroundImage:"none",borderColor:e.divider}}},MuiPopover:{styleOverrides:{paper:{backgroundColor:e.background.dropdownMenu,backgroundImage:"none",border:`1px solid ${e.divider}`}}},MuiMenu:{styleOverrides:{paper:{backgroundColor:e.background.dropdownMenu,backgroundImage:"none",border:`1px solid ${e.divider}`}}},MuiOutlinedInput:{styleOverrides:{root:{backgroundColor:d(e.background.default,.34),"& .MuiOutlinedInput-notchedOutline":{borderColor:o},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:f},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:e.primary.light,borderWidth:2},"&.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:d(e.text.disabled,.36)}},input:{"&::placeholder":{color:e.text.disabled,opacity:1}}}},MuiInputLabel:{styleOverrides:{root:{color:e.text.secondary,"&.Mui-focused":{color:e.primary.light},"&.Mui-disabled":{color:e.text.disabled}}}},MuiButton:{styleOverrides:{root:{"&.Mui-disabled":{color:e.text.disabled,borderColor:d(e.text.disabled,.38)}},containedPrimary:{backgroundColor:e.primary.main,color:e.primary.contrastText,"&:hover":{backgroundColor:e.primary.dark}},outlined:{color:e.primary.light,borderColor:d(e.primary.light,.72),"&:hover":{color:e.primary.light,borderColor:e.primary.light,backgroundColor:d(e.primary.light,.1)}},textPrimary:{color:e.primary.light,"&:hover":{backgroundColor:d(e.primary.light,.1)}}}},MuiIconButton:{styleOverrides:{root:{color:e.text.secondary,"&:hover":{color:e.text.primary,backgroundColor:e.action.hover},"&.MuiIconButton-colorPrimary":{color:e.primary.light},"&.MuiIconButton-colorError":{color:e.error.light},"&.Mui-disabled":{color:e.text.disabled}}}},MuiChip:{styleOverrides:{root:{color:e.text.primary,backgroundColor:d(e.text.primary,.07),borderColor:o,"& .MuiChip-icon":{color:"inherit"},"&.MuiChip-colorSuccess":{color:e.success.light,backgroundColor:e.success.dark,borderColor:d(e.success.light,.46)},"&.MuiChip-colorWarning":{color:e.warning.light,backgroundColor:e.warning.dark,borderColor:d(e.warning.light,.46)},"&.MuiChip-colorError":{color:e.error.light,backgroundColor:e.error.dark,borderColor:d(e.error.light,.46)},"&.MuiChip-colorInfo":{color:e.info.light,backgroundColor:e.info.dark,borderColor:d(e.info.light,.46)}}}},MuiAlert:{styleOverrides:{root:{border:"1px solid currentColor"},standardSuccess:{color:e.success.light,backgroundColor:e.success.dark},standardWarning:{color:e.warning.light,backgroundColor:e.warning.dark},standardError:{color:e.error.light,backgroundColor:e.error.dark},standardInfo:{color:e.info.light,backgroundColor:e.info.dark}}},MuiTableHead:{styleOverrides:{root:{backgroundColor:e.cellHeader}}},MuiTableCell:{styleOverrides:{root:{borderColor:e.divider},head:{color:e.text.primary,fontWeight:700}}},MuiTableRow:{styleOverrides:{root:{"&:hover":{backgroundColor:e.action.hover},"&.Mui-selected":{backgroundColor:e.action.selected,"&:hover":{backgroundColor:e.action.selected}}}}},MuiTabs:{styleOverrides:{indicator:{backgroundColor:e.primary.light}}},MuiTab:{styleOverrides:{root:{color:e.text.secondary,"&.Mui-selected":{color:e.primary.light}}}},MuiSwitch:{styleOverrides:{switchBase:{color:e.text.disabled,"&.Mui-checked":{color:e.primary.light,"& + .MuiSwitch-track":{backgroundColor:e.primary.light,opacity:.5}}},track:{backgroundColor:e.text.disabled,opacity:.34}}},MuiTooltip:{styleOverrides:{tooltip:{color:e.text.primary,backgroundColor:e.background.tooltip,border:`1px solid ${o}`},arrow:{color:e.background.tooltip}}},MuiDivider:{styleOverrides:{root:{borderColor:e.divider}}},MuiLink:{styleOverrides:{root:{color:e.primary.light}}}}})},L=(a,e={})=>{const{transparentModal:o=!1,autocompleteZIndex:f=11}=e,t=a.palette.background,I=r({...a,components:{MuiSelect:{defaultProps:{MenuProps:{PaperProps:{sx:{backgroundColor:t.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}}}},MuiAutocomplete:{styleOverrides:{popper:{zIndex:f,"& div":{backgroundColor:t.panel}}}},MuiPaper:{styleOverrides:{root:{backgroundColor:t.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}},MuiMenu:{styleOverrides:{paper:{backgroundColor:t.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}},MuiList:{styleOverrides:{root:{padding:0}}},MuiModal:{styleOverrides:{root:o?{background:"transparent","& .MuiBackdrop-root":{background:"transparent",border:"none"}}:{}}},MuiTypography:{styleOverrides:{root:{color:a.palette.text.primary}}},MuiChip:{styleOverrides:{root:{color:a.palette.text.primary,border:"1px solid rgba(0, 0, 0, 0.1)",borderRadius:"4px",height:"20px",fontSize:"0.7125rem"}}},MuiListSubheader:{styleOverrides:{root:{backgroundColor:t.accordionHeader}}},MuiButton:{styleOverrides:{outlined:{color:a.palette.mode==="light"?a.palette.primary.dark:a.palette.primary.light,borderColor:a.palette.mode==="light"?a.palette.primary.dark:a.palette.primary.light,"&:hover":{borderColor:a.palette.mode==="light"?a.palette.primary.main:a.palette.primary.light,color:a.palette.mode==="light"?a.palette.primary.main:a.palette.primary.light}}}}}});return E(I)},i=r({name:"lightBlueIndigo",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ebf6fd",mainGradient:"linear-gradient(270deg, #215c97, #1976d2)",navMenu:"#1976d2",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1976d2",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0",contrastText:"#fff"},secondary:{main:"#1976d2",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ebf6fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#1976d2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#1976d2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),l=r({name:"lightBlue",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e3f2fd",mainGradient:"linear-gradient(270deg, #005cb2, #1e88e5)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1e88e5",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1e88e5",light:"#6ab7ff",dark:"#005cb2",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#1e88e5",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e3f2fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#005cb2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#005cb2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),c=r({name:"lightRed",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ffebee",mainGradient:"linear-gradient(270deg, #b61827, #ef5350)",navMenu:"#f44336",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ef5350",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ef5350",light:"#ff867c",dark:"#b61827",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ef5350",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ffebee",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b61827"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b61827"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),g=r({name:"lightGreen",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e8f5e9",mainGradient:"linear-gradient(270deg, #087f23, #4caf50)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#4caf50",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#4caf50",light:"#80e27e",dark:"#087f23",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#4caf50",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e8f5e9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#087f23"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#087f23"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),b=r({name:"lightPink",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fce4ec",mainGradient:"linear-gradient(270deg, #b0003a, #e6175d)",navMenu:"#e6175d",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#e6175d",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#e6175d",light:"#ff6090",dark:"#b0003a",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fce4ec",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b0003a"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b0003a"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),s=r({name:"lightPurple",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f3e5f5",mainGradient:"linear-gradient(270deg, #6a0080, #9c27b0)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9c27b0",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9c27b0",light:"#d05ce3",dark:"#6a0080",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f3e5f5",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c27b0"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c27b0"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),p=r({name:"lightTeal",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e0f2f1",mainGradient:"linear-gradient(270deg, #00675b, #009688)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#009688",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#009688",light:"#52c7b8",dark:"#00675b",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#009688",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e0f2f1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#00675b"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#00675b"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),m=r({name:"lightLime",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f9fbe7",mainGradient:"linear-gradient(270deg, #99aa00, #cddc39)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#cddc39",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#cddc39",light:"#ffff6e",dark:"#99aa00",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#cddc39",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f9fbe7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#737c16"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#737c16"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),u=r({name:"lightYellow",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fffde7",mainGradient:"linear-gradient(270deg, #c8b900, #ffeb3b)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffeb3b",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffeb3b",light:"#ffff72",dark:"#c8b900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffeb3b",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fffde7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#847700"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#847700"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),h=r({name:"lightAmber",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff8e1",mainGradient:"linear-gradient(270deg, #c68400, #ffb300)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffb300",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffb300",light:"#ffe54c",dark:"#c68400",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffb300",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff8e1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c6e00"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c6e00"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),k=r({name:"lightOrange",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff3e0",mainGradient:"linear-gradient(270deg, #c66900, #ff9800)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ff9800",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ff9800",light:"#ffc947",dark:"#c66900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ff9800",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff3e0",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#ab6600"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#ab6600"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),y=r({name:"lightBrown",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#efebe9",mainGradient:"linear-gradient(270deg, #4b2c20, #795548)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#795548",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#795548",light:"#a98274",dark:"#4b2c20",contrastText:"#fff"},secondary:{main:"#795548",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#efebe9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#795548"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#795548"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),x=r({name:"lightGray",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fafafa",mainGradient:"linear-gradient(270deg, #707070, #9e9e9e)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9e9e9e",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9e9e9e",light:"#cfcfcf",dark:"#707070",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9e9e9e",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fafafa",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#707070"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#707070"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),F={secondary:{main:"#AFC8FF",light:"#D4E2FF",dark:"#5877B6",contrastText:"#10192A"},error:{main:"#F06B7A",light:"#FF9AA8",dark:"#4A1D24",contrastText:"#2B0D12"},warning:{main:"#E5A93B",light:"#FFD27A",dark:"#493515",contrastText:"#2A1B05"},info:{main:"#4FAFE8",light:"#7CCBFF",dark:"#123955",contrastText:"#082033"},success:{main:"#43C17A",light:"#75E0A7",dark:"#143D2B",contrastText:"#092116"},action:{active:"rgba(244, 247, 251, 0.78)",hover:"rgba(244, 247, 251, 0.08)",selected:"rgba(102, 178, 255, 0.16)",disabled:"rgba(194, 204, 218, 0.48)",disabledBackground:"rgba(194, 204, 218, 0.12)"}},M=r({name:"darkBlue",palette:{mode:"dark",contrastThreshold:4.5,primary:{main:"#246FB5",light:"#66B2FF",dark:"#195A96",contrastText:"#FFFFFF"},...F,background:{default:"#151B2B",mainGradient:"linear-gradient(270deg, #151B2B, #151B2B)",mainCenter:"#192238",navMenu:"#111827",panel:"#222D44",dropdownMenu:"#2A3650",tooltip:"#34415D",accordionHeader:"#1F2A40",panelHeader:"#1F2A40",panelCenter:"#2A3650",panelGradient:"#384057",selectedItem:"#eeeeee30",paper:"#222D44"},containerBox:{default:"#222D44",main:"#2A3650"},text:{primary:"#F4F7FB",secondary:"#C2CCDA",disabled:"#8793A6",colorMain:"#F4F7FB"},divider:"rgba(194, 204, 218, 0.22)",dropdownBox:"#2A3650",color:{icons:"#C2CCDA"},cellHeader:"#192238",Skeleton:{bg:"#34415D"},messageBox:"#1C3858",boxShadow:"rgba(2, 8, 23, 0.42)",disabled:"rgba(194, 204, 218, 0.48)"}}),C=r({name:"darkBlack",palette:{mode:"dark",contrastThreshold:4.5,primary:{main:"#246FB5",light:"#64A8FF",dark:"#195A96",contrastText:"#FFFFFF"},...F,background:{default:"#181716",mainGradient:"linear-gradient(270deg, #181716, #181716)",mainCenter:"#1F1E1D",navMenu:"#151413",panel:"#292827",dropdownMenu:"#33312F",tooltip:"#3D3A37",accordionHeader:"#242321",panelHeader:"#242321",panelCenter:"#33312F",panelGradient:"#454443",selectedItem:"#eeeeee30",paper:"#292827"},containerBox:{default:"#292827",main:"#33312F"},text:{primary:"#F5F3F1",secondary:"#C6C3C0",disabled:"#918D89",colorMain:"#F5F3F1"},divider:"rgba(198, 195, 192, 0.22)",dropdownBox:"#33312F",color:{icons:"#C6C3C0"},cellHeader:"#1F1E1D",Skeleton:{bg:"#3D3A37"},messageBox:"#20384F",boxShadow:"rgba(0, 0, 0, 0.52)",disabled:"rgba(198, 195, 192, 0.48)"}}),v="trii-theme",R=a=>`https://agent-api.trii.app/api/v1/settings/${a}/user/setTheme`,$=()=>{try{const a=localStorage.getItem(v);if(a&&S(a))return n(a)}catch{}return i},B=a=>{try{localStorage.setItem(v,a)}catch{}},W={themeSelected:$(),darkMode:!1,toggleStatus:"idle"},w=A("Theme/updateTheme",async(a,{getState:e})=>{const{uid:o="",spaceId:f=""}=e().User.user??{},t=JSON.stringify({theme:a,uid:o});return(await P.put(R(f),t,{headers:{"Content-Type":"application/json"}})).data}),T=D({name:"Theme",initialState:W,reducers:{toggleTheme:(a,e)=>{B(e.payload);const o=n(e.payload);Object.assign(a,{themeSelected:o,toggleStatus:"toggled"})},toggleModeTheme:a=>{a.darkMode=!a.darkMode}},extraReducers:a=>{a.addCase(w.fulfilled,(e,o)=>{B(o.payload.theme);const f=n(o.payload.theme);Object.assign(e,{themeSelected:f})})}}),n=a=>{switch(a){case"lightBlueIndigo":return i;case"darkBlack":return C;case"darkBlue":return M;case"lightAmber":return h;case"lightBlue":return l;case"lightBrown":return y;case"lightGray":return x;case"lightGreen":return g;case"lightLime":return m;case"lightOrange":return k;case"lightPink":return b;case"lightPurple":return s;case"lightRed":return c;case"lightTeal":return p;case"lightYellow":return u;default:return i}},S=a=>["lightBlueIndigo","darkBlack","darkBlue","lightAmber","lightBlue","lightBrown","lightGray","lightGreen","lightLime","lightOrange","lightPink","lightPurple","lightRed","lightTeal","lightYellow"].includes(a),{toggleTheme:Y,toggleModeTheme:j}=T.actions,z=a=>a.Theme.toggleStatus,H=a=>a.Theme.themeSelected,O=a=>a.Theme.darkMode,N=H,J=O;var U=T.reducer;export{L as MuiComponentsConfig,C as darkBlack,M as darkBlue,S as isValidThemeName,h as lightAmber,l as lightBlue,i as lightBlueIndigo,y as lightBrown,x as lightGray,g as lightGreen,m as lightLime,k as lightOrange,b as lightPink,s as lightPurple,c as lightRed,p as lightTeal,u as lightYellow,O as selectDarkTheme,H as selectTheme,z as selectThemeToggleStatus,J as selectedDarkTheme,N as selectedTheme,U as themeReducer,j as toggleModeTheme,Y as toggleTheme,w as updateTheme};
|
|
2
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../src/theme/darkThemeComponents.ts","../../src/theme/MuiComponentsConfig.ts","../../src/theme/themeProvider.ts","../../src/theme/themeSlice.ts"],"sourcesContent":["import { alpha, createTheme, Theme } from '@mui/material/styles';\n\n/** Aplica los ajustes de contraste compartidos exclusivamente en modo oscuro. */\nexport const applyDarkThemeComponents = (sharedTheme: Theme): Theme => {\n if (sharedTheme.palette.mode !== 'dark') return sharedTheme;\n\n const { palette } = sharedTheme;\n const strongOutline = alpha(palette.text.secondary, 0.5);\n const hoverOutline = alpha(palette.text.secondary, 0.72);\n\n return createTheme(sharedTheme, {\n components: {\n MuiSelect: {\n defaultProps: {\n MenuProps: {\n PaperProps: {\n sx: {\n backgroundColor: palette.background.dropdownMenu,\n backgroundImage: 'none',\n },\n },\n },\n },\n },\n MuiTypography: {\n styleOverrides: {\n // El microfrontend no controla el color del body de root. Mantener\n // un foreground explÃcito evita heredar texto oscuro del shell.\n root: { color: palette.text.primary },\n },\n },\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundColor: palette.background.paper,\n backgroundImage: 'none',\n },\n outlined: {\n borderColor: palette.divider,\n },\n },\n },\n MuiCard: {\n styleOverrides: {\n root: {\n backgroundColor: palette.background.paper,\n backgroundImage: 'none',\n borderColor: palette.divider,\n },\n },\n },\n MuiDialog: {\n styleOverrides: {\n paper: {\n backgroundColor: palette.background.dropdownMenu,\n backgroundImage: 'none',\n border: `1px solid ${palette.divider}`,\n },\n },\n },\n MuiDrawer: {\n styleOverrides: {\n paper: {\n backgroundColor: palette.background.dropdownMenu,\n backgroundImage: 'none',\n borderColor: palette.divider,\n },\n },\n },\n MuiPopover: {\n styleOverrides: {\n paper: {\n backgroundColor: palette.background.dropdownMenu,\n backgroundImage: 'none',\n border: `1px solid ${palette.divider}`,\n },\n },\n },\n MuiMenu: {\n styleOverrides: {\n paper: {\n backgroundColor: palette.background.dropdownMenu,\n backgroundImage: 'none',\n border: `1px solid ${palette.divider}`,\n },\n },\n },\n MuiOutlinedInput: {\n styleOverrides: {\n root: {\n backgroundColor: alpha(palette.background.default, 0.34),\n '& .MuiOutlinedInput-notchedOutline': {\n borderColor: strongOutline,\n },\n '&:hover .MuiOutlinedInput-notchedOutline': {\n borderColor: hoverOutline,\n },\n '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: palette.primary.light,\n borderWidth: 2,\n },\n '&.Mui-disabled .MuiOutlinedInput-notchedOutline': {\n borderColor: alpha(palette.text.disabled, 0.36),\n },\n },\n input: {\n '&::placeholder': {\n color: palette.text.disabled,\n opacity: 1,\n },\n },\n },\n },\n MuiInputLabel: {\n styleOverrides: {\n root: {\n color: palette.text.secondary,\n '&.Mui-focused': { color: palette.primary.light },\n '&.Mui-disabled': { color: palette.text.disabled },\n },\n },\n },\n MuiButton: {\n styleOverrides: {\n root: {\n '&.Mui-disabled': {\n color: palette.text.disabled,\n borderColor: alpha(palette.text.disabled, 0.38),\n },\n },\n containedPrimary: {\n backgroundColor: palette.primary.main,\n color: palette.primary.contrastText,\n '&:hover': { backgroundColor: palette.primary.dark },\n },\n outlined: {\n color: palette.primary.light,\n borderColor: alpha(palette.primary.light, 0.72),\n '&:hover': {\n color: palette.primary.light,\n borderColor: palette.primary.light,\n backgroundColor: alpha(palette.primary.light, 0.1),\n },\n },\n textPrimary: {\n color: palette.primary.light,\n '&:hover': {\n backgroundColor: alpha(palette.primary.light, 0.1),\n },\n },\n },\n },\n MuiIconButton: {\n styleOverrides: {\n root: {\n color: palette.text.secondary,\n '&:hover': {\n color: palette.text.primary,\n backgroundColor: palette.action.hover,\n },\n '&.MuiIconButton-colorPrimary': { color: palette.primary.light },\n '&.MuiIconButton-colorError': { color: palette.error.light },\n '&.Mui-disabled': { color: palette.text.disabled },\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n color: palette.text.primary,\n backgroundColor: alpha(palette.text.primary, 0.07),\n borderColor: strongOutline,\n '& .MuiChip-icon': { color: 'inherit' },\n '&.MuiChip-colorSuccess': {\n color: palette.success.light,\n backgroundColor: palette.success.dark,\n borderColor: alpha(palette.success.light, 0.46),\n },\n '&.MuiChip-colorWarning': {\n color: palette.warning.light,\n backgroundColor: palette.warning.dark,\n borderColor: alpha(palette.warning.light, 0.46),\n },\n '&.MuiChip-colorError': {\n color: palette.error.light,\n backgroundColor: palette.error.dark,\n borderColor: alpha(palette.error.light, 0.46),\n },\n '&.MuiChip-colorInfo': {\n color: palette.info.light,\n backgroundColor: palette.info.dark,\n borderColor: alpha(palette.info.light, 0.46),\n },\n },\n },\n },\n MuiAlert: {\n styleOverrides: {\n root: { border: '1px solid currentColor' },\n standardSuccess: {\n color: palette.success.light,\n backgroundColor: palette.success.dark,\n },\n standardWarning: {\n color: palette.warning.light,\n backgroundColor: palette.warning.dark,\n },\n standardError: {\n color: palette.error.light,\n backgroundColor: palette.error.dark,\n },\n standardInfo: {\n color: palette.info.light,\n backgroundColor: palette.info.dark,\n },\n },\n },\n MuiTableHead: {\n styleOverrides: {\n root: { backgroundColor: palette.cellHeader },\n },\n },\n MuiTableCell: {\n styleOverrides: {\n root: { borderColor: palette.divider },\n head: { color: palette.text.primary, fontWeight: 700 },\n },\n },\n MuiTableRow: {\n styleOverrides: {\n root: {\n '&:hover': { backgroundColor: palette.action.hover },\n '&.Mui-selected': {\n backgroundColor: palette.action.selected,\n '&:hover': { backgroundColor: palette.action.selected },\n },\n },\n },\n },\n MuiTabs: {\n styleOverrides: {\n indicator: { backgroundColor: palette.primary.light },\n },\n },\n MuiTab: {\n styleOverrides: {\n root: {\n color: palette.text.secondary,\n '&.Mui-selected': { color: palette.primary.light },\n },\n },\n },\n MuiSwitch: {\n styleOverrides: {\n switchBase: {\n color: palette.text.disabled,\n '&.Mui-checked': {\n color: palette.primary.light,\n '& + .MuiSwitch-track': {\n backgroundColor: palette.primary.light,\n opacity: 0.5,\n },\n },\n },\n track: {\n backgroundColor: palette.text.disabled,\n opacity: 0.34,\n },\n },\n },\n MuiTooltip: {\n styleOverrides: {\n tooltip: {\n color: palette.text.primary,\n backgroundColor: palette.background.tooltip,\n border: `1px solid ${strongOutline}`,\n },\n arrow: { color: palette.background.tooltip },\n },\n },\n MuiDivider: {\n styleOverrides: {\n root: { borderColor: palette.divider },\n },\n },\n MuiLink: {\n styleOverrides: {\n root: { color: palette.primary.light },\n },\n },\n },\n });\n};\n","import { createTheme, Theme } from '@mui/material';\nimport { applyDarkThemeComponents } from './darkThemeComponents';\r\n\r\n/**\r\n * Ajustes que difieren entre apps. Los valores por defecto son los que ya\r\n * usaba el paquete, asi que omitir las opciones no cambia nada.\r\n */\r\nexport interface MuiComponentsConfigOptions {\r\n /**\r\n * Fondo del modal y su backdrop en transparente. Lo usan header y home;\r\n * contacts lo tenia desactivado a proposito.\r\n */\r\n transparentModal?: boolean;\r\n /** z-index del popper del Autocomplete. Header necesita 1; el resto, 11. */\r\n autocompleteZIndex?: number;\r\n}\r\n\r\nconst MuiComponentsConfig = (\r\n themeRedux: Theme,\r\n options: MuiComponentsConfigOptions = {}\r\n): Theme => {\r\n const { transparentModal = false, autocompleteZIndex = 11 } = options;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const bg = themeRedux.palette.background as any;\r\n\r\n const sharedTheme = createTheme({\r\n ...themeRedux,\r\n components: {\r\n MuiSelect: {\r\n defaultProps: {\r\n MenuProps: {\r\n PaperProps: {\r\n sx: {\r\n backgroundColor: bg.panel,\r\n backgroundImage:\r\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\r\n },\r\n },\r\n },\r\n },\r\n },\r\n MuiAutocomplete: {\r\n styleOverrides: {\r\n popper: {\r\n zIndex: autocompleteZIndex,\r\n '& div': {\r\n backgroundColor: bg.panel,\r\n },\r\n },\r\n },\r\n },\r\n MuiPaper: {\r\n styleOverrides: {\r\n root: {\r\n backgroundColor: bg.panel,\r\n backgroundImage:\r\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\r\n },\r\n },\r\n },\r\n MuiMenu: {\r\n styleOverrides: {\r\n paper: {\r\n backgroundColor: bg.panel,\r\n backgroundImage:\r\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\r\n },\r\n },\r\n },\r\n MuiList: {\r\n styleOverrides: {\r\n root: {\r\n padding: 0,\r\n },\r\n },\r\n },\r\n MuiModal: {\r\n styleOverrides: {\r\n root: transparentModal\r\n ? {\r\n background: 'transparent',\r\n '& .MuiBackdrop-root': {\r\n background: 'transparent',\r\n border: 'none',\r\n },\r\n }\r\n : {},\r\n },\r\n },\r\n MuiTypography: {\r\n styleOverrides: {\r\n root: {\r\n color: themeRedux.palette.text.primary,\r\n },\r\n },\r\n },\r\n MuiChip: {\r\n styleOverrides: {\r\n root: {\r\n color: themeRedux.palette.text.primary,\r\n border: '1px solid rgba(0, 0, 0, 0.1)',\r\n borderRadius: '4px',\r\n height: '20px',\r\n fontSize: '0.7125rem',\r\n },\r\n },\r\n },\r\n MuiListSubheader: {\r\n styleOverrides: {\r\n root: {\r\n backgroundColor: bg.accordionHeader,\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n outlined: {\r\n color:\r\n themeRedux.palette.mode === 'light'\r\n ? themeRedux.palette.primary.dark\r\n : themeRedux.palette.primary.light,\r\n borderColor:\r\n themeRedux.palette.mode === 'light'\r\n ? themeRedux.palette.primary.dark\r\n : themeRedux.palette.primary.light,\r\n '&:hover': {\r\n borderColor:\r\n themeRedux.palette.mode === 'light'\r\n ? themeRedux.palette.primary.main\r\n : themeRedux.palette.primary.light,\r\n color:\r\n themeRedux.palette.mode === 'light'\r\n ? themeRedux.palette.primary.main\r\n : themeRedux.palette.primary.light,\r\n },\r\n },\r\n },\r\n },\r\n },\r\n });\r\n\r\n return applyDarkThemeComponents(sharedTheme);\r\n};\r\n\r\nexport default MuiComponentsConfig;\r\n","import { createTheme, Theme } from '@mui/material'\r\n\r\n// ─── Extensión de tipos de MUI ──────────────────────────────────────────────\r\ndeclare module '@mui/material/styles' {\r\n interface TypeBackground {\r\n mainCenter: string;\r\n mainGradient: string;\r\n navMenu: string;\r\n dropdownMenu: string;\r\n panel: string;\r\n tooltip: string;\r\n accordionHeader: string;\r\n panelHeader: string;\r\n panelCenter: string;\r\n panelGradient: string;\r\n selectedItem: string;\r\n }\r\n\r\n interface TypeText {\r\n colorMain: string;\r\n }\r\n\r\n interface Palette {\r\n containerBox: {\r\n default: string;\r\n main: string;\r\n };\r\n dropdownBox: string;\r\n color: {\r\n icons: string;\r\n };\r\n cellHeader: string;\r\n Skeleton: {\r\n bg: string;\r\n };\r\n messageBox: string;\r\n boxShadow: string;\r\n disabled: string;\r\n }\r\n\r\n interface PaletteOptions {\r\n containerBox?: {\r\n default?: string;\r\n main?: string;\r\n };\r\n dropdownBox?: string;\r\n color?: {\r\n icons?: string;\r\n };\r\n cellHeader?: string;\r\n Skeleton?: {\r\n bg?: string;\r\n };\r\n messageBox?: string;\r\n boxShadow?: string;\r\n disabled?: string;\r\n }\r\n\r\n interface Theme {\r\n name?: string;\r\n }\r\n\r\n interface ThemeOptions {\r\n name?: string;\r\n }\r\n}\r\n// ────────────────────────────────────────────────────────────────────────────\r\n\r\n// Temas claros\r\nexport const lightBlueIndigo: Theme = createTheme({\r\n\tname: 'lightBlueIndigo',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#ebf6fd',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #215c97, #1976d2)',\r\n\t\t\tnavMenu: '#1976d2',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#1976d2',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#1976d2',\r\n\t\t\tlight: '#42a5f5',\r\n\t\t\tdark: '#1565c0',\r\n\t\t\tcontrastText: '#fff'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#1976d2',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#ebf6fd',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#1976d2'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#1976d2'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightBlue: Theme = createTheme({\r\n\tname: 'lightBlue',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#e3f2fd',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #005cb2, #1e88e5)',\r\n\t\t\tnavMenu: '#4fc354',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#1e88e5',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#1e88e5',\r\n\t\t\tlight: '#6ab7ff',\r\n\t\t\tdark: '#005cb2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#1e88e5',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#e3f2fd',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#005cb2'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#005cb2'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightRed: Theme = createTheme({\r\n\tname: 'lightRed',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#ffebee',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #b61827, #ef5350)',\r\n\t\t\tnavMenu: '#f44336',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#ef5350',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#ef5350',\r\n\t\t\tlight: '#ff867c',\r\n\t\t\tdark: '#b61827',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#ef5350',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#ffebee',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#b61827'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#b61827'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightGreen: Theme = createTheme({\r\n\tname: 'lightGreen',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#e8f5e9',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #087f23, #4caf50)',\r\n\t\t\tnavMenu: '#4fc354',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#4caf50',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#4caf50',\r\n\t\t\tlight: '#80e27e',\r\n\t\t\tdark: '#087f23',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#4caf50',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#e8f5e9',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#087f23'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#087f23'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightPink: Theme = createTheme({\r\n\tname: 'lightPink',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#fce4ec',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #b0003a, #e6175d)',\r\n\t\t\tnavMenu: '#e6175d',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#e6175d',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#e6175d',\r\n\t\t\tlight: '#ff6090',\r\n\t\t\tdark: '#b0003a',\r\n\t\t\tcontrastText: '#fff'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#9c27b0',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#fce4ec',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#b0003a'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#b0003a'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightPurple: Theme = createTheme({\r\n\tname: 'lightPurple',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#f3e5f5',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #6a0080, #9c27b0)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#9c27b0',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#9c27b0',\r\n\t\t\tlight: '#d05ce3',\r\n\t\t\tdark: '#6a0080',\r\n\t\t\tcontrastText: '#fff'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#9c27b0',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#f3e5f5',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#9c27b0'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#9c27b0'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightTeal: Theme = createTheme({\r\n\tname: 'lightTeal',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#e0f2f1',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #00675b, #009688)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#009688',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#009688',\r\n\t\t\tlight: '#52c7b8',\r\n\t\t\tdark: '#00675b',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#009688',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#e0f2f1',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#00675b'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#00675b'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightLime: Theme = createTheme({\r\n\tname: 'lightLime',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#f9fbe7',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #99aa00, #cddc39)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#cddc39',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#cddc39',\r\n\t\t\tlight: '#ffff6e',\r\n\t\t\tdark: '#99aa00',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#cddc39',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#f9fbe7',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#737c16'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#737c16'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightYellow: Theme = createTheme({\r\n\tname: 'lightYellow',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#fffde7',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #c8b900, #ffeb3b)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#ffeb3b',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#ffeb3b',\r\n\t\t\tlight: '#ffff72',\r\n\t\t\tdark: '#c8b900',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#ffeb3b',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#fffde7',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#847700'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#847700'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightAmber: Theme = createTheme({\r\n\tname: 'lightAmber',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#fff8e1',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #c68400, #ffb300)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#ffb300',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#ffb300',\r\n\t\t\tlight: '#ffe54c',\r\n\t\t\tdark: '#c68400',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#ffb300',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#fff8e1',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#9c6e00'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#9c6e00'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightOrange: Theme = createTheme({\r\n\tname: 'lightOrange',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#fff3e0',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #c66900, #ff9800)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#ff9800',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#ff9800',\r\n\t\t\tlight: '#ffc947',\r\n\t\t\tdark: '#c66900',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#ff9800',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#fff3e0',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#ab6600'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#ab6600'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightBrown: Theme = createTheme({\r\n\tname: 'lightBrown',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#efebe9',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #4b2c20, #795548)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#795548',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#795548',\r\n\t\t\tlight: '#a98274',\r\n\t\t\tdark: '#4b2c20',\r\n\t\t\tcontrastText: '#fff'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#795548',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#efebe9',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#795548'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#795548'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\nexport const lightGray: Theme = createTheme({\r\n\tname: 'lightGray',\r\n\tpalette: {\r\n\t\tmode: 'light',\r\n\t\tbackground: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmainCenter: '#fafafa',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #707070, #9e9e9e)',\r\n\t\t\tnavMenu: '#f8bbd0',\r\n\t\t\tdropdownMenu: '#f5f5f5',\r\n\t\t\tpanel: '#ffffff',\r\n\t\t\ttooltip: '#9e9e9e',\r\n\t\t\taccordionHeader: '#F3F4F6',\r\n\t\t\tpanelHeader: '#F3F4F6',\r\n\t\t\tpanelCenter: '#ffffff',\r\n\t\t\tpanelGradient: '#ffffff',\r\n\t\t\tselectedItem: '#75757530',\r\n\t\t\tpaper: '#ffffff'\r\n\t\t},\r\n\t\tprimary: {\r\n\t\t\tmain: '#9e9e9e',\r\n\t\t\tlight: '#cfcfcf',\r\n\t\t\tdark: '#707070',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\tsecondary: {\r\n\t\t\tmain: '#9e9e9e',\r\n\t\t\tlight: '#ba68c8',\r\n\t\t\tdark: '#7b1fa2',\r\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tmain: '#d32f2f',\r\n\t\t\tlight: '#ef5350',\r\n\t\t\tdark: '#c62828'\r\n\t\t},\r\n\t\twarning: {\r\n\t\t\tmain: '#ed6c02',\r\n\t\t\tlight: '#ff9800',\r\n\t\t\tdark: '#e65100'\r\n\t\t},\r\n\t\tinfo: {\r\n\t\t\tmain: '#0288d1',\r\n\t\t\tlight: '#03a9f4',\r\n\t\t\tdark: '#01579b'\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\tmain: '#2e7d32',\r\n\t\t\tlight: '#4caf50',\r\n\t\t\tdark: '#1b5e20'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#ffffff',\r\n\t\t\tmain: '#f5f5f5'\r\n\t\t},\r\n\t\taction: {\r\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\r\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\r\n\t\t\tselected: '#fafafa',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\r\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\r\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\r\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\r\n\t\t\tcolorMain: '#707070'\r\n\t\t},\r\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\r\n\t\tdropdownBox: '#ffffff',\r\n\t\tcolor: {\r\n\t\t\ticons: '#707070'\r\n\t\t},\r\n\t\tcellHeader: '#d3d3d3',\r\n\t\tSkeleton: {\r\n\t\t\tbg: '#f5f5f5'\r\n\t\t},\r\n\t\tmessageBox: '#d3e6fd',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\r\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\r\n\t}\r\n})\r\n\r\n// Temas oscuros. La escala separa fondo, contenido,\r\n// superficies y overlays, y reserva primary.light para enlaces, iconos y foco.\r\nconst darkSemanticColors = {\r\n\tsecondary: {\r\n\t\tmain: '#AFC8FF',\r\n\t\tlight: '#D4E2FF',\r\n\t\tdark: '#5877B6',\r\n\t\tcontrastText: '#10192A'\r\n\t},\r\n\terror: {\r\n\t\tmain: '#F06B7A',\r\n\t\tlight: '#FF9AA8',\r\n\t\tdark: '#4A1D24',\r\n\t\tcontrastText: '#2B0D12'\r\n\t},\r\n\twarning: {\r\n\t\tmain: '#E5A93B',\r\n\t\tlight: '#FFD27A',\r\n\t\tdark: '#493515',\r\n\t\tcontrastText: '#2A1B05'\r\n\t},\r\n\tinfo: {\r\n\t\tmain: '#4FAFE8',\r\n\t\tlight: '#7CCBFF',\r\n\t\tdark: '#123955',\r\n\t\tcontrastText: '#082033'\r\n\t},\r\n\tsuccess: {\r\n\t\tmain: '#43C17A',\r\n\t\tlight: '#75E0A7',\r\n\t\tdark: '#143D2B',\r\n\t\tcontrastText: '#092116'\r\n\t},\r\n\taction: {\r\n\t\tactive: 'rgba(244, 247, 251, 0.78)',\r\n\t\thover: 'rgba(244, 247, 251, 0.08)',\r\n\t\tselected: 'rgba(102, 178, 255, 0.16)',\r\n\t\tdisabled: 'rgba(194, 204, 218, 0.48)',\r\n\t\tdisabledBackground: 'rgba(194, 204, 218, 0.12)'\r\n\t}\r\n}\r\n\r\nexport const darkBlue: Theme = createTheme({\r\n\tname: 'darkBlue',\r\n\tpalette: {\r\n\t\tmode: 'dark',\r\n\t\tcontrastThreshold: 4.5,\r\n\t\tprimary: {\r\n\t\t\tmain: '#246FB5',\r\n\t\t\tlight: '#66B2FF',\r\n\t\t\tdark: '#195A96',\r\n\t\t\tcontrastText: '#FFFFFF'\r\n\t\t},\r\n\t\t...darkSemanticColors,\r\n\t\tbackground: {\r\n\t\t\tdefault: '#151B2B',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #151B2B, #151B2B)',\r\n\t\t\tmainCenter: '#192238',\r\n\t\t\tnavMenu: '#111827',\r\n\t\t\tpanel: '#222D44',\r\n\t\t\tdropdownMenu: '#2A3650',\r\n\t\t\ttooltip: '#34415D',\r\n\t\t\taccordionHeader: '#1F2A40',\r\n\t\t\tpanelHeader: '#1F2A40',\r\n\t\t\tpanelCenter: '#2A3650',\r\n\t\t\tpanelGradient: '#384057',\r\n\t\t\tselectedItem: '#eeeeee30',\r\n\t\t\tpaper: '#222D44'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#222D44',\r\n\t\t\tmain: '#2A3650'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: '#F4F7FB',\r\n\t\t\tsecondary: '#C2CCDA',\r\n\t\t\tdisabled: '#8793A6',\r\n\t\t\tcolorMain: '#F4F7FB'\r\n\t\t},\r\n\t\tdivider: 'rgba(194, 204, 218, 0.22)',\r\n\t\tdropdownBox: '#2A3650',\r\n\t\tcolor: { icons: '#C2CCDA' },\r\n\t\tcellHeader: '#192238',\r\n\t\tSkeleton: { bg: '#34415D' },\r\n\t\tmessageBox: '#1C3858',\r\n\t\tboxShadow: 'rgba(2, 8, 23, 0.42)',\r\n\t\tdisabled: 'rgba(194, 204, 218, 0.48)'\r\n\t}\r\n})\r\n\r\nexport const darkBlack: Theme = createTheme({\r\n\tname: 'darkBlack',\r\n\tpalette: {\r\n\t\tmode: 'dark',\r\n\t\tcontrastThreshold: 4.5,\r\n\t\tprimary: {\r\n\t\t\tmain: '#246FB5',\r\n\t\t\tlight: '#64A8FF',\r\n\t\t\tdark: '#195A96',\r\n\t\t\tcontrastText: '#FFFFFF'\r\n\t\t},\r\n\t\t...darkSemanticColors,\r\n\t\tbackground: {\r\n\t\t\tdefault: '#181716',\r\n\t\t\tmainGradient: 'linear-gradient(270deg, #181716, #181716)',\r\n\t\t\tmainCenter: '#1F1E1D',\r\n\t\t\tnavMenu: '#151413',\r\n\t\t\tpanel: '#292827',\r\n\t\t\tdropdownMenu: '#33312F',\r\n\t\t\ttooltip: '#3D3A37',\r\n\t\t\taccordionHeader: '#242321',\r\n\t\t\tpanelHeader: '#242321',\r\n\t\t\tpanelCenter: '#33312F',\r\n\t\t\tpanelGradient: '#454443',\r\n\t\t\tselectedItem: '#eeeeee30',\r\n\t\t\tpaper: '#292827'\r\n\t\t},\r\n\t\tcontainerBox: {\r\n\t\t\tdefault: '#292827',\r\n\t\t\tmain: '#33312F'\r\n\t\t},\r\n\t\ttext: {\r\n\t\t\tprimary: '#F5F3F1',\r\n\t\t\tsecondary: '#C6C3C0',\r\n\t\t\tdisabled: '#918D89',\r\n\t\t\tcolorMain: '#F5F3F1'\r\n\t\t},\r\n\t\tdivider: 'rgba(198, 195, 192, 0.22)',\r\n\t\tdropdownBox: '#33312F',\r\n\t\tcolor: { icons: '#C6C3C0' },\r\n\t\tcellHeader: '#1F1E1D',\r\n\t\tSkeleton: { bg: '#3D3A37' },\r\n\t\tmessageBox: '#20384F',\r\n\t\tboxShadow: 'rgba(0, 0, 0, 0.52)',\r\n\t\tdisabled: 'rgba(198, 195, 192, 0.48)'\r\n\t}\r\n})\r\n","import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';\r\nimport axios from 'axios';\r\nimport { Theme } from '@mui/material';\r\nimport {\r\n lightBlueIndigo,\r\n darkBlack,\r\n darkBlue,\r\n lightAmber,\r\n lightBlue,\r\n lightBrown,\r\n lightGray,\r\n lightGreen,\r\n lightLime,\r\n lightOrange,\r\n lightPink,\r\n lightPurple,\r\n lightRed,\r\n lightTeal,\r\n lightYellow,\r\n} from './themeProvider';\r\n\r\n\r\n/**\r\n * Forma mínima del store que necesita este slice: la app que lo use tiene que\r\n * tener `Theme` y `User.user.uid`.\r\n */\r\nexport interface ThemeRootState {\r\n User: {\r\n user: {\r\n uid: string;\r\n /** Requerido por `updateTheme`: la URL lo lleva en la ruta. */\r\n spaceId?: string;\r\n };\r\n };\r\n Theme: ThemeState;\r\n}\r\n\r\n/**\r\n * `trii-root-front` lee esta clave para pintar el fondo antes de montar los\r\n * micro-fronts. Si se deja de escribir, se ve un flash del tema equivocado.\r\n */\r\nconst THEME_STORAGE_KEY = 'trii-theme';\r\n\r\nconst themeUrl = (spaceId: string) =>\r\n `https://agent-api.trii.app/api/v1/settings/${spaceId}/user/setTheme`;\r\n\r\n/** Nombres de tema disponibles. */\r\nexport type ThemeName =\r\n | 'lightBlueIndigo'\r\n | 'darkBlack'\r\n | 'darkBlue'\r\n | 'lightAmber'\r\n | 'lightBlue'\r\n | 'lightBrown'\r\n | 'lightGray'\r\n | 'lightGreen'\r\n | 'lightLime'\r\n | 'lightOrange'\r\n | 'lightPink'\r\n | 'lightPurple'\r\n | 'lightRed'\r\n | 'lightTeal'\r\n | 'lightYellow';\r\n\r\n/** Estado del slice. */\r\nexport interface ThemeState {\r\n themeSelected: Theme;\r\n darkMode: boolean;\r\n toggleStatus: 'idle' | 'toggled';\r\n}\r\n\r\n/** Lee el tema persistido; si no hay o falla, usa el de por defecto. */\r\nconst getSavedTheme = (): Theme => {\r\n try {\r\n const saved = localStorage.getItem(THEME_STORAGE_KEY);\r\n if (saved && isValidThemeName(saved)) return getTheme(saved);\r\n } catch {\r\n // localStorage puede no estar disponible (SSR, modo privado)\r\n }\r\n return lightBlueIndigo;\r\n};\r\n\r\n/** Persiste el tema para que `trii-root-front` lo lea en el arranque. */\r\nconst saveTheme = (theme: ThemeName): void => {\r\n try {\r\n localStorage.setItem(THEME_STORAGE_KEY, theme);\r\n } catch {\r\n // sin localStorage el tema igual se aplica, solo no persiste\r\n }\r\n};\r\n\r\nconst initialState: ThemeState = {\r\n themeSelected: getSavedTheme(),\r\n darkMode: false,\r\n toggleStatus: 'idle',\r\n};\r\n\r\n/** Guarda el tema elegido en el backend. */\r\nexport const updateTheme = createAsyncThunk<\r\n { theme: ThemeName },\r\n ThemeName,\r\n { state: ThemeRootState }\r\n>('Theme/updateTheme', async (theme, { getState }) => {\r\n const { uid = '', spaceId = '' } = getState().User.user ?? {};\r\n const themeJson = JSON.stringify({ theme, uid });\r\n\r\n const response = await axios.put<{ theme: ThemeName }>(\r\n themeUrl(spaceId),\r\n themeJson,\r\n { headers: { 'Content-Type': 'application/json' } }\r\n );\r\n return response.data;\r\n});\r\n\r\n/** Slice del tema. */\r\nconst themeSlice = createSlice({\r\n name: 'Theme',\r\n initialState,\r\n reducers: {\r\n /** Cambia el tema por nombre. */\r\n toggleTheme: (state, action: PayloadAction<ThemeName>): void => {\r\n saveTheme(action.payload);\r\n const theme = getTheme(action.payload);\r\n Object.assign(state, { themeSelected: theme, toggleStatus: 'toggled' });\r\n },\r\n /** Alterna el modo oscuro. */\r\n toggleModeTheme: (state): void => {\r\n state.darkMode = !state.darkMode;\r\n },\r\n },\r\n extraReducers: (builder) => {\r\n builder.addCase(updateTheme.fulfilled, (state, action): void => {\r\n saveTheme(action.payload.theme);\r\n const theme = getTheme(action.payload.theme);\r\n Object.assign(state, { themeSelected: theme });\r\n });\r\n },\r\n});\r\n\r\n/** Devuelve el objeto Theme de MUI a partir del nombre. */\r\nconst getTheme = (theme: ThemeName): Theme => {\r\n switch (theme) {\r\n case 'lightBlueIndigo':\r\n return lightBlueIndigo;\r\n case 'darkBlack':\r\n return darkBlack;\r\n case 'darkBlue':\r\n return darkBlue;\r\n case 'lightAmber':\r\n return lightAmber;\r\n case 'lightBlue':\r\n return lightBlue;\r\n case 'lightBrown':\r\n return lightBrown;\r\n case 'lightGray':\r\n return lightGray;\r\n case 'lightGreen':\r\n return lightGreen;\r\n case 'lightLime':\r\n return lightLime;\r\n case 'lightOrange':\r\n return lightOrange;\r\n case 'lightPink':\r\n return lightPink;\r\n case 'lightPurple':\r\n return lightPurple;\r\n case 'lightRed':\r\n return lightRed;\r\n case 'lightTeal':\r\n return lightTeal;\r\n case 'lightYellow':\r\n return lightYellow;\r\n default:\r\n return lightBlueIndigo;\r\n }\r\n};\r\n\r\n/** Valida que el string sea un `ThemeName`. */\r\nexport const isValidThemeName = (theme: string): theme is ThemeName => {\r\n const validThemes: ThemeName[] = [\r\n 'lightBlueIndigo',\r\n 'darkBlack',\r\n 'darkBlue',\r\n 'lightAmber',\r\n 'lightBlue',\r\n 'lightBrown',\r\n 'lightGray',\r\n 'lightGreen',\r\n 'lightLime',\r\n 'lightOrange',\r\n 'lightPink',\r\n 'lightPurple',\r\n 'lightRed',\r\n 'lightTeal',\r\n 'lightYellow',\r\n ];\r\n return validThemes.includes(theme as ThemeName);\r\n};\r\n\r\nexport const { toggleTheme, toggleModeTheme } = themeSlice.actions;\r\n\r\n// Selectores\r\nexport const selectThemeToggleStatus = (state: ThemeRootState) =>\r\n state.Theme.toggleStatus;\r\nexport const selectTheme = (state: ThemeRootState) => state.Theme.themeSelected;\r\nexport const selectDarkTheme = (state: ThemeRootState) => state.Theme.darkMode;\r\n\r\n/**\r\n * @deprecated Usar `selectTheme`. El prefijo correcto para un selector es\r\n * `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).\r\n * Se mantiene hasta que los 6 micro-fronts terminen de migrar.\r\n */\r\nexport const selectedTheme = selectTheme;\r\n/**\r\n * @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.\r\n */\r\nexport const selectedDarkTheme = selectDarkTheme;\r\n\r\nexport default themeSlice.reducer;\r\n"],"names":["applyDarkThemeComponents","sharedTheme","palette","strongOutline","alpha","hoverOutline","createTheme","MuiComponentsConfig","themeRedux","options","transparentModal","autocompleteZIndex","bg","lightBlueIndigo","lightBlue","lightRed","lightGreen","lightPink","lightPurple","lightTeal","lightLime","lightYellow","lightAmber","lightOrange","lightBrown","lightGray","darkSemanticColors","darkBlue","darkBlack","THEME_STORAGE_KEY","themeUrl","spaceId","getSavedTheme","saved","isValidThemeName","getTheme","saveTheme","theme","initialState","updateTheme","createAsyncThunk","getState","uid","themeJson","axios","themeSlice","createSlice","state","action","builder","toggleTheme","toggleModeTheme","selectThemeToggleStatus","selectTheme","selectDarkTheme","selectedTheme","selectedDarkTheme"],"mappings":"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d,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYU,EAAoBV,EAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYW,EAAmBX,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYY,EAAqBZ,EAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYa,EAAmBb,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYc,EAAmBd,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYe,EAAqBf,EAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYgB,EAAoBhB,EAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYiB,EAAqBjB,EAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYkB,EAAoBlB,EAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYmB,EAAmBnB,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAIKoB,EAAqB,CAC1B,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,OAAQ,CACP,OAAQ,4BACR,MAAO,4BACP,SAAU,4BACV,SAAU,4BACV,mBAAoB,2BACrB,CACD,EAEaC,EAAkBrB,EAAY,CAC1C,KAAM,WACN,QAAS,CACR,KAAM,OACN,kBAAmB,IACnB,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,GAAGoB,EACH,WAAY,CACX,QAAS,UACT,aAAc,4CACd,WAAY,UACZ,QAAS,UACT,MAAO,UACP,aAAc,UACd,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,KAAM,CACL,QAAS,UACT,UAAW,UACX,SAAU,UACV,UAAW,SACZ,EACA,QAAS,4BACT,YAAa,UACb,MAAO,CAAE,MAAO,SAAU,EAC1B,WAAY,UACZ,SAAU,CAAE,GAAI,SAAU,EAC1B,WAAY,UACZ,UAAW,uBACX,SAAU,2BACX,CACD,CAAC,EAEYE,EAAmBtB,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,OACN,kBAAmB,IACnB,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,SACf,EACA,GAAGoB,EACH,WAAY,CACX,QAAS,UACT,aAAc,4CACd,WAAY,UACZ,QAAS,UACT,MAAO,UACP,aAAc,UACd,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,KAAM,CACL,QAAS,UACT,UAAW,UACX,SAAU,UACV,UAAW,SACZ,EACA,QAAS,4BACT,YAAa,UACb,MAAO,CAAE,MAAO,SAAU,EAC1B,WAAY,UACZ,SAAU,CAAE,GAAI,SAAU,EAC1B,WAAY,UACZ,UAAW,sBACX,SAAU,2BACX,CACD,CAAC,EC3tCKG,EAAoB,aAEpBC,EAAYC,GAChB,8CAA8CA,CAAO,iBA4BjDC,EAAgB,IAAa,CACjC,GAAI,CACF,MAAMC,EAAQ,aAAa,QAAQJ,CAAiB,EACpD,GAAII,GAASC,EAAiBD,CAAK,EAAG,OAAOE,EAASF,CAAK,CAC7D,MAAQ,CAGR,CAAA,OAAOpB,CACT,EAGMuB,EAAaC,GAA2B,CAC5C,GAAI,CACF,aAAa,QAAQR,EAAmBQ,CAAK,CAC/C,MAAQ,CAGV,CAAA,EAEMC,EAA2B,CAC/B,cAAeN,EAAAA,EACf,SAAU,GACV,aAAc,MAChB,EAGaO,EAAcC,EAIzB,oBAAqB,MAAOH,EAAO,CAAE,SAAAI,CAAS,IAAM,CACpD,KAAM,CAAE,IAAAC,EAAM,GAAI,QAAAX,EAAU,EAAG,EAAIU,EAAS,EAAE,KAAK,MAAQ,GACrDE,EAAY,KAAK,UAAU,CAAE,MAAAN,EAAO,IAAAK,CAAI,CAAC,EAO/C,OALiB,MAAME,EAAM,IAC3Bd,EAASC,CAAO,EAChBY,EACA,CAAE,QAAS,CAAE,eAAgB,kBAAmB,CAAE,CACpD,GACgB,IAClB,CAAC,EAGKE,EAAaC,EAAY,CAC7B,KAAM,QACN,aAAAR,EACA,SAAU,CAER,YAAa,CAACS,EAAOC,IAA2C,CAC9DZ,EAAUY,EAAO,OAAO,EACxB,MAAMX,EAAQF,EAASa,EAAO,OAAO,EACrC,OAAO,OAAOD,EAAO,CAAE,cAAeV,EAAO,aAAc,SAAU,CAAC,CACxE,EAEA,gBAAkBU,GAAgB,CAChCA,EAAM,SAAW,CAACA,EAAM,QAC1B,CACF,EACA,cAAgBE,GAAY,CAC1BA,EAAQ,QAAQV,EAAY,UAAW,CAACQ,EAAOC,IAAiB,CAC9DZ,EAAUY,EAAO,QAAQ,KAAK,EAC9B,MAAMX,EAAQF,EAASa,EAAO,QAAQ,KAAK,EAC3C,OAAO,OAAOD,EAAO,CAAE,cAAeV,CAAM,CAAC,CAC/C,CAAC,CACH,CACF,CAAC,EAGKF,EAAYE,GAA4B,CAC5C,OAAQA,EAAO,CACb,IAAK,kBACH,OAAOxB,EACT,IAAK,YACH,OAAOe,EACT,IAAK,WACH,OAAOD,EACT,IAAK,aACH,OAAOL,EACT,IAAK,YACH,OAAOR,EACT,IAAK,aACH,OAAOU,EACT,IAAK,YACH,OAAOC,EACT,IAAK,aACH,OAAOT,EACT,IAAK,YACH,OAAOI,EACT,IAAK,cACH,OAAOG,EACT,IAAK,YACH,OAAON,EACT,IAAK,cACH,OAAOC,EACT,IAAK,WACH,OAAOH,EACT,IAAK,YACH,OAAOI,EACT,IAAK,cACH,OAAOE,EACT,QACE,OAAOR,CACX,CACF,EAGaqB,EAAoBG,GACE,CAC/B,kBACA,YACA,WACA,aACA,YACA,aACA,YACA,aACA,YACA,cACA,YACA,cACA,WACA,YACA,aACF,EACmB,SAASA,CAAkB,EAGnC,CAAE,YAAAa,EAAa,gBAAAC,CAAgB,EAAIN,EAAW,QAG9CO,EAA2BL,GACtCA,EAAM,MAAM,aACDM,EAAeN,GAA0BA,EAAM,MAAM,cACrDO,EAAmBP,GAA0BA,EAAM,MAAM,SAOzDQ,EAAgBF,EAIhBG,EAAoBF,EAEjC,IAAAT,EAAeA,EAAW"}
|
package/dist/theme.d.ts
ADDED
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import { Theme } from '@mui/material';
|
|
2
|
+
import * as _reduxjs_toolkit from '@reduxjs/toolkit';
|
|
3
|
+
import * as redux_thunk from 'redux-thunk';
|
|
4
|
+
import * as redux from 'redux';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Ajustes que difieren entre apps. Los valores por defecto son los que ya
|
|
8
|
+
* usaba el paquete, asi que omitir las opciones no cambia nada.
|
|
9
|
+
*/
|
|
10
|
+
interface MuiComponentsConfigOptions {
|
|
11
|
+
/**
|
|
12
|
+
* Fondo del modal y su backdrop en transparente. Lo usan header y home;
|
|
13
|
+
* contacts lo tenia desactivado a proposito.
|
|
14
|
+
*/
|
|
15
|
+
transparentModal?: boolean;
|
|
16
|
+
/** z-index del popper del Autocomplete. Header necesita 1; el resto, 11. */
|
|
17
|
+
autocompleteZIndex?: number;
|
|
18
|
+
}
|
|
19
|
+
declare const MuiComponentsConfig: (themeRedux: Theme, options?: MuiComponentsConfigOptions) => Theme;
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Forma mínima del store que necesita este slice: la app que lo use tiene que
|
|
23
|
+
* tener `Theme` y `User.user.uid`.
|
|
24
|
+
*/
|
|
25
|
+
interface ThemeRootState {
|
|
26
|
+
User: {
|
|
27
|
+
user: {
|
|
28
|
+
uid: string;
|
|
29
|
+
/** Requerido por `updateTheme`: la URL lo lleva en la ruta. */
|
|
30
|
+
spaceId?: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
Theme: ThemeState;
|
|
34
|
+
}
|
|
35
|
+
/** Nombres de tema disponibles. */
|
|
36
|
+
type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
|
|
37
|
+
/** Estado del slice. */
|
|
38
|
+
interface ThemeState {
|
|
39
|
+
themeSelected: Theme;
|
|
40
|
+
darkMode: boolean;
|
|
41
|
+
toggleStatus: 'idle' | 'toggled';
|
|
42
|
+
}
|
|
43
|
+
/** Guarda el tema elegido en el backend. */
|
|
44
|
+
declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
|
|
45
|
+
theme: ThemeName;
|
|
46
|
+
}, ThemeName, {
|
|
47
|
+
state: ThemeRootState;
|
|
48
|
+
dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction>;
|
|
49
|
+
extra?: unknown;
|
|
50
|
+
rejectValue?: unknown;
|
|
51
|
+
serializedErrorType?: unknown;
|
|
52
|
+
pendingMeta?: unknown;
|
|
53
|
+
fulfilledMeta?: unknown;
|
|
54
|
+
rejectedMeta?: unknown;
|
|
55
|
+
}>;
|
|
56
|
+
/** Valida que el string sea un `ThemeName`. */
|
|
57
|
+
declare const isValidThemeName: (theme: string) => theme is ThemeName;
|
|
58
|
+
declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">;
|
|
59
|
+
declare const toggleModeTheme: _reduxjs_toolkit.ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
|
|
60
|
+
declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
|
|
61
|
+
declare const selectTheme: (state: ThemeRootState) => Theme;
|
|
62
|
+
declare const selectDarkTheme: (state: ThemeRootState) => boolean;
|
|
63
|
+
/**
|
|
64
|
+
* @deprecated Usar `selectTheme`. El prefijo correcto para un selector es
|
|
65
|
+
* `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).
|
|
66
|
+
* Se mantiene hasta que los 6 micro-fronts terminen de migrar.
|
|
67
|
+
*/
|
|
68
|
+
declare const selectedTheme: (state: ThemeRootState) => Theme;
|
|
69
|
+
/**
|
|
70
|
+
* @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.
|
|
71
|
+
*/
|
|
72
|
+
declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
|
|
73
|
+
declare const _default: redux.Reducer<ThemeState>;
|
|
74
|
+
|
|
75
|
+
declare module '@mui/material/styles' {
|
|
76
|
+
interface TypeBackground {
|
|
77
|
+
mainCenter: string;
|
|
78
|
+
mainGradient: string;
|
|
79
|
+
navMenu: string;
|
|
80
|
+
dropdownMenu: string;
|
|
81
|
+
panel: string;
|
|
82
|
+
tooltip: string;
|
|
83
|
+
accordionHeader: string;
|
|
84
|
+
panelHeader: string;
|
|
85
|
+
panelCenter: string;
|
|
86
|
+
panelGradient: string;
|
|
87
|
+
selectedItem: string;
|
|
88
|
+
}
|
|
89
|
+
interface TypeText {
|
|
90
|
+
colorMain: string;
|
|
91
|
+
}
|
|
92
|
+
interface Palette {
|
|
93
|
+
containerBox: {
|
|
94
|
+
default: string;
|
|
95
|
+
main: string;
|
|
96
|
+
};
|
|
97
|
+
dropdownBox: string;
|
|
98
|
+
color: {
|
|
99
|
+
icons: string;
|
|
100
|
+
};
|
|
101
|
+
cellHeader: string;
|
|
102
|
+
Skeleton: {
|
|
103
|
+
bg: string;
|
|
104
|
+
};
|
|
105
|
+
messageBox: string;
|
|
106
|
+
boxShadow: string;
|
|
107
|
+
disabled: string;
|
|
108
|
+
}
|
|
109
|
+
interface PaletteOptions {
|
|
110
|
+
containerBox?: {
|
|
111
|
+
default?: string;
|
|
112
|
+
main?: string;
|
|
113
|
+
};
|
|
114
|
+
dropdownBox?: string;
|
|
115
|
+
color?: {
|
|
116
|
+
icons?: string;
|
|
117
|
+
};
|
|
118
|
+
cellHeader?: string;
|
|
119
|
+
Skeleton?: {
|
|
120
|
+
bg?: string;
|
|
121
|
+
};
|
|
122
|
+
messageBox?: string;
|
|
123
|
+
boxShadow?: string;
|
|
124
|
+
disabled?: string;
|
|
125
|
+
}
|
|
126
|
+
interface Theme {
|
|
127
|
+
name?: string;
|
|
128
|
+
}
|
|
129
|
+
interface ThemeOptions {
|
|
130
|
+
name?: string;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
declare const lightBlueIndigo: Theme;
|
|
134
|
+
declare const lightBlue: Theme;
|
|
135
|
+
declare const lightRed: Theme;
|
|
136
|
+
declare const lightGreen: Theme;
|
|
137
|
+
declare const lightPink: Theme;
|
|
138
|
+
declare const lightPurple: Theme;
|
|
139
|
+
declare const lightTeal: Theme;
|
|
140
|
+
declare const lightLime: Theme;
|
|
141
|
+
declare const lightYellow: Theme;
|
|
142
|
+
declare const lightAmber: Theme;
|
|
143
|
+
declare const lightOrange: Theme;
|
|
144
|
+
declare const lightBrown: Theme;
|
|
145
|
+
declare const lightGray: Theme;
|
|
146
|
+
declare const darkBlue: Theme;
|
|
147
|
+
declare const darkBlack: Theme;
|
|
148
|
+
|
|
149
|
+
export { MuiComponentsConfig, type MuiComponentsConfigOptions, type ThemeName, type ThemeRootState, type ThemeState, darkBlack, darkBlue, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectDarkTheme, selectTheme, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, _default as themeReducer, toggleModeTheme, toggleTheme, updateTheme };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
/**
|
|
3
|
+
* El componente es SOLO el panel de contacto (sin el header de vistas
|
|
4
|
+
* Contacto/Interacción/Asistente, que vive en el host) y su root es un
|
|
5
|
+
* Fragment: el decorator provee el contenedor flex `position: relative`
|
|
6
|
+
* contra el que se posicionan el overlay y el skeleton.
|
|
7
|
+
*
|
|
8
|
+
* El panel resuelve todo contra la API con `baseUrl` + `spaceId`, así que en
|
|
9
|
+
* Storybook hay que apuntarlo a un espacio real (y estar logueado, porque el
|
|
10
|
+
* token lo inyecta el interceptor del anfitrión).
|
|
11
|
+
*
|
|
12
|
+
* Ver README.md para el detalle de cada prop.
|
|
13
|
+
*/
|
|
14
|
+
declare const meta: {
|
|
15
|
+
component: (props: import("./ChatDetailsSidebar").ChatDetailsSidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: string;
|
|
18
|
+
};
|
|
19
|
+
tags: string[];
|
|
20
|
+
decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
21
|
+
baseUrl: string;
|
|
22
|
+
spaceId: string;
|
|
23
|
+
onEntityUpdated?: ((entity: import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness) => void) | undefined;
|
|
24
|
+
chat?: import("./ChatDetailsSidebar").SidebarChatIntegration | undefined;
|
|
25
|
+
googleMapsApiKey?: string | undefined;
|
|
26
|
+
navigate?: ((path: string) => void) | undefined;
|
|
27
|
+
language?: string | undefined;
|
|
28
|
+
active?: boolean | undefined;
|
|
29
|
+
contactId: string | null;
|
|
30
|
+
entityType: "contact" | "business";
|
|
31
|
+
initialEntity?: (import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness | null) | undefined;
|
|
32
|
+
entity?: never | undefined;
|
|
33
|
+
} | {
|
|
34
|
+
baseUrl: string;
|
|
35
|
+
spaceId: string;
|
|
36
|
+
onEntityUpdated?: ((entity: import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness) => void) | undefined;
|
|
37
|
+
chat?: import("./ChatDetailsSidebar").SidebarChatIntegration | undefined;
|
|
38
|
+
googleMapsApiKey?: string | undefined;
|
|
39
|
+
navigate?: ((path: string) => void) | undefined;
|
|
40
|
+
language?: string | undefined;
|
|
41
|
+
active?: boolean | undefined;
|
|
42
|
+
entity: import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness;
|
|
43
|
+
contactId?: never | undefined;
|
|
44
|
+
entityType?: never | undefined;
|
|
45
|
+
initialEntity?: never | undefined;
|
|
46
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
47
|
+
};
|
|
48
|
+
export default meta;
|
|
49
|
+
type Story = StoryObj<typeof meta>;
|
|
50
|
+
/**
|
|
51
|
+
* Forma A (recomendada): se le pasa la ficha completa y de ahí deduce el id y
|
|
52
|
+
* el tipo. Sin `chat`, o sea en modo ficha.
|
|
53
|
+
*/
|
|
54
|
+
export declare const ConEntidad: Story;
|
|
55
|
+
/** Forma B: solo el id, declarando el tipo a mano. */
|
|
56
|
+
export declare const ConId: Story;
|
|
57
|
+
/** Empresa: el tipo sale del `isBusiness` de la entidad. */
|
|
58
|
+
export declare const Empresa: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const SelectPrimaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
4
|
+
export declare const SelectSecondaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
package/dist/types/components/EventsDialog/components/LocationTextField/MapLocationPicker.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface MapLocationPickerProps {
|
|
3
|
+
onLocationSelect: (address: string, lat: number, lng: number) => void;
|
|
4
|
+
initialAddress?: string;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
}
|
|
7
|
+
declare const MapLocationPicker: React.FC<MapLocationPickerProps>;
|
|
8
|
+
export default MapLocationPicker;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './GoogleMapStandalone';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GoogleMapStandalone } from './GoogleMap/GoogleMapStandalone';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as useField, useFieldInitialState, type UseFieldType } from './useField';
|
|
2
|
+
export { default as useSelect, type UseSelect } from './useSelect';
|
|
3
|
+
export { default as useDialog, useDialogInitialState, type UseDialog } from './useDialog';
|
|
4
|
+
export { default as useEvent, useEventInitialState, type UseEvent, type UseDateState, type UseLinkContact, } from './useEvent';
|
|
5
|
+
export { type UseNotificationsType } from './useNotifications';
|
|
6
|
+
export { default as useTask, useTaskInitialState, type UseTask } from './useTask';
|
|
7
|
+
export { default as useCalendar, useCalendarInitialState, type UseCalendarType, } from './useCalendar';
|
|
8
|
+
export { default as useCalendarEvents, useCalendarEventsInitialState, type UseCalendarEventsType, type CalendarEvent, } from './useCalendarEvents';
|
|
9
|
+
export { default as useCalendarTasks, useCalendarTasksInitialState, type UseCalendarTasksType, type CalendarTask, } from './useCalendarTasks';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SelectChangeEvent } from '@mui/material';
|
|
3
|
+
export interface UseSelect {
|
|
4
|
+
actions: {
|
|
5
|
+
resetValue: () => void;
|
|
6
|
+
changeValue: (newValue: string | number) => void;
|
|
7
|
+
};
|
|
8
|
+
attributes: {
|
|
9
|
+
value: string | number;
|
|
10
|
+
onChange: (event: SelectChangeEvent<string>, child: ReactNode) => void;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
declare const useSelect: (initialValue: string | number) => UseSelect;
|
|
14
|
+
export default useSelect;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Utilidades para validación de eventos del calendario
|
|
3
|
+
*/
|
|
4
|
+
export interface CalendarItem {
|
|
5
|
+
id?: string;
|
|
6
|
+
start: Date | string;
|
|
7
|
+
end: Date | string;
|
|
8
|
+
title?: string;
|
|
9
|
+
kind?: 'event' | 'task';
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Verifica si dos eventos se solapan en el tiempo
|
|
13
|
+
*/
|
|
14
|
+
export declare const eventsOverlap: (event1: CalendarItem, event2: CalendarItem) => boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Encuentra todos los eventos que se solapan con un evento dado
|
|
17
|
+
*/
|
|
18
|
+
export declare const findOverlappingEvents: (targetEvent: CalendarItem, allEvents: CalendarItem[]) => CalendarItem[];
|
|
19
|
+
/**
|
|
20
|
+
* Valida que un evento tenga fechas válidas
|
|
21
|
+
*/
|
|
22
|
+
export declare const validateEventDates: (event: CalendarItem) => {
|
|
23
|
+
isValid: boolean;
|
|
24
|
+
error?: string;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Genera un mensaje descriptivo sobre eventos solapados
|
|
28
|
+
*/
|
|
29
|
+
export declare const getOverlapWarningMessage: (overlappingEvents: CalendarItem[]) => string;
|
|
30
|
+
/**
|
|
31
|
+
* Calcula la duración de un evento en minutos
|
|
32
|
+
*/
|
|
33
|
+
export declare const getEventDuration: (event: CalendarItem) => number;
|
|
34
|
+
/**
|
|
35
|
+
* Verifica si un evento es de todo el día
|
|
36
|
+
*/
|
|
37
|
+
export declare const isAllDayEvent: (event: CalendarItem) => boolean;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Re-exportaciones de googleMapsLoader para mantener compatibilidad
|
|
3
|
+
* Este archivo actúa como alias para las funciones de Google Maps
|
|
4
|
+
*/
|
|
5
|
+
export { GOOGLE_MAPS_CONFIG, GOOGLE_MAPS_SCRIPT_CONFIG, useGoogleMapsLoader, loadGoogleMapsAsync, getStaticMapUrl, geocodeAddress, } from './googleMapsLoader';
|