@open-ui-kit/core 2.2.3 → 2.3.0

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.
Files changed (8) hide show
  1. package/index.cjs.js +989 -792
  2. package/index.cjs.js.map +1 -1
  3. package/index.d.ts +33 -3
  4. package/index.esm.js +979 -794
  5. package/index.esm.js.map +1 -1
  6. package/index.umd.js +992 -796
  7. package/index.umd.js.map +1 -1
  8. package/package.json +2 -1
package/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material/styles'), require('@mui/material/Typography'), require('@mui/material/Button'), require('@mui/material/Divider'), require('@mui/material/Tab'), require('react/jsx-runtime'), require('@mui/material'), require('@mui/icons-material/Done'), require('@mui/icons-material/Close'), require('@mui/lab'), require('react'), require('@mui/icons-material/Star'), require('@mui/icons-material/CheckCircle'), require('@mui/icons-material/Warning'), require('@mui/icons-material/Cancel'), require('@mui/icons-material/RemoveCircle'), require('@mui/icons-material/BlockFlipped'), require('@mui/icons-material/Schedule'), require('@mui/icons-material/Info'), require('@mui/icons-material/CheckCircleOutline'), require('react-virtuoso'), require('@mui/icons-material'), require('react-router-dom'), require('@mui/icons-material/ChevronRight'), require('react-syntax-highlighter'), require('@mui/icons-material/DoneRounded'), require('copy-to-clipboard'), require('@mui/x-date-pickers/node/AdapterDayjs/index.js'), require('@mui/x-date-pickers/node/LocalizationProvider/index.js'), require('@mui/x-date-pickers/node/DateTimePicker/index.js'), require('@mui/x-date-pickers/node/DatePicker/index.js'), require('@mui/x-date-pickers/node/TimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDateTimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDatePicker/index.js'), require('@mui/material/Drawer'), require('@mui/material/Stack'), require('use-debounce'), require('material-react-table'), require('@mui/material/IconButton'), require('@mui/material/Box'), require('@mui/material/FormControlLabel'), require('sonner'), require('@mui/icons-material/FileUpload'), require('@mui/icons-material/AttachFile'), require('@mui/icons-material/ErrorOutline'), require('recharts'), require('@emotion/styled'), require('date-fns')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@mui/material/styles', '@mui/material/Typography', '@mui/material/Button', '@mui/material/Divider', '@mui/material/Tab', 'react/jsx-runtime', '@mui/material', '@mui/icons-material/Done', '@mui/icons-material/Close', '@mui/lab', 'react', '@mui/icons-material/Star', '@mui/icons-material/CheckCircle', '@mui/icons-material/Warning', '@mui/icons-material/Cancel', '@mui/icons-material/RemoveCircle', '@mui/icons-material/BlockFlipped', '@mui/icons-material/Schedule', '@mui/icons-material/Info', '@mui/icons-material/CheckCircleOutline', 'react-virtuoso', '@mui/icons-material', 'react-router-dom', '@mui/icons-material/ChevronRight', 'react-syntax-highlighter', '@mui/icons-material/DoneRounded', 'copy-to-clipboard', '@mui/x-date-pickers/node/AdapterDayjs/index.js', '@mui/x-date-pickers/node/LocalizationProvider/index.js', '@mui/x-date-pickers/node/DateTimePicker/index.js', '@mui/x-date-pickers/node/DatePicker/index.js', '@mui/x-date-pickers/node/TimePicker/index.js', '@mui/x-date-pickers/node/StaticDateTimePicker/index.js', '@mui/x-date-pickers/node/StaticDatePicker/index.js', '@mui/material/Drawer', '@mui/material/Stack', 'use-debounce', 'material-react-table', '@mui/material/IconButton', '@mui/material/Box', '@mui/material/FormControlLabel', 'sonner', '@mui/icons-material/FileUpload', '@mui/icons-material/AttachFile', '@mui/icons-material/ErrorOutline', 'recharts', '@emotion/styled', 'date-fns'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.OpenUIKit = {}, global.MuiMaterialStyles, global.Typography$1, null, global.Divider, null, global.jsxRuntime, global.Mui, global.DoneIcon, global.CloseIcon, global.MuiLab, global.React, global.StarIcon, global.CheckCircleIcon, global.WarningIcon, global.CancelIcon, global.RemoveCircleIcon, global.BlockFlippedIcon, global.ScheduleIcon, global.InfoIcon, global.CheckCircleOutlineIcon, global.reactVirtuoso, global.iconsMaterial, global.ReactRouterDOM, global.ChevronRight, global.SyntaxHighlighter, global.DoneRoundedIcon, global.copy, global.AdapterDayjs, global.LocalizationProvider, global.DateTimePicker$1, global.DatePicker$1, global.TimePicker$1, global.StaticDateTimePicker$1, global.StaticDatePicker$1, global.MuiDrawer, global.MuiStack, global.useDebounce, global.materialReactTable, global.IconButton, global.Box, global.FormControlLabel, global.sonner, global.FileUploadIcon, global.AttachFileIcon, global.ErrorOutlineIcon, global.recharts, global.styled, global.dateFns));
5
- })(this, (function (exports, styles$8, Typography, Button$1, Divider$1, Tab$1, jsxRuntime, material, DoneIcon, CloseIcon, lab, React, StarIcon, CheckCircleIcon, WarningIcon, CancelIcon, RemoveCircleIcon, BlockFlippedIcon, ScheduleIcon, InfoIcon, CheckCircleOutlineIcon, reactVirtuoso, iconsMaterial, reactRouterDom, ChevronRightIcon, reactSyntaxHighlighter, DoneRoundedIcon, copy, index_js$1, index_js, index_js$2, index_js$3, index_js$4, index_js$5, index_js$6, Drawer, Stack, useDebounce, materialReactTable, IconButton, Box, FormControlLabel, sonner, UploadSimpleIcon, AttachFileIcon, ErrorOutlineIcon, recharts, styled, dateFns) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material/styles'), require('@mui/material/Typography'), require('@mui/material/Button'), require('@mui/material/Divider'), require('@mui/material/Tab'), require('react/jsx-runtime'), require('@mui/material'), require('@mui/icons-material/Done'), require('@mui/icons-material/Close'), require('@mui/lab'), require('react'), require('@mui/icons-material/Star'), require('@mui/icons-material/CheckCircle'), require('@mui/icons-material/Warning'), require('@mui/icons-material/Cancel'), require('@mui/icons-material/RemoveCircle'), require('@mui/icons-material/BlockFlipped'), require('@mui/icons-material/Schedule'), require('@mui/icons-material/Info'), require('@mui/icons-material/CheckCircleOutline'), require('react-virtuoso'), require('@mui/icons-material'), require('react-router-dom'), require('@mui/icons-material/ChevronRight'), require('react-syntax-highlighter'), require('refractor/all'), require('@mui/icons-material/DoneRounded'), require('copy-to-clipboard'), require('@mui/x-date-pickers/node/AdapterDayjs/index.js'), require('@mui/x-date-pickers/node/LocalizationProvider/index.js'), require('@mui/x-date-pickers/node/DateTimePicker/index.js'), require('@mui/x-date-pickers/node/DatePicker/index.js'), require('@mui/x-date-pickers/node/TimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDateTimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDatePicker/index.js'), require('@mui/material/Drawer'), require('@mui/material/Stack'), require('use-debounce'), require('material-react-table'), require('@mui/material/IconButton'), require('@mui/material/Box'), require('@mui/material/FormControlLabel'), require('sonner'), require('@mui/icons-material/FileUpload'), require('@mui/icons-material/AttachFile'), require('@mui/icons-material/ErrorOutline'), require('recharts'), require('@emotion/styled'), require('date-fns')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@mui/material/styles', '@mui/material/Typography', '@mui/material/Button', '@mui/material/Divider', '@mui/material/Tab', 'react/jsx-runtime', '@mui/material', '@mui/icons-material/Done', '@mui/icons-material/Close', '@mui/lab', 'react', '@mui/icons-material/Star', '@mui/icons-material/CheckCircle', '@mui/icons-material/Warning', '@mui/icons-material/Cancel', '@mui/icons-material/RemoveCircle', '@mui/icons-material/BlockFlipped', '@mui/icons-material/Schedule', '@mui/icons-material/Info', '@mui/icons-material/CheckCircleOutline', 'react-virtuoso', '@mui/icons-material', 'react-router-dom', '@mui/icons-material/ChevronRight', 'react-syntax-highlighter', 'refractor/all', '@mui/icons-material/DoneRounded', 'copy-to-clipboard', '@mui/x-date-pickers/node/AdapterDayjs/index.js', '@mui/x-date-pickers/node/LocalizationProvider/index.js', '@mui/x-date-pickers/node/DateTimePicker/index.js', '@mui/x-date-pickers/node/DatePicker/index.js', '@mui/x-date-pickers/node/TimePicker/index.js', '@mui/x-date-pickers/node/StaticDateTimePicker/index.js', '@mui/x-date-pickers/node/StaticDatePicker/index.js', '@mui/material/Drawer', '@mui/material/Stack', 'use-debounce', 'material-react-table', '@mui/material/IconButton', '@mui/material/Box', '@mui/material/FormControlLabel', 'sonner', '@mui/icons-material/FileUpload', '@mui/icons-material/AttachFile', '@mui/icons-material/ErrorOutline', 'recharts', '@emotion/styled', 'date-fns'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.OpenUIKit = {}, global.MuiMaterialStyles, global.Typography$1, null, global.Divider, null, global.jsxRuntime, global.Mui, global.DoneIcon, global.CloseIcon, global.MuiLab, global.React, global.StarIcon, global.CheckCircleIcon, global.WarningIcon, global.CancelIcon, global.RemoveCircleIcon, global.BlockFlippedIcon, global.ScheduleIcon, global.InfoIcon, global.CheckCircleOutlineIcon, global.reactVirtuoso, global.iconsMaterial, global.ReactRouterDOM, global.ChevronRight, global.SyntaxHighlighter, global.all, global.DoneRoundedIcon, global.copy, global.AdapterDayjs, global.LocalizationProvider, global.DateTimePicker$1, global.DatePicker$1, global.TimePicker$1, global.StaticDateTimePicker$1, global.StaticDatePicker$1, global.MuiDrawer, global.MuiStack, global.useDebounce, global.materialReactTable, global.IconButton, global.Box, global.FormControlLabel, global.sonner, global.FileUploadIcon, global.AttachFileIcon, global.ErrorOutlineIcon, global.recharts, global.styled, global.dateFns));
5
+ })(this, (function (exports, styles$8, Typography, Button$1, Divider$1, Tab$1, jsxRuntime, material, DoneIcon, CloseIcon, lab, React, StarIcon, CheckCircleIcon, WarningIcon, CancelIcon, RemoveCircleIcon, BlockFlippedIcon, ScheduleIcon, InfoIcon, CheckCircleOutlineIcon, reactVirtuoso, iconsMaterial, reactRouterDom, ChevronRightIcon, reactSyntaxHighlighter, all, DoneRoundedIcon, copy, index_js$1, index_js, index_js$2, index_js$3, index_js$4, index_js$5, index_js$6, Drawer, Stack, useDebounce, materialReactTable, IconButton, Box, FormControlLabel, sonner, UploadSimpleIcon, AttachFileIcon, ErrorOutlineIcon, recharts, styled, dateFns) { 'use strict';
6
6
 
7
7
  function _interopNamespaceDefault(e) {
8
8
  var n = Object.create(null);
@@ -149,15 +149,31 @@
149
149
  return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 20", children: [jsxRuntime.jsx("path", { d: "M 8.94,10.57 C 8.94,9.64 9.7,8.88 10.63,8.88 L 17.62,8.88 C 18.56,8.88 19.31,9.64 19.31,10.57 L 19.31,17.55 C 19.31,18.48 18.56,19.24 17.62,19.24 L 10.63,19.24 C 9.7,19.24 8.94,18.48 8.94,17.55 L 8.94,10.57", fill: "currentColor", fillOpacity: "0.4" }), jsxRuntime.jsx("path", { d: "M 8.1,17.55 L 8.1,15.81 C 8.1,15.39 8.44,15.05 8.86,15.05 C 9.28,15.05 9.63,15.39 9.63,15.81 L 9.63,17.55 C 9.63,18.06 10.04,18.48 10.56,18.48 L 12.3,18.48 L 12.38,18.48 C 12.77,18.52 13.07,18.85 13.07,19.24 C 13.07,19.64 12.77,19.96 12.38,20 L 12.3,20 L 10.56,20 C 9.2,20 8.1,18.9 8.1,17.55 M 18.47,17.55 L 18.47,15.81 C 18.47,15.39 18.82,15.05 19.24,15.05 C 19.66,15.05 20,15.39 20,15.81 L 20,17.55 C 20,18.9 18.9,20 17.54,20 L 15.8,20 C 15.38,20 15.03,19.66 15.03,19.24 C 15.03,18.82 15.38,18.48 15.8,18.48 L 17.54,18.48 C 18.06,18.48 18.47,18.06 18.47,17.55 M 8.1,12.32 L 8.1,10.57 C 8.1,9.22 9.2,8.12 10.56,8.12 L 12.3,8.12 L 12.38,8.13 C 12.77,8.17 13.07,8.49 13.07,8.88 C 13.07,9.28 12.77,9.6 12.38,9.64 L 12.3,9.64 L 10.56,9.64 C 10.04,9.64 9.63,10.06 9.63,10.57 L 9.63,12.32 C 9.63,12.74 9.28,13.08 8.86,13.08 C 8.44,13.08 8.1,12.74 8.1,12.32 M 18.47,12.32 L 18.47,10.57 C 18.47,10.06 18.06,9.64 17.54,9.64 L 15.8,9.64 C 15.38,9.64 15.03,9.3 15.03,8.88 C 15.03,8.46 15.38,8.12 15.8,8.12 L 17.54,8.12 C 18.9,8.12 20,9.22 20,10.57 L 20,12.32 C 20,12.74 19.66,13.08 19.24,13.08 C 18.82,13.08 18.47,12.74 18.47,12.32", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 4.547e-13,17 L 4.547e-13,15.25 C 4.547e-13,14.7 0.45,14.25 1,14.25 C 1.55,14.25 2,14.7 2,15.25 L 2,17 C 2,17.56 2.45,18 3,18 L 4.75,18 C 5.3,18 5.75,18.45 5.75,19 C 5.75,19.56 5.3,20 4.75,20 L 3,20 C 1.34,20 4.547e-13,18.66 4.547e-13,17 M 4.547e-13,11.75 L 4.547e-13,8.25 C 4.547e-13,7.7 0.45,7.25 1,7.25 C 1.55,7.25 2,7.7 2,8.25 L 2,11.75 C 2,12.31 1.55,12.75 1,12.75 C 0.45,12.75 4.547e-13,12.31 4.547e-13,11.75 M 4.547e-13,4.75 L 4.547e-13,3 C 4.547e-13,1.35 1.34,4.547e-13 3,4.547e-13 L 4.75,4.547e-13 C 5.3,4.547e-13 5.75,0.45 5.75,1 C 5.75,1.56 5.3,2 4.75,2 L 3,2 C 2.45,2 2,2.45 2,3 L 2,4.75 C 2,5.31 1.55,5.75 1,5.75 C 0.45,5.75 4.547e-13,5.31 4.547e-13,4.75 M 18,4.75 L 18,3 C 18,2.45 17.55,2 17,2 L 15.25,2 C 14.7,2 14.25,1.56 14.25,1 C 14.25,0.45 14.7,4.547e-13 15.25,4.547e-13 L 17,4.547e-13 C 18.66,4.547e-13 20,1.35 20,3 L 20,4.75 C 20,5.31 19.55,5.75 19,5.75 C 18.45,5.75 18,5.31 18,4.75 M 11.75,4.547e-13 C 12.3,4.547e-13 12.75,0.45 12.75,1 C 12.75,1.56 12.3,2 11.75,2 L 8.25,2 C 7.7,2 7.25,1.56 7.25,1 C 7.25,0.45 7.7,4.547e-13 8.25,4.547e-13 L 11.75,4.547e-13", fill: "currentColor" })] })));
150
150
  };
151
151
 
152
+ const DashboardMark = (_a) => {
153
+ var { tones } = _a, props = __rest(_a, ["tones"]);
154
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("rect", { x: "2", y: "3.11108", width: "8.88889", height: "11.1111", rx: "1", fill: tones.block }), jsxRuntime.jsx("path", { d: "M2 17.5555C2 16.9419 2.49746 16.4444 3.11111 16.4444H9.77778C10.3914 16.4444 10.8889 16.9419 10.8889 17.5555V19.7778C10.8889 20.3914 10.3914 20.8889 9.77778 20.8889H3.11111C2.49746 20.8889 2 20.3914 2 19.7778V17.5555Z", fill: tones.bars }), jsxRuntime.jsx("path", { d: "M13.1111 4.2222C13.1111 3.60855 13.6086 3.11108 14.2222 3.11108H20.8889C21.5025 3.11108 22 3.60855 22 4.2222V8.66664C22 9.28029 21.5025 9.77775 20.8889 9.77775H14.2222C13.6086 9.77775 13.1111 9.28029 13.1111 8.66664V4.2222Z", fill: tones.bars }), jsxRuntime.jsx("rect", { x: "13.1111", y: "12", width: "8.88889", height: "8.88889", rx: "1", fill: tones.square })] }) })));
155
+ };
152
156
  const DashboardSelected = (props) => {
153
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("rect", { x: "2", y: "3.11108", width: "8.88889", height: "11.1111", rx: "1", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M2 17.5555C2 16.9419 2.49746 16.4444 3.11111 16.4444H9.77778C10.3914 16.4444 10.8889 16.9419 10.8889 17.5555V19.7778C10.8889 20.3914 10.3914 20.8889 9.77778 20.8889H3.11111C2.49746 20.8889 2 20.3914 2 19.7778V17.5555Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M13.1111 4.2222C13.1111 3.60855 13.6086 3.11108 14.2222 3.11108H20.8889C21.5025 3.11108 22 3.60855 22 4.2222V8.66664C22 9.28029 21.5025 9.77775 20.8889 9.77775H14.2222C13.6086 9.77775 13.1111 9.28029 13.1111 8.66664V4.2222Z", fill: "currentColor" }), jsxRuntime.jsx("rect", { x: "13.1111", y: "12", width: "8.88889", height: "8.88889", rx: "1", fill: "currentColor" })] }) })));
157
+ const { vars } = material.useTheme().palette;
158
+ return (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
159
+ block: vars.brandIconPrimaryDefault,
160
+ bars: vars.brandIconPrimaryDefault,
161
+ square: vars.brandIconPrimaryStrong,
162
+ } })));
154
163
  };
155
164
  const DashboardUnSelected = (props) => {
156
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("rect", { x: "2", y: "3.11108", width: "8.88889", height: "11.1111", rx: "1", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M2 17.5555C2 16.9419 2.49746 16.4444 3.11111 16.4444H9.77778C10.3914 16.4444 10.8889 16.9419 10.8889 17.5555V19.7778C10.8889 20.3914 10.3914 20.8889 9.77778 20.8889H3.11111C2.49746 20.8889 2 20.3914 2 19.7778V17.5555Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M13.1111 4.2222C13.1111 3.60855 13.6086 3.11108 14.2222 3.11108H20.8889C21.5025 3.11108 22 3.60855 22 4.2222V8.66664C22 9.28029 21.5025 9.77775 20.8889 9.77775H14.2222C13.6086 9.77775 13.1111 9.28029 13.1111 8.66664V4.2222Z", fill: "currentColor" }), jsxRuntime.jsx("rect", { x: "13.1111", y: "12", width: "8.88889", height: "8.88889", rx: "1", fill: "currentColor" })] }) })));
157
- };
158
- const DashboardDisabled = (props) => {
159
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("rect", { x: "2", y: "3.11108", width: "8.88889", height: "11.1111", rx: "1", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M2 17.5555C2 16.9419 2.49746 16.4444 3.11111 16.4444H9.77778C10.3914 16.4444 10.8889 16.9419 10.8889 17.5555V19.7778C10.8889 20.3914 10.3914 20.8889 9.77778 20.8889H3.11111C2.49746 20.8889 2 20.3914 2 19.7778V17.5555Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M13.1111 4.2222C13.1111 3.60855 13.6086 3.11108 14.2222 3.11108H20.8889C21.5025 3.11108 22 3.60855 22 4.2222V8.66664C22 9.28029 21.5025 9.77775 20.8889 9.77775H14.2222C13.6086 9.77775 13.1111 9.28029 13.1111 8.66664V4.2222Z", fill: "currentColor" }), jsxRuntime.jsx("rect", { x: "13.1111", y: "12", width: "8.88889", height: "8.88889", rx: "1", fill: "currentColor" })] }) })));
160
- };
165
+ const { vars } = material.useTheme().palette;
166
+ return (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
167
+ block: vars.brandIconSecondaryWeak,
168
+ bars: vars.brandIconSecondaryMedium,
169
+ square: vars.brandIconSecondaryDefault,
170
+ } })));
171
+ };
172
+ const DashboardDisabled = (props) => (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
173
+ block: "currentColor",
174
+ bars: "currentColor",
175
+ square: "currentColor",
176
+ } })));
161
177
 
162
178
  const DataLakeSelected = (props) => {
163
179
  return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 17", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 19,9.568 L 19,4 C 19,2.9 18.12,1.958 16.36,1.175 C 14.6,0.392 12.48,6.821e-13 10,6.821e-13 C 7.52,6.821e-13 5.4,0.392 3.64,1.175 C 1.88,1.958 1,2.9 1,4 L 1,9.555 C 1.17,9.472 1.4,9.378 1.64,9.283 C 2.05,9.123 2.51,9.04 3,9.012 L 3,6.525 C 3.42,6.758 3.88,6.967 4.4,7.15 C 4.92,7.333 5.47,7.488 6.06,7.613 C 6.65,7.738 7.28,7.833 7.95,7.9 C 8.62,7.967 9.3,8 10,8 C 10.7,8 11.38,7.967 12.03,7.9 C 12.68,7.833 13.3,7.738 13.89,7.613 C 14.48,7.488 15.04,7.333 15.56,7.15 C 16.09,6.967 16.57,6.758 17,6.525 L 17,9.013 C 17.48,9.043 17.93,9.125 18.33,9.283 C 18.58,9.383 18.82,9.481 19,9.568 M 14.48,5.388 C 12.98,5.812 11.48,6.025 10,6.025 C 8.48,6.025 7,5.817 5.54,5.4 C 4.08,4.983 3.23,4.525 3,4.025 C 3.23,3.525 4.08,3.062 5.54,2.638 C 7,2.213 8.48,2 10,2 C 11.5,2 13,2.217 14.49,2.65 C 15.98,3.083 16.82,3.542 17,4.025 C 16.82,4.508 15.98,4.963 14.48,5.388", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 3.33,16 C 2.86,16 2.51,16.104 2.29,16.312 C 2.06,16.521 1.76,16.667 1.38,16.75 C 0.99,16.833 0.67,16.796 0.4,16.638 C 0.13,16.479 1.364e-12,16.242 1.364e-12,15.925 C 1.364e-12,15.675 0.11,15.433 0.33,15.2 C 0.54,14.967 0.88,14.733 1.35,14.5 C 1.43,14.45 1.65,14.354 2.01,14.212 C 2.37,14.071 2.84,14 3.42,14 C 4.34,14 4.96,14.167 5.28,14.5 C 5.59,14.833 6.06,15 6.68,15 C 7.29,15 7.75,14.833 8.06,14.5 C 8.37,14.167 9.01,14 9.98,14 C 10.94,14 11.6,14.167 11.94,14.5 C 12.28,14.833 12.75,15 13.35,15 C 13.95,15 14.4,14.833 14.7,14.5 C 15,14.167 15.62,14 16.55,14 C 17.13,14 17.6,14.071 17.96,14.212 C 18.32,14.354 18.54,14.45 18.62,14.5 C 19.11,14.75 19.46,14.987 19.68,15.212 C 19.89,15.438 20,15.675 20,15.925 C 20,16.242 19.86,16.479 19.59,16.638 C 19.31,16.796 18.98,16.833 18.6,16.75 C 18.22,16.667 17.92,16.521 17.7,16.312 C 17.48,16.104 17.14,16 16.68,16 C 16.06,16 15.6,16.167 15.29,16.5 C 14.98,16.833 14.34,17 13.38,17 C 12.41,17 11.75,16.833 11.41,16.5 C 11.07,16.167 10.59,16 9.98,16 C 9.36,16 8.9,16.167 8.61,16.5 C 8.32,16.833 7.68,17 6.7,17 C 5.72,17 5.06,16.833 4.74,16.5 C 4.41,16.167 3.94,16 3.33,16 M 3.33,12 C 2.86,12 2.51,12.104 2.29,12.312 C 2.06,12.521 1.76,12.667 1.38,12.75 C 0.99,12.833 0.67,12.796 0.4,12.637 C 0.13,12.479 1.364e-12,12.242 1.364e-12,11.925 C 1.364e-12,11.675 0.11,11.433 0.33,11.2 C 0.54,10.967 0.88,10.733 1.35,10.5 C 1.43,10.45 1.65,10.354 2.01,10.212 C 2.37,10.071 2.84,10 3.42,10 C 4.34,10 4.96,10.167 5.28,10.5 C 5.59,10.833 6.06,11 6.68,11 C 7.29,11 7.75,10.833 8.06,10.5 C 8.37,10.167 9.01,10 9.98,10 C 10.94,10 11.6,10.167 11.94,10.5 C 12.28,10.833 12.75,11 13.35,11 C 13.95,11 14.4,10.833 14.7,10.5 C 15,10.167 15.62,10 16.55,10 C 17.13,10 17.6,10.071 17.96,10.212 C 18.32,10.354 18.54,10.45 18.62,10.5 C 19.11,10.75 19.46,10.987 19.68,11.212 C 19.89,11.438 20,11.675 20,11.925 C 20,12.242 19.86,12.479 19.59,12.637 C 19.31,12.796 18.98,12.833 18.6,12.75 C 18.22,12.667 17.92,12.521 17.7,12.312 C 17.48,12.104 17.14,12 16.68,12 C 16.06,12 15.6,12.167 15.29,12.5 C 14.98,12.833 14.34,13 13.38,13 C 12.41,13 11.75,12.833 11.41,12.5 C 11.07,12.167 10.59,12 9.98,12 C 9.36,12 8.9,12.167 8.61,12.5 C 8.32,12.833 7.68,13 6.7,13 C 5.72,13 5.06,12.833 4.74,12.5 C 4.41,12.167 3.94,12 3.33,12", fill: "currentColor" })] })));
@@ -3965,70 +3981,631 @@
3965
3981
  return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 16.2", children: [jsxRuntime.jsx("path", { d: "M 0.58,0 C 0.43,0 0.28,0.06 0.17,0.17 C 0.06,0.27 9.095e-13,0.42 9.095e-13,0.57 C 9.095e-13,0.61 9.095e-13,0.64 0.01,0.67 L 2.46,15.54 C 2.49,15.72 2.58,15.88 2.72,16 C 2.86,16.12 3.04,16.19 3.22,16.19 L 14.97,16.19 C 15.11,16.19 15.24,16.14 15.35,16.06 C 15.45,15.97 15.52,15.84 15.55,15.71 L 17.99,0.67 C 18.02,0.52 17.98,0.37 17.89,0.24 C 17.8,0.12 17.67,0.03 17.52,0.01 C 17.49,0 17.46,0 17.42,0 L 0.58,0 M 10.89,10.75 L 7.14,10.75 L 6.13,5.44 L 11.8,5.44 L 10.89,10.75", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 17.21,5.44 L 11.8,5.44 L 10.89,10.75 L 7.14,10.75 L 2.72,16.01 C 2.86,16.13 3.04,16.2 3.22,16.2 L 14.97,16.2 C 15.11,16.2 15.24,16.15 15.35,16.06 C 15.46,15.98 15.53,15.85 15.55,15.72 L 17.21,5.44", fill: "currentColor" })] })));
3966
3982
  };
3967
3983
 
3968
- const AgntcyBrand = (props) => {
3969
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 105 24", children: jsxRuntime.jsx("path", { d: "M 93.08,24 L 0,24 L 0,9.714 C 0,4.35 4.33,1.705e-13 9.67,1.705e-13 L 105,1.705e-13 L 93.08,24 L 93.08,24 M 8.72,8.405 L 5.18,20.186 L 10.74,20.186 L 11.86,16.095 L 15.33,16.095 L 15.33,20.186 L 20.68,20.186 L 20.68,3.823 L 13.93,3.823 C 10.95,3.823 9.79,4.828 8.72,8.405 M 12.96,12.122 L 13.73,9.365 C 14.1,8.01 14.26,7.821 15.07,7.821 L 15.33,7.821 L 15.33,12.122 L 12.96,12.122 M 30.9,20.653 C 32.7,20.653 34.53,20.302 35.95,19.718 L 35.95,10.463 L 30.83,10.463 L 30.83,16.213 L 30.55,16.213 C 28.69,16.213 27.46,14.669 27.46,12.193 C 27.46,9.318 29.13,7.916 31.93,7.916 C 33.65,7.916 35.07,8.477 35.97,9.481 L 35.97,4.127 C 34.76,3.613 33.04,3.355 31.39,3.355 C 25.52,3.355 21.73,6.837 21.73,12.332 C 21.73,17.171 24.94,20.653 30.9,20.653 L 30.9,20.653 M 37.37,20.186 L 42.61,20.186 L 42.61,11.889 C 45.89,15.137 46.92,17.242 46.92,20.186 L 51.92,20.186 L 51.92,3.823 L 46.68,3.823 L 46.68,9.339 L 41.96,3.823 L 37.37,3.823 L 37.37,20.186 M 57.23,20.186 L 62.7,20.186 L 62.7,8.265 L 63.23,8.265 C 64.93,8.265 66.21,8.638 66.96,9.481 L 66.96,3.825 L 52.97,3.825 L 52.97,9.481 C 53.71,8.64 54.99,8.265 56.69,8.265 L 57.23,8.265 L 57.23,20.186 M 67.42,12.004 C 67.42,17.124 70.98,20.653 76.11,20.653 C 77.57,20.653 78.92,20.349 79.67,19.881 L 79.67,14.528 C 79.08,15.439 78.06,15.906 76.78,15.906 C 74.52,15.906 73.15,14.41 73.15,12.002 C 73.15,9.594 74.52,8.098 76.78,8.098 C 78.06,8.098 79.08,8.565 79.67,9.477 L 79.67,4.123 C 78.92,3.656 77.57,3.351 76.11,3.351 C 70.98,3.351 67.42,6.88 67.42,12 L 67.42,12.004 M 82.79,20.186 L 88.61,20.186 L 96.68,3.823 L 90.82,3.823 L 88.42,9.292 L 86.05,3.823 L 80.14,3.823 L 85.53,14.809 L 82.79,20.186 L 82.79,20.186", fill: "currentColor" }) })));
3970
- };
3971
- const CiscoBrand = (props) => {
3972
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 45.1 24", children: [jsxRuntime.jsx("path", { d: "M 14.73,15.84 L 12.75,15.84 L 12.75,23.702 L 14.73,23.702 L 14.73,15.84", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 30.71,18.091 C 30.2,17.814 29.63,17.669 29.05,17.668 C 28.77,17.668 28.5,17.722 28.25,17.828 C 27.99,17.933 27.76,18.088 27.57,18.282 C 27.37,18.477 27.22,18.709 27.11,18.963 C 27.01,19.218 26.96,19.49 26.96,19.766 C 26.96,20.041 27.01,20.314 27.11,20.569 C 27.22,20.823 27.37,21.054 27.57,21.249 C 27.76,21.444 27.99,21.599 28.25,21.704 C 28.5,21.809 28.77,21.864 29.05,21.864 C 29.63,21.866 30.2,21.724 30.71,21.45 L 30.71,23.557 C 30.12,23.738 29.51,23.832 28.9,23.836 C 27.83,23.836 26.79,23.408 26.03,22.644 C 25.27,21.881 24.84,20.845 24.84,19.766 C 24.84,18.686 25.27,17.651 26.03,16.888 C 26.79,16.124 27.83,15.695 28.9,15.695 C 29.52,15.696 30.12,15.79 30.71,15.974 L 30.71,18.091", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.04,18.091 C 9.53,17.812 8.96,17.667 8.38,17.668 C 8.1,17.668 7.83,17.722 7.58,17.828 C 7.32,17.933 7.09,18.088 6.9,18.282 C 6.7,18.477 6.55,18.709 6.44,18.963 C 6.34,19.218 6.28,19.49 6.28,19.766 C 6.28,20.041 6.34,20.314 6.44,20.569 C 6.55,20.823 6.7,21.054 6.9,21.249 C 7.09,21.444 7.32,21.599 7.58,21.704 C 7.83,21.809 8.1,21.864 8.38,21.864 C 8.96,21.868 9.53,21.726 10.04,21.45 L 10.04,23.557 C 9.45,23.739 8.84,23.833 8.23,23.836 C 7.16,23.836 6.12,23.408 5.36,22.644 C 4.6,21.881 4.17,20.845 4.17,19.766 C 4.17,18.686 4.6,17.651 5.36,16.888 C 6.12,16.124 7.16,15.695 8.23,15.695 C 8.84,15.695 9.45,15.789 10.04,15.974 L 10.04,18.091", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 36.89,17.707 C 36.49,17.703 36.08,17.821 35.74,18.046 C 35.4,18.271 35.13,18.593 34.97,18.97 C 34.82,19.348 34.77,19.765 34.85,20.167 C 34.93,20.57 35.12,20.94 35.41,21.232 C 35.7,21.523 36.06,21.722 36.47,21.803 C 36.87,21.885 37.28,21.845 37.66,21.689 C 38.04,21.533 38.36,21.268 38.59,20.927 C 38.82,20.586 38.94,20.186 38.94,19.776 C 38.94,19.504 38.89,19.234 38.79,18.982 C 38.69,18.73 38.54,18.501 38.35,18.308 C 38.16,18.115 37.93,17.962 37.68,17.859 C 37.43,17.756 37.16,17.704 36.89,17.707 M 41.03,19.776 C 41.05,20.599 40.82,21.408 40.37,22.1 C 39.93,22.793 39.28,23.336 38.53,23.662 C 37.78,23.988 36.94,24.081 36.14,23.93 C 35.33,23.778 34.58,23.39 34,22.813 C 33.41,22.236 33.01,21.497 32.84,20.69 C 32.68,19.884 32.76,19.046 33.07,18.284 C 33.38,17.521 33.91,16.869 34.59,16.41 C 35.27,15.95 36.07,15.705 36.89,15.705 C 37.43,15.691 37.97,15.786 38.48,15.984 C 38.98,16.183 39.44,16.481 39.82,16.861 C 40.21,17.241 40.51,17.694 40.72,18.195 C 40.93,18.696 41.03,19.233 41.03,19.776", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 22.23,17.629 C 21.73,17.489 21.21,17.409 20.69,17.389 C 19.89,17.389 19.47,17.648 19.47,18.033 C 19.47,18.418 20.04,18.678 20.37,18.784 L 20.92,18.957 C 21.43,19.067 21.89,19.345 22.23,19.745 C 22.56,20.146 22.76,20.647 22.78,21.171 C 22.78,23.143 21.04,23.807 19.54,23.807 C 18.82,23.8 18.11,23.729 17.41,23.596 L 17.41,21.815 C 18.01,21.995 18.64,22.095 19.28,22.114 C 20.24,22.114 20.72,21.825 20.72,21.373 C 20.72,20.92 20.32,20.747 19.83,20.593 L 19.41,20.458 C 18.31,20.112 17.4,19.496 17.4,18.158 C 17.4,16.686 18.49,15.705 20.27,15.705 C 20.92,15.715 21.57,15.799 22.19,15.955 L 22.23,17.629", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.92,7.391 C 1.92,7.135 1.82,6.891 1.64,6.71 C 1.46,6.53 1.21,6.428 0.96,6.428 C 0.71,6.428 0.46,6.53 0.28,6.71 C 0.1,6.891 0,7.135 0,7.391 L 0,9.459 C 0,9.715 0.1,9.959 0.28,10.14 C 0.46,10.32 0.71,10.422 0.96,10.422 C 1.21,10.422 1.46,10.32 1.64,10.14 C 1.82,9.959 1.92,9.715 1.92,9.459 L 1.92,7.391", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 7.35,4.686 C 7.35,4.431 7.25,4.186 7.07,4.006 C 6.89,3.826 6.64,3.724 6.39,3.724 C 6.13,3.724 5.89,3.826 5.71,4.006 C 5.53,4.186 5.43,4.431 5.43,4.686 L 5.43,9.498 C 5.43,9.753 5.53,9.998 5.71,10.178 C 5.89,10.359 6.13,10.46 6.39,10.46 C 6.64,10.46 6.89,10.359 7.07,10.178 C 7.25,9.998 7.35,9.753 7.35,9.498 L 7.35,4.686", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 12.74,0.962 C 12.74,0.707 12.64,0.462 12.46,0.282 C 12.28,0.101 12.04,1.705e-13 11.78,1.705e-13 C 11.53,1.705e-13 11.29,0.101 11.11,0.282 C 10.93,0.462 10.82,0.707 10.82,0.962 L 10.82,11.423 C 10.82,11.678 10.93,11.923 11.11,12.103 C 11.29,12.284 11.53,12.385 11.78,12.385 C 12.04,12.385 12.28,12.284 12.46,12.103 C 12.64,11.923 12.74,11.678 12.74,11.423 L 12.74,0.962", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 18.14,4.686 C 18.14,4.431 18.03,4.186 17.85,4.006 C 17.67,3.826 17.43,3.724 17.18,3.724 C 16.92,3.724 16.68,3.826 16.5,4.006 C 16.32,4.186 16.22,4.431 16.22,4.686 L 16.22,9.498 C 16.22,9.753 16.32,9.998 16.5,10.178 C 16.68,10.359 16.92,10.46 17.18,10.46 C 17.43,10.46 17.67,10.359 17.85,10.178 C 18.03,9.998 18.14,9.753 18.14,9.498 L 18.14,4.686", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 23.53,7.391 C 23.53,7.135 23.43,6.891 23.25,6.71 C 23.07,6.53 22.83,6.428 22.57,6.428 C 22.32,6.428 22.07,6.53 21.89,6.71 C 21.71,6.891 21.61,7.135 21.61,7.391 L 21.61,9.459 C 21.61,9.715 21.71,9.959 21.89,10.14 C 22.07,10.32 22.32,10.422 22.57,10.422 C 22.83,10.422 23.07,10.32 23.25,10.14 C 23.43,9.959 23.53,9.715 23.53,9.459 L 23.53,7.391", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 28.92,4.686 C 28.92,4.431 28.82,4.186 28.64,4.006 C 28.46,3.826 28.22,3.724 27.96,3.724 C 27.71,3.724 27.46,3.826 27.28,4.006 C 27.1,4.186 27,4.431 27,4.686 L 27,9.498 C 27,9.753 27.1,9.998 27.28,10.178 C 27.46,10.359 27.71,10.46 27.96,10.46 C 28.22,10.46 28.46,10.359 28.64,10.178 C 28.82,9.998 28.92,9.753 28.92,9.498 L 28.92,4.686", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 34.32,0.962 C 34.32,0.707 34.22,0.462 34.04,0.282 C 33.86,0.101 33.62,1.705e-13 33.36,1.705e-13 C 33.11,1.705e-13 32.87,0.101 32.69,0.282 C 32.51,0.462 32.4,0.707 32.4,0.962 L 32.4,11.423 C 32.4,11.678 32.51,11.923 32.69,12.103 C 32.87,12.284 33.11,12.385 33.36,12.385 C 33.62,12.385 33.86,12.284 34.04,12.103 C 34.22,11.923 34.32,11.678 34.32,11.423 L 34.32,0.962", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 39.72,4.687 C 39.72,4.424 39.61,4.172 39.43,3.986 C 39.24,3.8 38.99,3.696 38.73,3.696 C 38.47,3.696 38.21,3.8 38.03,3.986 C 37.84,4.172 37.74,4.424 37.74,4.687 L 37.74,9.499 C 37.74,9.761 37.84,10.014 38.03,10.199 C 38.21,10.385 38.47,10.49 38.73,10.49 C 38.99,10.49 39.24,10.385 39.43,10.199 C 39.61,10.014 39.72,9.761 39.72,9.499 L 39.72,4.687", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 45.1,7.391 C 45.1,7.135 45,6.891 44.82,6.71 C 44.64,6.53 44.39,6.428 44.14,6.428 C 43.89,6.428 43.64,6.53 43.46,6.71 C 43.28,6.891 43.18,7.135 43.18,7.391 L 43.18,9.459 C 43.18,9.715 43.28,9.959 43.46,10.14 C 43.64,10.32 43.89,10.422 44.14,10.422 C 44.39,10.422 44.64,10.32 44.82,10.14 C 45,9.959 45.1,9.715 45.1,9.459 L 45.1,7.391", fill: "currentColor" })] })));
3973
- };
3974
- const OutshiftBrand = (props) => {
3975
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 87.49 36", children: [jsxRuntime.jsx("path", { d: "M 33,33.673 C 33,33.344 32.92,33.095 32.75,32.931 C 32.62,32.796 32.45,32.73 32.24,32.73 C 31.99,32.73 31.8,32.818 31.65,32.997 C 31.52,33.168 31.45,33.395 31.45,33.673 C 31.45,34.01 31.53,34.267 31.69,34.446 C 31.83,34.601 32.01,34.678 32.24,34.678 C 32.49,34.678 32.68,34.586 32.81,34.401 C 32.94,34.23 33,33.988 33,33.675 L 33,33.673 M 31.39,35.015 L 30.99,35.015 L 30.99,31.383 L 31.47,31.383 L 31.47,32.755 C 31.68,32.462 31.97,32.317 32.35,32.317 C 32.73,32.317 33.02,32.451 33.23,32.72 C 33.41,32.962 33.51,33.284 33.51,33.684 C 33.51,34.159 33.38,34.522 33.13,34.775 C 32.91,34.987 32.64,35.093 32.32,35.093 C 31.94,35.093 31.66,34.952 31.46,34.669 L 31.39,35.017 L 31.39,35.015", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 36.15,32.391 L 35.24,35.051 C 35.12,35.403 35,35.644 34.89,35.772 C 34.76,35.924 34.59,35.999 34.38,35.999 C 34.29,35.999 34.19,35.983 34.06,35.953 L 34.06,35.559 C 34.16,35.582 34.24,35.593 34.32,35.593 C 34.42,35.593 34.5,35.557 34.56,35.484 C 34.62,35.411 34.69,35.255 34.78,35.013 L 34.62,35.013 L 33.65,32.388 L 34.18,32.388 L 34.92,34.618 L 35.66,32.388 L 36.15,32.388 L 36.15,32.391", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 42.08,31.381 L 42.08,35.042 L 43,35.042 L 43,31.381 L 42.08,31.381 M 40.79,32.415 C 40.79,32.119 40.78,31.851 40.8,31.587 C 40.8,31.452 40.74,31.399 40.63,31.389 C 40.31,31.362 39.98,31.301 39.67,31.335 C 38.14,31.506 37.59,33.108 38.24,34.215 C 38.75,35.079 39.82,35.296 40.69,35.022 C 40.73,35.009 40.78,34.962 40.79,34.928 C 40.79,34.631 40.79,34.333 40.79,34.078 C 40.48,34.118 40.2,34.184 39.92,34.183 C 39.43,34.181 39.05,33.817 39,33.353 C 38.95,32.823 39.22,32.412 39.72,32.272 C 40.08,32.169 40.42,32.269 40.79,32.415 M 50.51,31.438 C 49.48,31.122 48.52,31.394 48.02,32.133 C 47.55,32.83 47.6,33.8 48.13,34.449 C 48.64,35.079 49.69,35.318 50.5,34.985 C 50.51,34.946 50.51,34.903 50.51,34.86 C 50.51,34.586 50.51,34.314 50.51,34.023 C 50.44,34.05 50.38,34.086 50.32,34.093 C 50.04,34.124 49.74,34.203 49.47,34.164 C 48.96,34.091 48.68,33.64 48.73,33.072 C 48.77,32.614 49.17,32.234 49.65,32.242 C 49.94,32.247 50.22,32.32 50.51,32.361 L 50.51,31.438 M 44.25,34.254 C 44.25,34.439 44.24,34.675 44.25,34.913 C 44.26,34.96 44.33,35.039 44.37,35.042 C 44.82,35.065 45.28,35.129 45.72,35.077 C 46.51,34.984 46.97,34.267 46.74,33.569 C 46.62,33.178 46.31,32.977 45.95,32.844 C 45.78,32.785 45.61,32.754 45.46,32.668 C 45.37,32.611 45.24,32.477 45.25,32.391 C 45.26,32.301 45.41,32.185 45.51,32.157 C 45.68,32.113 45.87,32.12 46.04,32.13 C 46.2,32.138 46.36,32.179 46.53,32.206 L 46.53,31.376 C 46.13,31.361 45.73,31.313 45.34,31.337 C 44.74,31.373 44.35,31.761 44.26,32.347 C 44.19,32.834 44.47,33.258 45.03,33.483 C 45.2,33.553 45.38,33.599 45.55,33.672 C 45.7,33.732 45.85,33.836 45.79,34.006 C 45.74,34.115 45.6,34.253 45.49,34.259 C 45.09,34.284 44.69,34.259 44.25,34.254 L 44.25,34.254", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 53.43,34.186 C 52.89,34.186 52.46,33.748 52.47,33.215 C 52.48,32.675 52.89,32.273 53.44,32.274 C 54,32.274 54.41,32.688 54.41,33.234 C 54.41,33.773 53.98,34.186 53.43,34.186 L 53.43,34.186 M 53.44,31.32 C 52.32,31.32 51.49,32.135 51.49,33.237 C 51.49,34.316 52.33,35.135 53.44,35.135 C 54.55,35.135 55.39,34.308 55.39,33.216 C 55.39,32.132 54.55,31.318 53.44,31.318 L 53.44,31.32", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 0,19.099 C 0,19.819 0.6,20.397 1.32,20.393 L 14.36,20.365 C 15.09,20.362 15.67,19.779 15.67,19.058 C 15.66,18.341 15.08,17.758 14.35,17.761 L 1.31,17.79 C 0.59,17.793 0,18.38 0,19.099", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 8.85,29.588 C 9.21,30.21 10.02,30.413 10.64,30.05 L 16.15,26.834 C 16.79,26.465 17,25.671 16.63,25.048 C 16.27,24.428 15.48,24.217 14.84,24.586 L 9.33,27.803 C 8.71,28.167 8.49,28.969 8.85,29.59 L 8.85,29.588", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 17.5,33.387 C 18.12,33.745 18.92,33.518 19.28,32.892 L 20.99,30.448 C 21.35,29.813 21.14,29.018 20.51,28.661 C 19.89,28.305 19.09,28.521 18.73,29.156 L 17.02,31.602 C 16.66,32.228 16.87,33.033 17.49,33.389 L 17.5,33.387", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 36.51,0.17 C 35.88,-0.188 35.08,0.038 34.72,0.665 L 28.23,11.971 C 27.87,12.606 28.08,13.4 28.71,13.757 C 29.33,14.113 30.13,13.896 30.49,13.261 L 36.99,1.957 C 37.34,1.33 37.13,0.526 36.51,0.17", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 14.6,10.35 C 14.05,10.813 13.98,11.639 14.44,12.193 L 16.14,14.651 C 16.61,15.211 17.43,15.286 17.98,14.823 C 18.53,14.363 18.61,13.541 18.14,12.981 L 16.44,10.523 C 15.98,9.969 15.15,9.89 14.6,10.35", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 23.18,3.334 C 22.46,3.337 21.88,3.932 21.89,4.654 L 21.92,11.037 C 21.92,11.768 22.5,12.348 23.22,12.345 C 23.94,12.341 24.52,11.756 24.52,11.025 L 24.49,4.641 C 24.49,3.919 23.9,3.33 23.18,3.334 L 23.18,3.334", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 30.99,15.782 L 33.34,15.782 L 33.34,22.463 C 33.34,23.766 33.98,24.417 35.25,24.417 C 35.99,24.417 36.57,24.149 36.99,23.616 C 37.33,23.16 37.5,22.599 37.5,21.936 L 37.5,15.784 L 39.84,15.784 L 39.84,25.941 L 37.91,25.941 L 37.65,24.808 C 36.92,25.759 35.91,26.234 34.61,26.234 C 33.41,26.234 32.49,25.87 31.85,25.14 C 31.28,24.475 30.99,23.565 30.99,22.405 L 30.99,15.782", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 47.47,24.22 L 47.47,25.998 C 46.92,26.155 46.4,26.232 45.91,26.232 C 44.9,26.232 44.14,25.933 43.62,25.333 C 43.18,24.825 42.96,24.141 42.96,23.282 L 42.96,17.577 L 41.43,17.577 L 41.43,15.781 L 42.96,15.781 L 43.11,13.338 L 45.3,13.338 L 45.3,15.781 L 47.45,15.781 L 47.45,17.577 L 45.3,17.577 L 45.3,23.359 C 45.3,24.037 45.65,24.375 46.34,24.375 C 46.64,24.375 47.01,24.323 47.47,24.219 L 47.47,24.22", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 50.84,23.048 C 51.02,24.024 51.76,24.513 53.05,24.513 C 53.76,24.513 54.3,24.377 54.67,24.104 C 54.97,23.869 55.12,23.564 55.12,23.185 C 55.12,22.704 54.85,22.345 54.33,22.111 C 54.03,21.981 53.38,21.799 52.36,21.565 C 51.11,21.278 50.22,20.887 49.68,20.393 C 49.15,19.912 48.88,19.281 48.88,18.499 C 48.88,17.509 49.29,16.747 50.09,16.213 C 50.81,15.732 51.79,15.49 53.04,15.49 C 54.29,15.49 55.37,15.795 56.15,16.408 C 56.83,16.929 57.25,17.631 57.42,18.518 L 55.03,18.518 C 54.84,17.646 54.16,17.209 53,17.209 C 51.85,17.209 51.25,17.566 51.25,18.283 C 51.25,18.648 51.39,18.921 51.7,19.103 C 51.99,19.285 52.6,19.488 53.51,19.71 C 54.92,20.036 55.89,20.4 56.44,20.803 C 57.13,21.311 57.48,22.027 57.48,22.951 C 57.48,24.005 57.05,24.833 56.19,25.432 C 55.41,25.965 54.35,26.232 53.02,26.232 C 51.63,26.232 50.52,25.9 49.68,25.237 C 48.98,24.677 48.57,23.948 48.45,23.049 L 50.84,23.049 L 50.84,23.048", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 61.49,25.939 L 59.15,25.939 L 59.15,11.876 L 61.49,11.876 L 61.49,16.838 C 62.22,15.939 63.21,15.49 64.44,15.49 C 65.68,15.49 66.6,15.868 67.24,16.623 C 67.81,17.288 68.1,18.193 68.1,19.337 L 68.1,25.939 L 65.75,25.939 L 65.75,19.396 C 65.75,18.003 65.11,17.305 63.82,17.305 C 63.1,17.305 62.53,17.552 62.1,18.047 C 61.7,18.503 61.49,19.083 61.49,19.785 L 61.49,25.938 L 61.49,25.939", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 72.42,25.939 L 70.07,25.939 L 70.07,15.782 L 72.42,15.782 L 72.42,25.939", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 80.63,11.855 L 80.63,13.691 C 79.99,13.522 79.49,13.438 79.11,13.438 C 78.35,13.438 77.98,13.796 77.98,14.513 L 77.98,15.782 L 80.18,15.782 L 80.18,17.579 L 77.98,17.579 L 77.98,25.939 L 75.63,25.939 L 75.63,17.579 L 74.11,17.579 L 74.11,15.782 L 75.63,15.782 L 75.63,14.63 C 75.63,13.614 75.94,12.833 76.57,12.286 C 77.12,11.817 77.83,11.583 78.72,11.583 C 79.29,11.583 79.93,11.675 80.63,11.857 L 80.63,11.855", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 87.49,24.22 L 87.49,25.998 C 86.94,26.155 86.42,26.232 85.93,26.232 C 84.92,26.232 84.16,25.933 83.64,25.333 C 83.2,24.825 82.98,24.141 82.98,23.282 L 82.98,17.577 L 81.45,17.577 L 81.45,15.781 L 82.98,15.781 L 83.13,13.338 L 85.32,13.338 L 85.32,15.781 L 87.47,15.781 L 87.47,17.577 L 85.32,17.577 L 85.32,23.359 C 85.32,24.037 85.66,24.375 86.35,24.375 C 86.65,24.375 87.03,24.323 87.49,24.219 L 87.49,24.22", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 72.88,12.374 C 72.88,13.259 72.16,13.978 71.28,13.978 C 70.4,13.978 69.68,13.259 69.68,12.374 C 69.68,11.49 70.39,10.771 71.28,10.771 C 72.17,10.771 72.88,11.49 72.88,12.374", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 24.05,24.065 C 22.29,24.065 20.87,22.641 20.87,20.884 C 20.87,19.127 22.29,17.702 24.05,17.702 C 25.81,17.702 27.23,19.127 27.23,20.884 C 27.23,22.641 25.81,24.065 24.05,24.065 M 24.05,15.474 C 21.06,15.474 18.64,17.895 18.64,20.884 C 18.64,23.872 21.06,26.294 24.05,26.294 C 27.04,26.294 29.46,23.872 29.46,20.884 C 29.46,17.895 27.04,15.474 24.05,15.474", fill: "currentColor" })] })));
3984
+ const surfaceLight50 = "#fbfcfe";
3985
+ const surfaceLight100 = "#f5f8fd";
3986
+ const surfaceLight200 = "#eff3fc";
3987
+ const surfaceLight300 = "#e8eefb";
3988
+ const surfaceLight400 = "#e3eafa";
3989
+ const surfaceLight500 = "#dee6f9";
3990
+ const surfaceLight600 = "#dae3f8";
3991
+ const surfaceLight700 = "#d5dff7";
3992
+ const surfaceLight800 = "#d1dbf6";
3993
+ const surfaceLight900 = "#c8d5f5";
3994
+ const surfaceLight50Alpha40 = "#fbfcfe66";
3995
+ const surfaceLight800Alpha40 = "#d1dbf666";
3996
+ const surfaceLight900Alpha40 = "#c8d5f566";
3997
+ const surfaceLight900Alpha10 = "#c8d5f519";
3998
+ const surfaceDark50 = "#4f628d";
3999
+ const surfaceDark100 = "#3a4e77";
4000
+ const surfaceDark200 = "#31466e";
4001
+ const surfaceDark300 = "#263b62";
4002
+ const surfaceDark400 = "#183056";
4003
+ const surfaceDark500 = "#0d274d";
4004
+ const surfaceDark600 = "#062242";
4005
+ const surfaceDark700 = "#001c3b";
4006
+ const surfaceDark800 = "#041930";
4007
+ const surfaceDark900 = "#00142b";
4008
+ const surfaceDark800Alpha40 = "#04193066";
4009
+ const surfaceDark900Alpha40 = "#00142b66";
4010
+ const surfaceDark900Alpha10 = "#00142b19";
4011
+ const blue50 = "#e8f1ff";
4012
+ const blue100 = "#9bcaff";
4013
+ const blue200 = "#79b9ff";
4014
+ const blue300 = "#187adc";
4015
+ const blue400 = "#0063c2";
4016
+ const blue500 = "#0051af";
4017
+ const blue600 = "#004ba8";
4018
+ const blue700 = "#00409f";
4019
+ const blue800 = "#003796";
4020
+ const blue900 = "#002786";
4021
+ const blueAlpha40 = "#0051af66";
4022
+ const blueAlpha10 = "#0051af19";
4023
+ const blueFocusRingWeak = "#cce1ff";
4024
+ const blueFocusRingStrong = "#3e84e5";
4025
+ const lightBlue50 = "#edfcff";
4026
+ const lightBlue100 = "#bcf2ff";
4027
+ const lightBlue200 = "#8fe9ff";
4028
+ const lightBlue300 = "#62e0ff";
4029
+ const lightBlue400 = "#41d9ff";
4030
+ const lightBlue500 = "#1fd2ff";
4031
+ const lightBlue600 = "#1bcdff";
4032
+ const lightBlue700 = "#17c7ff";
4033
+ const lightBlue800 = "#12c1ff";
4034
+ const lightBlue900 = "#0ab6ff";
4035
+ const lightBlueAlpha40 = "#1fd2ff66";
4036
+ const lightBlueAlpha10 = "#1fd2ff19";
4037
+ const grey0 = "#ffffff";
4038
+ const grey50 = "#e8e9ea";
4039
+ const grey100 = "#c5c7cb";
4040
+ const grey200 = "#9ea2a8";
4041
+ const grey300 = "#777d85";
4042
+ const grey400 = "#59616b";
4043
+ const grey500 = "#3c4551";
4044
+ const grey600 = "#363e4a";
4045
+ const grey700 = "#2e3640";
4046
+ const grey800 = "#272e37";
4047
+ const grey900 = "#1a1f27";
4048
+ const greyAlpha40 = "#3c455166";
4049
+ const greyAlpha10 = "#3c455119";
4050
+ const purple50 = "#faecff";
4051
+ const purple100 = "#f1dbff";
4052
+ const purple200 = "#deb8ff";
4053
+ const purple300 = "#ca93ff";
4054
+ const purple400 = "#c080ff";
4055
+ const purple500 = "#b76dff";
4056
+ const purple600 = "#9c4eea";
4057
+ const purple700 = "#6a21ba";
4058
+ const purple800 = "#5300a4";
4059
+ const purple900 = "#1b0077";
4060
+ const purpleAlpha40 = "#b76dff66";
4061
+ const purpleAlpha10 = "#b76dff19";
4062
+ const red50 = "#f8e5ea";
4063
+ const red100 = "#eebfcb";
4064
+ const red200 = "#e394a9";
4065
+ const red300 = "#d76987";
4066
+ const red400 = "#cf496d";
4067
+ const red500 = "#c62953";
4068
+ const red600 = "#c0244c";
4069
+ const red700 = "#b91f42";
4070
+ const red800 = "#b11939";
4071
+ const red900 = "#a40f29";
4072
+ const redAlpha40 = "#c6295366";
4073
+ const redAlpha10 = "#c6295319";
4074
+ const orange50 = "#fdece8";
4075
+ const orange100 = "#fbd1c5";
4076
+ const orange200 = "#f9b29e";
4077
+ const orange300 = "#f69377";
4078
+ const orange400 = "#f47b5a";
4079
+ const orange500 = "#f2643d";
4080
+ const orange600 = "#f05c37";
4081
+ const orange700 = "#ee522f";
4082
+ const orange800 = "#ec4827";
4083
+ const orange900 = "#e8361a";
4084
+ const orangeAlpha40 = "#f2643d66";
4085
+ const orangeAlpha10 = "#f2643d19";
4086
+ const lightOrange50 = "#fff5e9";
4087
+ const lightOrange100 = "#ffe7c7";
4088
+ const lightOrange200 = "#ffd7a2";
4089
+ const lightOrange300 = "#ffc77d";
4090
+ const lightOrange400 = "#ffbb61";
4091
+ const lightOrange500 = "#fbaf45";
4092
+ const lightOrange600 = "#fbab2c";
4093
+ const lightOrange700 = "#fb9f36";
4094
+ const lightOrange800 = "#fb962e";
4095
+ const lightOrange900 = "#fb861f";
4096
+ const lightAlphaOrange40 = "#fbaf4566";
4097
+ const lightAlphaOrange10 = "#fbaf4519";
4098
+ const yellow50 = "#fffceb";
4099
+ const yellow100 = "#fff8cd";
4100
+ const yellow200 = "#fff3ac";
4101
+ const yellow300 = "#ffee8b";
4102
+ const yellow400 = "#ffea72";
4103
+ const yellow500 = "#ffe659";
4104
+ const yellow600 = "#ffe351";
4105
+ const yellow700 = "#ffdf48";
4106
+ const yellow800 = "#ffdb3e";
4107
+ const yellow900 = "#ffd52e";
4108
+ const yellowAlpha40 = "#ffe65966";
4109
+ const yellowAlpha10 = "#ffe65919";
4110
+ const green50 = "#ebfbf7";
4111
+ const green100 = "#b3eadd";
4112
+ const green200 = "#80dcc6";
4113
+ const green300 = "#4dceaf";
4114
+ const green400 = "#26c49e";
4115
+ const green500 = "#00b98d";
4116
+ const green600 = "#00b285";
4117
+ const green700 = "#00aa7a";
4118
+ const green800 = "#00a270";
4119
+ const green900 = "#00935d";
4120
+ const green40 = "#00b98d66";
4121
+ const green10 = "#00b98d19";
4122
+ const night10 = "#dff1f5";
4123
+ const night50 = "#96d0dd";
4124
+ const night100 = "#62bed2";
4125
+ const night200 = "#46aace";
4126
+ const night300 = "#3d91be";
4127
+ const night400 = "#3577ae";
4128
+ const night500 = "#2d5e9e";
4129
+ const night600 = "#24448e";
4130
+ const night700 = "#1c2b7f";
4131
+ const night800 = "#162065";
4132
+ const night900 = "#11174b";
4133
+ const sunset10 = "#fff6d4";
4134
+ const sunset50 = "#f9cdac";
4135
+ const sunset100 = "#f3aca2";
4136
+ const sunset200 = "#ee8b97";
4137
+ const sunset300 = "#e96a8d";
4138
+ const sunset400 = "#db5087";
4139
+ const sunset500 = "#b8428c";
4140
+ const sunset600 = "#973490";
4141
+ const sunset700 = "#742796";
4142
+ const sunset800 = "#5e1f88";
4143
+ const sunset900 = "#4d1a70";
4144
+ const lavender10 = "#f1f5ff";
4145
+ const lavender50 = "#e0e5ff";
4146
+ const lavender100 = "#c8cdfb";
4147
+ const lavender200 = "#bac1ff";
4148
+ const lavender300 = "#a8afff";
4149
+ const lavender400 = "#9ca6ff";
4150
+ const lavender500 = "#8a95ff";
4151
+ const lavender600 = "#5c6ddd";
4152
+ const lavender700 = "#2847a5";
4153
+ const lavender800 = "#00358f";
4154
+ const lavender900 = "#002378";
4155
+ const lime10 = "#fcfee8";
4156
+ const lime50 = "#fcffd0";
4157
+ const lime100 = "#eaff80";
4158
+ const lime200 = "#d3f474";
4159
+ const lime300 = "#bbdc5e";
4160
+ const lime400 = "#a4c547";
4161
+ const lime500 = "#89ab2c";
4162
+ const lime600 = "#7da11b";
4163
+ const lime700 = "#5f8200";
4164
+ const lime800 = "#345900";
4165
+ const lime900 = "#193100";
4166
+ const pink10 = "#fff9ff";
4167
+ const pink50 = "#ffdeea";
4168
+ const pink100 = "#ffc4d5";
4169
+ const pink200 = "#ffa6ca";
4170
+ const pink300 = "#ff87a9";
4171
+ const pink400 = "#f2638c";
4172
+ const pink500 = "#e3447c";
4173
+ const pink600 = "#c2306f";
4174
+ const pink700 = "#97174a";
4175
+ const pink800 = "#7f0037";
4176
+ const pink900 = "#500014";
4177
+ const teal10 = "#efffff";
4178
+ const teal50 = "#c7ffff";
4179
+ const teal100 = "#92ffff";
4180
+ const teal200 = "#78fbff";
4181
+ const teal300 = "#5de2e8";
4182
+ const teal400 = "#3ecbd1";
4183
+ const teal500 = "#0bb2b8";
4184
+ const teal600 = "#028e99";
4185
+ const teal700 = "#007178";
4186
+ const teal800 = "#00484f";
4187
+ const teal900 = "#00353c";
4188
+ const outshiftLogoLightOrange = "#fbaf45";
4189
+ const outshiftBlue = "#0051af";
4190
+ const outshiftMidnightBlue = "#0d274d";
4191
+ const agentcyYellow = "#fbaf45";
4192
+ const illustrationShell = "#1e2939";
4193
+ const illustrationRing = "#2e3e57";
4194
+ const illustrationSurface = "#233043";
4195
+ const illustrationSurfaceSubtle = "#2e3640";
4196
+ const illustrationStroke = "#384d6b";
4197
+ const illustrationGradientStart = "#384c6b";
4198
+ const illustrationGradientEnd = "#2a3a50";
4199
+ const illustrationInfoGradientStart = "#834dd7";
4200
+ const illustrationInfoGradientMiddle = "#7670d5";
4201
+ const illustrationInfoGradientEnd = "#58c0d0";
4202
+ const illustrationPositiveGradientStart = "#1ac1e5";
4203
+ const illustrationPositiveGradientMiddle = "#4cc9b2";
4204
+ const illustrationPositiveGradientEnd = "#a7d755";
4205
+ const illustrationNegativeGradientStart = "#e09e89";
4206
+ const illustrationWarningGradientStart = "#ff9900";
4207
+ const illustrationWarningGradientEnd = "#c8511b";
4208
+ const outshiftOrange = "#fb861f";
4209
+ const agentcyBlue = "#187adc";
4210
+ const agentcyDarkBlue = "#00142b";
4211
+ const outshiftLogoLightBlue = "#17c7ff";
4212
+ const outshiftLogoGreen = "#74bf4b";
4213
+ const outshiftLogoWhite = "#ffffff";
4214
+ const outshiftLogoOrange = "#f2643d";
4215
+ const outshiftLogoDark = "#00142b";
4216
+ const brandColors = {
4217
+ outshiftLogoLightOrange,
4218
+ outshiftBlue,
4219
+ outshiftMidnightBlue,
4220
+ agentcyYellow,
4221
+ outshiftOrange,
4222
+ agentcyBlue,
4223
+ agentcyDarkBlue,
4224
+ outshiftLogoLightBlue,
4225
+ outshiftLogoGreen,
4226
+ outshiftLogoWhite,
4227
+ outshiftLogoOrange,
4228
+ outshiftLogoDark,
3976
4229
  };
3977
-
3978
- const CiscoAIAssistantDefault = (props) => {
3979
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsxRuntime.jsx("path", { d: "M 20.5,15 C 24.64,15 28,11.642 28,7.5 C 28,3.358 24.64,1.137e-13 20.5,1.137e-13 C 16.36,1.137e-13 13,3.358 13,7.5 C 13,11.642 16.36,15 20.5,15", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.423 C 8.81,5.423 5.42,8.817 5.42,13.004 C 5.42,17.191 8.81,20.585 13,20.585 C 17.19,20.585 20.58,17.191 20.58,13.004 C 20.58,8.817 17.19,5.423 13,5.423 M 9.095e-13,13.004 C 9.095e-13,5.826 5.82,0.008 13,0.008 C 20.18,0.008 26,5.826 26,13.004 C 26,20.182 20.18,26 13,26 C 5.82,26 9.095e-13,20.182 9.095e-13,13.004", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 25.99,12.605 C 24.62,14.074 22.67,14.992 20.51,14.992 C 20.44,14.992 20.38,14.991 20.32,14.99 C 20.49,14.354 20.58,13.686 20.58,12.996 C 20.58,8.907 17.35,5.574 13.3,5.42 C 13.89,3.343 15.36,1.636 17.28,0.72 C 22.24,2.447 25.83,7.096 25.99,12.605", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 20.5,15 C 24.64,15 28,11.642 28,7.5 C 28,3.358 24.64,1.137e-13 20.5,1.137e-13 C 16.35,1.137e-13 13,3.358 13,7.5 C 13,11.642 16.35,15 20.5,15", fill: "currentColor" })] })));
4230
+ const gradientStopColors = {
4231
+ illustrationBlueStart: "#214694",
4232
+ illustrationBlueMiddle: "#3169a8",
4233
+ illustrationBlueEnd: "#56bad5",
4234
+ illustrationRainbowRed: "#ba4d5f",
4235
+ illustrationRainbowOrange: "#df875d",
4236
+ illustrationRainbowYellow: "#eab069",
4237
+ illustrationRainbowGreen: "#8cbdac",
4238
+ illustrationRainbowTeal: "#58c0d0",
4239
+ illustrationPurpleStart: "#834dd7",
4240
+ illustrationPurpleMiddle: "#7670d5",
4241
+ illustrationGreenStart: "#1ac1e5",
4242
+ illustrationGreenMiddle: "#4cc9b2",
4243
+ illustrationGreenEnd: "#a7d755",
4244
+ illustrationLightBlueStart: "#00dff0",
4245
+ illustrationLightBlueMiddle: "#00aff0",
4246
+ illustrationLightBlueEnd: "#006df0",
4247
+ illustrationPinkStart: "#e09e89",
4248
+ illustrationPinkEnd: "#c0328a",
4249
+ illustrationOrangeStart: "#ff9900",
4250
+ illustrationOrangeEnd: "#c8511b",
4251
+ primaryOrange: "#ff6d2e",
4252
+ primaryPurple: "#341686",
4253
+ secondaryBlueWeak: "#80a8d7",
4254
+ secondaryBlueStrong: "#021d60",
4255
+ secondaryBlueHoverWeak: "#b3cbe7",
3980
4256
  };
3981
- const CiscoAIAssistantProcessing_loop = (props) => {
3982
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 26", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.415 C 8.81,5.415 5.42,8.809 5.42,12.996 C 5.42,17.183 8.81,20.577 13,20.577 C 17.19,20.577 20.58,17.183 20.58,12.996 C 20.58,8.809 17.19,5.415 13,5.415 M 9.095e-13,12.996 C 9.095e-13,5.819 5.82,2.274e-13 13,2.274e-13 C 20.18,2.274e-13 26,5.819 26,12.996 C 26,20.174 20.18,25.993 13,25.993 C 5.82,25.993 9.095e-13,20.174 9.095e-13,12.996", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 13,2.742 C 7.33,2.742 2.74,7.335 2.74,13 C 2.74,18.665 7.33,23.257 13,23.257 C 16.73,23.257 19.99,21.269 21.79,18.294", stroke: "currentColor", strokeWidth: "8.19239", strokeLinecap: "round" })] })));
4257
+ const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
4258
+ const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
4259
+ const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
4260
+ const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
4261
+ const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
4262
+ const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
4263
+ const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
4264
+ const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
4265
+ const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
4266
+ const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
4267
+ const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
4268
+ const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
4269
+ const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
4270
+ const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
4271
+ const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
4272
+ const surfaceLightPalette = {
4273
+ 50: surfaceLight50,
4274
+ 100: surfaceLight100,
4275
+ 200: surfaceLight200,
4276
+ 300: surfaceLight300,
4277
+ 400: surfaceLight400,
4278
+ 500: surfaceLight500,
4279
+ 600: surfaceLight600,
4280
+ 700: surfaceLight700,
4281
+ 800: surfaceLight800,
4282
+ 900: surfaceLight900,
3983
4283
  };
3984
- const CiscoAIAssistantProcessing_start = (props) => {
3985
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsxRuntime.jsx("path", { d: "M 22.59,18.263 C 25.58,18.263 28,15.841 28,12.855 C 28,9.868 25.58,7.447 22.59,7.447 C 19.6,7.447 17.18,9.868 17.18,12.855 C 17.18,15.841 19.6,18.263 22.59,18.263", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.415 C 8.81,5.415 5.42,8.809 5.42,12.996 C 5.42,17.183 8.81,20.577 13,20.577 C 17.19,20.577 20.58,17.183 20.58,12.996 C 20.58,8.809 17.19,5.415 13,5.415 M 9.095e-13,12.996 C 9.095e-13,5.819 5.82,1.137e-13 13,1.137e-13 C 20.18,1.137e-13 26,5.819 26,12.996 C 26,20.174 20.18,25.992 13,25.992 C 5.82,25.992 9.095e-13,20.174 9.095e-13,12.996", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 19.37,17.123 C 20.14,15.935 20.59,14.516 20.59,12.992 C 20.59,11.371 20.08,9.869 19.21,8.636 C 20.14,7.892 21.31,7.447 22.58,7.447 C 23.46,7.447 24.29,7.658 25.03,8.033 C 25.66,9.561 26.01,11.236 26.01,12.992 C 26.01,14.583 25.72,16.108 25.2,17.516 C 24.42,17.948 23.53,18.193 22.58,18.193 C 21.38,18.193 20.26,17.795 19.37,17.123", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 22.59,18.27 C 25.58,18.27 28,15.847 28,12.859 C 28,9.87 25.58,7.447 22.59,7.447 C 19.6,7.447 17.18,9.87 17.18,12.859 C 17.18,15.847 19.6,18.27 22.59,18.27", fill: "currentColor" })] })));
4284
+ const surfaceDarkPalette = {
4285
+ 50: surfaceDark50,
4286
+ 100: surfaceDark100,
4287
+ 200: surfaceDark200,
4288
+ 300: surfaceDark300,
4289
+ 400: surfaceDark400,
4290
+ 500: surfaceDark500,
4291
+ 600: surfaceDark600,
4292
+ 700: surfaceDark700,
4293
+ 800: surfaceDark800,
4294
+ 900: surfaceDark900,
3986
4295
  };
3987
- const CiscoAIAssistantProcessing_end = (props) => {
3988
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 28", children: [jsxRuntime.jsx("path", { d: "M 13,11.336 C 16.13,11.336 18.67,8.798 18.67,5.668 C 18.67,2.538 16.13,1.137e-13 13,1.137e-13 C 9.87,1.137e-13 7.33,2.538 7.33,5.668 C 7.33,8.798 9.87,11.336 13,11.336", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,7.419 C 8.81,7.419 5.42,10.813 5.42,15 C 5.42,19.187 8.81,22.581 13,22.581 C 17.19,22.581 20.58,19.187 20.58,15 C 20.58,10.813 17.19,7.419 13,7.419 M 9.095e-13,15 C 9.095e-13,7.822 5.82,2.004 13,2.004 C 20.18,2.004 26,7.822 26,15 C 26,22.178 20.18,27.996 13,27.996 C 5.82,27.996 9.095e-13,22.178 9.095e-13,15", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 13,11.336 C 16.13,11.336 18.67,8.798 18.67,5.668 C 18.67,2.538 16.13,1.137e-13 13,1.137e-13 C 9.87,1.137e-13 7.33,2.538 7.33,5.668 C 7.33,8.798 9.87,11.336 13,11.336", fill: "currentColor" })] })));
4296
+ const bluePalette = {
4297
+ 50: blue50,
4298
+ 100: blue100,
4299
+ 200: blue200,
4300
+ 300: blue300,
4301
+ 400: blue400,
4302
+ 500: blue500,
4303
+ 600: blue600,
4304
+ 700: blue700,
4305
+ 800: blue800,
4306
+ 900: blue900,
4307
+ alpha40: blueAlpha40,
4308
+ alpha10: blueAlpha10,
3989
4309
  };
3990
-
3991
- const Cisco = (props) => {
3992
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 23 13.494", children: [jsxRuntime.jsx("path", { d: "M 17.54,0.6 L 17.54,6.57 C 17.54,6.9 17.28,7.16 16.96,7.16 C 16.63,7.16 16.37,6.9 16.37,6.57 L 16.37,0.6 C 16.37,0.27 16.63,4.547e-13 16.96,4.547e-13 C 17.28,4.547e-13 17.54,0.27 17.54,0.6", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 14.23,6.04 C 14.66,6.04 14.81,5.79 14.81,5.49 L 14.81,2.82 C 14.81,2.53 14.66,2.28 14.23,2.28 C 13.8,2.28 13.64,2.53 13.64,2.82 L 13.64,5.49 C 13.64,5.79 13.8,6.04 14.23,6.04", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 3.9,5.49 C 3.87,5.8 3.62,6.04 3.31,6.04 C 3.01,6.04 2.75,5.8 2.73,5.49 L 2.73,2.82 C 2.76,2.52 3.01,2.29 3.31,2.29 C 3.61,2.29 3.86,2.52 3.9,2.82 L 3.9,5.49", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 22.42,3.79 C 22.11,3.79 21.86,4.03 21.83,4.34 L 21.83,5.49 C 21.86,5.79 22.12,6.02 22.42,6.02 C 22.71,6.02 22.97,5.79 23,5.49 L 23,4.34 C 22.97,4.03 22.72,3.79 22.42,3.79", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 6.63,8.94 L 7.8,8.94 L 7.8,13.32 L 6.63,13.32 L 6.63,8.94", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 13.18,12.86 C 12.74,12.43 12.5,11.84 12.49,11.23 C 12.51,10.6 12.77,10 13.21,9.57 C 13.66,9.14 14.26,8.92 14.88,8.94 C 15.26,8.97 15.63,9.02 16,9.1 L 16,10.29 C 15.83,10.28 15.69,10.23 15.55,10.18 C 15.37,10.12 15.18,10.06 14.9,10.06 C 14.58,10.04 14.27,10.16 14.03,10.38 C 13.8,10.59 13.66,10.9 13.64,11.23 C 13.7,11.9 14.27,12.41 14.93,12.39 C 15.21,12.39 15.38,12.33 15.55,12.27 C 15.68,12.22 15.81,12.17 15.98,12.16 L 15.98,13.33 C 15.6,13.41 15.21,13.46 14.81,13.49 C 14.21,13.51 13.62,13.29 13.18,12.86", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.6,11.23 C 1.6,11.84 1.85,12.43 2.28,12.85 C 2.71,13.28 3.3,13.51 3.9,13.49 C 4.29,13.46 4.68,13.41 5.07,13.33 L 5.07,12.16 C 4.74,12.31 4.39,12.39 4.04,12.39 C 3.36,12.43 2.78,11.91 2.73,11.23 C 2.74,10.9 2.88,10.6 3.11,10.38 C 3.35,10.16 3.66,10.04 3.98,10.06 C 4.35,10.06 4.72,10.14 5.06,10.29 L 5.06,9.1 C 4.7,9.02 4.33,8.97 3.95,8.94 C 3.34,8.92 2.75,9.15 2.31,9.58 C 1.87,10.01 1.61,10.6 1.6,11.23", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 17.21,9.62 C 17.62,9.19 18.19,8.96 18.77,8.96 C 19.36,8.96 19.92,9.2 20.34,9.62 C 20.75,10.05 20.97,10.63 20.96,11.23 C 20.96,12.02 20.54,12.76 19.87,13.15 C 19.19,13.55 18.36,13.55 17.68,13.15 C 17.01,12.76 16.59,12.02 16.59,11.23 C 16.57,10.63 16.8,10.05 17.21,9.62 M 18.77,12.38 C 18.31,12.4 17.89,12.13 17.7,11.7 C 17.51,11.28 17.59,10.77 17.91,10.43 C 18.23,10.09 18.71,9.99 19.14,10.16 C 19.57,10.33 19.85,10.76 19.85,11.23 C 19.86,11.52 19.75,11.81 19.55,12.03 C 19.34,12.24 19.07,12.36 18.77,12.37 L 18.77,12.38", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.51,10.68 L 10.79,10.78 C 11.36,10.91 11.76,11.43 11.76,12.03 C 11.76,13.13 11.07,13.49 10.27,13.49 C 9.96,13.51 9.65,13.46 9.36,13.37 L 9.36,12.37 C 9.59,12.49 9.86,12.54 10.12,12.51 C 10.64,12.51 10.77,12.34 10.77,12.12 C 10.77,11.9 10.51,11.77 10.25,11.68 C 10.22,11.67 10.17,11.66 10.13,11.65 C 10.08,11.63 10.03,11.62 10,11.61 C 9.42,11.41 8.92,11.05 8.92,10.33 C 8.92,9.51 9.61,8.96 10.57,8.96 C 10.95,8.97 11.33,9.01 11.69,9.1 L 11.69,10.04 C 11.39,9.96 11.08,9.92 10.77,9.91 C 10.35,9.91 10.06,10 10.06,10.26 C 10.06,10.52 10.33,10.62 10.5,10.68 L 10.51,10.68", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 0.58,3.79 C 0.28,3.8 0.03,4.03 0,4.34 L 0,5.49 C 0.03,5.79 0.29,6.02 0.58,6.02 C 0.88,6.02 1.14,5.79 1.17,5.49 L 1.17,4.34 C 1.14,4.03 0.89,3.8 0.58,3.79", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.36,5.49 L 9.36,2.82 C 9.32,2.52 9.07,2.29 8.77,2.29 C 8.47,2.29 8.22,2.52 8.19,2.82 L 8.19,5.49 C 8.22,5.79 8.47,6.02 8.77,6.02 C 9.07,6.02 9.32,5.79 9.36,5.49", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.91,4.34 C 10.94,4.03 11.2,3.8 11.5,3.79 C 11.8,3.8 12.06,4.03 12.08,4.34 L 12.08,5.49 C 12.05,5.79 11.8,6.02 11.5,6.02 C 11.2,6.02 10.95,5.79 10.91,5.49 L 10.91,4.34", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 6.63,0.6 C 6.64,0.44 6.58,0.29 6.47,0.18 C 6.35,0.07 6.2,0.02 6.04,0.04 C 5.89,0.02 5.73,0.07 5.62,0.18 C 5.5,0.29 5.44,0.44 5.46,0.6 L 5.46,6.57 C 5.44,6.72 5.5,6.88 5.62,6.99 C 5.73,7.1 5.89,7.15 6.04,7.13 C 6.2,7.15 6.35,7.1 6.47,6.99 C 6.58,6.88 6.64,6.72 6.63,6.57 L 6.63,0.6", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 20.27,5.49 C 20.24,5.8 19.99,6.04 19.68,6.04 C 19.38,6.04 19.13,5.8 19.1,5.49 L 19.1,2.82 C 19.14,2.52 19.39,2.29 19.69,2.29 C 19.98,2.29 20.24,2.52 20.27,2.82 L 20.27,5.49", fill: "currentColor" })] })));
4310
+ const lightBluePalette = {
4311
+ 50: lightBlue50,
4312
+ 100: lightBlue100,
4313
+ 200: lightBlue200,
4314
+ 300: lightBlue300,
4315
+ 400: lightBlue400,
4316
+ 500: lightBlue500,
4317
+ 600: lightBlue600,
4318
+ 700: lightBlue700,
4319
+ 800: lightBlue800,
4320
+ 900: lightBlue900,
4321
+ alpha40: lightBlueAlpha40,
4322
+ alpha10: lightBlueAlpha10,
3993
4323
  };
3994
-
3995
- const GCPLogo = (props) => {
3996
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.727", children: jsxRuntime.jsx("path", { d: "M 18,9.613 C 18,12.436 15.71,14.727 12.89,14.727 L 5.11,14.727 C 2.29,14.727 0,12.436 0,9.613 C 0,7.862 0.88,6.316 2.22,5.4 C 2.93,2.307 5.69,0 9,0 C 12.31,0 15.07,2.307 15.78,5.4 C 17.12,6.316 18,7.862 18,9.613 M 12.79,11.454 C 13.86,11.454 14.73,10.587 14.73,9.515 C 14.73,8.468 13.91,7.609 12.86,7.568 L 12.89,7.159 C 12.89,5.015 11.14,3.272 9,3.272 C 7.84,3.272 6.79,3.78 6.08,4.59 C 7.31,4.827 8.37,5.498 9.11,6.43 L 6.95,8.59 C 6.61,7.993 5.96,7.568 5.22,7.568 C 4.14,7.568 3.27,8.435 3.27,9.515 C 3.27,10.554 4.09,11.397 5.11,11.454 L 12.79,11.454", fill: "currentColor" }) })));
4324
+ const greyPalette = {
4325
+ 0: grey0,
4326
+ 50: grey50,
4327
+ 100: grey100,
4328
+ 200: grey200,
4329
+ 300: grey300,
4330
+ 400: grey400,
4331
+ 500: grey500,
4332
+ 600: grey600,
4333
+ 700: grey700,
4334
+ 800: grey800,
4335
+ 900: grey900,
4336
+ alpha40: greyAlpha40,
4337
+ alpha10: greyAlpha10,
3997
4338
  };
3998
- const GCPLogoColored = (props) => {
3999
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.47", children: [jsxRuntime.jsx("path", { d: "M 11.97,3.995 L 13.54,2.43 L 13.64,1.772 C 10.79,-0.821 6.26,-0.527 3.69,2.385 C 2.97,3.194 2.44,4.202 2.16,5.243 L 2.72,5.165 L 5.85,4.648 L 6.09,4.401 C 7.48,2.873 9.84,2.667 11.44,3.968 L 11.97,3.995", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 15.76,5.197 C 15.4,3.873 14.67,2.682 13.64,1.772 L 11.44,3.968 C 12.37,4.725 12.9,5.867 12.88,7.064 L 12.88,7.454 C 13.96,7.454 14.83,8.329 14.83,9.408 C 14.83,10.488 13.96,11.341 12.88,11.341 L 8.96,11.341 L 8.58,11.758 L 8.58,14.102 L 8.96,14.47 L 12.88,14.47 C 15.68,14.492 17.98,12.256 18,9.448 C 18.01,7.746 17.17,6.151 15.76,5.197", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 5.05,14.47 L 8.96,14.47 L 8.96,11.341 L 5.05,11.341 C 4.77,11.341 4.51,11.281 4.25,11.165 L 3.7,11.335 L 2.12,12.9 L 1.98,13.433 C 2.87,14.1 3.95,14.475 5.05,14.47", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 5.05,4.319 C 2.25,4.336 -0.02,6.625 0,9.433 C 0.01,11.001 0.74,12.477 1.98,13.432 L 4.25,11.165 C 3.27,10.721 2.83,9.563 3.28,8.579 C 3.72,7.596 4.88,7.158 5.86,7.603 C 6.29,7.799 6.64,8.146 6.84,8.579 L 9.11,6.312 C 8.14,5.051 6.64,4.313 5.05,4.319", fill: "currentColor" })] })));
4339
+ const purplePalette = {
4340
+ 50: purple50,
4341
+ 100: purple100,
4342
+ 200: purple200,
4343
+ 300: purple300,
4344
+ 400: purple400,
4345
+ 500: purple500,
4346
+ 600: purple600,
4347
+ 700: purple700,
4348
+ 800: purple800,
4349
+ 900: purple900,
4350
+ alpha40: purpleAlpha40,
4351
+ alpha10: purpleAlpha10,
4000
4352
  };
4001
-
4002
- const GitlabLogo = (props) => {
4003
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: jsxRuntime.jsx("path", { d: "M 19.965,10.126 L 17.305,1.032 L 17.305,1.002 C 17.095,0.381 16.595,1.705e-13 15.975,1.705e-13 C 15.355,1.705e-13 14.815,0.371 14.625,0.972 L 12.915,6.11 L 7.095,6.11 L 5.385,0.972 C 5.185,0.381 4.665,0.01 4.035,0.01 C 3.405,0.01 2.875,0.421 2.715,1.022 L 0.045,10.126 C -0.085,10.547 0.075,11.018 0.425,11.288 L 9.415,18.069 L 9.705,18.29 L 9.985,18.5 L 10.265,18.29 L 10.595,18.049 L 19.575,11.298 C 19.925,11.038 20.085,10.557 19.965,10.136 L 19.965,10.126 M 7.975,13.662 L 3.465,7.622 L 6.045,7.622 L 7.965,13.672 L 7.975,13.662 M 2.735,6.15 L 4.035,1.593 L 5.545,6.15 L 2.735,6.15 M 6.275,13.842 L 1.535,10.277 L 2.115,8.273 L 6.265,13.852 L 6.275,13.842 M 12.445,7.622 L 10.035,15.195 L 7.615,7.622 L 12.445,7.622 M 18.505,10.277 L 13.625,13.953 L 17.895,8.213 L 18.505,10.267 L 18.505,10.277 M 14.425,6.14 L 15.935,1.583 L 17.285,6.14 L 14.425,6.14 M 16.515,7.612 L 12.085,13.562 L 13.995,7.612 L 16.515,7.612", fill: "currentColor" }) })));
4353
+ const redPalette = {
4354
+ 50: red50,
4355
+ 100: red100,
4356
+ 200: red200,
4357
+ 300: red300,
4358
+ 400: red400,
4359
+ 500: red500,
4360
+ 600: red600,
4361
+ 700: red700,
4362
+ 800: red800,
4363
+ 900: red900,
4364
+ alpha40: redAlpha40,
4365
+ alpha10: redAlpha10,
4004
4366
  };
4005
- const GitlabLogoColored = (props) => {
4006
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: [jsxRuntime.jsx("path", { d: "M 9.997,18.5 L 13.677,7.119 L 6.318,7.119 L 9.997,18.5 L 9.997,18.5", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.997,18.5 L 6.318,7.119 L 1.157,7.119 L 9.997,18.5", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.157,7.119 L 0.037,10.578 C -0.013,10.732 -0.013,10.897 0.037,11.051 C 0.088,11.205 0.177,11.339 0.307,11.434 L 9.997,18.5 L 1.157,7.119 L 1.157,7.119", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.157,7.119 L 6.318,7.119 L 4.097,0.265 C 3.987,-0.088 3.487,-0.088 3.367,0.265 L 1.157,7.119", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.997,18.5 L 13.677,7.119 L 18.838,7.119 L 9.997,18.5 L 9.997,18.5", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 18.838,7.119 L 19.957,10.578 C 20.008,10.732 20.008,10.897 19.957,11.051 C 19.907,11.205 19.818,11.339 19.688,11.434 L 9.997,18.5 L 18.838,7.119 L 18.838,7.119", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 18.838,7.119 L 13.677,7.119 L 15.898,0.265 C 16.008,-0.088 16.508,-0.088 16.628,0.265 L 18.838,7.119", fill: "currentColor" })] })));
4367
+ const orangePalette = {
4368
+ 50: orange50,
4369
+ 100: orange100,
4370
+ 200: orange200,
4371
+ 300: orange300,
4372
+ 400: orange400,
4373
+ 500: orange500,
4374
+ 600: orange600,
4375
+ 700: orange700,
4376
+ 800: orange800,
4377
+ 900: orange900,
4378
+ alpha40: orangeAlpha40,
4379
+ alpha10: orangeAlpha10,
4007
4380
  };
4008
-
4009
- const GithubLogo = (props) => {
4010
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsxRuntime.jsx("path", { d: "M 6.69,15.782 C 6.69,15.863 6.6,15.928 6.48,15.928 C 6.35,15.94 6.25,15.875 6.25,15.782 C 6.25,15.701 6.35,15.636 6.46,15.636 C 6.58,15.624 6.69,15.689 6.69,15.782 M 5.44,15.6 C 5.41,15.681 5.49,15.774 5.61,15.798 C 5.71,15.839 5.83,15.798 5.86,15.717 C 5.88,15.636 5.81,15.543 5.69,15.506 C 5.58,15.478 5.46,15.519 5.44,15.6 M 7.22,15.531 C 7.1,15.559 7.02,15.636 7.03,15.729 C 7.04,15.81 7.15,15.863 7.27,15.835 C 7.39,15.806 7.47,15.729 7.46,15.648 C 7.44,15.571 7.33,15.519 7.22,15.531 M 9.87,3.411e-13 C 4.28,3.411e-13 0,4.268 0,9.889 C 0,14.384 2.81,18.23 6.83,19.584 C 7.35,19.677 7.53,19.357 7.53,19.093 C 7.53,18.842 7.52,17.456 7.52,16.605 C 7.52,16.605 4.7,17.213 4.1,15.397 C 4.1,15.397 3.65,14.218 2.98,13.914 C 2.98,13.914 2.06,13.277 3.05,13.29 C 3.05,13.29 4.05,13.371 4.6,14.335 C 5.49,15.9 6.97,15.45 7.54,15.182 C 7.64,14.534 7.9,14.084 8.19,13.816 C 5.94,13.565 3.66,13.237 3.66,9.338 C 3.66,8.223 3.97,7.664 4.61,6.951 C 4.51,6.687 4.17,5.601 4.72,4.199 C 5.56,3.936 7.5,5.293 7.5,5.293 C 8.31,5.066 9.17,4.949 10.03,4.949 C 10.89,4.949 11.76,5.066 12.56,5.293 C 12.56,5.293 14.5,3.931 15.35,4.199 C 15.9,5.605 15.56,6.687 15.45,6.951 C 16.1,7.668 16.49,8.228 16.49,9.338 C 16.49,13.249 14.12,13.561 11.86,13.816 C 12.23,14.137 12.55,14.745 12.55,15.697 C 12.55,17.063 12.54,18.753 12.54,19.085 C 12.54,19.349 12.72,19.669 13.23,19.576 C 17.27,18.23 20,14.384 20,9.889 C 20,4.268 15.46,3.411e-13 9.87,3.411e-13 M 3.92,13.979 C 3.87,14.019 3.88,14.112 3.95,14.189 C 4.01,14.254 4.1,14.283 4.16,14.23 C 4.21,14.189 4.2,14.096 4.13,14.019 C 4.06,13.954 3.97,13.926 3.92,13.979 M 3.48,13.65 C 3.46,13.703 3.5,13.768 3.58,13.808 C 3.64,13.849 3.72,13.837 3.75,13.78 C 3.78,13.727 3.74,13.662 3.66,13.622 C 3.58,13.598 3.51,13.61 3.48,13.65 M 4.79,15.093 C 4.73,15.146 4.75,15.267 4.84,15.344 C 4.94,15.438 5.05,15.45 5.1,15.385 C 5.16,15.332 5.13,15.211 5.05,15.134 C 4.96,15.04 4.84,15.028 4.79,15.093 M 4.33,14.497 C 4.27,14.538 4.27,14.643 4.33,14.736 C 4.4,14.83 4.5,14.87 4.56,14.83 C 4.62,14.777 4.62,14.672 4.56,14.578 C 4.5,14.485 4.4,14.445 4.33,14.497", fill: "currentColor" }) })));
4381
+ const lightOrangePalette = {
4382
+ 50: lightOrange50,
4383
+ 100: lightOrange100,
4384
+ 200: lightOrange200,
4385
+ 300: lightOrange300,
4386
+ 400: lightOrange400,
4387
+ 500: lightOrange500,
4388
+ 600: lightOrange600,
4389
+ 700: lightOrange700,
4390
+ 800: lightOrange800,
4391
+ 900: lightOrange900,
4392
+ alpha40: lightAlphaOrange40,
4393
+ alpha10: lightAlphaOrange10,
4011
4394
  };
4012
- const GithubLogoColored = (props) => {
4013
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsxRuntime.jsx("path", { d: "M 6.69,15.782 C 6.69,15.863 6.6,15.928 6.48,15.928 C 6.35,15.94 6.25,15.875 6.25,15.782 C 6.25,15.701 6.35,15.636 6.46,15.636 C 6.58,15.624 6.69,15.689 6.69,15.782 M 5.44,15.599 C 5.41,15.681 5.49,15.774 5.61,15.798 C 5.71,15.839 5.83,15.798 5.86,15.717 C 5.88,15.636 5.81,15.543 5.69,15.506 C 5.58,15.478 5.46,15.518 5.44,15.599 M 7.22,15.531 C 7.1,15.559 7.02,15.636 7.03,15.729 C 7.04,15.81 7.15,15.863 7.27,15.835 C 7.39,15.806 7.47,15.729 7.46,15.648 C 7.44,15.571 7.33,15.518 7.22,15.531 M 9.87,3.411e-13 C 4.28,3.411e-13 0,4.268 0,9.889 C 0,14.384 2.81,18.23 6.83,19.583 C 7.35,19.677 7.53,19.356 7.53,19.093 C 7.53,18.842 7.52,17.456 7.52,16.605 C 7.52,16.605 4.7,17.213 4.1,15.397 C 4.1,15.397 3.65,14.217 2.98,13.913 C 2.98,13.913 2.06,13.277 3.05,13.289 C 3.05,13.289 4.05,13.37 4.6,14.335 C 5.49,15.899 6.97,15.45 7.54,15.182 C 7.64,14.534 7.9,14.084 8.19,13.816 C 5.94,13.565 3.66,13.237 3.66,9.338 C 3.66,8.223 3.97,7.664 4.61,6.951 C 4.51,6.687 4.17,5.601 4.72,4.199 C 5.56,3.935 7.5,5.293 7.5,5.293 C 8.31,5.066 9.17,4.949 10.03,4.949 C 10.89,4.949 11.76,5.066 12.56,5.293 C 12.56,5.293 14.5,3.931 15.35,4.199 C 15.9,5.605 15.56,6.687 15.45,6.951 C 16.1,7.668 16.49,8.227 16.49,9.338 C 16.49,13.249 14.12,13.561 11.86,13.816 C 12.23,14.136 12.55,14.744 12.55,15.697 C 12.55,17.063 12.54,18.753 12.54,19.085 C 12.54,19.348 12.72,19.669 13.23,19.575 C 17.27,18.23 20,14.384 20,9.889 C 20,4.268 15.46,3.411e-13 9.87,3.411e-13 M 3.92,13.978 C 3.87,14.019 3.88,14.112 3.95,14.189 C 4.01,14.254 4.1,14.282 4.16,14.23 C 4.21,14.189 4.2,14.096 4.13,14.019 C 4.06,13.954 3.97,13.926 3.92,13.978 M 3.48,13.65 C 3.46,13.703 3.5,13.768 3.58,13.808 C 3.64,13.849 3.72,13.836 3.75,13.78 C 3.78,13.727 3.74,13.662 3.66,13.622 C 3.58,13.597 3.51,13.61 3.48,13.65 M 4.79,15.093 C 4.73,15.146 4.75,15.267 4.84,15.344 C 4.94,15.437 5.05,15.45 5.1,15.385 C 5.16,15.332 5.13,15.21 5.05,15.133 C 4.96,15.04 4.84,15.028 4.79,15.093 M 4.33,14.497 C 4.27,14.538 4.27,14.643 4.33,14.736 C 4.4,14.829 4.5,14.87 4.56,14.829 C 4.62,14.777 4.62,14.671 4.56,14.578 C 4.5,14.485 4.4,14.444 4.33,14.497", fill: "currentColor" }) })));
4395
+ const yellowPalette = {
4396
+ 50: yellow50,
4397
+ 100: yellow100,
4398
+ 200: yellow200,
4399
+ 300: yellow300,
4400
+ 400: yellow400,
4401
+ 500: yellow500,
4402
+ 600: yellow600,
4403
+ 700: yellow700,
4404
+ 800: yellow800,
4405
+ 900: yellow900,
4406
+ alpha40: yellowAlpha40,
4407
+ alpha10: yellowAlpha10,
4014
4408
  };
4015
-
4016
- const Google = (props) => {
4017
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 21 21", children: [jsxRuntime.jsx("path", { d: "M 20.8,8.44 L 19.95,8.44 L 19.95,8.4 L 10.5,8.4 L 10.5,12.6 L 16.43,12.6 C 15.57,15.04 13.24,16.8 10.5,16.8 C 7.02,16.8 4.2,13.98 4.2,10.5 C 4.2,7.02 7.02,4.2 10.5,4.2 C 12.11,4.2 13.57,4.81 14.68,5.8 L 17.65,2.83 C 15.77,1.08 13.27,0 10.5,0 C 4.7,0 0,4.7 0,10.5 C 0,16.3 4.7,21 10.5,21 C 16.3,21 21,16.3 21,10.5 C 21,9.8 20.93,9.11 20.8,8.44", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.21,5.61 L 4.66,8.14 C 5.59,5.83 7.85,4.2 10.5,4.2 C 12.11,4.2 13.57,4.81 14.68,5.8 L 17.65,2.83 C 15.77,1.08 13.27,0 10.5,0 C 6.47,0 2.97,2.28 1.21,5.61", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.5,21 C 13.21,21 15.68,19.96 17.54,18.27 L 14.29,15.52 C 13.24,16.32 11.93,16.8 10.5,16.8 C 7.77,16.8 5.45,15.06 4.58,12.63 L 1.15,15.27 C 2.89,18.67 6.42,21 10.5,21", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 20.8,8.44 L 19.95,8.44 L 19.95,8.4 L 10.5,8.4 L 10.5,12.6 L 16.43,12.6 C 16.02,13.77 15.26,14.79 14.29,15.52 C 14.29,15.52 14.29,15.52 14.29,15.52 L 17.54,18.27 C 17.31,18.48 21,15.75 21,10.5 C 21,9.8 20.93,9.11 20.8,8.44", fill: "currentColor" })] })));
4409
+ const greenPalette = {
4410
+ 50: green50,
4411
+ 100: green100,
4412
+ 200: green200,
4413
+ 300: green300,
4414
+ 400: green400,
4415
+ 500: green500,
4416
+ 600: green600,
4417
+ 700: green700,
4418
+ 800: green800,
4419
+ 900: green900,
4420
+ 40: green40,
4421
+ 10: green10,
4018
4422
  };
4019
-
4020
- const K8 = (props) => {
4021
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: jsxRuntime.jsx("path", { d: "M 9.021,0 C 9.261,0 9.511,0.059 9.731,0.163 L 15.591,2.98 C 16.061,3.201 16.381,3.608 16.501,4.109 L 17.961,10.429 C 18.071,10.929 17.961,11.453 17.631,11.849 L 13.561,16.911 C 13.241,17.307 12.771,17.528 12.261,17.528 L 5.741,17.528 C 5.231,17.528 4.761,17.307 4.441,16.911 L 0.371,11.849 C 0.041,11.441 -0.069,10.929 0.041,10.429 L 1.501,4.109 C 1.621,3.608 1.941,3.201 2.411,2.98 L 8.301,0.163 C 8.531,0.059 8.771,0 9.021,0 M 9.031,2.689 C 8.941,2.689 8.841,2.735 8.771,2.805 C 8.721,2.858 8.691,2.923 8.671,2.997 L 8.671,3.073 L 8.671,3.166 C 8.671,3.248 8.681,3.317 8.701,3.387 C 8.711,3.422 8.711,3.457 8.731,3.504 L 8.731,3.515 C 8.751,3.748 8.781,3.957 8.761,4.144 C 8.751,4.225 8.701,4.26 8.671,4.295 L 8.661,4.307 L 8.651,4.318 L 8.631,4.47 C 8.421,4.493 8.211,4.516 8.001,4.563 C 7.111,4.761 6.321,5.214 5.701,5.866 L 5.581,5.785 L 5.561,5.785 L 5.491,5.796 C 5.461,5.796 5.421,5.785 5.391,5.761 C 5.271,5.683 5.161,5.578 5.041,5.457 L 4.921,5.331 C 4.901,5.308 4.871,5.273 4.841,5.249 C 4.791,5.191 4.751,5.145 4.691,5.086 C 4.681,5.075 4.651,5.063 4.631,5.04 L 4.611,5.028 L 4.611,5.017 C 4.541,4.958 4.441,4.924 4.351,4.924 C 4.251,4.924 4.141,4.97 4.081,5.052 C 3.981,5.181 3.991,5.371 4.101,5.51 L 4.161,5.575 L 4.191,5.587 L 4.251,5.633 C 4.321,5.68 4.371,5.715 4.441,5.75 L 4.501,5.775 L 4.551,5.808 C 4.761,5.936 4.931,6.041 5.071,6.169 C 5.131,6.227 5.131,6.285 5.131,6.343 L 5.131,6.367 L 5.251,6.471 C 5.221,6.506 5.201,6.53 5.191,6.565 C 4.611,7.484 4.391,8.566 4.541,9.637 L 4.391,9.684 L 4.371,9.707 C 4.351,9.754 4.321,9.8 4.251,9.835 C 4.071,9.893 3.861,9.917 3.621,9.94 L 3.611,9.94 C 3.571,9.94 3.521,9.94 3.491,9.951 C 3.421,9.951 3.351,9.963 3.271,9.975 C 3.241,9.975 3.221,9.986 3.201,9.986 L 3.181,9.988 L 3.161,9.998 C 2.951,10.045 2.831,10.242 2.861,10.429 C 2.901,10.592 3.051,10.696 3.231,10.696 L 3.281,10.695 L 3.331,10.685 C 3.341,10.685 3.351,10.685 3.351,10.673 L 3.421,10.661 C 3.501,10.638 3.561,10.615 3.631,10.58 C 3.661,10.568 3.701,10.545 3.731,10.533 L 3.751,10.533 C 3.971,10.452 4.161,10.382 4.351,10.359 L 4.371,10.359 C 4.441,10.359 4.491,10.394 4.521,10.417 L 4.551,10.429 L 4.711,10.405 C 4.991,11.267 5.531,12.035 6.241,12.593 C 6.401,12.721 6.561,12.826 6.741,12.931 L 6.671,13.082 L 6.681,13.106 C 6.701,13.152 6.721,13.21 6.701,13.292 C 6.631,13.466 6.531,13.641 6.401,13.839 L 6.401,13.85 C 6.381,13.885 6.351,13.909 6.331,13.944 C 6.281,14.002 6.251,14.06 6.201,14.13 C 6.191,14.141 6.181,14.165 6.171,14.188 L 6.161,14.204 L 6.151,14.211 C 6.061,14.409 6.131,14.63 6.311,14.712 C 6.351,14.735 6.401,14.747 6.451,14.747 C 6.561,14.747 6.671,14.687 6.741,14.598 L 6.791,14.525 C 6.791,14.514 6.811,14.502 6.811,14.502 C 6.821,14.479 6.831,14.456 6.841,14.444 C 6.881,14.362 6.891,14.304 6.911,14.234 L 6.931,14.182 L 6.951,14.13 C 7.031,13.897 7.091,13.711 7.191,13.548 C 7.241,13.478 7.291,13.466 7.341,13.443 L 7.351,13.442 L 7.361,13.431 L 7.451,13.28 C 7.961,13.478 8.521,13.583 9.081,13.583 C 9.411,13.583 9.761,13.548 10.091,13.466 C 10.301,13.42 10.501,13.362 10.691,13.292 L 10.761,13.42 C 10.771,13.42 10.771,13.42 10.791,13.431 C 10.841,13.443 10.891,13.466 10.941,13.536 C 11.031,13.699 11.101,13.897 11.181,14.118 L 11.181,14.13 C 11.191,14.165 11.211,14.2 11.221,14.234 C 11.241,14.304 11.251,14.374 11.291,14.444 C 11.301,14.467 11.311,14.479 11.321,14.502 L 11.331,14.518 L 11.331,14.525 C 11.401,14.665 11.541,14.747 11.681,14.747 C 11.731,14.747 11.781,14.735 11.821,14.712 C 11.901,14.665 11.971,14.595 12.001,14.502 C 12.011,14.432 12.021,14.356 12.001,14.283 L 11.971,14.211 C 11.971,14.2 11.961,14.2 11.961,14.188 C 11.951,14.165 11.941,14.141 11.931,14.13 C 11.891,14.06 11.851,14.002 11.801,13.944 C 11.781,13.909 11.751,13.885 11.731,13.85 L 11.731,13.839 C 11.601,13.641 11.481,13.466 11.431,13.292 C 11.401,13.21 11.431,13.164 11.441,13.106 L 11.451,13.082 L 11.391,12.943 C 12.011,12.582 12.531,12.07 12.931,11.441 C 13.141,11.115 13.301,10.755 13.421,10.394 L 13.561,10.417 C 13.571,10.417 13.571,10.405 13.581,10.405 C 13.631,10.382 13.661,10.347 13.731,10.347 L 13.751,10.347 C 13.941,10.37 14.141,10.44 14.361,10.522 L 14.371,10.522 L 14.481,10.568 C 14.551,10.603 14.601,10.626 14.691,10.65 L 14.761,10.661 L 14.771,10.663 L 14.791,10.673 C 14.831,10.685 14.851,10.685 14.881,10.685 C 15.061,10.685 15.211,10.568 15.261,10.417 C 15.261,10.297 15.161,10.143 15.001,10.065 L 14.921,10.033 L 14.911,10.033 C 14.901,10.033 14.881,10.033 14.881,10.021 C 14.861,10.021 14.841,10.01 14.811,10.01 C 14.731,9.998 14.661,9.986 14.591,9.986 C 14.561,9.986 14.521,9.986 14.481,9.975 L 14.461,9.975 C 14.221,9.951 14.021,9.928 13.841,9.87 C 13.751,9.835 13.731,9.788 13.711,9.742 L 13.701,9.73 L 13.701,9.719 L 13.541,9.672 C 13.611,9.137 13.591,8.578 13.461,8.031 C 13.341,7.484 13.111,6.972 12.811,6.506 L 12.931,6.402 L 12.931,6.378 C 12.931,6.32 12.941,6.262 12.991,6.204 C 13.091,6.108 13.221,6.025 13.361,5.935 L 13.511,5.843 L 13.611,5.785 C 13.681,5.75 13.741,5.715 13.811,5.668 C 13.821,5.657 13.851,5.645 13.871,5.622 L 13.891,5.61 L 13.891,5.599 C 14.061,5.459 14.091,5.226 13.981,5.075 C 13.921,4.993 13.811,4.947 13.711,4.947 C 13.641,4.947 13.571,4.966 13.511,5.001 L 13.451,5.04 C 13.441,5.052 13.441,5.052 13.431,5.063 C 13.411,5.075 13.391,5.098 13.371,5.11 C 13.311,5.168 13.271,5.214 13.221,5.273 L 13.181,5.313 L 13.141,5.354 C 12.971,5.529 12.821,5.668 12.671,5.773 C 12.641,5.796 12.601,5.808 12.571,5.808 C 12.541,5.808 12.521,5.808 12.501,5.796 L 12.471,5.796 L 12.331,5.89 C 12.181,5.727 12.021,5.587 11.861,5.447 C 11.161,4.9 10.311,4.563 9.421,4.481 L 9.411,4.33 C 9.401,4.318 9.401,4.318 9.391,4.307 C 9.351,4.272 9.311,4.237 9.301,4.155 C 9.291,3.969 9.311,3.76 9.331,3.527 L 9.331,3.515 C 9.331,3.48 9.341,3.434 9.351,3.399 C 9.371,3.329 9.381,3.259 9.391,3.178 L 9.391,3.073 C 9.391,2.863 9.231,2.689 9.031,2.689 M 9.131,10.778 C 9.171,10.801 9.211,10.83 9.231,10.86 L 9.271,10.906 L 10.171,12.524 C 10.061,12.559 9.951,12.582 9.831,12.617 C 9.561,12.675 9.301,12.71 9.021,12.71 C 8.611,12.71 8.211,12.64 7.841,12.524 L 8.761,10.859 C 8.851,10.755 9.011,10.708 9.131,10.778 M 7.431,9.986 C 7.591,9.975 7.731,10.079 7.761,10.231 C 7.771,10.277 7.771,10.319 7.761,10.358 L 7.751,10.417 L 7.041,12.128 C 6.391,11.709 5.861,11.069 5.581,10.301 L 7.431,9.986 M 10.581,9.975 L 12.441,10.289 C 12.371,10.545 12.251,10.778 12.101,10.999 C 11.811,11.464 11.431,11.837 10.981,12.128 L 10.251,10.37 C 10.221,10.231 10.271,10.079 10.411,10.01 C 10.461,9.986 10.521,9.975 10.581,9.975 M 9.301,8.473 L 9.651,8.916 L 9.531,9.463 L 9.021,9.707 L 8.511,9.463 L 8.381,8.916 L 8.731,8.473 L 9.301,8.473 M 12.121,7.147 C 12.321,7.472 12.471,7.845 12.571,8.252 C 12.661,8.648 12.681,9.044 12.651,9.428 L 10.871,8.916 C 10.711,8.869 10.611,8.706 10.651,8.543 C 10.661,8.497 10.681,8.45 10.721,8.415 L 12.121,7.147 M 5.901,7.147 L 7.281,8.38 C 7.411,8.485 7.421,8.683 7.321,8.811 C 7.281,8.857 7.241,8.892 7.181,8.904 L 5.371,9.428 C 5.301,8.636 5.481,7.833 5.901,7.147 M 8.561,5.424 L 8.461,7.286 C 8.451,7.449 8.321,7.589 8.141,7.589 C 8.101,7.589 8.041,7.577 8.001,7.554 L 6.461,6.448 C 6.931,5.971 7.531,5.645 8.191,5.494 L 8.561,5.424 M 9.471,5.436 C 10.271,5.529 11.011,5.89 11.571,6.448 L 10.041,7.531 C 9.911,7.612 9.741,7.589 9.631,7.461 C 9.601,7.426 9.591,7.379 9.581,7.333 L 9.471,5.436", fill: "currentColor" }) })));
4423
+ const nightPalette = {
4424
+ 10: night10,
4425
+ 50: night50,
4426
+ 100: night100,
4427
+ 200: night200,
4428
+ 300: night300,
4429
+ 400: night400,
4430
+ 500: night500,
4431
+ 600: night600,
4432
+ 700: night700,
4433
+ 800: night800,
4434
+ 900: night900,
4022
4435
  };
4023
- const K8Colored = (props) => {
4024
- return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: [jsxRuntime.jsx("ellipse", { cx: "2481", cy: "592.135", rx: "7.66845", ry: "7.66845", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.021,0 C 9.261,0 9.511,0.059 9.731,0.163 L 15.591,2.98 C 16.061,3.201 16.381,3.608 16.501,4.109 L 17.961,10.429 C 18.071,10.929 17.961,11.453 17.631,11.849 L 13.561,16.911 C 13.241,17.307 12.771,17.528 12.261,17.528 L 5.741,17.528 C 5.231,17.528 4.761,17.307 4.441,16.911 L 0.371,11.849 C 0.041,11.441 -0.069,10.929 0.041,10.429 L 1.501,4.109 C 1.621,3.608 1.941,3.201 2.411,2.98 L 8.301,0.163 C 8.531,0.059 8.771,0 9.021,0 M 9.031,2.689 C 8.941,2.689 8.841,2.735 8.771,2.805 C 8.721,2.858 8.691,2.923 8.671,2.997 L 8.671,3.073 L 8.671,3.166 C 8.671,3.248 8.681,3.317 8.701,3.387 C 8.711,3.422 8.711,3.457 8.731,3.504 L 8.731,3.515 C 8.751,3.748 8.781,3.957 8.761,4.144 C 8.751,4.225 8.701,4.26 8.671,4.295 L 8.661,4.307 L 8.651,4.318 L 8.631,4.47 C 8.421,4.493 8.211,4.516 8.001,4.563 C 7.111,4.761 6.321,5.214 5.701,5.866 L 5.581,5.785 L 5.561,5.785 L 5.491,5.796 C 5.461,5.796 5.421,5.785 5.391,5.761 C 5.271,5.683 5.161,5.578 5.041,5.457 L 4.921,5.331 C 4.901,5.308 4.871,5.273 4.841,5.249 C 4.791,5.191 4.751,5.145 4.691,5.086 C 4.681,5.075 4.651,5.063 4.631,5.04 L 4.611,5.028 L 4.611,5.017 C 4.541,4.958 4.441,4.924 4.351,4.924 C 4.251,4.924 4.141,4.97 4.081,5.052 C 3.981,5.181 3.991,5.371 4.101,5.51 L 4.161,5.575 L 4.191,5.587 L 4.251,5.633 C 4.321,5.68 4.371,5.715 4.441,5.75 L 4.501,5.775 L 4.551,5.808 C 4.761,5.936 4.931,6.041 5.071,6.169 C 5.131,6.227 5.131,6.285 5.131,6.343 L 5.131,6.367 L 5.251,6.471 C 5.221,6.506 5.201,6.53 5.191,6.565 C 4.611,7.484 4.391,8.566 4.541,9.637 L 4.391,9.684 L 4.371,9.707 C 4.351,9.754 4.321,9.8 4.251,9.835 C 4.071,9.893 3.861,9.917 3.621,9.94 L 3.611,9.94 C 3.571,9.94 3.521,9.94 3.491,9.951 C 3.421,9.951 3.351,9.963 3.271,9.975 C 3.241,9.975 3.221,9.986 3.201,9.986 L 3.181,9.988 L 3.161,9.998 C 2.951,10.045 2.831,10.242 2.861,10.429 C 2.901,10.592 3.051,10.696 3.231,10.696 L 3.281,10.695 L 3.331,10.685 C 3.341,10.685 3.351,10.685 3.351,10.673 L 3.421,10.661 C 3.501,10.638 3.561,10.615 3.631,10.58 C 3.661,10.568 3.701,10.545 3.731,10.533 L 3.751,10.533 C 3.971,10.452 4.161,10.382 4.351,10.359 L 4.371,10.359 C 4.441,10.359 4.491,10.394 4.521,10.417 L 4.551,10.429 L 4.711,10.405 C 4.991,11.267 5.531,12.035 6.241,12.593 C 6.401,12.721 6.561,12.826 6.741,12.931 L 6.671,13.082 L 6.681,13.106 C 6.701,13.152 6.721,13.21 6.701,13.292 C 6.631,13.466 6.531,13.641 6.401,13.839 L 6.401,13.85 C 6.381,13.885 6.351,13.909 6.331,13.944 C 6.281,14.002 6.251,14.06 6.201,14.13 C 6.191,14.141 6.181,14.165 6.171,14.188 L 6.161,14.204 L 6.151,14.211 C 6.061,14.409 6.131,14.63 6.311,14.712 C 6.351,14.735 6.401,14.747 6.451,14.747 C 6.561,14.747 6.671,14.687 6.741,14.598 L 6.791,14.525 C 6.791,14.514 6.811,14.502 6.811,14.502 C 6.821,14.479 6.831,14.456 6.841,14.444 C 6.881,14.362 6.891,14.304 6.911,14.234 L 6.931,14.182 L 6.951,14.13 C 7.031,13.897 7.091,13.711 7.191,13.548 C 7.241,13.478 7.291,13.466 7.341,13.443 L 7.351,13.442 L 7.361,13.431 L 7.451,13.28 C 7.961,13.478 8.521,13.583 9.081,13.583 C 9.411,13.583 9.761,13.548 10.091,13.466 C 10.301,13.42 10.501,13.362 10.691,13.292 L 10.761,13.42 C 10.771,13.42 10.771,13.42 10.791,13.431 C 10.841,13.443 10.891,13.466 10.941,13.536 C 11.031,13.699 11.101,13.897 11.181,14.118 L 11.181,14.13 C 11.191,14.165 11.211,14.2 11.221,14.234 C 11.241,14.304 11.251,14.374 11.291,14.444 C 11.301,14.467 11.311,14.479 11.321,14.502 L 11.331,14.518 L 11.331,14.525 C 11.401,14.665 11.541,14.747 11.681,14.747 C 11.731,14.747 11.781,14.735 11.821,14.712 C 11.901,14.665 11.971,14.595 12.001,14.502 C 12.011,14.432 12.021,14.356 12.001,14.283 L 11.971,14.211 C 11.971,14.2 11.961,14.2 11.961,14.188 C 11.951,14.165 11.941,14.141 11.931,14.13 C 11.891,14.06 11.851,14.002 11.801,13.944 C 11.781,13.909 11.751,13.885 11.731,13.85 L 11.731,13.839 C 11.601,13.641 11.481,13.466 11.431,13.292 C 11.401,13.21 11.431,13.164 11.441,13.106 L 11.451,13.082 L 11.391,12.943 C 12.011,12.582 12.531,12.07 12.931,11.441 C 13.141,11.115 13.301,10.755 13.421,10.394 L 13.561,10.417 C 13.571,10.417 13.571,10.405 13.581,10.405 C 13.631,10.382 13.661,10.347 13.731,10.347 L 13.751,10.347 C 13.941,10.37 14.141,10.44 14.361,10.522 L 14.371,10.522 L 14.481,10.568 C 14.551,10.603 14.601,10.626 14.691,10.65 L 14.761,10.661 L 14.771,10.663 L 14.791,10.673 C 14.831,10.685 14.851,10.685 14.881,10.685 C 15.061,10.685 15.211,10.568 15.261,10.417 C 15.261,10.297 15.161,10.143 15.001,10.065 L 14.921,10.033 L 14.911,10.033 C 14.901,10.033 14.881,10.033 14.881,10.021 C 14.861,10.021 14.841,10.01 14.811,10.01 C 14.731,9.998 14.661,9.986 14.591,9.986 C 14.561,9.986 14.521,9.986 14.481,9.975 L 14.461,9.975 C 14.221,9.951 14.021,9.928 13.841,9.87 C 13.751,9.835 13.731,9.788 13.711,9.742 L 13.701,9.73 L 13.701,9.719 L 13.541,9.672 C 13.611,9.137 13.591,8.578 13.461,8.031 C 13.341,7.484 13.111,6.972 12.811,6.506 L 12.931,6.402 L 12.931,6.378 C 12.931,6.32 12.941,6.262 12.991,6.204 C 13.091,6.108 13.221,6.025 13.361,5.935 L 13.511,5.843 L 13.611,5.785 C 13.681,5.75 13.741,5.715 13.811,5.668 C 13.821,5.657 13.851,5.645 13.871,5.622 L 13.891,5.61 L 13.891,5.599 C 14.061,5.459 14.091,5.226 13.981,5.075 C 13.921,4.993 13.811,4.947 13.711,4.947 C 13.641,4.947 13.571,4.966 13.511,5.001 L 13.451,5.04 C 13.441,5.052 13.441,5.052 13.431,5.063 C 13.411,5.075 13.391,5.098 13.371,5.11 C 13.311,5.168 13.271,5.214 13.221,5.273 L 13.181,5.313 L 13.141,5.354 C 12.971,5.529 12.821,5.668 12.671,5.773 C 12.641,5.796 12.601,5.808 12.571,5.808 C 12.541,5.808 12.521,5.808 12.501,5.796 L 12.471,5.796 L 12.331,5.89 C 12.181,5.727 12.021,5.587 11.861,5.447 C 11.161,4.9 10.311,4.563 9.421,4.481 L 9.411,4.33 C 9.401,4.318 9.401,4.318 9.391,4.307 C 9.351,4.272 9.311,4.237 9.301,4.155 C 9.291,3.969 9.311,3.76 9.331,3.527 L 9.331,3.515 C 9.331,3.48 9.341,3.434 9.351,3.399 C 9.371,3.329 9.381,3.259 9.391,3.178 L 9.391,3.073 C 9.391,2.863 9.231,2.689 9.031,2.689 M 9.131,10.778 C 9.171,10.801 9.211,10.83 9.231,10.86 L 9.271,10.906 L 10.171,12.524 C 10.061,12.559 9.951,12.582 9.831,12.617 C 9.561,12.675 9.301,12.71 9.021,12.71 C 8.611,12.71 8.211,12.64 7.841,12.524 L 8.761,10.859 C 8.851,10.755 9.011,10.708 9.131,10.778 M 7.431,9.986 C 7.591,9.975 7.731,10.079 7.761,10.231 C 7.771,10.277 7.771,10.319 7.761,10.358 L 7.751,10.417 L 7.041,12.128 C 6.391,11.709 5.861,11.069 5.581,10.301 L 7.431,9.986 M 10.581,9.975 L 12.441,10.289 C 12.371,10.545 12.251,10.778 12.101,10.999 C 11.811,11.464 11.431,11.837 10.981,12.128 L 10.251,10.37 C 10.221,10.231 10.271,10.079 10.411,10.01 C 10.461,9.986 10.521,9.975 10.581,9.975 M 9.301,8.473 L 9.651,8.916 L 9.531,9.463 L 9.021,9.707 L 8.511,9.463 L 8.381,8.916 L 8.731,8.473 L 9.301,8.473 M 12.121,7.147 C 12.321,7.472 12.471,7.845 12.571,8.252 C 12.661,8.648 12.681,9.044 12.651,9.428 L 10.871,8.916 C 10.711,8.869 10.611,8.706 10.651,8.543 C 10.661,8.497 10.681,8.45 10.721,8.415 L 12.121,7.147 M 5.901,7.147 L 7.281,8.38 C 7.411,8.485 7.421,8.683 7.321,8.811 C 7.281,8.857 7.241,8.892 7.181,8.904 L 5.371,9.428 C 5.301,8.636 5.481,7.833 5.901,7.147 M 8.561,5.424 L 8.461,7.286 C 8.451,7.449 8.321,7.589 8.141,7.589 C 8.101,7.589 8.041,7.577 8.001,7.554 L 6.461,6.448 C 6.931,5.971 7.531,5.645 8.191,5.494 L 8.561,5.424 M 9.471,5.436 C 10.271,5.529 11.011,5.89 11.571,6.448 L 10.041,7.531 C 9.911,7.612 9.741,7.589 9.631,7.461 C 9.601,7.426 9.591,7.379 9.581,7.333 L 9.471,5.436", fill: "currentColor" })] })));
4436
+ const sunsetPalette = {
4437
+ 10: sunset10,
4438
+ 50: sunset50,
4439
+ 100: sunset100,
4440
+ 200: sunset200,
4441
+ 300: sunset300,
4442
+ 400: sunset400,
4443
+ 500: sunset500,
4444
+ 600: sunset600,
4445
+ 700: sunset700,
4446
+ 800: sunset800,
4447
+ 900: sunset900,
4025
4448
  };
4026
-
4027
- const MicrosoftAzure = (props) => {
4028
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 0,13.535 L 5.19,4.893 L 11.25,0 L 4.68,13.548 L 4.68,13.535 L 0,13.535 M 13.99,13.376 L 9.11,7.743 L 11.65,0.968 L 20,15 L 4.5,15 L 13.99,13.376", fill: "currentColor" }) })));
4449
+ const lavenderPalette = {
4450
+ 10: lavender10,
4451
+ 50: lavender50,
4452
+ 100: lavender100,
4453
+ 200: lavender200,
4454
+ 300: lavender300,
4455
+ 400: lavender400,
4456
+ 500: lavender500,
4457
+ 600: lavender600,
4458
+ 700: lavender700,
4459
+ 800: lavender800,
4460
+ 900: lavender900,
4029
4461
  };
4030
- const MicrosoftAzureColored = (props) => {
4031
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 0,13.535 L 5.19,4.893 L 11.25,0 L 4.68,13.548 L 4.68,13.535 L 0,13.535 M 13.99,13.376 L 9.11,7.743 L 11.65,0.968 L 20,15 L 4.5,15 L 13.99,13.376", fill: "currentColor" }) })));
4462
+ const limePalette = {
4463
+ 10: lime10,
4464
+ 50: lime50,
4465
+ 100: lime100,
4466
+ 200: lime200,
4467
+ 300: lime300,
4468
+ 400: lime400,
4469
+ 500: lime500,
4470
+ 600: lime600,
4471
+ 700: lime700,
4472
+ 800: lime800,
4473
+ 900: lime900,
4474
+ };
4475
+ const pinkPalette = {
4476
+ 10: pink10,
4477
+ 50: pink50,
4478
+ 100: pink100,
4479
+ 200: pink200,
4480
+ 300: pink300,
4481
+ 400: pink400,
4482
+ 500: pink500,
4483
+ 600: pink600,
4484
+ 700: pink700,
4485
+ 800: pink800,
4486
+ 900: pink900,
4487
+ };
4488
+ const tealPalette = {
4489
+ 10: teal10,
4490
+ 50: teal50,
4491
+ 100: teal100,
4492
+ 200: teal200,
4493
+ 300: teal300,
4494
+ 400: teal400,
4495
+ 500: teal500,
4496
+ 600: teal600,
4497
+ 700: teal700,
4498
+ 800: teal800,
4499
+ 900: teal900,
4500
+ };
4501
+ const OS_LIGHT_COLORS = {
4502
+ surfaceLight: surfaceLightPalette,
4503
+ surfaceDark: surfaceDarkPalette,
4504
+ blue: bluePalette,
4505
+ lightBlue: lightBluePalette,
4506
+ grey: greyPalette,
4507
+ purple: purplePalette,
4508
+ red: redPalette,
4509
+ orange: orangePalette,
4510
+ lightOrange: lightOrangePalette,
4511
+ yellow: yellowPalette,
4512
+ green: greenPalette,
4513
+ lavender: lavenderPalette,
4514
+ lime: limePalette,
4515
+ pink: pinkPalette,
4516
+ teal: tealPalette,
4517
+ night: nightPalette,
4518
+ sunset: sunsetPalette,
4519
+ brand: brandColors,
4520
+ };
4521
+ const darkNavy100 = "#1e293b";
4522
+ const darkNavy200 = "#0a141f";
4523
+ const darkNavy300 = "#0f1623";
4524
+ const darkNavy400 = "#060a0f";
4525
+ const darkNavyPalette = {
4526
+ 100: darkNavy100,
4527
+ 200: darkNavy200,
4528
+ 300: darkNavy300,
4529
+ 400: darkNavy400,
4530
+ };
4531
+ const electricBlue300 = "#0ab6ff";
4532
+ const electricBlue500 = "#558bff";
4533
+ const electricBlue700 = "#1469cc";
4534
+ const electricBlueAlpha40 = "#558bff66";
4535
+ const electricBlueAlpha10 = "#558bff19";
4536
+ const electricBluePalette = {
4537
+ 300: electricBlue300,
4538
+ 500: electricBlue500,
4539
+ 700: electricBlue700,
4540
+ alpha40: electricBlueAlpha40,
4541
+ alpha10: electricBlueAlpha10,
4542
+ };
4543
+
4544
+ const AgntcyBrand = (props) => {
4545
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "72.613 0 65.387 14.882", children: jsxRuntime.jsx("path", { d: "M130.578 14.8819H72.6131V6.02383C72.6131 2.69748 75.3103 7.84099e-05 78.6378 7.84099e-05H138L130.576 14.8819H130.578ZM78.0431 5.21151L75.8398 12.5169H79.3037L79.9993 9.98013H82.159V12.5169H85.4925V2.37046H81.2896C79.4342 2.37046 78.709 2.99407 78.0431 5.21151ZM80.681 7.51669L81.1611 5.80707C81.3923 4.96689 81.4951 4.84991 82.0009 4.84991H82.161V7.51669H80.681ZM91.8571 12.8066C92.9735 12.8066 94.1176 12.5886 95.0029 12.227V6.4878H91.8136V10.0532H91.6397C90.4798 10.0532 89.7112 9.09608 89.7112 7.56055C89.7112 5.77783 90.7545 4.9084 92.4934 4.9084C93.5663 4.9084 94.4515 5.25676 95.0167 5.8788V2.55916C94.2619 2.24024 93.1889 2.08058 92.1594 2.08058C88.5078 2.08058 86.1445 4.23973 86.1445 7.6471C86.1445 10.6476 88.1462 12.8066 91.8551 12.8066H91.8571ZM95.8861 12.5169H99.1484V7.37185C101.192 9.38596 101.83 10.6915 101.83 12.5169H104.946V2.37046H101.684V5.79107L98.7414 2.37046H95.8861V12.5169ZM108.25 12.5169H111.656V5.12516H111.99C113.049 5.12516 113.846 5.35635 114.308 5.8788V2.37184H105.598V5.8788C106.062 5.35774 106.861 5.12516 107.916 5.12516H108.25V12.5169ZM114.601 7.44357C114.601 10.6184 116.818 12.8066 120.007 12.8066C120.92 12.8066 121.76 12.6179 122.224 12.328V9.00835C121.862 9.57348 121.224 9.86316 120.428 9.86316C119.021 9.86316 118.165 8.93524 118.165 7.44239C118.165 5.94934 119.021 5.02142 120.428 5.02142C121.224 5.02142 121.862 5.3113 122.224 5.87623V2.55659C121.76 2.26672 120.92 2.07801 120.007 2.07801C116.818 2.07801 114.601 4.2662 114.601 7.441V7.44357ZM124.166 12.5169H127.79L132.819 2.37046H129.167L127.676 5.76182L126.198 2.37046H122.516L125.877 9.18263L124.168 12.5169H124.166Z", fill: "currentColor" }) })));
4546
+ };
4547
+ const CiscoBrand = (props) => {
4548
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 45.1 24", children: [jsxRuntime.jsx("path", { d: "M 14.73,15.84 L 12.75,15.84 L 12.75,23.702 L 14.73,23.702 L 14.73,15.84", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 30.71,18.091 C 30.2,17.814 29.63,17.669 29.05,17.668 C 28.77,17.668 28.5,17.722 28.25,17.828 C 27.99,17.933 27.76,18.088 27.57,18.282 C 27.37,18.477 27.22,18.709 27.11,18.963 C 27.01,19.218 26.96,19.49 26.96,19.766 C 26.96,20.041 27.01,20.314 27.11,20.569 C 27.22,20.823 27.37,21.054 27.57,21.249 C 27.76,21.444 27.99,21.599 28.25,21.704 C 28.5,21.809 28.77,21.864 29.05,21.864 C 29.63,21.866 30.2,21.724 30.71,21.45 L 30.71,23.557 C 30.12,23.738 29.51,23.832 28.9,23.836 C 27.83,23.836 26.79,23.408 26.03,22.644 C 25.27,21.881 24.84,20.845 24.84,19.766 C 24.84,18.686 25.27,17.651 26.03,16.888 C 26.79,16.124 27.83,15.695 28.9,15.695 C 29.52,15.696 30.12,15.79 30.71,15.974 L 30.71,18.091", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.04,18.091 C 9.53,17.812 8.96,17.667 8.38,17.668 C 8.1,17.668 7.83,17.722 7.58,17.828 C 7.32,17.933 7.09,18.088 6.9,18.282 C 6.7,18.477 6.55,18.709 6.44,18.963 C 6.34,19.218 6.28,19.49 6.28,19.766 C 6.28,20.041 6.34,20.314 6.44,20.569 C 6.55,20.823 6.7,21.054 6.9,21.249 C 7.09,21.444 7.32,21.599 7.58,21.704 C 7.83,21.809 8.1,21.864 8.38,21.864 C 8.96,21.868 9.53,21.726 10.04,21.45 L 10.04,23.557 C 9.45,23.739 8.84,23.833 8.23,23.836 C 7.16,23.836 6.12,23.408 5.36,22.644 C 4.6,21.881 4.17,20.845 4.17,19.766 C 4.17,18.686 4.6,17.651 5.36,16.888 C 6.12,16.124 7.16,15.695 8.23,15.695 C 8.84,15.695 9.45,15.789 10.04,15.974 L 10.04,18.091", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 36.89,17.707 C 36.49,17.703 36.08,17.821 35.74,18.046 C 35.4,18.271 35.13,18.593 34.97,18.97 C 34.82,19.348 34.77,19.765 34.85,20.167 C 34.93,20.57 35.12,20.94 35.41,21.232 C 35.7,21.523 36.06,21.722 36.47,21.803 C 36.87,21.885 37.28,21.845 37.66,21.689 C 38.04,21.533 38.36,21.268 38.59,20.927 C 38.82,20.586 38.94,20.186 38.94,19.776 C 38.94,19.504 38.89,19.234 38.79,18.982 C 38.69,18.73 38.54,18.501 38.35,18.308 C 38.16,18.115 37.93,17.962 37.68,17.859 C 37.43,17.756 37.16,17.704 36.89,17.707 M 41.03,19.776 C 41.05,20.599 40.82,21.408 40.37,22.1 C 39.93,22.793 39.28,23.336 38.53,23.662 C 37.78,23.988 36.94,24.081 36.14,23.93 C 35.33,23.778 34.58,23.39 34,22.813 C 33.41,22.236 33.01,21.497 32.84,20.69 C 32.68,19.884 32.76,19.046 33.07,18.284 C 33.38,17.521 33.91,16.869 34.59,16.41 C 35.27,15.95 36.07,15.705 36.89,15.705 C 37.43,15.691 37.97,15.786 38.48,15.984 C 38.98,16.183 39.44,16.481 39.82,16.861 C 40.21,17.241 40.51,17.694 40.72,18.195 C 40.93,18.696 41.03,19.233 41.03,19.776", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 22.23,17.629 C 21.73,17.489 21.21,17.409 20.69,17.389 C 19.89,17.389 19.47,17.648 19.47,18.033 C 19.47,18.418 20.04,18.678 20.37,18.784 L 20.92,18.957 C 21.43,19.067 21.89,19.345 22.23,19.745 C 22.56,20.146 22.76,20.647 22.78,21.171 C 22.78,23.143 21.04,23.807 19.54,23.807 C 18.82,23.8 18.11,23.729 17.41,23.596 L 17.41,21.815 C 18.01,21.995 18.64,22.095 19.28,22.114 C 20.24,22.114 20.72,21.825 20.72,21.373 C 20.72,20.92 20.32,20.747 19.83,20.593 L 19.41,20.458 C 18.31,20.112 17.4,19.496 17.4,18.158 C 17.4,16.686 18.49,15.705 20.27,15.705 C 20.92,15.715 21.57,15.799 22.19,15.955 L 22.23,17.629", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.92,7.391 C 1.92,7.135 1.82,6.891 1.64,6.71 C 1.46,6.53 1.21,6.428 0.96,6.428 C 0.71,6.428 0.46,6.53 0.28,6.71 C 0.1,6.891 0,7.135 0,7.391 L 0,9.459 C 0,9.715 0.1,9.959 0.28,10.14 C 0.46,10.32 0.71,10.422 0.96,10.422 C 1.21,10.422 1.46,10.32 1.64,10.14 C 1.82,9.959 1.92,9.715 1.92,9.459 L 1.92,7.391", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 7.35,4.686 C 7.35,4.431 7.25,4.186 7.07,4.006 C 6.89,3.826 6.64,3.724 6.39,3.724 C 6.13,3.724 5.89,3.826 5.71,4.006 C 5.53,4.186 5.43,4.431 5.43,4.686 L 5.43,9.498 C 5.43,9.753 5.53,9.998 5.71,10.178 C 5.89,10.359 6.13,10.46 6.39,10.46 C 6.64,10.46 6.89,10.359 7.07,10.178 C 7.25,9.998 7.35,9.753 7.35,9.498 L 7.35,4.686", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 12.74,0.962 C 12.74,0.707 12.64,0.462 12.46,0.282 C 12.28,0.101 12.04,1.705e-13 11.78,1.705e-13 C 11.53,1.705e-13 11.29,0.101 11.11,0.282 C 10.93,0.462 10.82,0.707 10.82,0.962 L 10.82,11.423 C 10.82,11.678 10.93,11.923 11.11,12.103 C 11.29,12.284 11.53,12.385 11.78,12.385 C 12.04,12.385 12.28,12.284 12.46,12.103 C 12.64,11.923 12.74,11.678 12.74,11.423 L 12.74,0.962", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 18.14,4.686 C 18.14,4.431 18.03,4.186 17.85,4.006 C 17.67,3.826 17.43,3.724 17.18,3.724 C 16.92,3.724 16.68,3.826 16.5,4.006 C 16.32,4.186 16.22,4.431 16.22,4.686 L 16.22,9.498 C 16.22,9.753 16.32,9.998 16.5,10.178 C 16.68,10.359 16.92,10.46 17.18,10.46 C 17.43,10.46 17.67,10.359 17.85,10.178 C 18.03,9.998 18.14,9.753 18.14,9.498 L 18.14,4.686", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 23.53,7.391 C 23.53,7.135 23.43,6.891 23.25,6.71 C 23.07,6.53 22.83,6.428 22.57,6.428 C 22.32,6.428 22.07,6.53 21.89,6.71 C 21.71,6.891 21.61,7.135 21.61,7.391 L 21.61,9.459 C 21.61,9.715 21.71,9.959 21.89,10.14 C 22.07,10.32 22.32,10.422 22.57,10.422 C 22.83,10.422 23.07,10.32 23.25,10.14 C 23.43,9.959 23.53,9.715 23.53,9.459 L 23.53,7.391", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 28.92,4.686 C 28.92,4.431 28.82,4.186 28.64,4.006 C 28.46,3.826 28.22,3.724 27.96,3.724 C 27.71,3.724 27.46,3.826 27.28,4.006 C 27.1,4.186 27,4.431 27,4.686 L 27,9.498 C 27,9.753 27.1,9.998 27.28,10.178 C 27.46,10.359 27.71,10.46 27.96,10.46 C 28.22,10.46 28.46,10.359 28.64,10.178 C 28.82,9.998 28.92,9.753 28.92,9.498 L 28.92,4.686", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 34.32,0.962 C 34.32,0.707 34.22,0.462 34.04,0.282 C 33.86,0.101 33.62,1.705e-13 33.36,1.705e-13 C 33.11,1.705e-13 32.87,0.101 32.69,0.282 C 32.51,0.462 32.4,0.707 32.4,0.962 L 32.4,11.423 C 32.4,11.678 32.51,11.923 32.69,12.103 C 32.87,12.284 33.11,12.385 33.36,12.385 C 33.62,12.385 33.86,12.284 34.04,12.103 C 34.22,11.923 34.32,11.678 34.32,11.423 L 34.32,0.962", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 39.72,4.687 C 39.72,4.424 39.61,4.172 39.43,3.986 C 39.24,3.8 38.99,3.696 38.73,3.696 C 38.47,3.696 38.21,3.8 38.03,3.986 C 37.84,4.172 37.74,4.424 37.74,4.687 L 37.74,9.499 C 37.74,9.761 37.84,10.014 38.03,10.199 C 38.21,10.385 38.47,10.49 38.73,10.49 C 38.99,10.49 39.24,10.385 39.43,10.199 C 39.61,10.014 39.72,9.761 39.72,9.499 L 39.72,4.687", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 45.1,7.391 C 45.1,7.135 45,6.891 44.82,6.71 C 44.64,6.53 44.39,6.428 44.14,6.428 C 43.89,6.428 43.64,6.53 43.46,6.71 C 43.28,6.891 43.18,7.135 43.18,7.391 L 43.18,9.459 C 43.18,9.715 43.28,9.959 43.46,10.14 C 43.64,10.32 43.89,10.422 44.14,10.422 C 44.39,10.422 44.64,10.32 44.82,10.14 C 45,9.959 45.1,9.715 45.1,9.459 L 45.1,7.391", fill: "currentColor" })] })));
4549
+ };
4550
+ const OutshiftBrand = (props) => {
4551
+ const { vars } = material.useTheme().palette;
4552
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 87.49 36", children: [jsxRuntime.jsx("path", { d: "M 33,33.673 C 33,33.344 32.92,33.095 32.75,32.931 C 32.62,32.796 32.45,32.73 32.24,32.73 C 31.99,32.73 31.8,32.818 31.65,32.997 C 31.52,33.168 31.45,33.395 31.45,33.673 C 31.45,34.01 31.53,34.267 31.69,34.446 C 31.83,34.601 32.01,34.678 32.24,34.678 C 32.49,34.678 32.68,34.586 32.81,34.401 C 32.94,34.23 33,33.988 33,33.675 L 33,33.673 M 31.39,35.015 L 30.99,35.015 L 30.99,31.383 L 31.47,31.383 L 31.47,32.755 C 31.68,32.462 31.97,32.317 32.35,32.317 C 32.73,32.317 33.02,32.451 33.23,32.72 C 33.41,32.962 33.51,33.284 33.51,33.684 C 33.51,34.159 33.38,34.522 33.13,34.775 C 32.91,34.987 32.64,35.093 32.32,35.093 C 31.94,35.093 31.66,34.952 31.46,34.669 L 31.39,35.017 L 31.39,35.015", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 36.15,32.391 L 35.24,35.051 C 35.12,35.403 35,35.644 34.89,35.772 C 34.76,35.924 34.59,35.999 34.38,35.999 C 34.29,35.999 34.19,35.983 34.06,35.953 L 34.06,35.559 C 34.16,35.582 34.24,35.593 34.32,35.593 C 34.42,35.593 34.5,35.557 34.56,35.484 C 34.62,35.411 34.69,35.255 34.78,35.013 L 34.62,35.013 L 33.65,32.388 L 34.18,32.388 L 34.92,34.618 L 35.66,32.388 L 36.15,32.388 L 36.15,32.391", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 42.08,31.381 L 42.08,35.042 L 43,35.042 L 43,31.381 L 42.08,31.381 M 40.79,32.415 C 40.79,32.119 40.78,31.851 40.8,31.587 C 40.8,31.452 40.74,31.399 40.63,31.389 C 40.31,31.362 39.98,31.301 39.67,31.335 C 38.14,31.506 37.59,33.108 38.24,34.215 C 38.75,35.079 39.82,35.296 40.69,35.022 C 40.73,35.009 40.78,34.962 40.79,34.928 C 40.79,34.631 40.79,34.333 40.79,34.078 C 40.48,34.118 40.2,34.184 39.92,34.183 C 39.43,34.181 39.05,33.817 39,33.353 C 38.95,32.823 39.22,32.412 39.72,32.272 C 40.08,32.169 40.42,32.269 40.79,32.415 M 50.51,31.438 C 49.48,31.122 48.52,31.394 48.02,32.133 C 47.55,32.83 47.6,33.8 48.13,34.449 C 48.64,35.079 49.69,35.318 50.5,34.985 C 50.51,34.946 50.51,34.903 50.51,34.86 C 50.51,34.586 50.51,34.314 50.51,34.023 C 50.44,34.05 50.38,34.086 50.32,34.093 C 50.04,34.124 49.74,34.203 49.47,34.164 C 48.96,34.091 48.68,33.64 48.73,33.072 C 48.77,32.614 49.17,32.234 49.65,32.242 C 49.94,32.247 50.22,32.32 50.51,32.361 L 50.51,31.438 M 44.25,34.254 C 44.25,34.439 44.24,34.675 44.25,34.913 C 44.26,34.96 44.33,35.039 44.37,35.042 C 44.82,35.065 45.28,35.129 45.72,35.077 C 46.51,34.984 46.97,34.267 46.74,33.569 C 46.62,33.178 46.31,32.977 45.95,32.844 C 45.78,32.785 45.61,32.754 45.46,32.668 C 45.37,32.611 45.24,32.477 45.25,32.391 C 45.26,32.301 45.41,32.185 45.51,32.157 C 45.68,32.113 45.87,32.12 46.04,32.13 C 46.2,32.138 46.36,32.179 46.53,32.206 L 46.53,31.376 C 46.13,31.361 45.73,31.313 45.34,31.337 C 44.74,31.373 44.35,31.761 44.26,32.347 C 44.19,32.834 44.47,33.258 45.03,33.483 C 45.2,33.553 45.38,33.599 45.55,33.672 C 45.7,33.732 45.85,33.836 45.79,34.006 C 45.74,34.115 45.6,34.253 45.49,34.259 C 45.09,34.284 44.69,34.259 44.25,34.254 L 44.25,34.254", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 53.43,34.186 C 52.89,34.186 52.46,33.748 52.47,33.215 C 52.48,32.675 52.89,32.273 53.44,32.274 C 54,32.274 54.41,32.688 54.41,33.234 C 54.41,33.773 53.98,34.186 53.43,34.186 L 53.43,34.186 M 53.44,31.32 C 52.32,31.32 51.49,32.135 51.49,33.237 C 51.49,34.316 52.33,35.135 53.44,35.135 C 54.55,35.135 55.39,34.308 55.39,33.216 C 55.39,32.132 54.55,31.318 53.44,31.318 L 53.44,31.32", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 0,19.099 C 0,19.819 0.6,20.397 1.32,20.393 L 14.36,20.365 C 15.09,20.362 15.67,19.779 15.67,19.058 C 15.66,18.341 15.08,17.758 14.35,17.761 L 1.31,17.79 C 0.59,17.793 0,18.38 0,19.099", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 8.85,29.588 C 9.21,30.21 10.02,30.413 10.64,30.05 L 16.15,26.834 C 16.79,26.465 17,25.671 16.63,25.048 C 16.27,24.428 15.48,24.217 14.84,24.586 L 9.33,27.803 C 8.71,28.167 8.49,28.969 8.85,29.59 L 8.85,29.588", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 17.5,33.387 C 18.12,33.745 18.92,33.518 19.28,32.892 L 20.99,30.448 C 21.35,29.813 21.14,29.018 20.51,28.661 C 19.89,28.305 19.09,28.521 18.73,29.156 L 17.02,31.602 C 16.66,32.228 16.87,33.033 17.49,33.389 L 17.5,33.387", fill: outshiftLogoLightBlue }), jsxRuntime.jsx("path", { d: "M 36.51,0.17 C 35.88,-0.188 35.08,0.038 34.72,0.665 L 28.23,11.971 C 27.87,12.606 28.08,13.4 28.71,13.757 C 29.33,14.113 30.13,13.896 30.49,13.261 L 36.99,1.957 C 37.34,1.33 37.13,0.526 36.51,0.17", fill: outshiftLogoGreen }), jsxRuntime.jsx("path", { d: "M 14.6,10.35 C 14.05,10.813 13.98,11.639 14.44,12.193 L 16.14,14.651 C 16.61,15.211 17.43,15.286 17.98,14.823 C 18.53,14.363 18.61,13.541 18.14,12.981 L 16.44,10.523 C 15.98,9.969 15.15,9.89 14.6,10.35", fill: outshiftLogoOrange }), jsxRuntime.jsx("path", { d: "M 23.18,3.334 C 22.46,3.337 21.88,3.932 21.89,4.654 L 21.92,11.037 C 21.92,11.768 22.5,12.348 23.22,12.345 C 23.94,12.341 24.52,11.756 24.52,11.025 L 24.49,4.641 C 24.49,3.919 23.9,3.33 23.18,3.334 L 23.18,3.334", fill: outshiftBlue }), jsxRuntime.jsx("path", { d: "M 30.99,15.782 L 33.34,15.782 L 33.34,22.463 C 33.34,23.766 33.98,24.417 35.25,24.417 C 35.99,24.417 36.57,24.149 36.99,23.616 C 37.33,23.16 37.5,22.599 37.5,21.936 L 37.5,15.784 L 39.84,15.784 L 39.84,25.941 L 37.91,25.941 L 37.65,24.808 C 36.92,25.759 35.91,26.234 34.61,26.234 C 33.41,26.234 32.49,25.87 31.85,25.14 C 31.28,24.475 30.99,23.565 30.99,22.405 L 30.99,15.782", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 47.47,24.22 L 47.47,25.998 C 46.92,26.155 46.4,26.232 45.91,26.232 C 44.9,26.232 44.14,25.933 43.62,25.333 C 43.18,24.825 42.96,24.141 42.96,23.282 L 42.96,17.577 L 41.43,17.577 L 41.43,15.781 L 42.96,15.781 L 43.11,13.338 L 45.3,13.338 L 45.3,15.781 L 47.45,15.781 L 47.45,17.577 L 45.3,17.577 L 45.3,23.359 C 45.3,24.037 45.65,24.375 46.34,24.375 C 46.64,24.375 47.01,24.323 47.47,24.219 L 47.47,24.22", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 50.84,23.048 C 51.02,24.024 51.76,24.513 53.05,24.513 C 53.76,24.513 54.3,24.377 54.67,24.104 C 54.97,23.869 55.12,23.564 55.12,23.185 C 55.12,22.704 54.85,22.345 54.33,22.111 C 54.03,21.981 53.38,21.799 52.36,21.565 C 51.11,21.278 50.22,20.887 49.68,20.393 C 49.15,19.912 48.88,19.281 48.88,18.499 C 48.88,17.509 49.29,16.747 50.09,16.213 C 50.81,15.732 51.79,15.49 53.04,15.49 C 54.29,15.49 55.37,15.795 56.15,16.408 C 56.83,16.929 57.25,17.631 57.42,18.518 L 55.03,18.518 C 54.84,17.646 54.16,17.209 53,17.209 C 51.85,17.209 51.25,17.566 51.25,18.283 C 51.25,18.648 51.39,18.921 51.7,19.103 C 51.99,19.285 52.6,19.488 53.51,19.71 C 54.92,20.036 55.89,20.4 56.44,20.803 C 57.13,21.311 57.48,22.027 57.48,22.951 C 57.48,24.005 57.05,24.833 56.19,25.432 C 55.41,25.965 54.35,26.232 53.02,26.232 C 51.63,26.232 50.52,25.9 49.68,25.237 C 48.98,24.677 48.57,23.948 48.45,23.049 L 50.84,23.049 L 50.84,23.048", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 61.49,25.939 L 59.15,25.939 L 59.15,11.876 L 61.49,11.876 L 61.49,16.838 C 62.22,15.939 63.21,15.49 64.44,15.49 C 65.68,15.49 66.6,15.868 67.24,16.623 C 67.81,17.288 68.1,18.193 68.1,19.337 L 68.1,25.939 L 65.75,25.939 L 65.75,19.396 C 65.75,18.003 65.11,17.305 63.82,17.305 C 63.1,17.305 62.53,17.552 62.1,18.047 C 61.7,18.503 61.49,19.083 61.49,19.785 L 61.49,25.938 L 61.49,25.939", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 72.42,25.939 L 70.07,25.939 L 70.07,15.782 L 72.42,15.782 L 72.42,25.939", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 80.63,11.855 L 80.63,13.691 C 79.99,13.522 79.49,13.438 79.11,13.438 C 78.35,13.438 77.98,13.796 77.98,14.513 L 77.98,15.782 L 80.18,15.782 L 80.18,17.579 L 77.98,17.579 L 77.98,25.939 L 75.63,25.939 L 75.63,17.579 L 74.11,17.579 L 74.11,15.782 L 75.63,15.782 L 75.63,14.63 C 75.63,13.614 75.94,12.833 76.57,12.286 C 77.12,11.817 77.83,11.583 78.72,11.583 C 79.29,11.583 79.93,11.675 80.63,11.857 L 80.63,11.855", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 87.49,24.22 L 87.49,25.998 C 86.94,26.155 86.42,26.232 85.93,26.232 C 84.92,26.232 84.16,25.933 83.64,25.333 C 83.2,24.825 82.98,24.141 82.98,23.282 L 82.98,17.577 L 81.45,17.577 L 81.45,15.781 L 82.98,15.781 L 83.13,13.338 L 85.32,13.338 L 85.32,15.781 L 87.47,15.781 L 87.47,17.577 L 85.32,17.577 L 85.32,23.359 C 85.32,24.037 85.66,24.375 86.35,24.375 C 86.65,24.375 87.03,24.323 87.49,24.219 L 87.49,24.22", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 72.88,12.374 C 72.88,13.259 72.16,13.978 71.28,13.978 C 70.4,13.978 69.68,13.259 69.68,12.374 C 69.68,11.49 70.39,10.771 71.28,10.771 C 72.17,10.771 72.88,11.49 72.88,12.374", fill: vars.brandLogoSecondary }), jsxRuntime.jsx("path", { d: "M 24.05,24.065 C 22.29,24.065 20.87,22.641 20.87,20.884 C 20.87,19.127 22.29,17.702 24.05,17.702 C 25.81,17.702 27.23,19.127 27.23,20.884 C 27.23,22.641 25.81,24.065 24.05,24.065 M 24.05,15.474 C 21.06,15.474 18.64,17.895 18.64,20.884 C 18.64,23.872 21.06,26.294 24.05,26.294 C 27.04,26.294 29.46,23.872 29.46,20.884 C 29.46,17.895 27.04,15.474 24.05,15.474", fill: vars.brandLogoSecondary })] })));
4553
+ };
4554
+
4555
+ const CiscoAIAssistantDefault = (props) => {
4556
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsxRuntime.jsx("path", { d: "M 20.5,15 C 24.64,15 28,11.642 28,7.5 C 28,3.358 24.64,1.137e-13 20.5,1.137e-13 C 16.36,1.137e-13 13,3.358 13,7.5 C 13,11.642 16.36,15 20.5,15", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.423 C 8.81,5.423 5.42,8.817 5.42,13.004 C 5.42,17.191 8.81,20.585 13,20.585 C 17.19,20.585 20.58,17.191 20.58,13.004 C 20.58,8.817 17.19,5.423 13,5.423 M 9.095e-13,13.004 C 9.095e-13,5.826 5.82,0.008 13,0.008 C 20.18,0.008 26,5.826 26,13.004 C 26,20.182 20.18,26 13,26 C 5.82,26 9.095e-13,20.182 9.095e-13,13.004", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 25.99,12.605 C 24.62,14.074 22.67,14.992 20.51,14.992 C 20.44,14.992 20.38,14.991 20.32,14.99 C 20.49,14.354 20.58,13.686 20.58,12.996 C 20.58,8.907 17.35,5.574 13.3,5.42 C 13.89,3.343 15.36,1.636 17.28,0.72 C 22.24,2.447 25.83,7.096 25.99,12.605", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 20.5,15 C 24.64,15 28,11.642 28,7.5 C 28,3.358 24.64,1.137e-13 20.5,1.137e-13 C 16.35,1.137e-13 13,3.358 13,7.5 C 13,11.642 16.35,15 20.5,15", fill: "currentColor" })] })));
4557
+ };
4558
+ const CiscoAIAssistantProcessing_loop = (props) => {
4559
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 26", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.415 C 8.81,5.415 5.42,8.809 5.42,12.996 C 5.42,17.183 8.81,20.577 13,20.577 C 17.19,20.577 20.58,17.183 20.58,12.996 C 20.58,8.809 17.19,5.415 13,5.415 M 9.095e-13,12.996 C 9.095e-13,5.819 5.82,2.274e-13 13,2.274e-13 C 20.18,2.274e-13 26,5.819 26,12.996 C 26,20.174 20.18,25.993 13,25.993 C 5.82,25.993 9.095e-13,20.174 9.095e-13,12.996", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 13,2.742 C 7.33,2.742 2.74,7.335 2.74,13 C 2.74,18.665 7.33,23.257 13,23.257 C 16.73,23.257 19.99,21.269 21.79,18.294", stroke: "currentColor", strokeWidth: "8.19239", strokeLinecap: "round" })] })));
4560
+ };
4561
+ const CiscoAIAssistantProcessing_start = (props) => {
4562
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsxRuntime.jsx("path", { d: "M 22.59,18.263 C 25.58,18.263 28,15.841 28,12.855 C 28,9.868 25.58,7.447 22.59,7.447 C 19.6,7.447 17.18,9.868 17.18,12.855 C 17.18,15.841 19.6,18.263 22.59,18.263", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.415 C 8.81,5.415 5.42,8.809 5.42,12.996 C 5.42,17.183 8.81,20.577 13,20.577 C 17.19,20.577 20.58,17.183 20.58,12.996 C 20.58,8.809 17.19,5.415 13,5.415 M 9.095e-13,12.996 C 9.095e-13,5.819 5.82,1.137e-13 13,1.137e-13 C 20.18,1.137e-13 26,5.819 26,12.996 C 26,20.174 20.18,25.992 13,25.992 C 5.82,25.992 9.095e-13,20.174 9.095e-13,12.996", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 19.37,17.123 C 20.14,15.935 20.59,14.516 20.59,12.992 C 20.59,11.371 20.08,9.869 19.21,8.636 C 20.14,7.892 21.31,7.447 22.58,7.447 C 23.46,7.447 24.29,7.658 25.03,8.033 C 25.66,9.561 26.01,11.236 26.01,12.992 C 26.01,14.583 25.72,16.108 25.2,17.516 C 24.42,17.948 23.53,18.193 22.58,18.193 C 21.38,18.193 20.26,17.795 19.37,17.123", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 22.59,18.27 C 25.58,18.27 28,15.847 28,12.859 C 28,9.87 25.58,7.447 22.59,7.447 C 19.6,7.447 17.18,9.87 17.18,12.859 C 17.18,15.847 19.6,18.27 22.59,18.27", fill: "currentColor" })] })));
4563
+ };
4564
+ const CiscoAIAssistantProcessing_end = (props) => {
4565
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 28", children: [jsxRuntime.jsx("path", { d: "M 13,11.336 C 16.13,11.336 18.67,8.798 18.67,5.668 C 18.67,2.538 16.13,1.137e-13 13,1.137e-13 C 9.87,1.137e-13 7.33,2.538 7.33,5.668 C 7.33,8.798 9.87,11.336 13,11.336", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,7.419 C 8.81,7.419 5.42,10.813 5.42,15 C 5.42,19.187 8.81,22.581 13,22.581 C 17.19,22.581 20.58,19.187 20.58,15 C 20.58,10.813 17.19,7.419 13,7.419 M 9.095e-13,15 C 9.095e-13,7.822 5.82,2.004 13,2.004 C 20.18,2.004 26,7.822 26,15 C 26,22.178 20.18,27.996 13,27.996 C 5.82,27.996 9.095e-13,22.178 9.095e-13,15", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 13,11.336 C 16.13,11.336 18.67,8.798 18.67,5.668 C 18.67,2.538 16.13,1.137e-13 13,1.137e-13 C 9.87,1.137e-13 7.33,2.538 7.33,5.668 C 7.33,8.798 9.87,11.336 13,11.336", fill: "currentColor" })] })));
4566
+ };
4567
+
4568
+ const Cisco = (props) => {
4569
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 23 13.494", children: [jsxRuntime.jsx("path", { d: "M 17.54,0.6 L 17.54,6.57 C 17.54,6.9 17.28,7.16 16.96,7.16 C 16.63,7.16 16.37,6.9 16.37,6.57 L 16.37,0.6 C 16.37,0.27 16.63,4.547e-13 16.96,4.547e-13 C 17.28,4.547e-13 17.54,0.27 17.54,0.6", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 14.23,6.04 C 14.66,6.04 14.81,5.79 14.81,5.49 L 14.81,2.82 C 14.81,2.53 14.66,2.28 14.23,2.28 C 13.8,2.28 13.64,2.53 13.64,2.82 L 13.64,5.49 C 13.64,5.79 13.8,6.04 14.23,6.04", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 3.9,5.49 C 3.87,5.8 3.62,6.04 3.31,6.04 C 3.01,6.04 2.75,5.8 2.73,5.49 L 2.73,2.82 C 2.76,2.52 3.01,2.29 3.31,2.29 C 3.61,2.29 3.86,2.52 3.9,2.82 L 3.9,5.49", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 22.42,3.79 C 22.11,3.79 21.86,4.03 21.83,4.34 L 21.83,5.49 C 21.86,5.79 22.12,6.02 22.42,6.02 C 22.71,6.02 22.97,5.79 23,5.49 L 23,4.34 C 22.97,4.03 22.72,3.79 22.42,3.79", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 6.63,8.94 L 7.8,8.94 L 7.8,13.32 L 6.63,13.32 L 6.63,8.94", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 13.18,12.86 C 12.74,12.43 12.5,11.84 12.49,11.23 C 12.51,10.6 12.77,10 13.21,9.57 C 13.66,9.14 14.26,8.92 14.88,8.94 C 15.26,8.97 15.63,9.02 16,9.1 L 16,10.29 C 15.83,10.28 15.69,10.23 15.55,10.18 C 15.37,10.12 15.18,10.06 14.9,10.06 C 14.58,10.04 14.27,10.16 14.03,10.38 C 13.8,10.59 13.66,10.9 13.64,11.23 C 13.7,11.9 14.27,12.41 14.93,12.39 C 15.21,12.39 15.38,12.33 15.55,12.27 C 15.68,12.22 15.81,12.17 15.98,12.16 L 15.98,13.33 C 15.6,13.41 15.21,13.46 14.81,13.49 C 14.21,13.51 13.62,13.29 13.18,12.86", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.6,11.23 C 1.6,11.84 1.85,12.43 2.28,12.85 C 2.71,13.28 3.3,13.51 3.9,13.49 C 4.29,13.46 4.68,13.41 5.07,13.33 L 5.07,12.16 C 4.74,12.31 4.39,12.39 4.04,12.39 C 3.36,12.43 2.78,11.91 2.73,11.23 C 2.74,10.9 2.88,10.6 3.11,10.38 C 3.35,10.16 3.66,10.04 3.98,10.06 C 4.35,10.06 4.72,10.14 5.06,10.29 L 5.06,9.1 C 4.7,9.02 4.33,8.97 3.95,8.94 C 3.34,8.92 2.75,9.15 2.31,9.58 C 1.87,10.01 1.61,10.6 1.6,11.23", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 17.21,9.62 C 17.62,9.19 18.19,8.96 18.77,8.96 C 19.36,8.96 19.92,9.2 20.34,9.62 C 20.75,10.05 20.97,10.63 20.96,11.23 C 20.96,12.02 20.54,12.76 19.87,13.15 C 19.19,13.55 18.36,13.55 17.68,13.15 C 17.01,12.76 16.59,12.02 16.59,11.23 C 16.57,10.63 16.8,10.05 17.21,9.62 M 18.77,12.38 C 18.31,12.4 17.89,12.13 17.7,11.7 C 17.51,11.28 17.59,10.77 17.91,10.43 C 18.23,10.09 18.71,9.99 19.14,10.16 C 19.57,10.33 19.85,10.76 19.85,11.23 C 19.86,11.52 19.75,11.81 19.55,12.03 C 19.34,12.24 19.07,12.36 18.77,12.37 L 18.77,12.38", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.51,10.68 L 10.79,10.78 C 11.36,10.91 11.76,11.43 11.76,12.03 C 11.76,13.13 11.07,13.49 10.27,13.49 C 9.96,13.51 9.65,13.46 9.36,13.37 L 9.36,12.37 C 9.59,12.49 9.86,12.54 10.12,12.51 C 10.64,12.51 10.77,12.34 10.77,12.12 C 10.77,11.9 10.51,11.77 10.25,11.68 C 10.22,11.67 10.17,11.66 10.13,11.65 C 10.08,11.63 10.03,11.62 10,11.61 C 9.42,11.41 8.92,11.05 8.92,10.33 C 8.92,9.51 9.61,8.96 10.57,8.96 C 10.95,8.97 11.33,9.01 11.69,9.1 L 11.69,10.04 C 11.39,9.96 11.08,9.92 10.77,9.91 C 10.35,9.91 10.06,10 10.06,10.26 C 10.06,10.52 10.33,10.62 10.5,10.68 L 10.51,10.68", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 0.58,3.79 C 0.28,3.8 0.03,4.03 0,4.34 L 0,5.49 C 0.03,5.79 0.29,6.02 0.58,6.02 C 0.88,6.02 1.14,5.79 1.17,5.49 L 1.17,4.34 C 1.14,4.03 0.89,3.8 0.58,3.79", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.36,5.49 L 9.36,2.82 C 9.32,2.52 9.07,2.29 8.77,2.29 C 8.47,2.29 8.22,2.52 8.19,2.82 L 8.19,5.49 C 8.22,5.79 8.47,6.02 8.77,6.02 C 9.07,6.02 9.32,5.79 9.36,5.49", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.91,4.34 C 10.94,4.03 11.2,3.8 11.5,3.79 C 11.8,3.8 12.06,4.03 12.08,4.34 L 12.08,5.49 C 12.05,5.79 11.8,6.02 11.5,6.02 C 11.2,6.02 10.95,5.79 10.91,5.49 L 10.91,4.34", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 6.63,0.6 C 6.64,0.44 6.58,0.29 6.47,0.18 C 6.35,0.07 6.2,0.02 6.04,0.04 C 5.89,0.02 5.73,0.07 5.62,0.18 C 5.5,0.29 5.44,0.44 5.46,0.6 L 5.46,6.57 C 5.44,6.72 5.5,6.88 5.62,6.99 C 5.73,7.1 5.89,7.15 6.04,7.13 C 6.2,7.15 6.35,7.1 6.47,6.99 C 6.58,6.88 6.64,6.72 6.63,6.57 L 6.63,0.6", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 20.27,5.49 C 20.24,5.8 19.99,6.04 19.68,6.04 C 19.38,6.04 19.13,5.8 19.1,5.49 L 19.1,2.82 C 19.14,2.52 19.39,2.29 19.69,2.29 C 19.98,2.29 20.24,2.52 20.27,2.82 L 20.27,5.49", fill: "currentColor" })] })));
4570
+ };
4571
+
4572
+ const GCPLogo = (props) => {
4573
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.727", children: jsxRuntime.jsx("path", { d: "M 18,9.613 C 18,12.436 15.71,14.727 12.89,14.727 L 5.11,14.727 C 2.29,14.727 0,12.436 0,9.613 C 0,7.862 0.88,6.316 2.22,5.4 C 2.93,2.307 5.69,0 9,0 C 12.31,0 15.07,2.307 15.78,5.4 C 17.12,6.316 18,7.862 18,9.613 M 12.79,11.454 C 13.86,11.454 14.73,10.587 14.73,9.515 C 14.73,8.468 13.91,7.609 12.86,7.568 L 12.89,7.159 C 12.89,5.015 11.14,3.272 9,3.272 C 7.84,3.272 6.79,3.78 6.08,4.59 C 7.31,4.827 8.37,5.498 9.11,6.43 L 6.95,8.59 C 6.61,7.993 5.96,7.568 5.22,7.568 C 4.14,7.568 3.27,8.435 3.27,9.515 C 3.27,10.554 4.09,11.397 5.11,11.454 L 12.79,11.454", fill: "currentColor" }) })));
4574
+ };
4575
+ const GCPLogoColored = (props) => {
4576
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.47", children: [jsxRuntime.jsx("path", { d: "M 11.97,3.995 L 13.54,2.43 L 13.64,1.772 C 10.79,-0.821 6.26,-0.527 3.69,2.385 C 2.97,3.194 2.44,4.202 2.16,5.243 L 2.72,5.165 L 5.85,4.648 L 6.09,4.401 C 7.48,2.873 9.84,2.667 11.44,3.968 L 11.97,3.995", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 15.76,5.197 C 15.4,3.873 14.67,2.682 13.64,1.772 L 11.44,3.968 C 12.37,4.725 12.9,5.867 12.88,7.064 L 12.88,7.454 C 13.96,7.454 14.83,8.329 14.83,9.408 C 14.83,10.488 13.96,11.341 12.88,11.341 L 8.96,11.341 L 8.58,11.758 L 8.58,14.102 L 8.96,14.47 L 12.88,14.47 C 15.68,14.492 17.98,12.256 18,9.448 C 18.01,7.746 17.17,6.151 15.76,5.197", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 5.05,14.47 L 8.96,14.47 L 8.96,11.341 L 5.05,11.341 C 4.77,11.341 4.51,11.281 4.25,11.165 L 3.7,11.335 L 2.12,12.9 L 1.98,13.433 C 2.87,14.1 3.95,14.475 5.05,14.47", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 5.05,4.319 C 2.25,4.336 -0.02,6.625 0,9.433 C 0.01,11.001 0.74,12.477 1.98,13.432 L 4.25,11.165 C 3.27,10.721 2.83,9.563 3.28,8.579 C 3.72,7.596 4.88,7.158 5.86,7.603 C 6.29,7.799 6.64,8.146 6.84,8.579 L 9.11,6.312 C 8.14,5.051 6.64,4.313 5.05,4.319", fill: "currentColor" })] })));
4577
+ };
4578
+
4579
+ const GitlabLogo = (props) => {
4580
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: jsxRuntime.jsx("path", { d: "M 19.965,10.126 L 17.305,1.032 L 17.305,1.002 C 17.095,0.381 16.595,1.705e-13 15.975,1.705e-13 C 15.355,1.705e-13 14.815,0.371 14.625,0.972 L 12.915,6.11 L 7.095,6.11 L 5.385,0.972 C 5.185,0.381 4.665,0.01 4.035,0.01 C 3.405,0.01 2.875,0.421 2.715,1.022 L 0.045,10.126 C -0.085,10.547 0.075,11.018 0.425,11.288 L 9.415,18.069 L 9.705,18.29 L 9.985,18.5 L 10.265,18.29 L 10.595,18.049 L 19.575,11.298 C 19.925,11.038 20.085,10.557 19.965,10.136 L 19.965,10.126 M 7.975,13.662 L 3.465,7.622 L 6.045,7.622 L 7.965,13.672 L 7.975,13.662 M 2.735,6.15 L 4.035,1.593 L 5.545,6.15 L 2.735,6.15 M 6.275,13.842 L 1.535,10.277 L 2.115,8.273 L 6.265,13.852 L 6.275,13.842 M 12.445,7.622 L 10.035,15.195 L 7.615,7.622 L 12.445,7.622 M 18.505,10.277 L 13.625,13.953 L 17.895,8.213 L 18.505,10.267 L 18.505,10.277 M 14.425,6.14 L 15.935,1.583 L 17.285,6.14 L 14.425,6.14 M 16.515,7.612 L 12.085,13.562 L 13.995,7.612 L 16.515,7.612", fill: "currentColor" }) })));
4581
+ };
4582
+ const GitlabLogoColored = (props) => {
4583
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: [jsxRuntime.jsx("path", { d: "M 9.997,18.5 L 13.677,7.119 L 6.318,7.119 L 9.997,18.5 L 9.997,18.5", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.997,18.5 L 6.318,7.119 L 1.157,7.119 L 9.997,18.5", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.157,7.119 L 0.037,10.578 C -0.013,10.732 -0.013,10.897 0.037,11.051 C 0.088,11.205 0.177,11.339 0.307,11.434 L 9.997,18.5 L 1.157,7.119 L 1.157,7.119", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.157,7.119 L 6.318,7.119 L 4.097,0.265 C 3.987,-0.088 3.487,-0.088 3.367,0.265 L 1.157,7.119", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.997,18.5 L 13.677,7.119 L 18.838,7.119 L 9.997,18.5 L 9.997,18.5", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 18.838,7.119 L 19.957,10.578 C 20.008,10.732 20.008,10.897 19.957,11.051 C 19.907,11.205 19.818,11.339 19.688,11.434 L 9.997,18.5 L 18.838,7.119 L 18.838,7.119", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 18.838,7.119 L 13.677,7.119 L 15.898,0.265 C 16.008,-0.088 16.508,-0.088 16.628,0.265 L 18.838,7.119", fill: "currentColor" })] })));
4584
+ };
4585
+
4586
+ const GithubLogo = (props) => {
4587
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsxRuntime.jsx("path", { d: "M 6.69,15.782 C 6.69,15.863 6.6,15.928 6.48,15.928 C 6.35,15.94 6.25,15.875 6.25,15.782 C 6.25,15.701 6.35,15.636 6.46,15.636 C 6.58,15.624 6.69,15.689 6.69,15.782 M 5.44,15.6 C 5.41,15.681 5.49,15.774 5.61,15.798 C 5.71,15.839 5.83,15.798 5.86,15.717 C 5.88,15.636 5.81,15.543 5.69,15.506 C 5.58,15.478 5.46,15.519 5.44,15.6 M 7.22,15.531 C 7.1,15.559 7.02,15.636 7.03,15.729 C 7.04,15.81 7.15,15.863 7.27,15.835 C 7.39,15.806 7.47,15.729 7.46,15.648 C 7.44,15.571 7.33,15.519 7.22,15.531 M 9.87,3.411e-13 C 4.28,3.411e-13 0,4.268 0,9.889 C 0,14.384 2.81,18.23 6.83,19.584 C 7.35,19.677 7.53,19.357 7.53,19.093 C 7.53,18.842 7.52,17.456 7.52,16.605 C 7.52,16.605 4.7,17.213 4.1,15.397 C 4.1,15.397 3.65,14.218 2.98,13.914 C 2.98,13.914 2.06,13.277 3.05,13.29 C 3.05,13.29 4.05,13.371 4.6,14.335 C 5.49,15.9 6.97,15.45 7.54,15.182 C 7.64,14.534 7.9,14.084 8.19,13.816 C 5.94,13.565 3.66,13.237 3.66,9.338 C 3.66,8.223 3.97,7.664 4.61,6.951 C 4.51,6.687 4.17,5.601 4.72,4.199 C 5.56,3.936 7.5,5.293 7.5,5.293 C 8.31,5.066 9.17,4.949 10.03,4.949 C 10.89,4.949 11.76,5.066 12.56,5.293 C 12.56,5.293 14.5,3.931 15.35,4.199 C 15.9,5.605 15.56,6.687 15.45,6.951 C 16.1,7.668 16.49,8.228 16.49,9.338 C 16.49,13.249 14.12,13.561 11.86,13.816 C 12.23,14.137 12.55,14.745 12.55,15.697 C 12.55,17.063 12.54,18.753 12.54,19.085 C 12.54,19.349 12.72,19.669 13.23,19.576 C 17.27,18.23 20,14.384 20,9.889 C 20,4.268 15.46,3.411e-13 9.87,3.411e-13 M 3.92,13.979 C 3.87,14.019 3.88,14.112 3.95,14.189 C 4.01,14.254 4.1,14.283 4.16,14.23 C 4.21,14.189 4.2,14.096 4.13,14.019 C 4.06,13.954 3.97,13.926 3.92,13.979 M 3.48,13.65 C 3.46,13.703 3.5,13.768 3.58,13.808 C 3.64,13.849 3.72,13.837 3.75,13.78 C 3.78,13.727 3.74,13.662 3.66,13.622 C 3.58,13.598 3.51,13.61 3.48,13.65 M 4.79,15.093 C 4.73,15.146 4.75,15.267 4.84,15.344 C 4.94,15.438 5.05,15.45 5.1,15.385 C 5.16,15.332 5.13,15.211 5.05,15.134 C 4.96,15.04 4.84,15.028 4.79,15.093 M 4.33,14.497 C 4.27,14.538 4.27,14.643 4.33,14.736 C 4.4,14.83 4.5,14.87 4.56,14.83 C 4.62,14.777 4.62,14.672 4.56,14.578 C 4.5,14.485 4.4,14.445 4.33,14.497", fill: "currentColor" }) })));
4588
+ };
4589
+ const GithubLogoColored = (props) => {
4590
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsxRuntime.jsx("path", { d: "M 6.69,15.782 C 6.69,15.863 6.6,15.928 6.48,15.928 C 6.35,15.94 6.25,15.875 6.25,15.782 C 6.25,15.701 6.35,15.636 6.46,15.636 C 6.58,15.624 6.69,15.689 6.69,15.782 M 5.44,15.599 C 5.41,15.681 5.49,15.774 5.61,15.798 C 5.71,15.839 5.83,15.798 5.86,15.717 C 5.88,15.636 5.81,15.543 5.69,15.506 C 5.58,15.478 5.46,15.518 5.44,15.599 M 7.22,15.531 C 7.1,15.559 7.02,15.636 7.03,15.729 C 7.04,15.81 7.15,15.863 7.27,15.835 C 7.39,15.806 7.47,15.729 7.46,15.648 C 7.44,15.571 7.33,15.518 7.22,15.531 M 9.87,3.411e-13 C 4.28,3.411e-13 0,4.268 0,9.889 C 0,14.384 2.81,18.23 6.83,19.583 C 7.35,19.677 7.53,19.356 7.53,19.093 C 7.53,18.842 7.52,17.456 7.52,16.605 C 7.52,16.605 4.7,17.213 4.1,15.397 C 4.1,15.397 3.65,14.217 2.98,13.913 C 2.98,13.913 2.06,13.277 3.05,13.289 C 3.05,13.289 4.05,13.37 4.6,14.335 C 5.49,15.899 6.97,15.45 7.54,15.182 C 7.64,14.534 7.9,14.084 8.19,13.816 C 5.94,13.565 3.66,13.237 3.66,9.338 C 3.66,8.223 3.97,7.664 4.61,6.951 C 4.51,6.687 4.17,5.601 4.72,4.199 C 5.56,3.935 7.5,5.293 7.5,5.293 C 8.31,5.066 9.17,4.949 10.03,4.949 C 10.89,4.949 11.76,5.066 12.56,5.293 C 12.56,5.293 14.5,3.931 15.35,4.199 C 15.9,5.605 15.56,6.687 15.45,6.951 C 16.1,7.668 16.49,8.227 16.49,9.338 C 16.49,13.249 14.12,13.561 11.86,13.816 C 12.23,14.136 12.55,14.744 12.55,15.697 C 12.55,17.063 12.54,18.753 12.54,19.085 C 12.54,19.348 12.72,19.669 13.23,19.575 C 17.27,18.23 20,14.384 20,9.889 C 20,4.268 15.46,3.411e-13 9.87,3.411e-13 M 3.92,13.978 C 3.87,14.019 3.88,14.112 3.95,14.189 C 4.01,14.254 4.1,14.282 4.16,14.23 C 4.21,14.189 4.2,14.096 4.13,14.019 C 4.06,13.954 3.97,13.926 3.92,13.978 M 3.48,13.65 C 3.46,13.703 3.5,13.768 3.58,13.808 C 3.64,13.849 3.72,13.836 3.75,13.78 C 3.78,13.727 3.74,13.662 3.66,13.622 C 3.58,13.597 3.51,13.61 3.48,13.65 M 4.79,15.093 C 4.73,15.146 4.75,15.267 4.84,15.344 C 4.94,15.437 5.05,15.45 5.1,15.385 C 5.16,15.332 5.13,15.21 5.05,15.133 C 4.96,15.04 4.84,15.028 4.79,15.093 M 4.33,14.497 C 4.27,14.538 4.27,14.643 4.33,14.736 C 4.4,14.829 4.5,14.87 4.56,14.829 C 4.62,14.777 4.62,14.671 4.56,14.578 C 4.5,14.485 4.4,14.444 4.33,14.497", fill: "currentColor" }) })));
4591
+ };
4592
+
4593
+ const Google = (props) => {
4594
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 21 21", children: [jsxRuntime.jsx("path", { d: "M 20.8,8.44 L 19.95,8.44 L 19.95,8.4 L 10.5,8.4 L 10.5,12.6 L 16.43,12.6 C 15.57,15.04 13.24,16.8 10.5,16.8 C 7.02,16.8 4.2,13.98 4.2,10.5 C 4.2,7.02 7.02,4.2 10.5,4.2 C 12.11,4.2 13.57,4.81 14.68,5.8 L 17.65,2.83 C 15.77,1.08 13.27,0 10.5,0 C 4.7,0 0,4.7 0,10.5 C 0,16.3 4.7,21 10.5,21 C 16.3,21 21,16.3 21,10.5 C 21,9.8 20.93,9.11 20.8,8.44", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 1.21,5.61 L 4.66,8.14 C 5.59,5.83 7.85,4.2 10.5,4.2 C 12.11,4.2 13.57,4.81 14.68,5.8 L 17.65,2.83 C 15.77,1.08 13.27,0 10.5,0 C 6.47,0 2.97,2.28 1.21,5.61", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 10.5,21 C 13.21,21 15.68,19.96 17.54,18.27 L 14.29,15.52 C 13.24,16.32 11.93,16.8 10.5,16.8 C 7.77,16.8 5.45,15.06 4.58,12.63 L 1.15,15.27 C 2.89,18.67 6.42,21 10.5,21", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 20.8,8.44 L 19.95,8.44 L 19.95,8.4 L 10.5,8.4 L 10.5,12.6 L 16.43,12.6 C 16.02,13.77 15.26,14.79 14.29,15.52 C 14.29,15.52 14.29,15.52 14.29,15.52 L 17.54,18.27 C 17.31,18.48 21,15.75 21,10.5 C 21,9.8 20.93,9.11 20.8,8.44", fill: "currentColor" })] })));
4595
+ };
4596
+
4597
+ const K8 = (props) => {
4598
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: jsxRuntime.jsx("path", { d: "M 9.021,0 C 9.261,0 9.511,0.059 9.731,0.163 L 15.591,2.98 C 16.061,3.201 16.381,3.608 16.501,4.109 L 17.961,10.429 C 18.071,10.929 17.961,11.453 17.631,11.849 L 13.561,16.911 C 13.241,17.307 12.771,17.528 12.261,17.528 L 5.741,17.528 C 5.231,17.528 4.761,17.307 4.441,16.911 L 0.371,11.849 C 0.041,11.441 -0.069,10.929 0.041,10.429 L 1.501,4.109 C 1.621,3.608 1.941,3.201 2.411,2.98 L 8.301,0.163 C 8.531,0.059 8.771,0 9.021,0 M 9.031,2.689 C 8.941,2.689 8.841,2.735 8.771,2.805 C 8.721,2.858 8.691,2.923 8.671,2.997 L 8.671,3.073 L 8.671,3.166 C 8.671,3.248 8.681,3.317 8.701,3.387 C 8.711,3.422 8.711,3.457 8.731,3.504 L 8.731,3.515 C 8.751,3.748 8.781,3.957 8.761,4.144 C 8.751,4.225 8.701,4.26 8.671,4.295 L 8.661,4.307 L 8.651,4.318 L 8.631,4.47 C 8.421,4.493 8.211,4.516 8.001,4.563 C 7.111,4.761 6.321,5.214 5.701,5.866 L 5.581,5.785 L 5.561,5.785 L 5.491,5.796 C 5.461,5.796 5.421,5.785 5.391,5.761 C 5.271,5.683 5.161,5.578 5.041,5.457 L 4.921,5.331 C 4.901,5.308 4.871,5.273 4.841,5.249 C 4.791,5.191 4.751,5.145 4.691,5.086 C 4.681,5.075 4.651,5.063 4.631,5.04 L 4.611,5.028 L 4.611,5.017 C 4.541,4.958 4.441,4.924 4.351,4.924 C 4.251,4.924 4.141,4.97 4.081,5.052 C 3.981,5.181 3.991,5.371 4.101,5.51 L 4.161,5.575 L 4.191,5.587 L 4.251,5.633 C 4.321,5.68 4.371,5.715 4.441,5.75 L 4.501,5.775 L 4.551,5.808 C 4.761,5.936 4.931,6.041 5.071,6.169 C 5.131,6.227 5.131,6.285 5.131,6.343 L 5.131,6.367 L 5.251,6.471 C 5.221,6.506 5.201,6.53 5.191,6.565 C 4.611,7.484 4.391,8.566 4.541,9.637 L 4.391,9.684 L 4.371,9.707 C 4.351,9.754 4.321,9.8 4.251,9.835 C 4.071,9.893 3.861,9.917 3.621,9.94 L 3.611,9.94 C 3.571,9.94 3.521,9.94 3.491,9.951 C 3.421,9.951 3.351,9.963 3.271,9.975 C 3.241,9.975 3.221,9.986 3.201,9.986 L 3.181,9.988 L 3.161,9.998 C 2.951,10.045 2.831,10.242 2.861,10.429 C 2.901,10.592 3.051,10.696 3.231,10.696 L 3.281,10.695 L 3.331,10.685 C 3.341,10.685 3.351,10.685 3.351,10.673 L 3.421,10.661 C 3.501,10.638 3.561,10.615 3.631,10.58 C 3.661,10.568 3.701,10.545 3.731,10.533 L 3.751,10.533 C 3.971,10.452 4.161,10.382 4.351,10.359 L 4.371,10.359 C 4.441,10.359 4.491,10.394 4.521,10.417 L 4.551,10.429 L 4.711,10.405 C 4.991,11.267 5.531,12.035 6.241,12.593 C 6.401,12.721 6.561,12.826 6.741,12.931 L 6.671,13.082 L 6.681,13.106 C 6.701,13.152 6.721,13.21 6.701,13.292 C 6.631,13.466 6.531,13.641 6.401,13.839 L 6.401,13.85 C 6.381,13.885 6.351,13.909 6.331,13.944 C 6.281,14.002 6.251,14.06 6.201,14.13 C 6.191,14.141 6.181,14.165 6.171,14.188 L 6.161,14.204 L 6.151,14.211 C 6.061,14.409 6.131,14.63 6.311,14.712 C 6.351,14.735 6.401,14.747 6.451,14.747 C 6.561,14.747 6.671,14.687 6.741,14.598 L 6.791,14.525 C 6.791,14.514 6.811,14.502 6.811,14.502 C 6.821,14.479 6.831,14.456 6.841,14.444 C 6.881,14.362 6.891,14.304 6.911,14.234 L 6.931,14.182 L 6.951,14.13 C 7.031,13.897 7.091,13.711 7.191,13.548 C 7.241,13.478 7.291,13.466 7.341,13.443 L 7.351,13.442 L 7.361,13.431 L 7.451,13.28 C 7.961,13.478 8.521,13.583 9.081,13.583 C 9.411,13.583 9.761,13.548 10.091,13.466 C 10.301,13.42 10.501,13.362 10.691,13.292 L 10.761,13.42 C 10.771,13.42 10.771,13.42 10.791,13.431 C 10.841,13.443 10.891,13.466 10.941,13.536 C 11.031,13.699 11.101,13.897 11.181,14.118 L 11.181,14.13 C 11.191,14.165 11.211,14.2 11.221,14.234 C 11.241,14.304 11.251,14.374 11.291,14.444 C 11.301,14.467 11.311,14.479 11.321,14.502 L 11.331,14.518 L 11.331,14.525 C 11.401,14.665 11.541,14.747 11.681,14.747 C 11.731,14.747 11.781,14.735 11.821,14.712 C 11.901,14.665 11.971,14.595 12.001,14.502 C 12.011,14.432 12.021,14.356 12.001,14.283 L 11.971,14.211 C 11.971,14.2 11.961,14.2 11.961,14.188 C 11.951,14.165 11.941,14.141 11.931,14.13 C 11.891,14.06 11.851,14.002 11.801,13.944 C 11.781,13.909 11.751,13.885 11.731,13.85 L 11.731,13.839 C 11.601,13.641 11.481,13.466 11.431,13.292 C 11.401,13.21 11.431,13.164 11.441,13.106 L 11.451,13.082 L 11.391,12.943 C 12.011,12.582 12.531,12.07 12.931,11.441 C 13.141,11.115 13.301,10.755 13.421,10.394 L 13.561,10.417 C 13.571,10.417 13.571,10.405 13.581,10.405 C 13.631,10.382 13.661,10.347 13.731,10.347 L 13.751,10.347 C 13.941,10.37 14.141,10.44 14.361,10.522 L 14.371,10.522 L 14.481,10.568 C 14.551,10.603 14.601,10.626 14.691,10.65 L 14.761,10.661 L 14.771,10.663 L 14.791,10.673 C 14.831,10.685 14.851,10.685 14.881,10.685 C 15.061,10.685 15.211,10.568 15.261,10.417 C 15.261,10.297 15.161,10.143 15.001,10.065 L 14.921,10.033 L 14.911,10.033 C 14.901,10.033 14.881,10.033 14.881,10.021 C 14.861,10.021 14.841,10.01 14.811,10.01 C 14.731,9.998 14.661,9.986 14.591,9.986 C 14.561,9.986 14.521,9.986 14.481,9.975 L 14.461,9.975 C 14.221,9.951 14.021,9.928 13.841,9.87 C 13.751,9.835 13.731,9.788 13.711,9.742 L 13.701,9.73 L 13.701,9.719 L 13.541,9.672 C 13.611,9.137 13.591,8.578 13.461,8.031 C 13.341,7.484 13.111,6.972 12.811,6.506 L 12.931,6.402 L 12.931,6.378 C 12.931,6.32 12.941,6.262 12.991,6.204 C 13.091,6.108 13.221,6.025 13.361,5.935 L 13.511,5.843 L 13.611,5.785 C 13.681,5.75 13.741,5.715 13.811,5.668 C 13.821,5.657 13.851,5.645 13.871,5.622 L 13.891,5.61 L 13.891,5.599 C 14.061,5.459 14.091,5.226 13.981,5.075 C 13.921,4.993 13.811,4.947 13.711,4.947 C 13.641,4.947 13.571,4.966 13.511,5.001 L 13.451,5.04 C 13.441,5.052 13.441,5.052 13.431,5.063 C 13.411,5.075 13.391,5.098 13.371,5.11 C 13.311,5.168 13.271,5.214 13.221,5.273 L 13.181,5.313 L 13.141,5.354 C 12.971,5.529 12.821,5.668 12.671,5.773 C 12.641,5.796 12.601,5.808 12.571,5.808 C 12.541,5.808 12.521,5.808 12.501,5.796 L 12.471,5.796 L 12.331,5.89 C 12.181,5.727 12.021,5.587 11.861,5.447 C 11.161,4.9 10.311,4.563 9.421,4.481 L 9.411,4.33 C 9.401,4.318 9.401,4.318 9.391,4.307 C 9.351,4.272 9.311,4.237 9.301,4.155 C 9.291,3.969 9.311,3.76 9.331,3.527 L 9.331,3.515 C 9.331,3.48 9.341,3.434 9.351,3.399 C 9.371,3.329 9.381,3.259 9.391,3.178 L 9.391,3.073 C 9.391,2.863 9.231,2.689 9.031,2.689 M 9.131,10.778 C 9.171,10.801 9.211,10.83 9.231,10.86 L 9.271,10.906 L 10.171,12.524 C 10.061,12.559 9.951,12.582 9.831,12.617 C 9.561,12.675 9.301,12.71 9.021,12.71 C 8.611,12.71 8.211,12.64 7.841,12.524 L 8.761,10.859 C 8.851,10.755 9.011,10.708 9.131,10.778 M 7.431,9.986 C 7.591,9.975 7.731,10.079 7.761,10.231 C 7.771,10.277 7.771,10.319 7.761,10.358 L 7.751,10.417 L 7.041,12.128 C 6.391,11.709 5.861,11.069 5.581,10.301 L 7.431,9.986 M 10.581,9.975 L 12.441,10.289 C 12.371,10.545 12.251,10.778 12.101,10.999 C 11.811,11.464 11.431,11.837 10.981,12.128 L 10.251,10.37 C 10.221,10.231 10.271,10.079 10.411,10.01 C 10.461,9.986 10.521,9.975 10.581,9.975 M 9.301,8.473 L 9.651,8.916 L 9.531,9.463 L 9.021,9.707 L 8.511,9.463 L 8.381,8.916 L 8.731,8.473 L 9.301,8.473 M 12.121,7.147 C 12.321,7.472 12.471,7.845 12.571,8.252 C 12.661,8.648 12.681,9.044 12.651,9.428 L 10.871,8.916 C 10.711,8.869 10.611,8.706 10.651,8.543 C 10.661,8.497 10.681,8.45 10.721,8.415 L 12.121,7.147 M 5.901,7.147 L 7.281,8.38 C 7.411,8.485 7.421,8.683 7.321,8.811 C 7.281,8.857 7.241,8.892 7.181,8.904 L 5.371,9.428 C 5.301,8.636 5.481,7.833 5.901,7.147 M 8.561,5.424 L 8.461,7.286 C 8.451,7.449 8.321,7.589 8.141,7.589 C 8.101,7.589 8.041,7.577 8.001,7.554 L 6.461,6.448 C 6.931,5.971 7.531,5.645 8.191,5.494 L 8.561,5.424 M 9.471,5.436 C 10.271,5.529 11.011,5.89 11.571,6.448 L 10.041,7.531 C 9.911,7.612 9.741,7.589 9.631,7.461 C 9.601,7.426 9.591,7.379 9.581,7.333 L 9.471,5.436", fill: "currentColor" }) })));
4599
+ };
4600
+ const K8Colored = (props) => {
4601
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: [jsxRuntime.jsx("ellipse", { cx: "2481", cy: "592.135", rx: "7.66845", ry: "7.66845", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M 9.021,0 C 9.261,0 9.511,0.059 9.731,0.163 L 15.591,2.98 C 16.061,3.201 16.381,3.608 16.501,4.109 L 17.961,10.429 C 18.071,10.929 17.961,11.453 17.631,11.849 L 13.561,16.911 C 13.241,17.307 12.771,17.528 12.261,17.528 L 5.741,17.528 C 5.231,17.528 4.761,17.307 4.441,16.911 L 0.371,11.849 C 0.041,11.441 -0.069,10.929 0.041,10.429 L 1.501,4.109 C 1.621,3.608 1.941,3.201 2.411,2.98 L 8.301,0.163 C 8.531,0.059 8.771,0 9.021,0 M 9.031,2.689 C 8.941,2.689 8.841,2.735 8.771,2.805 C 8.721,2.858 8.691,2.923 8.671,2.997 L 8.671,3.073 L 8.671,3.166 C 8.671,3.248 8.681,3.317 8.701,3.387 C 8.711,3.422 8.711,3.457 8.731,3.504 L 8.731,3.515 C 8.751,3.748 8.781,3.957 8.761,4.144 C 8.751,4.225 8.701,4.26 8.671,4.295 L 8.661,4.307 L 8.651,4.318 L 8.631,4.47 C 8.421,4.493 8.211,4.516 8.001,4.563 C 7.111,4.761 6.321,5.214 5.701,5.866 L 5.581,5.785 L 5.561,5.785 L 5.491,5.796 C 5.461,5.796 5.421,5.785 5.391,5.761 C 5.271,5.683 5.161,5.578 5.041,5.457 L 4.921,5.331 C 4.901,5.308 4.871,5.273 4.841,5.249 C 4.791,5.191 4.751,5.145 4.691,5.086 C 4.681,5.075 4.651,5.063 4.631,5.04 L 4.611,5.028 L 4.611,5.017 C 4.541,4.958 4.441,4.924 4.351,4.924 C 4.251,4.924 4.141,4.97 4.081,5.052 C 3.981,5.181 3.991,5.371 4.101,5.51 L 4.161,5.575 L 4.191,5.587 L 4.251,5.633 C 4.321,5.68 4.371,5.715 4.441,5.75 L 4.501,5.775 L 4.551,5.808 C 4.761,5.936 4.931,6.041 5.071,6.169 C 5.131,6.227 5.131,6.285 5.131,6.343 L 5.131,6.367 L 5.251,6.471 C 5.221,6.506 5.201,6.53 5.191,6.565 C 4.611,7.484 4.391,8.566 4.541,9.637 L 4.391,9.684 L 4.371,9.707 C 4.351,9.754 4.321,9.8 4.251,9.835 C 4.071,9.893 3.861,9.917 3.621,9.94 L 3.611,9.94 C 3.571,9.94 3.521,9.94 3.491,9.951 C 3.421,9.951 3.351,9.963 3.271,9.975 C 3.241,9.975 3.221,9.986 3.201,9.986 L 3.181,9.988 L 3.161,9.998 C 2.951,10.045 2.831,10.242 2.861,10.429 C 2.901,10.592 3.051,10.696 3.231,10.696 L 3.281,10.695 L 3.331,10.685 C 3.341,10.685 3.351,10.685 3.351,10.673 L 3.421,10.661 C 3.501,10.638 3.561,10.615 3.631,10.58 C 3.661,10.568 3.701,10.545 3.731,10.533 L 3.751,10.533 C 3.971,10.452 4.161,10.382 4.351,10.359 L 4.371,10.359 C 4.441,10.359 4.491,10.394 4.521,10.417 L 4.551,10.429 L 4.711,10.405 C 4.991,11.267 5.531,12.035 6.241,12.593 C 6.401,12.721 6.561,12.826 6.741,12.931 L 6.671,13.082 L 6.681,13.106 C 6.701,13.152 6.721,13.21 6.701,13.292 C 6.631,13.466 6.531,13.641 6.401,13.839 L 6.401,13.85 C 6.381,13.885 6.351,13.909 6.331,13.944 C 6.281,14.002 6.251,14.06 6.201,14.13 C 6.191,14.141 6.181,14.165 6.171,14.188 L 6.161,14.204 L 6.151,14.211 C 6.061,14.409 6.131,14.63 6.311,14.712 C 6.351,14.735 6.401,14.747 6.451,14.747 C 6.561,14.747 6.671,14.687 6.741,14.598 L 6.791,14.525 C 6.791,14.514 6.811,14.502 6.811,14.502 C 6.821,14.479 6.831,14.456 6.841,14.444 C 6.881,14.362 6.891,14.304 6.911,14.234 L 6.931,14.182 L 6.951,14.13 C 7.031,13.897 7.091,13.711 7.191,13.548 C 7.241,13.478 7.291,13.466 7.341,13.443 L 7.351,13.442 L 7.361,13.431 L 7.451,13.28 C 7.961,13.478 8.521,13.583 9.081,13.583 C 9.411,13.583 9.761,13.548 10.091,13.466 C 10.301,13.42 10.501,13.362 10.691,13.292 L 10.761,13.42 C 10.771,13.42 10.771,13.42 10.791,13.431 C 10.841,13.443 10.891,13.466 10.941,13.536 C 11.031,13.699 11.101,13.897 11.181,14.118 L 11.181,14.13 C 11.191,14.165 11.211,14.2 11.221,14.234 C 11.241,14.304 11.251,14.374 11.291,14.444 C 11.301,14.467 11.311,14.479 11.321,14.502 L 11.331,14.518 L 11.331,14.525 C 11.401,14.665 11.541,14.747 11.681,14.747 C 11.731,14.747 11.781,14.735 11.821,14.712 C 11.901,14.665 11.971,14.595 12.001,14.502 C 12.011,14.432 12.021,14.356 12.001,14.283 L 11.971,14.211 C 11.971,14.2 11.961,14.2 11.961,14.188 C 11.951,14.165 11.941,14.141 11.931,14.13 C 11.891,14.06 11.851,14.002 11.801,13.944 C 11.781,13.909 11.751,13.885 11.731,13.85 L 11.731,13.839 C 11.601,13.641 11.481,13.466 11.431,13.292 C 11.401,13.21 11.431,13.164 11.441,13.106 L 11.451,13.082 L 11.391,12.943 C 12.011,12.582 12.531,12.07 12.931,11.441 C 13.141,11.115 13.301,10.755 13.421,10.394 L 13.561,10.417 C 13.571,10.417 13.571,10.405 13.581,10.405 C 13.631,10.382 13.661,10.347 13.731,10.347 L 13.751,10.347 C 13.941,10.37 14.141,10.44 14.361,10.522 L 14.371,10.522 L 14.481,10.568 C 14.551,10.603 14.601,10.626 14.691,10.65 L 14.761,10.661 L 14.771,10.663 L 14.791,10.673 C 14.831,10.685 14.851,10.685 14.881,10.685 C 15.061,10.685 15.211,10.568 15.261,10.417 C 15.261,10.297 15.161,10.143 15.001,10.065 L 14.921,10.033 L 14.911,10.033 C 14.901,10.033 14.881,10.033 14.881,10.021 C 14.861,10.021 14.841,10.01 14.811,10.01 C 14.731,9.998 14.661,9.986 14.591,9.986 C 14.561,9.986 14.521,9.986 14.481,9.975 L 14.461,9.975 C 14.221,9.951 14.021,9.928 13.841,9.87 C 13.751,9.835 13.731,9.788 13.711,9.742 L 13.701,9.73 L 13.701,9.719 L 13.541,9.672 C 13.611,9.137 13.591,8.578 13.461,8.031 C 13.341,7.484 13.111,6.972 12.811,6.506 L 12.931,6.402 L 12.931,6.378 C 12.931,6.32 12.941,6.262 12.991,6.204 C 13.091,6.108 13.221,6.025 13.361,5.935 L 13.511,5.843 L 13.611,5.785 C 13.681,5.75 13.741,5.715 13.811,5.668 C 13.821,5.657 13.851,5.645 13.871,5.622 L 13.891,5.61 L 13.891,5.599 C 14.061,5.459 14.091,5.226 13.981,5.075 C 13.921,4.993 13.811,4.947 13.711,4.947 C 13.641,4.947 13.571,4.966 13.511,5.001 L 13.451,5.04 C 13.441,5.052 13.441,5.052 13.431,5.063 C 13.411,5.075 13.391,5.098 13.371,5.11 C 13.311,5.168 13.271,5.214 13.221,5.273 L 13.181,5.313 L 13.141,5.354 C 12.971,5.529 12.821,5.668 12.671,5.773 C 12.641,5.796 12.601,5.808 12.571,5.808 C 12.541,5.808 12.521,5.808 12.501,5.796 L 12.471,5.796 L 12.331,5.89 C 12.181,5.727 12.021,5.587 11.861,5.447 C 11.161,4.9 10.311,4.563 9.421,4.481 L 9.411,4.33 C 9.401,4.318 9.401,4.318 9.391,4.307 C 9.351,4.272 9.311,4.237 9.301,4.155 C 9.291,3.969 9.311,3.76 9.331,3.527 L 9.331,3.515 C 9.331,3.48 9.341,3.434 9.351,3.399 C 9.371,3.329 9.381,3.259 9.391,3.178 L 9.391,3.073 C 9.391,2.863 9.231,2.689 9.031,2.689 M 9.131,10.778 C 9.171,10.801 9.211,10.83 9.231,10.86 L 9.271,10.906 L 10.171,12.524 C 10.061,12.559 9.951,12.582 9.831,12.617 C 9.561,12.675 9.301,12.71 9.021,12.71 C 8.611,12.71 8.211,12.64 7.841,12.524 L 8.761,10.859 C 8.851,10.755 9.011,10.708 9.131,10.778 M 7.431,9.986 C 7.591,9.975 7.731,10.079 7.761,10.231 C 7.771,10.277 7.771,10.319 7.761,10.358 L 7.751,10.417 L 7.041,12.128 C 6.391,11.709 5.861,11.069 5.581,10.301 L 7.431,9.986 M 10.581,9.975 L 12.441,10.289 C 12.371,10.545 12.251,10.778 12.101,10.999 C 11.811,11.464 11.431,11.837 10.981,12.128 L 10.251,10.37 C 10.221,10.231 10.271,10.079 10.411,10.01 C 10.461,9.986 10.521,9.975 10.581,9.975 M 9.301,8.473 L 9.651,8.916 L 9.531,9.463 L 9.021,9.707 L 8.511,9.463 L 8.381,8.916 L 8.731,8.473 L 9.301,8.473 M 12.121,7.147 C 12.321,7.472 12.471,7.845 12.571,8.252 C 12.661,8.648 12.681,9.044 12.651,9.428 L 10.871,8.916 C 10.711,8.869 10.611,8.706 10.651,8.543 C 10.661,8.497 10.681,8.45 10.721,8.415 L 12.121,7.147 M 5.901,7.147 L 7.281,8.38 C 7.411,8.485 7.421,8.683 7.321,8.811 C 7.281,8.857 7.241,8.892 7.181,8.904 L 5.371,9.428 C 5.301,8.636 5.481,7.833 5.901,7.147 M 8.561,5.424 L 8.461,7.286 C 8.451,7.449 8.321,7.589 8.141,7.589 C 8.101,7.589 8.041,7.577 8.001,7.554 L 6.461,6.448 C 6.931,5.971 7.531,5.645 8.191,5.494 L 8.561,5.424 M 9.471,5.436 C 10.271,5.529 11.011,5.89 11.571,6.448 L 10.041,7.531 C 9.911,7.612 9.741,7.589 9.631,7.461 C 9.601,7.426 9.591,7.379 9.581,7.333 L 9.471,5.436", fill: "currentColor" })] })));
4602
+ };
4603
+
4604
+ const MicrosoftAzure = (props) => {
4605
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 0,13.535 L 5.19,4.893 L 11.25,0 L 4.68,13.548 L 4.68,13.535 L 0,13.535 M 13.99,13.376 L 9.11,7.743 L 11.65,0.968 L 20,15 L 4.5,15 L 13.99,13.376", fill: "currentColor" }) })));
4606
+ };
4607
+ const MicrosoftAzureColored = (props) => {
4608
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 0,13.535 L 5.19,4.893 L 11.25,0 L 4.68,13.548 L 4.68,13.535 L 0,13.535 M 13.99,13.376 L 9.11,7.743 L 11.65,0.968 L 20,15 L 4.5,15 L 13.99,13.376", fill: "currentColor" }) })));
4032
4609
  };
4033
4610
 
4034
4611
  const OracleLogo = (props) => {
@@ -4038,14 +4615,21 @@
4038
4615
  return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 12.625", children: jsxRuntime.jsx("path", { d: "M 6.31,12.625 C 2.79,12.625 1.364e-12,9.767 1.364e-12,6.312 C 1.364e-12,2.79 2.86,0 6.31,0 L 13.69,0 C 17.21,0 20,2.857 20,6.312 C 20,9.834 17.14,12.625 13.69,12.625 L 6.31,12.625 M 13.56,10.365 C 15.81,10.365 17.67,8.505 17.67,6.245 C 17.67,3.986 15.81,2.126 13.56,2.126 L 6.51,2.126 C 4.25,2.126 2.39,3.986 2.39,6.245 C 2.39,8.505 4.25,10.365 6.51,10.365 L 13.56,10.365", fill: "currentColor" }) })));
4039
4616
  };
4040
4617
 
4618
+ const BRACKET_PATH = "M 10,10.583 C 10.55,10.583 11,11.033 11,11.583 L 11,13.583 L 19,13.583 C 19.55,13.583 20,14.033 20,14.583 L 20,17.583 C 20,18.143 19.55,18.583 19,18.583 C 18.45,18.583 18,18.143 18,17.583 L 18,15.583 L 11,15.583 L 11,17.583 C 11,18.143 10.55,18.583 10,18.583 C 9.45,18.583 9,18.143 9,17.583 L 9,15.583 L 2,15.583 L 2,17.583 C 2,18.143 1.55,18.583 1,18.583 C 0.45,18.583 0,18.143 0,17.583 L 0,14.583 C 0,14.033 0.45,13.583 1,13.583 L 9,13.583 L 9,11.583 C 9,11.033 9.45,10.583 10,10.583";
4619
+ const ARROW_PATH = "M 11.06,7.643 L 12.29,8.883 C 12.68,9.273 13.32,9.273 13.71,8.883 L 17.29,5.293 C 17.68,4.903 17.68,4.273 17.29,3.883 L 13.71,0.293 C 13.32,-0.097 12.68,-0.097 12.29,0.293 L 11.06,1.523 L 12.35,2.823 C 12.39,2.863 12.43,2.903 12.47,2.943 L 13,2.413 L 15.17,4.583 L 13,6.753 L 12.47,6.233 C 12.43,6.273 12.39,6.313 12.35,6.353 L 11.06,7.643";
4620
+ const DIAMOND_PATH = "M 6.29,0.293 C 6.68,-0.097 7.32,-0.097 7.71,0.293 L 11.29,3.883 C 11.68,4.273 11.68,4.903 11.29,5.293 L 7.71,8.883 C 7.32,9.273 6.68,9.273 6.29,8.883 L 2.71,5.293 C 2.32,4.903 2.32,4.273 2.71,3.883 L 6.29,0.293";
4041
4621
  function OrgSwitcherWeak(props) {
4042
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: "M 10,10.583 C 10.55,10.583 11,11.033 11,11.583 L 11,13.583 L 19,13.583 C 19.55,13.583 20,14.033 20,14.583 L 20,17.583 C 20,18.143 19.55,18.583 19,18.583 C 18.45,18.583 18,18.143 18,17.583 L 18,15.583 L 11,15.583 L 11,17.583 C 11,18.143 10.55,18.583 10,18.583 C 9.45,18.583 9,18.143 9,17.583 L 9,15.583 L 2,15.583 L 2,17.583 C 2,18.143 1.55,18.583 1,18.583 C 0.45,18.583 0,18.143 0,17.583 L 0,14.583 C 0,14.033 0.45,13.583 1,13.583 L 9,13.583 L 9,11.583 C 9,11.033 9.45,10.583 10,10.583", fill: "currentColor" }) })));
4622
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: BRACKET_PATH, fill: "currentColor" }) })));
4043
4623
  }
4044
4624
  function OrgSwitcherMedium(props) {
4045
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: "M 10,10.583 C 10.55,10.583 11,11.033 11,11.583 L 11,13.583 L 19,13.583 C 19.55,13.583 20,14.033 20,14.583 L 20,17.583 C 20,18.143 19.55,18.583 19,18.583 C 18.45,18.583 18,18.143 18,17.583 L 18,15.583 L 11,15.583 L 11,17.583 C 11,18.143 10.55,18.583 10,18.583 C 9.45,18.583 9,18.143 9,17.583 L 9,15.583 L 2,15.583 L 2,17.583 C 2,18.143 1.55,18.583 1,18.583 C 0.45,18.583 0,18.143 0,17.583 L 0,14.583 C 0,14.033 0.45,13.583 1,13.583 L 9,13.583 L 9,11.583 C 9,11.033 9.45,10.583 10,10.583 M 11.06,7.643 L 12.29,8.883 C 12.68,9.273 13.32,9.273 13.71,8.883 L 17.29,5.293 C 17.68,4.903 17.68,4.273 17.29,3.883 L 13.71,0.293 C 13.32,-0.097 12.68,-0.097 12.29,0.293 L 11.06,1.523 L 12.35,2.823 C 12.39,2.863 12.43,2.903 12.47,2.943 L 13,2.413 L 15.17,4.583 L 13,6.753 L 12.47,6.233 C 12.43,6.273 12.39,6.313 12.35,6.353 L 11.06,7.643", fill: "currentColor" }) })));
4625
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: `${BRACKET_PATH} ${ARROW_PATH}`, fill: "currentColor" }) })));
4046
4626
  }
4047
4627
  function OrgSwitcherDefault(props) {
4048
- return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: "M 10,10.583 C 10.55,10.583 11,11.033 11,11.583 L 11,13.583 L 19,13.583 C 19.55,13.583 20,14.033 20,14.583 L 20,17.583 C 20,18.143 19.55,18.583 19,18.583 C 18.45,18.583 18,18.143 18,17.583 L 18,15.583 L 11,15.583 L 11,17.583 C 11,18.143 10.55,18.583 10,18.583 C 9.45,18.583 9,18.143 9,17.583 L 9,15.583 L 2,15.583 L 2,17.583 C 2,18.143 1.55,18.583 1,18.583 C 0.45,18.583 0,18.143 0,17.583 L 0,14.583 C 0,14.033 0.45,13.583 1,13.583 L 9,13.583 L 9,11.583 C 9,11.033 9.45,10.583 10,10.583 M 6.29,0.293 C 6.68,-0.097 7.32,-0.097 7.71,0.293 L 11.29,3.883 C 11.68,4.273 11.68,4.903 11.29,5.293 L 7.71,8.883 C 7.32,9.273 6.68,9.273 6.29,8.883 L 2.71,5.293 C 2.32,4.903 2.32,4.273 2.71,3.883 L 6.29,0.293", fill: "currentColor" }) })));
4628
+ return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: `${BRACKET_PATH} ${DIAMOND_PATH}`, fill: "currentColor" }) })));
4629
+ }
4630
+ function OrgSwitcher(props) {
4631
+ const { vars } = material.useTheme().palette;
4632
+ return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: [jsxRuntime.jsx("path", { d: BRACKET_PATH, fill: vars.brandIconSecondaryWeak }), jsxRuntime.jsx("path", { d: ARROW_PATH, fill: vars.brandIconSecondaryWeak }), jsxRuntime.jsx("path", { d: DIAMOND_PATH, fill: vars.brandIconSecondaryDefault })] })));
4049
4633
  }
4050
4634
 
4051
4635
  var index = /*#__PURE__*/Object.freeze({
@@ -4834,6 +5418,7 @@
4834
5418
  OracleServicesSubnet: OracleServicesSubnet,
4835
5419
  OracleServicesUser: OracleServicesUser,
4836
5420
  OracleServicesVirtualNetwork: OracleServicesVirtualNetwork,
5421
+ OrgSwitcher: OrgSwitcher,
4837
5422
  OrgSwitcherDefault: OrgSwitcherDefault,
4838
5423
  OrgSwitcherMedium: OrgSwitcherMedium,
4839
5424
  OrgSwitcherWeak: OrgSwitcherWeak,
@@ -5084,15 +5669,15 @@
5084
5669
  });
5085
5670
 
5086
5671
  const StyledAccordion = material.styled(material.Accordion, {
5087
- shouldForwardProp: (prop) => prop !== "contained" && prop !== "mediumSize",
5088
- })(({ theme, contained, mediumSize }) => (Object.assign(Object.assign({ padding: 0, color: theme.palette.vars.baseTextStrong, backgroundColor: "transparent", boxShadow: "none", "&::before": {
5672
+ shouldForwardProp: (prop) => prop !== "contained" && prop !== "showBorder",
5673
+ })(({ theme, contained, showBorder }) => (Object.assign(Object.assign({ padding: 0, color: theme.palette.vars.baseTextStrong, backgroundColor: "transparent", boxShadow: "none", "&::before": {
5089
5674
  display: "none",
5090
5675
  }, "&.Mui-expanded": {
5091
5676
  marginTop: 0,
5092
5677
  }, "&.Mui-disabled": {
5093
5678
  color: theme.palette.vars.baseTextDisabled,
5094
5679
  backgroundColor: "transparent",
5095
- } }, (mediumSize &&
5680
+ } }, (showBorder &&
5096
5681
  !contained && {
5097
5682
  borderTop: `1px solid ${theme.palette.vars.controlBorderDefault}`,
5098
5683
  })), (contained && {
@@ -5181,12 +5766,13 @@
5181
5766
  }));
5182
5767
 
5183
5768
  const Accordion = (_a) => {
5184
- var { contained = false, size = "large", arrowPosition = "left", title, subTitle, titleStartIcon, titleEndIcon, titleSlot, subTitleStartIcon, subTitleEndIcon, subTitleSlot, action, endSlot, showDivider, accordionSummaryProps, detailsContentBoxProps, children } = _a, props = __rest(_a, ["contained", "size", "arrowPosition", "title", "subTitle", "titleStartIcon", "titleEndIcon", "titleSlot", "subTitleStartIcon", "subTitleEndIcon", "subTitleSlot", "action", "endSlot", "showDivider", "accordionSummaryProps", "detailsContentBoxProps", "children"]);
5769
+ var { contained = false, size = "large", arrowPosition = "left", title, subTitle, titleStartIcon, titleEndIcon, titleSlot, subTitleStartIcon, subTitleEndIcon, subTitleSlot, action, endSlot, showDivider, showBorder, accordionSummaryProps, detailsContentBoxProps, children } = _a, props = __rest(_a, ["contained", "size", "arrowPosition", "title", "subTitle", "titleStartIcon", "titleEndIcon", "titleSlot", "subTitleStartIcon", "subTitleEndIcon", "subTitleSlot", "action", "endSlot", "showDivider", "showBorder", "accordionSummaryProps", "detailsContentBoxProps", "children"]);
5185
5770
  const textVariant = size === "large" ? "h6" : "body2Semibold";
5186
5771
  const summaryTextLineHeight = size === "large" ? "24px" : "20px";
5187
5772
  const mediumSize = size === "medium";
5188
5773
  const shouldShowDivider = showDivider !== null && showDivider !== void 0 ? showDivider : (mediumSize && !contained);
5189
- return (jsxRuntime.jsxs(StyledAccordion, Object.assign({}, props, { mediumSize: mediumSize, contained: contained, children: [jsxRuntime.jsxs(StyledAccordionSummary, Object.assign({ "aria-controls": "panel-content", disableRipple: true, expandIcon: jsxRuntime.jsx(KeyboardArrowRight, { fontSize: "small" }) }, accordionSummaryProps, { contained: contained, arrowPosition: arrowPosition, mediumSize: mediumSize, children: [jsxRuntime.jsxs(StyledSummaryValue, { children: [titleStartIcon, jsxRuntime.jsx(material.Typography, { variant: textVariant, noWrap: true, sx: (theme) => ({
5774
+ const shouldShowBorder = showBorder !== null && showBorder !== void 0 ? showBorder : (mediumSize && !contained);
5775
+ return (jsxRuntime.jsxs(StyledAccordion, Object.assign({}, props, { showBorder: shouldShowBorder, contained: contained, children: [jsxRuntime.jsxs(StyledAccordionSummary, Object.assign({ "aria-controls": "panel-content", disableRipple: true, expandIcon: jsxRuntime.jsx(KeyboardArrowRight, { fontSize: "small" }) }, accordionSummaryProps, { contained: contained, arrowPosition: arrowPosition, mediumSize: mediumSize, children: [jsxRuntime.jsxs(StyledSummaryValue, { children: [titleStartIcon, jsxRuntime.jsx(material.Typography, { variant: textVariant, noWrap: true, sx: (theme) => ({
5190
5776
  color: textVariant === "h6"
5191
5777
  ? theme.palette.vars.baseTextStrong
5192
5778
  : theme.palette.vars.baseTextDefault,
@@ -5357,7 +5943,8 @@
5357
5943
  var _a, _b;
5358
5944
  return (jsxRuntime.jsxs(StyledTimelineItem, { children: [jsxRuntime.jsxs(StyledTimelineSeparator, { children: [jsxRuntime.jsx(ActivityTimelineDot, Object.assign({ automaticProgress: automaticProgress, status: step.status }, (automaticProgress && { percent: setPercent(index) }))), index < steps.length - 1 && (jsxRuntime.jsx(StyledTimelineConnector, { lineColor: setStepColor(automaticProgress
5359
5945
  ? exports.ActivityTimelineStepStatus.InProgress
5360
- : step.status, theme) }))] }), jsxRuntime.jsx(StyledTimelineContent, { mediumSize: isMedium, children: step.content ? (jsxRuntime.jsx(Accordion, { defaultExpanded: step.defaultExpanded, title: step.title, titleStartIcon: step.titleStartIcon, subTitle: step.subTitle, size: size, children: step.content })) : (jsxRuntime.jsxs(material.Typography, { variant: isMedium ? "body2Semibold" : "h6", sx: [
5946
+ : step.status, theme) }))] }), jsxRuntime.jsx(StyledTimelineContent, { mediumSize: isMedium, children: step.content ? (jsxRuntime.jsx(Accordion, { defaultExpanded: step.defaultExpanded, title: step.title, titleStartIcon: step.titleStartIcon, subTitle: step.subTitle, size: size,
5947
+ showBorder: false, showDivider: false, children: step.content })) : (jsxRuntime.jsxs(material.Typography, { variant: isMedium ? "body2Semibold" : "h6", sx: [
5361
5948
  {
5362
5949
  alignItems: "center",
5363
5950
  color: isMedium
@@ -5513,7 +6100,7 @@
5513
6100
  borderRadius: "50px",
5514
6101
  backgroundColor: hasImage
5515
6102
  ? "transparent"
5516
- : theme.palette.vars.brandBackgroundPrimaryWeak,
6103
+ : theme.palette.vars.interactivePrimaryWeakDefault,
5517
6104
  color: theme.palette.vars.brandIconPrimaryDefault,
5518
6105
  fontSize: avatarSize === "L" ? "16px" : "12px",
5519
6106
  fontWeight: 600,
@@ -5535,7 +6122,7 @@
5535
6122
  "&:hover": {
5536
6123
  backgroundColor: hasImage
5537
6124
  ? "transparent"
5538
- : theme.palette.vars.brandBackgroundPrimaryMedium,
6125
+ : theme.palette.vars.interactivePrimaryWeakHover,
5539
6126
  color: theme.palette.vars.brandIconPrimaryStrong,
5540
6127
  "& .MuiSvgIcon-root": {
5541
6128
  color: theme.palette.vars.brandIconPrimaryStrong,
@@ -5560,7 +6147,7 @@
5560
6147
  width: avatarSize === "L" ? 40 : 32,
5561
6148
  height: avatarSize === "L" ? 40 : 32,
5562
6149
  borderRadius: "50px",
5563
- backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
6150
+ backgroundColor: theme.palette.vars.interactivePrimaryWeakDefault,
5564
6151
  border: `2px solid ${theme.palette.mode === "dark"
5565
6152
  ? theme.palette.vars.baseBorderWeak
5566
6153
  : theme.palette.vars.baseBackgroundWeak}`,
@@ -5574,641 +6161,103 @@
5574
6161
  "&:first-of-type": {
5575
6162
  marginLeft: 0,
5576
6163
  },
5577
- },
5578
- }));
5579
-
5580
- const Avatar = (_a) => {
5581
- var { size = "L", src, alt, initials, icon } = _a, props = __rest(_a, ["size", "src", "alt", "initials", "icon"]);
5582
- const hasImage = !!src;
5583
- return (jsxRuntime.jsx(StyledAvatar, Object.assign({ avatarSize: size, hasImage: hasImage }, props, { children: hasImage ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Box, { component: "img", className: "avatar-image", src: src, alt: alt !== null && alt !== void 0 ? alt : "" }), jsxRuntime.jsx(AvatarImageOverlay, { className: "avatar-image-overlay" })] })) : icon ? (icon) : (initials) })));
5584
- };
5585
-
5586
- const AvatarGroup = (_a) => {
5587
- var { size = "L", children } = _a, props = __rest(_a, ["size", "children"]);
5588
- return (jsxRuntime.jsx(StyledAvatarGroup, Object.assign({ avatarSize: size }, props, { children: React.Children.map(children, (child) => {
5589
- if (!React.isValidElement(child))
5590
- return child;
5591
- return jsxRuntime.jsx(Avatar, Object.assign({}, child.props, { size: size }));
5592
- }) })));
5593
- };
5594
-
5595
- const styles$7 = {
5596
- styledPaper: {
5597
- width: "480px",
5598
- maxWidth: "calc(100vw - 80px)",
5599
- },
5600
- styledBody: {
5601
- display: "flex",
5602
- flexDirection: "column",
5603
- alignItems: "stretch",
5604
- gap: "16px",
5605
- width: "100%",
5606
- },
5607
- styledBodyText: (theme) => ({
5608
- fontFamily: theme.typography.body2.fontFamily,
5609
- fontWeight: theme.typography.body2.fontWeight,
5610
- fontSize: theme.typography.body2.fontSize,
5611
- lineHeight: theme.typography.body2.lineHeight,
5612
- letterSpacing: theme.typography.body2.letterSpacing,
5613
- color: theme.palette.vars.baseTextDefault,
5614
- }),
5615
- styledCommentSection: {
5616
- display: "flex",
5617
- flexDirection: "column",
5618
- gap: "8px",
5619
- width: "100%",
5620
- },
5621
- styledTextArea: (theme) => ({
5622
- width: "100%",
5623
- "&& .MuiInput-root.MuiInputBase-multiline": {
5624
- marginTop: 0,
5625
- minHeight: "138px",
5626
- alignItems: "flex-start",
5627
- backgroundColor: theme.palette.vars.controlBackgroundDefault,
5628
- },
5629
- "& .MuiFormHelperText-root.Mui-error": {
5630
- marginBottom: "12px",
5631
- },
5632
- }),
5633
- styledDismiss: {
5634
- display: "flex",
5635
- gap: "8px",
5636
- alignItems: "center",
5637
- },
5638
- styledConfirmButton: {
5639
- "&&.Mui-disabled": {
5640
- opacity: 1,
5641
- },
5642
- },
5643
- styledCommentSuggestionsStack: {
5644
- display: "flex",
5645
- flexDirection: "row",
5646
- flexWrap: "wrap",
5647
- gap: "8px",
5648
- },
5649
- styledSuggestionTag: {
5650
- width: "max-content",
5651
- },
5652
- };
5653
-
5654
- const DialogTitle = (_a) => {
5655
- var { children } = _a, props = __rest(_a, ["children"]);
5656
- const theme = material.useTheme();
5657
- return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h5" }, props, { sx: [
5658
- {
5659
- padding: 0,
5660
- lineHeight: "30px",
5661
- color: theme.palette.vars.baseTextStrong,
5662
- },
5663
- ...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
5664
- ], children: children })));
5665
- };
5666
-
5667
- const DialogSubtitle = (_a) => {
5668
- var { children } = _a, props = __rest(_a, ["children"]);
5669
- const theme = material.useTheme();
5670
- return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
5671
- { padding: 0, color: theme.palette.vars.baseTextDefault },
5672
- ...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
5673
- ], children: children })));
5674
- };
5675
-
5676
- const surfaceLight50 = "#fbfcfe";
5677
- const surfaceLight100 = "#f5f8fd";
5678
- const surfaceLight200 = "#eff3fc";
5679
- const surfaceLight300 = "#e8eefb";
5680
- const surfaceLight400 = "#e3eafa";
5681
- const surfaceLight500 = "#dee6f9";
5682
- const surfaceLight600 = "#dae3f8";
5683
- const surfaceLight700 = "#d5dff7";
5684
- const surfaceLight800 = "#d1dbf6";
5685
- const surfaceLight900 = "#c8d5f5";
5686
- const surfaceLight50Alpha40 = "#fbfcfe66";
5687
- const surfaceLight800Alpha40 = "#d1dbf666";
5688
- const surfaceLight900Alpha40 = "#c8d5f566";
5689
- const surfaceLight900Alpha10 = "#c8d5f519";
5690
- const surfaceDark50 = "#4f628d";
5691
- const surfaceDark100 = "#3a4e77";
5692
- const surfaceDark200 = "#31466e";
5693
- const surfaceDark300 = "#263b62";
5694
- const surfaceDark400 = "#183056";
5695
- const surfaceDark500 = "#0d274d";
5696
- const surfaceDark600 = "#062242";
5697
- const surfaceDark700 = "#001c3b";
5698
- const surfaceDark800 = "#041930";
5699
- const surfaceDark900 = "#00142b";
5700
- const surfaceDark800Alpha40 = "#04193066";
5701
- const surfaceDark900Alpha40 = "#00142b66";
5702
- const surfaceDark900Alpha10 = "#00142b19";
5703
- const blue50 = "#e8f1ff";
5704
- const blue100 = "#9bcaff";
5705
- const blue200 = "#79b9ff";
5706
- const blue300 = "#187adc";
5707
- const blue400 = "#0063c2";
5708
- const blue500 = "#0051af";
5709
- const blue600 = "#004ba8";
5710
- const blue700 = "#00409f";
5711
- const blue800 = "#003796";
5712
- const blue900 = "#002786";
5713
- const blueAlpha40 = "#0051af66";
5714
- const blueAlpha10 = "#0051af19";
5715
- const blueFocusRingWeak = "#cce1ff";
5716
- const blueFocusRingStrong = "#3e84e5";
5717
- const lightBlue50 = "#edfcff";
5718
- const lightBlue100 = "#bcf2ff";
5719
- const lightBlue200 = "#8fe9ff";
5720
- const lightBlue300 = "#62e0ff";
5721
- const lightBlue400 = "#41d9ff";
5722
- const lightBlue500 = "#1fd2ff";
5723
- const lightBlue600 = "#1bcdff";
5724
- const lightBlue700 = "#17c7ff";
5725
- const lightBlue800 = "#12c1ff";
5726
- const lightBlue900 = "#0ab6ff";
5727
- const lightBlueAlpha40 = "#1fd2ff66";
5728
- const lightBlueAlpha10 = "#1fd2ff19";
5729
- const grey0 = "#ffffff";
5730
- const grey50 = "#e8e9ea";
5731
- const grey100 = "#c5c7cb";
5732
- const grey200 = "#9ea2a8";
5733
- const grey300 = "#777d85";
5734
- const grey400 = "#59616b";
5735
- const grey500 = "#3c4551";
5736
- const grey600 = "#363e4a";
5737
- const grey700 = "#2e3640";
5738
- const grey800 = "#272e37";
5739
- const grey900 = "#1a1f27";
5740
- const greyAlpha40 = "#3c455166";
5741
- const greyAlpha10 = "#3c455119";
5742
- const purple50 = "#faecff";
5743
- const purple100 = "#f1dbff";
5744
- const purple200 = "#deb8ff";
5745
- const purple300 = "#ca93ff";
5746
- const purple400 = "#c080ff";
5747
- const purple500 = "#b76dff";
5748
- const purple600 = "#9c4eea";
5749
- const purple700 = "#6a21ba";
5750
- const purple800 = "#5300a4";
5751
- const purple900 = "#1b0077";
5752
- const purpleAlpha40 = "#b76dff66";
5753
- const purpleAlpha10 = "#b76dff19";
5754
- const red50 = "#f8e5ea";
5755
- const red100 = "#eebfcb";
5756
- const red200 = "#e394a9";
5757
- const red300 = "#d76987";
5758
- const red400 = "#cf496d";
5759
- const red500 = "#c62953";
5760
- const red600 = "#c0244c";
5761
- const red700 = "#b91f42";
5762
- const red800 = "#b11939";
5763
- const red900 = "#a40f29";
5764
- const redAlpha40 = "#c6295366";
5765
- const redAlpha10 = "#c6295319";
5766
- const orange50 = "#fdece8";
5767
- const orange100 = "#fbd1c5";
5768
- const orange200 = "#f9b29e";
5769
- const orange300 = "#f69377";
5770
- const orange400 = "#f47b5a";
5771
- const orange500 = "#f2643d";
5772
- const orange600 = "#f05c37";
5773
- const orange700 = "#ee522f";
5774
- const orange800 = "#ec4827";
5775
- const orange900 = "#e8361a";
5776
- const orangeAlpha40 = "#f2643d66";
5777
- const orangeAlpha10 = "#f2643d19";
5778
- const lightOrange50 = "#fff5e9";
5779
- const lightOrange100 = "#ffe7c7";
5780
- const lightOrange200 = "#ffd7a2";
5781
- const lightOrange300 = "#ffc77d";
5782
- const lightOrange400 = "#ffbb61";
5783
- const lightOrange500 = "#fbaf45";
5784
- const lightOrange600 = "#fbab2c";
5785
- const lightOrange700 = "#fb9f36";
5786
- const lightOrange800 = "#fb962e";
5787
- const lightOrange900 = "#fb861f";
5788
- const lightAlphaOrange40 = "#fbaf4566";
5789
- const lightAlphaOrange10 = "#fbaf4519";
5790
- const yellow50 = "#fffceb";
5791
- const yellow100 = "#fff8cd";
5792
- const yellow200 = "#fff3ac";
5793
- const yellow300 = "#ffee8b";
5794
- const yellow400 = "#ffea72";
5795
- const yellow500 = "#ffe659";
5796
- const yellow600 = "#ffe351";
5797
- const yellow700 = "#ffdf48";
5798
- const yellow800 = "#ffdb3e";
5799
- const yellow900 = "#ffd52e";
5800
- const yellowAlpha40 = "#ffe65966";
5801
- const yellowAlpha10 = "#ffe65919";
5802
- const green50 = "#ebfbf7";
5803
- const green100 = "#b3eadd";
5804
- const green200 = "#80dcc6";
5805
- const green300 = "#4dceaf";
5806
- const green400 = "#26c49e";
5807
- const green500 = "#00b98d";
5808
- const green600 = "#00b285";
5809
- const green700 = "#00aa7a";
5810
- const green800 = "#00a270";
5811
- const green900 = "#00935d";
5812
- const green40 = "#00b98d66";
5813
- const green10 = "#00b98d19";
5814
- const night10 = "#dff1f5";
5815
- const night50 = "#96d0dd";
5816
- const night100 = "#62bed2";
5817
- const night200 = "#46aace";
5818
- const night300 = "#3d91be";
5819
- const night400 = "#3577ae";
5820
- const night500 = "#2d5e9e";
5821
- const night600 = "#24448e";
5822
- const night700 = "#1c2b7f";
5823
- const night800 = "#162065";
5824
- const night900 = "#11174b";
5825
- const sunset10 = "#fff6d4";
5826
- const sunset50 = "#f9cdac";
5827
- const sunset100 = "#f3aca2";
5828
- const sunset200 = "#ee8b97";
5829
- const sunset300 = "#e96a8d";
5830
- const sunset400 = "#db5087";
5831
- const sunset500 = "#b8428c";
5832
- const sunset600 = "#973490";
5833
- const sunset700 = "#742796";
5834
- const sunset800 = "#5e1f88";
5835
- const sunset900 = "#4d1a70";
5836
- const lavender10 = "#f1f5ff";
5837
- const lavender50 = "#e0e5ff";
5838
- const lavender100 = "#c8cdfb";
5839
- const lavender200 = "#bac1ff";
5840
- const lavender300 = "#a8afff";
5841
- const lavender400 = "#9ca6ff";
5842
- const lavender500 = "#8a95ff";
5843
- const lavender600 = "#5c6ddd";
5844
- const lavender700 = "#2847a5";
5845
- const lavender800 = "#00358f";
5846
- const lavender900 = "#002378";
5847
- const lime10 = "#fcfee8";
5848
- const lime50 = "#fcffd0";
5849
- const lime100 = "#eaff80";
5850
- const lime200 = "#d3f474";
5851
- const lime300 = "#bbdc5e";
5852
- const lime400 = "#a4c547";
5853
- const lime500 = "#89ab2c";
5854
- const lime600 = "#7da11b";
5855
- const lime700 = "#5f8200";
5856
- const lime800 = "#345900";
5857
- const lime900 = "#193100";
5858
- const pink10 = "#fff9ff";
5859
- const pink50 = "#ffdeea";
5860
- const pink100 = "#ffc4d5";
5861
- const pink200 = "#ffa6ca";
5862
- const pink300 = "#ff87a9";
5863
- const pink400 = "#f2638c";
5864
- const pink500 = "#e3447c";
5865
- const pink600 = "#c2306f";
5866
- const pink700 = "#97174a";
5867
- const pink800 = "#7f0037";
5868
- const pink900 = "#500014";
5869
- const teal10 = "#efffff";
5870
- const teal50 = "#c7ffff";
5871
- const teal100 = "#92ffff";
5872
- const teal200 = "#78fbff";
5873
- const teal300 = "#5de2e8";
5874
- const teal400 = "#3ecbd1";
5875
- const teal500 = "#0bb2b8";
5876
- const teal600 = "#028e99";
5877
- const teal700 = "#007178";
5878
- const teal800 = "#00484f";
5879
- const teal900 = "#00353c";
5880
- const outshiftLogoLightOrange = "#fbaf45";
5881
- const outshiftBlue = "#0051af";
5882
- const outshiftMidnightBlue = "#0d274d";
5883
- const agentcyYellow = "#fbaf45";
5884
- const illustrationShell = "#1e2939";
5885
- const illustrationRing = "#2e3e57";
5886
- const illustrationSurface = "#233043";
5887
- const illustrationSurfaceSubtle = "#2e3640";
5888
- const illustrationStroke = "#384d6b";
5889
- const illustrationGradientStart = "#384c6b";
5890
- const illustrationGradientEnd = "#2a3a50";
5891
- const illustrationInfoGradientStart = "#834dd7";
5892
- const illustrationInfoGradientMiddle = "#7670d5";
5893
- const illustrationInfoGradientEnd = "#58c0d0";
5894
- const illustrationPositiveGradientStart = "#1ac1e5";
5895
- const illustrationPositiveGradientMiddle = "#4cc9b2";
5896
- const illustrationPositiveGradientEnd = "#a7d755";
5897
- const illustrationNegativeGradientStart = "#e09e89";
5898
- const illustrationWarningGradientStart = "#ff9900";
5899
- const illustrationWarningGradientEnd = "#c8511b";
5900
- const outshiftOrange = "#fb861f";
5901
- const agentcyBlue = "#187adc";
5902
- const agentcyDarkBlue = "#00142b";
5903
- const outshiftLogoLightBlue = "#17c7ff";
5904
- const outshiftLogoGreen = "#74bf4b";
5905
- const outshiftLogoWhite = "#ffffff";
5906
- const outshiftLogoOrange = "#f2643d";
5907
- const outshiftLogoDark = "#00142b";
5908
- const brandColors = {
5909
- outshiftLogoLightOrange,
5910
- outshiftBlue,
5911
- outshiftMidnightBlue,
5912
- agentcyYellow,
5913
- outshiftOrange,
5914
- agentcyBlue,
5915
- agentcyDarkBlue,
5916
- outshiftLogoLightBlue,
5917
- outshiftLogoGreen,
5918
- outshiftLogoWhite,
5919
- outshiftLogoOrange,
5920
- outshiftLogoDark,
5921
- };
5922
- const gradientStopColors = {
5923
- illustrationBlueStart: "#214694",
5924
- illustrationBlueMiddle: "#3169a8",
5925
- illustrationBlueEnd: "#56bad5",
5926
- illustrationRainbowRed: "#ba4d5f",
5927
- illustrationRainbowOrange: "#df875d",
5928
- illustrationRainbowYellow: "#eab069",
5929
- illustrationRainbowGreen: "#8cbdac",
5930
- illustrationRainbowTeal: "#58c0d0",
5931
- illustrationPurpleStart: "#834dd7",
5932
- illustrationPurpleMiddle: "#7670d5",
5933
- illustrationGreenStart: "#1ac1e5",
5934
- illustrationGreenMiddle: "#4cc9b2",
5935
- illustrationGreenEnd: "#a7d755",
5936
- illustrationLightBlueStart: "#00dff0",
5937
- illustrationLightBlueMiddle: "#00aff0",
5938
- illustrationLightBlueEnd: "#006df0",
5939
- illustrationPinkStart: "#e09e89",
5940
- illustrationPinkEnd: "#c0328a",
5941
- illustrationOrangeStart: "#ff9900",
5942
- illustrationOrangeEnd: "#c8511b",
5943
- primaryOrange: "#ff6d2e",
5944
- primaryPurple: "#341686",
5945
- secondaryBlueWeak: "#80a8d7",
5946
- secondaryBlueStrong: "#021d60",
5947
- secondaryBlueHoverWeak: "#b3cbe7",
5948
- };
5949
- const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
5950
- const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
5951
- const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
5952
- const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
5953
- const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
5954
- const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
5955
- const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
5956
- const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
5957
- const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
5958
- const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
5959
- const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
5960
- const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
5961
- const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
5962
- const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
5963
- const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
5964
- const surfaceLightPalette = {
5965
- 50: surfaceLight50,
5966
- 100: surfaceLight100,
5967
- 200: surfaceLight200,
5968
- 300: surfaceLight300,
5969
- 400: surfaceLight400,
5970
- 500: surfaceLight500,
5971
- 600: surfaceLight600,
5972
- 700: surfaceLight700,
5973
- 800: surfaceLight800,
5974
- 900: surfaceLight900,
5975
- };
5976
- const surfaceDarkPalette = {
5977
- 50: surfaceDark50,
5978
- 100: surfaceDark100,
5979
- 200: surfaceDark200,
5980
- 300: surfaceDark300,
5981
- 400: surfaceDark400,
5982
- 500: surfaceDark500,
5983
- 600: surfaceDark600,
5984
- 700: surfaceDark700,
5985
- 800: surfaceDark800,
5986
- 900: surfaceDark900,
5987
- };
5988
- const bluePalette = {
5989
- 50: blue50,
5990
- 100: blue100,
5991
- 200: blue200,
5992
- 300: blue300,
5993
- 400: blue400,
5994
- 500: blue500,
5995
- 600: blue600,
5996
- 700: blue700,
5997
- 800: blue800,
5998
- 900: blue900,
5999
- alpha40: blueAlpha40,
6000
- alpha10: blueAlpha10,
6001
- };
6002
- const lightBluePalette = {
6003
- 50: lightBlue50,
6004
- 100: lightBlue100,
6005
- 200: lightBlue200,
6006
- 300: lightBlue300,
6007
- 400: lightBlue400,
6008
- 500: lightBlue500,
6009
- 600: lightBlue600,
6010
- 700: lightBlue700,
6011
- 800: lightBlue800,
6012
- 900: lightBlue900,
6013
- alpha40: lightBlueAlpha40,
6014
- alpha10: lightBlueAlpha10,
6015
- };
6016
- const greyPalette = {
6017
- 0: grey0,
6018
- 50: grey50,
6019
- 100: grey100,
6020
- 200: grey200,
6021
- 300: grey300,
6022
- 400: grey400,
6023
- 500: grey500,
6024
- 600: grey600,
6025
- 700: grey700,
6026
- 800: grey800,
6027
- 900: grey900,
6028
- alpha40: greyAlpha40,
6029
- alpha10: greyAlpha10,
6030
- };
6031
- const purplePalette = {
6032
- 50: purple50,
6033
- 100: purple100,
6034
- 200: purple200,
6035
- 300: purple300,
6036
- 400: purple400,
6037
- 500: purple500,
6038
- 600: purple600,
6039
- 700: purple700,
6040
- 800: purple800,
6041
- 900: purple900,
6042
- alpha40: purpleAlpha40,
6043
- alpha10: purpleAlpha10,
6044
- };
6045
- const redPalette = {
6046
- 50: red50,
6047
- 100: red100,
6048
- 200: red200,
6049
- 300: red300,
6050
- 400: red400,
6051
- 500: red500,
6052
- 600: red600,
6053
- 700: red700,
6054
- 800: red800,
6055
- 900: red900,
6056
- alpha40: redAlpha40,
6057
- alpha10: redAlpha10,
6058
- };
6059
- const orangePalette = {
6060
- 50: orange50,
6061
- 100: orange100,
6062
- 200: orange200,
6063
- 300: orange300,
6064
- 400: orange400,
6065
- 500: orange500,
6066
- 600: orange600,
6067
- 700: orange700,
6068
- 800: orange800,
6069
- 900: orange900,
6070
- alpha40: orangeAlpha40,
6071
- alpha10: orangeAlpha10,
6072
- };
6073
- const lightOrangePalette = {
6074
- 50: lightOrange50,
6075
- 100: lightOrange100,
6076
- 200: lightOrange200,
6077
- 300: lightOrange300,
6078
- 400: lightOrange400,
6079
- 500: lightOrange500,
6080
- 600: lightOrange600,
6081
- 700: lightOrange700,
6082
- 800: lightOrange800,
6083
- 900: lightOrange900,
6084
- alpha40: lightAlphaOrange40,
6085
- alpha10: lightAlphaOrange10,
6086
- };
6087
- const yellowPalette = {
6088
- 50: yellow50,
6089
- 100: yellow100,
6090
- 200: yellow200,
6091
- 300: yellow300,
6092
- 400: yellow400,
6093
- 500: yellow500,
6094
- 600: yellow600,
6095
- 700: yellow700,
6096
- 800: yellow800,
6097
- 900: yellow900,
6098
- alpha40: yellowAlpha40,
6099
- alpha10: yellowAlpha10,
6100
- };
6101
- const greenPalette = {
6102
- 50: green50,
6103
- 100: green100,
6104
- 200: green200,
6105
- 300: green300,
6106
- 400: green400,
6107
- 500: green500,
6108
- 600: green600,
6109
- 700: green700,
6110
- 800: green800,
6111
- 900: green900,
6112
- 40: green40,
6113
- 10: green10,
6114
- };
6115
- const nightPalette = {
6116
- 10: night10,
6117
- 50: night50,
6118
- 100: night100,
6119
- 200: night200,
6120
- 300: night300,
6121
- 400: night400,
6122
- 500: night500,
6123
- 600: night600,
6124
- 700: night700,
6125
- 800: night800,
6126
- 900: night900,
6127
- };
6128
- const sunsetPalette = {
6129
- 10: sunset10,
6130
- 50: sunset50,
6131
- 100: sunset100,
6132
- 200: sunset200,
6133
- 300: sunset300,
6134
- 400: sunset400,
6135
- 500: sunset500,
6136
- 600: sunset600,
6137
- 700: sunset700,
6138
- 800: sunset800,
6139
- 900: sunset900,
6140
- };
6141
- const lavenderPalette = {
6142
- 10: lavender10,
6143
- 50: lavender50,
6144
- 100: lavender100,
6145
- 200: lavender200,
6146
- 300: lavender300,
6147
- 400: lavender400,
6148
- 500: lavender500,
6149
- 600: lavender600,
6150
- 700: lavender700,
6151
- 800: lavender800,
6152
- 900: lavender900,
6164
+ },
6165
+ }));
6166
+
6167
+ const Avatar = (_a) => {
6168
+ var { size = "L", src, alt, initials, icon } = _a, props = __rest(_a, ["size", "src", "alt", "initials", "icon"]);
6169
+ const hasImage = !!src;
6170
+ return (jsxRuntime.jsx(StyledAvatar, Object.assign({ avatarSize: size, hasImage: hasImage }, props, { children: hasImage ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Box, { component: "img", className: "avatar-image", src: src, alt: alt !== null && alt !== void 0 ? alt : "" }), jsxRuntime.jsx(AvatarImageOverlay, { className: "avatar-image-overlay" })] })) : icon ? (icon) : (initials) })));
6153
6171
  };
6154
- const limePalette = {
6155
- 10: lime10,
6156
- 50: lime50,
6157
- 100: lime100,
6158
- 200: lime200,
6159
- 300: lime300,
6160
- 400: lime400,
6161
- 500: lime500,
6162
- 600: lime600,
6163
- 700: lime700,
6164
- 800: lime800,
6165
- 900: lime900,
6172
+
6173
+ const AvatarGroup = (_a) => {
6174
+ var { size = "L", children } = _a, props = __rest(_a, ["size", "children"]);
6175
+ return (jsxRuntime.jsx(StyledAvatarGroup, Object.assign({ avatarSize: size }, props, { children: React.Children.map(children, (child) => {
6176
+ if (!React.isValidElement(child))
6177
+ return child;
6178
+ return jsxRuntime.jsx(Avatar, Object.assign({}, child.props, { size: size }));
6179
+ }) })));
6166
6180
  };
6167
- const pinkPalette = {
6168
- 10: pink10,
6169
- 50: pink50,
6170
- 100: pink100,
6171
- 200: pink200,
6172
- 300: pink300,
6173
- 400: pink400,
6174
- 500: pink500,
6175
- 600: pink600,
6176
- 700: pink700,
6177
- 800: pink800,
6178
- 900: pink900,
6181
+
6182
+ const styles$7 = {
6183
+ styledPaper: {
6184
+ width: "480px",
6185
+ maxWidth: "calc(100vw - 80px)",
6186
+ },
6187
+ styledBody: {
6188
+ display: "flex",
6189
+ flexDirection: "column",
6190
+ alignItems: "stretch",
6191
+ gap: "16px",
6192
+ width: "100%",
6193
+ },
6194
+ styledBodyText: (theme) => ({
6195
+ fontFamily: theme.typography.body2.fontFamily,
6196
+ fontWeight: theme.typography.body2.fontWeight,
6197
+ fontSize: theme.typography.body2.fontSize,
6198
+ lineHeight: theme.typography.body2.lineHeight,
6199
+ letterSpacing: theme.typography.body2.letterSpacing,
6200
+ color: theme.palette.vars.baseTextDefault,
6201
+ }),
6202
+ styledCommentSection: {
6203
+ display: "flex",
6204
+ flexDirection: "column",
6205
+ gap: "8px",
6206
+ width: "100%",
6207
+ },
6208
+ styledTextArea: (theme) => ({
6209
+ width: "100%",
6210
+ "&& .MuiInput-root.MuiInputBase-multiline": {
6211
+ marginTop: 0,
6212
+ minHeight: "138px",
6213
+ alignItems: "flex-start",
6214
+ backgroundColor: theme.palette.vars.controlBackgroundDefault,
6215
+ },
6216
+ "& .MuiFormHelperText-root.Mui-error": {
6217
+ marginBottom: "12px",
6218
+ },
6219
+ }),
6220
+ styledDismiss: {
6221
+ display: "flex",
6222
+ gap: "8px",
6223
+ alignItems: "center",
6224
+ },
6225
+ styledConfirmButton: {
6226
+ "&&.Mui-disabled": {
6227
+ opacity: 1,
6228
+ },
6229
+ },
6230
+ styledCommentSuggestionsStack: {
6231
+ display: "flex",
6232
+ flexDirection: "row",
6233
+ flexWrap: "wrap",
6234
+ gap: "8px",
6235
+ },
6236
+ styledSuggestionTag: {
6237
+ width: "max-content",
6238
+ },
6179
6239
  };
6180
- const tealPalette = {
6181
- 10: teal10,
6182
- 50: teal50,
6183
- 100: teal100,
6184
- 200: teal200,
6185
- 300: teal300,
6186
- 400: teal400,
6187
- 500: teal500,
6188
- 600: teal600,
6189
- 700: teal700,
6190
- 800: teal800,
6191
- 900: teal900,
6240
+
6241
+ const DialogTitle = (_a) => {
6242
+ var { children } = _a, props = __rest(_a, ["children"]);
6243
+ const theme = material.useTheme();
6244
+ return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h5" }, props, { sx: [
6245
+ {
6246
+ padding: 0,
6247
+ lineHeight: "30px",
6248
+ color: theme.palette.vars.baseTextStrong,
6249
+ },
6250
+ ...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
6251
+ ], children: children })));
6192
6252
  };
6193
- const OS_LIGHT_COLORS = {
6194
- surfaceLight: surfaceLightPalette,
6195
- surfaceDark: surfaceDarkPalette,
6196
- blue: bluePalette,
6197
- lightBlue: lightBluePalette,
6198
- grey: greyPalette,
6199
- purple: purplePalette,
6200
- red: redPalette,
6201
- orange: orangePalette,
6202
- lightOrange: lightOrangePalette,
6203
- yellow: yellowPalette,
6204
- green: greenPalette,
6205
- lavender: lavenderPalette,
6206
- lime: limePalette,
6207
- pink: pinkPalette,
6208
- teal: tealPalette,
6209
- night: nightPalette,
6210
- sunset: sunsetPalette,
6211
- brand: brandColors,
6253
+
6254
+ const DialogSubtitle = (_a) => {
6255
+ var { children } = _a, props = __rest(_a, ["children"]);
6256
+ const theme = material.useTheme();
6257
+ return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
6258
+ { padding: 0, color: theme.palette.vars.baseTextDefault },
6259
+ ...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
6260
+ ], children: children })));
6212
6261
  };
6213
6262
 
6214
6263
  const dialogMaxWidth = "calc(100vw - 80px)";
@@ -6250,7 +6299,10 @@
6250
6299
  gap: "16px",
6251
6300
  padding: "8px 0 0",
6252
6301
  });
6253
- const StyledDialogContentText = material.styled(material.DialogContentText)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), { color: theme.palette.vars.baseTextDefault })));
6302
+ const StyledDialogContentText = material.styled(material.DialogContentText)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
6303
+ "&&": {
6304
+ color: theme.palette.vars.baseTextDefault,
6305
+ } })));
6254
6306
 
6255
6307
  const Dialog = (props) => jsxRuntime.jsx(StyledDialog, Object.assign({}, props));
6256
6308
 
@@ -8846,8 +8898,8 @@
8846
8898
  });
8847
8899
  const cardActiveStyles = (theme) => (Object.assign(Object.assign({}, cardInteractiveStyles(theme)), { boxShadow: theme.shadows[2] }));
8848
8900
  const cardDisabledStyles = (theme) => ({
8849
- backgroundColor: theme.palette.vars.controlBackgroundWeak,
8850
- border: `1px solid ${theme.palette.vars.controlBorderWeak}`,
8901
+ backgroundColor: theme.palette.vars.controlBackgroundDisabled,
8902
+ border: `1px solid ${theme.palette.vars.controlBorderDisabled}`,
8851
8903
  boxShadow: theme.shadows[2],
8852
8904
  color: theme.palette.vars.baseTextDisabled,
8853
8905
  pointerEvents: "none",
@@ -8863,19 +8915,20 @@
8863
8915
  }, '&[aria-disabled="true"]': cardDisabledStyles(theme) })));
8864
8916
  const StyledCardActionArea = material.styled(material.CardActionArea)(({ theme }) => ({
8865
8917
  borderRadius: "8px",
8866
- "&:hover .MuiCard-root, &:focus-visible .MuiCard-root": Object.assign(Object.assign({}, cardInteractiveStyles(theme)), { "& .MuiCardActionArea-focusHighlight": {
8867
- opacity: 0,
8868
- } }),
8918
+ "&:hover .MuiCard-root, &:focus-visible .MuiCard-root": cardInteractiveStyles(theme),
8869
8919
  "&:active .MuiCard-root": cardActiveStyles(theme),
8870
8920
  "&.Mui-disabled .MuiCard-root": cardDisabledStyles(theme),
8871
8921
  "& .MuiCardActionArea-focusHighlight": {
8872
8922
  opacity: 0,
8873
8923
  },
8924
+ "&:hover .MuiCardActionArea-focusHighlight": {
8925
+ opacity: 0,
8926
+ },
8927
+ "&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
8928
+ opacity: 0,
8929
+ },
8874
8930
  "&:focus-visible": {
8875
8931
  outline: "none",
8876
- "& .MuiCardActionArea-focusHighlight": {
8877
- opacity: 0,
8878
- },
8879
8932
  },
8880
8933
  }));
8881
8934
  const StyledCardHeader = material.styled(material.CardHeader)(({ theme }) => ({
@@ -8944,7 +8997,7 @@
8944
8997
 
8945
8998
  const containerStackStyles = (theme) => ({
8946
8999
  backgroundColor: theme.palette.vars.controlBackgroundDefault,
8947
- border: `1px solid ${theme.palette.vars.controlBorderDefault}`,
9000
+ border: `1px solid ${theme.palette.vars.controlBorderWeak}`,
8948
9001
  borderRadius: "6px",
8949
9002
  position: "relative",
8950
9003
  });
@@ -8962,7 +9015,7 @@
8962
9015
  margin: "0",
8963
9016
  backgroundColor: theme.palette.vars.controlBackgroundDefault,
8964
9017
  borderRadius: showLineNumbers ? "0 0 4px 4px" : "4px",
8965
- color: theme.palette.vars.baseTextDefault,
9018
+ color: theme.palette.vars.baseTextStrong,
8966
9019
  };
8967
9020
  };
8968
9021
  const lineNumberStyle = (theme, lineNumberWidth, showLineNumbers, size = "medium") => {
@@ -9002,43 +9055,79 @@
9002
9055
  borderRadius: "4px 4px 0 0",
9003
9056
  });
9004
9057
  const headerButtonStyles = (theme) => (Object.assign(Object.assign({ background: "none", border: "none", padding: 0, cursor: "pointer" }, theme.typography.body2Semibold), { color: theme.palette.vars.brandIconPrimaryDefault }));
9005
- const prismStyle = {
9006
- 'pre[class*="language-"]': { background: "transparent", textShadow: "none" },
9007
- 'code[class*="language-"]': { background: "transparent", textShadow: "none" },
9008
- comment: { color: "slategray" },
9009
- prolog: { color: "slategray" },
9010
- doctype: { color: "slategray" },
9011
- cdata: { color: "slategray" },
9012
- punctuation: { color: "#999" },
9013
- property: { color: "#905" },
9014
- tag: { color: "#905" },
9015
- boolean: { color: "#905" },
9016
- number: { color: "#905" },
9017
- constant: { color: "#905" },
9018
- symbol: { color: "#905" },
9019
- deleted: { color: "#905" },
9020
- selector: { color: "#690" },
9021
- "attr-name": { color: "#690" },
9022
- string: { color: "#690" },
9023
- char: { color: "#690" },
9024
- builtin: { color: "#690" },
9025
- inserted: { color: "#690" },
9026
- operator: { color: "#9a6e3a" },
9027
- entity: { color: "#9a6e3a", cursor: "help" },
9028
- url: { color: "#9a6e3a" },
9029
- ".language-css .token.string": { color: "#9a6e3a" },
9030
- ".style .token.string": { color: "#9a6e3a" },
9031
- atrule: { color: "#07a" },
9032
- "attr-value": { color: "#07a" },
9033
- keyword: { color: "#07a" },
9034
- function: { color: "#DD4A68" },
9035
- "class-name": { color: "#DD4A68" },
9036
- regex: { color: "#e90" },
9037
- important: { color: "#e90", fontWeight: "bold" },
9038
- variable: { color: "#e90" },
9039
- bold: { fontWeight: "bold" },
9040
- italic: { fontStyle: "italic" },
9058
+ const prismStyle = (theme) => {
9059
+ const { vars } = theme.palette;
9060
+ return {
9061
+ 'pre[class*="language-"]': {
9062
+ background: "transparent",
9063
+ textShadow: "none",
9064
+ },
9065
+ 'code[class*="language-"]': {
9066
+ background: "transparent",
9067
+ textShadow: "none",
9068
+ },
9069
+ punctuation: { color: vars.baseTextStrong },
9070
+ operator: { color: vars.baseTextStrong },
9071
+ comment: { color: vars.accentEDefault },
9072
+ prolog: { color: vars.accentEDefault },
9073
+ doctype: { color: vars.accentEDefault },
9074
+ cdata: { color: vars.accentEDefault },
9075
+ keyword: { color: vars.accentADefault },
9076
+ atrule: { color: vars.accentADefault },
9077
+ arrow: { color: vars.accentADefault },
9078
+ "control-flow": { color: vars.accentBDefault },
9079
+ function: { color: vars.accentFDefault },
9080
+ "function-variable": { color: vars.accentFDefault },
9081
+ "class-name": { color: vars.accentJDefault },
9082
+ builtin: { color: vars.accentJDefault },
9083
+ entity: { color: vars.accentJDefault, cursor: "help" },
9084
+ parameter: { color: vars.accentHDefault },
9085
+ identifier: { color: vars.accentHDefault },
9086
+ variable: { color: vars.accentHDefault },
9087
+ property: { color: vars.accentHDefault },
9088
+ "literal-property": { color: vars.accentHDefault },
9089
+ "string-property": { color: vars.accentHDefault },
9090
+ "attr-name": { color: vars.accentHDefault },
9091
+ tag: { color: vars.accentHDefault },
9092
+ selector: { color: vars.accentHDefault },
9093
+ "declaration-name": { color: vars.accentGDefault },
9094
+ number: { color: vars.successTextDefault },
9095
+ boolean: { color: vars.successTextDefault },
9096
+ string: { color: vars.successTextDefault },
9097
+ char: { color: vars.successTextDefault },
9098
+ "attr-value": { color: vars.successTextDefault },
9099
+ url: { color: vars.successTextDefault },
9100
+ inserted: { color: vars.successTextDefault },
9101
+ ".language-css .token.string": { color: vars.successTextDefault },
9102
+ ".style .token.string": { color: vars.successTextDefault },
9103
+ regex: { color: vars.accentBDefault },
9104
+ "regex-delimiter": { color: vars.accentBDefault },
9105
+ "regex-source": { color: vars.accentBDefault },
9106
+ constant: { color: vars.accentBDefault },
9107
+ symbol: { color: vars.accentBDefault },
9108
+ deleted: { color: vars.accentBDefault },
9109
+ important: { color: vars.accentBDefault, fontWeight: "bold" },
9110
+ bold: { fontWeight: "bold" },
9111
+ italic: { fontStyle: "italic" },
9112
+ };
9113
+ };
9114
+
9115
+ let patched = false;
9116
+ const patchJavaScriptGrammar = () => {
9117
+ if (patched)
9118
+ return;
9119
+ patched = true;
9120
+ all.refractor.languages.insertBefore("javascript", "keyword", {
9121
+ "declaration-name": {
9122
+ pattern: /((?:\b(?:const|let|var)\s+))[A-Za-z_$][\w$]*/,
9123
+ lookbehind: true,
9124
+ },
9125
+ });
9126
+ const javascript = all.refractor.languages.javascript;
9127
+ javascript.identifier = /\b[A-Za-z_$][\w$]*\b/;
9128
+ delete javascript.console;
9041
9129
  };
9130
+ patchJavaScriptGrammar();
9042
9131
 
9043
9132
  const Separator = ({ showLineNumbers, lineNumberWidth, size = "medium", }) => {
9044
9133
  const theme = material.useTheme();
@@ -9121,7 +9210,7 @@
9121
9210
  : containerSx
9122
9211
  ? [containerSx]
9123
9212
  : []),
9124
- ], children: [jsxRuntime.jsxs(material.Stack, { justifyContent: "center", sx: { flex: 1, minWidth: 0 }, children: [jsxRuntime.jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size }), jsxRuntime.jsx(SyntaxHighlighter, Object.assign({ language: "javascript", style: prismStyle, showLineNumbers: showLineNumbers, startingLineNumber: startingLineNumber }, highlighterProps, { customStyle: Object.assign(Object.assign({}, customStyle(theme, showLineNumbers, size)), (typeof customStyleProp === "object" ? customStyleProp : {})), codeTagProps: Object.assign(Object.assign({}, restCodeTagProps), { style: Object.assign(Object.assign({}, codeTextStyle(size)), (typeof codeTagStyle === "object" ? codeTagStyle : {})) }), lineNumberStyle: Object.assign(Object.assign({}, lineNumberStyle(theme, lineNumberWidth, showLineNumbers, size)), (typeof lineNumberStyleProp === "object"
9213
+ ], children: [jsxRuntime.jsxs(material.Stack, { justifyContent: "center", sx: { flex: 1, minWidth: 0 }, children: [jsxRuntime.jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size }), jsxRuntime.jsx(SyntaxHighlighter, Object.assign({ language: "javascript", style: prismStyle(theme), showLineNumbers: showLineNumbers, startingLineNumber: startingLineNumber }, highlighterProps, { customStyle: Object.assign(Object.assign({}, customStyle(theme, showLineNumbers, size)), (typeof customStyleProp === "object" ? customStyleProp : {})), codeTagProps: Object.assign(Object.assign({}, restCodeTagProps), { style: Object.assign(Object.assign({}, codeTextStyle(size)), (typeof codeTagStyle === "object" ? codeTagStyle : {})) }), lineNumberStyle: Object.assign(Object.assign({}, lineNumberStyle(theme, lineNumberWidth, showLineNumbers, size)), (typeof lineNumberStyleProp === "object"
9125
9214
  ? lineNumberStyleProp
9126
9215
  : {})), children: text })), jsxRuntime.jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size })] }), jsxRuntime.jsx(CopyButton, Object.assign({}, restCopyButtonProps, { text: text, size: (_a = copyButtonProps === null || copyButtonProps === void 0 ? void 0 : copyButtonProps.size) !== null && _a !== void 0 ? _a : (size === "small" ? "medium" : "large"), sx: [
9127
9216
  {
@@ -10459,7 +10548,7 @@
10459
10548
  };
10460
10549
  };
10461
10550
 
10462
- const shadows$1 = [
10551
+ const shadows$2 = [
10463
10552
  `none`,
10464
10553
  darkModeCardLifted,
10465
10554
  darkModeCardSubtle,
@@ -10470,7 +10559,7 @@
10470
10559
  darkModeFooterBottom,
10471
10560
  ...Array(17).fill("none"),
10472
10561
  ];
10473
- const palette$2 = {
10562
+ const palette$3 = {
10474
10563
  mode: "dark",
10475
10564
  primary: bluePalette,
10476
10565
  secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
@@ -10498,44 +10587,44 @@
10498
10587
  focusOpacity: 0.18,
10499
10588
  },
10500
10589
  };
10501
- const theme$1 = material.createTheme({
10590
+ const theme$2 = material.createTheme({
10502
10591
  breakpoints,
10503
- palette: palette$2,
10592
+ palette: palette$3,
10504
10593
  typography,
10505
10594
  mixins: commonMixins,
10506
10595
  });
10507
10596
  const darkThemeOptions = {
10508
- shadows: shadows$1,
10509
- components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$1)), inputComponents(theme$1)), snackbarComponent(theme$1)), { MuiCssBaseline: {
10597
+ shadows: shadows$2,
10598
+ components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$2)), inputComponents(theme$2)), snackbarComponent(theme$2)), { MuiCssBaseline: {
10510
10599
  styleOverrides: {
10511
10600
  html: {
10512
10601
  scrollbarWidth: "thin",
10513
- scrollbarColor: `${theme$1.palette.vars.baseTextMedium} ${theme$1.palette.background.default}`,
10602
+ scrollbarColor: `${theme$2.palette.vars.baseTextMedium} ${theme$2.palette.background.default}`,
10514
10603
  },
10515
10604
  "*::-webkit-scrollbar": {
10516
10605
  width: "12px",
10517
10606
  height: "12px",
10518
10607
  },
10519
10608
  "*::-webkit-scrollbar-track": {
10520
- backgroundColor: theme$1.palette.background.default,
10609
+ backgroundColor: theme$2.palette.background.default,
10521
10610
  borderRadius: 8,
10522
10611
  },
10523
10612
  "*::-webkit-scrollbar-thumb": {
10524
- backgroundColor: theme$1.palette.vars.controlIconMedium,
10613
+ backgroundColor: theme$2.palette.vars.controlIconMedium,
10525
10614
  borderRadius: 8,
10526
10615
  border: "2px solid transparent",
10527
10616
  backgroundClip: "content-box",
10528
10617
  },
10529
10618
  "*::-webkit-scrollbar-thumb:hover": {
10530
- backgroundColor: theme$1.palette.vars.baseTextMedium,
10619
+ backgroundColor: theme$2.palette.vars.baseTextMedium,
10531
10620
  },
10532
10621
  "*::-webkit-scrollbar-corner": {
10533
- backgroundColor: theme$1.palette.background.default,
10622
+ backgroundColor: theme$2.palette.background.default,
10534
10623
  },
10535
10624
  },
10536
10625
  } }),
10537
10626
  };
10538
- const darkTheme = material.createTheme(theme$1, darkThemeOptions);
10627
+ const darkTheme = material.createTheme(theme$2, darkThemeOptions);
10539
10628
 
10540
10629
  const iocSurface50 = "rgba(255, 255, 255, 0.02)";
10541
10630
  const iocSurface100 = "rgba(255, 255, 255, 0.035)";
@@ -10968,7 +11057,7 @@
10968
11057
  iocShadowLg,
10969
11058
  ...Array(19).fill("none"),
10970
11059
  ];
10971
- const palette$1 = {
11060
+ const palette$2 = {
10972
11061
  mode: "dark",
10973
11062
  primary: Object.assign(Object.assign({}, iocTealPalette), { main: iocTealPalette[500], light: iocTealPalette[300], dark: iocTealPalette[700], contrastText: iocBackdropPalette[900] }),
10974
11063
  secondary: {
@@ -11003,7 +11092,7 @@
11003
11092
  };
11004
11093
  const baseTheme = material.createTheme({
11005
11094
  breakpoints,
11006
- palette: palette$1,
11095
+ palette: palette$2,
11007
11096
  typography,
11008
11097
  mixins: commonMixins,
11009
11098
  });
@@ -11374,7 +11463,7 @@
11374
11463
  accentJWeak: tealPalette[50],
11375
11464
  };
11376
11465
 
11377
- const shadows = [
11466
+ const shadows$1 = [
11378
11467
  `none`,
11379
11468
  lightModeCardLifted,
11380
11469
  lightModeCardSubtle,
@@ -11385,7 +11474,7 @@
11385
11474
  lightModeFooterBottom,
11386
11475
  ...Array(17).fill("none"),
11387
11476
  ];
11388
- const palette = {
11477
+ const palette$1 = {
11389
11478
  mode: "light",
11390
11479
  primary: bluePalette,
11391
11480
  secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
@@ -11413,23 +11502,112 @@
11413
11502
  focusOpacity: 0.18,
11414
11503
  },
11415
11504
  };
11505
+ const theme$1 = material.createTheme({
11506
+ breakpoints,
11507
+ palette: palette$1,
11508
+ typography,
11509
+ mixins: commonMixins,
11510
+ });
11511
+ const lightThemeOptions = {
11512
+ shadows: shadows$1,
11513
+ components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$1)), inputComponents(theme$1)), snackbarComponent(theme$1)),
11514
+ };
11515
+ const lightTheme = material.createTheme(theme$1, lightThemeOptions);
11516
+
11517
+ const midnightVars = Object.assign(Object.assign({}, darkVars), {
11518
+ baseBackgroundStrong: darkNavyPalette[400], baseBackgroundMedium: darkNavyPalette[200], baseBackgroundWeak: darkNavyPalette[100], baseBackgroundHover: darkNavyPalette[300], baseBorderDefault: surfaceDarkPalette[300], baseBorderStrong: surfaceDarkPalette[100], baseBorderMedium: surfaceDarkPalette[200], baseBorderWeak: surfaceDarkPalette[500],
11519
+ controlBackgroundDefault: darkNavyPalette[200], controlBackgroundWeak: darkNavyPalette[100], controlBackgroundMedium: darkNavyPalette[100], controlBackgroundDisabled: darkNavyPalette[200], controlBorderDefault: surfaceDarkPalette[100], controlBorderStrong: surfaceDarkPalette[200], controlBorderMedium: surfaceDarkPalette[300], controlBorderWeak: surfaceDarkPalette[400], controlBorderHover: electricBluePalette[700], controlBorderActive: electricBluePalette[700], controlBorderDisabled: surfaceDarkPalette[400], controlIconHover: electricBluePalette[700], controlIconActive: electricBluePalette[700],
11520
+ interactivePrimaryDefaultDefault: electricBluePalette[500], interactivePrimaryDefaultHover: electricBluePalette[300], interactivePrimaryDefaultActive: electricBluePalette[700], interactivePrimaryDefaultDisabled: electricBluePalette["alpha40"], interactivePrimaryWeakDefault: darkNavyPalette[200], interactivePrimaryWeakHover: darkNavyPalette[100], interactivePrimaryWeakActive: darkNavyPalette[100], interactivePrimaryWeakDisabled: electricBluePalette["alpha10"],
11521
+ interactiveSecondaryDefaultDefault: greyPalette[50], interactiveSecondaryDefaultHover: greyPalette[0], interactiveSecondaryDefaultActive: greyPalette[100], interactiveSecondaryDefaultDisabled: greyPalette[0], interactiveSecondaryWeakDefault: darkNavyPalette[200], interactiveSecondaryWeakHover: darkNavyPalette[100], interactiveSecondaryWeakActive: greyPalette[800], interactiveSecondaryWeakDisabled: surfaceDarkPalette[900],
11522
+ interactiveInverseBackgroundDefault: greyPalette[200], interactiveInverseBackgroundHover: greyPalette[100], interactiveInverseBackgroundActive: greyPalette[200], interactiveInverseBackgroundDisabled: greyPalette[200], interactiveInverseTextHover: surfaceDarkPalette[600], interactiveInverseTextDisabled: surfaceDark900,
11523
+ excellentBackgroundDefault: electricBluePalette[700], excellentBackgroundWeak: electricBluePalette["alpha10"], excellentBackgroundDisabled: electricBluePalette["alpha40"], excellentBackgroundHover: electricBluePalette[500], excellentBackgroundActive: electricBluePalette[700], excellentTextDefault: electricBluePalette[300], excellentTextHover: electricBluePalette[300], excellentTextActive: electricBluePalette[300], excellentTextInDefault: electricBluePalette[300], excellentTextInDisabled: electricBluePalette["alpha10"], excellentBorderDefault: electricBluePalette[500], excellentBorderHover: electricBluePalette[300], excellentBorderActive: electricBluePalette[700], excellentBorderDisabled: electricBluePalette["alpha40"], excellentBorderWeak: electricBluePalette[500], excellentIconDefault: electricBluePalette[500], excellentIconHover: electricBluePalette[300], excellentIconActive: electricBluePalette[700], excellentIconDisabled: electricBluePalette["alpha40"], excellentIconInDefault: electricBluePalette[300], excellentIconInHover: electricBluePalette[300], excellentIconInActive: electricBluePalette[300], excellentIconInDisabled: electricBluePalette["alpha10"],
11524
+ brandIconPrimaryDefault: electricBluePalette[500], brandIconPrimaryStrong: electricBluePalette[700], brandIconPrimaryMedium: electricBluePalette[300], brandIconPrimaryWeak: electricBluePalette[300],
11525
+ brandBackgroundPrimaryDefault: darkNavyPalette[200], brandBackgroundPrimaryWeak: darkNavyPalette[100], brandBackgroundPrimaryMedium: surfaceDarkPalette[400], brandBackgroundSecondaryDefault: darkNavyPalette[100], brandTextPrimary: electricBluePalette[500], brandTextSecondary: greyPalette[0] });
11526
+
11527
+ const shadows = [
11528
+ `none`,
11529
+ darkModeCardLifted,
11530
+ darkModeCardSubtle,
11531
+ darkModeCardRaised,
11532
+ darkModeCardFloating,
11533
+ darkModeSideDrawerRight,
11534
+ darkModeSideDrawerLeft,
11535
+ darkModeFooterBottom,
11536
+ ...Array(17).fill("none"),
11537
+ ];
11538
+ const palette = {
11539
+ mode: "dark",
11540
+ primary: bluePalette,
11541
+ secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
11542
+ tertiary: lightOrangePalette,
11543
+ error: redPalette,
11544
+ warning: lightOrangePalette,
11545
+ info: bluePalette,
11546
+ success: greenPalette,
11547
+ negative: redPalette,
11548
+ orange: orangePalette,
11549
+ grey: greyPalette,
11550
+ vars: midnightVars,
11551
+ text: {
11552
+ primary: midnightVars.baseTextStrong,
11553
+ secondary: midnightVars.baseTextDefault,
11554
+ disabled: midnightVars.baseTextDisabled,
11555
+ },
11556
+ background: {
11557
+ paper: darkNavy200,
11558
+ default: darkNavy400,
11559
+ },
11560
+ action: {
11561
+ hoverOpacity: 0.05,
11562
+ selectedOpacity: 0.25,
11563
+ focusOpacity: 0.18,
11564
+ },
11565
+ };
11416
11566
  const theme = material.createTheme({
11417
11567
  breakpoints,
11418
11568
  palette,
11419
11569
  typography,
11420
11570
  mixins: commonMixins,
11421
11571
  });
11422
- const lightThemeOptions = {
11572
+ const midnightThemeOptions = {
11423
11573
  shadows,
11424
- components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)),
11574
+ components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)), { MuiCssBaseline: {
11575
+ styleOverrides: {
11576
+ html: {
11577
+ scrollbarWidth: "thin",
11578
+ scrollbarColor: `${theme.palette.vars.baseTextMedium} ${theme.palette.background.default}`,
11579
+ },
11580
+ "*::-webkit-scrollbar": {
11581
+ width: "12px",
11582
+ height: "12px",
11583
+ },
11584
+ "*::-webkit-scrollbar-track": {
11585
+ backgroundColor: theme.palette.background.default,
11586
+ borderRadius: 8,
11587
+ },
11588
+ "*::-webkit-scrollbar-thumb": {
11589
+ backgroundColor: theme.palette.vars.controlIconMedium,
11590
+ borderRadius: 8,
11591
+ border: "2px solid transparent",
11592
+ backgroundClip: "content-box",
11593
+ },
11594
+ "*::-webkit-scrollbar-thumb:hover": {
11595
+ backgroundColor: theme.palette.vars.baseTextMedium,
11596
+ },
11597
+ "*::-webkit-scrollbar-corner": {
11598
+ backgroundColor: theme.palette.background.default,
11599
+ },
11600
+ },
11601
+ } }),
11425
11602
  };
11426
- const lightTheme = material.createTheme(theme, lightThemeOptions);
11603
+ const midnightTheme = material.createTheme(theme, midnightThemeOptions);
11427
11604
 
11428
11605
  exports.ThemeMode = void 0;
11429
11606
  (function (ThemeMode) {
11430
11607
  ThemeMode["Light"] = "light";
11431
11608
  ThemeMode["Dark"] = "dark";
11432
11609
  ThemeMode["IoC"] = "ioc";
11610
+ ThemeMode["Midnight"] = "midnight";
11433
11611
  })(exports.ThemeMode || (exports.ThemeMode = {}));
11434
11612
  const ThemeModeContext = React.createContext(null);
11435
11613
  function useThemeMode() {
@@ -11443,6 +11621,9 @@
11443
11621
  if (mode === exports.ThemeMode.IoC) {
11444
11622
  return iocTheme;
11445
11623
  }
11624
+ if (mode === exports.ThemeMode.Midnight) {
11625
+ return midnightTheme;
11626
+ }
11446
11627
  return mode === exports.ThemeMode.Dark ? darkTheme : lightTheme;
11447
11628
  }
11448
11629
  const ThemeProvider = ({ children, defaultMode, customTheme, }) => {
@@ -11622,10 +11803,13 @@
11622
11803
  const borderColor = variant === "primary"
11623
11804
  ? theme.palette.vars.interactivePrimaryDefaultDefault
11624
11805
  : theme.palette.vars.controlBorderDefault;
11806
+ const backgroundColor = variant === "primary"
11807
+ ? theme.palette.vars.baseBackgroundWeak
11808
+ : theme.palette.vars.controlBackgroundDefault;
11625
11809
  return {
11626
11810
  borderRadius: "100px",
11627
11811
  boxShadow: theme.shadows[4],
11628
- background: `${theme.palette.vars.controlBackgroundDefault} !important`,
11812
+ background: `${backgroundColor} !important`,
11629
11813
  color: `${theme.palette.vars.baseTextStrong} !important`,
11630
11814
  border: `2px solid ${borderColor} !important`,
11631
11815
  letterSpacing: "0.1px",
@@ -12508,7 +12692,7 @@
12508
12692
  height: "auto",
12509
12693
  padding: "12px 16px",
12510
12694
  gap: "12px",
12511
- background: theme.palette.vars.baseBackgroundWeak,
12695
+ background: theme.palette.vars.controlBackgroundDefault,
12512
12696
  borderStyle: "solid",
12513
12697
  borderColor: getMessageStatusColor(theme, type),
12514
12698
  borderWidth: "1px 1px 1px 4px",
@@ -12704,8 +12888,9 @@
12704
12888
  gap: "4px",
12705
12889
  });
12706
12890
  const getNavigationItemStyles = (theme, state, compact = false) => {
12707
- const selected = state === "selected" || state === "open";
12891
+ const selected = state === "selected";
12708
12892
  const open = state === "open";
12893
+ const active = selected || open;
12709
12894
  const disabled = state === "disabled";
12710
12895
  return {
12711
12896
  boxSizing: "border-box",
@@ -12718,19 +12903,19 @@
12718
12903
  gap: "8px",
12719
12904
  position: "relative",
12720
12905
  isolation: "isolate",
12721
- border: selected
12722
- ? `1px solid ${theme.palette.vars.controlBorderStrong}`
12906
+ border: open
12907
+ ? `1px solid ${theme.palette.vars.baseBorderStrong}`
12723
12908
  : "1px solid transparent",
12724
- borderRightWidth: selected ? 0 : "1px",
12725
- borderRadius: selected ? "8px 0px 0px 8px" : "8px",
12726
- backgroundColor: selected
12727
- ? getNavigationActiveBackground(theme)
12909
+ borderRightWidth: open ? 0 : "1px",
12910
+ borderRadius: open ? "8px 0px 0px 8px" : "8px",
12911
+ backgroundColor: active
12912
+ ? theme.palette.vars.brandBackgroundPrimaryWeak
12728
12913
  : "transparent",
12729
12914
  color: disabled
12730
12915
  ? theme.palette.vars.baseTextDisabled
12731
12916
  : selected
12732
- ? getNavigationActiveColor(theme)
12733
- : theme.palette.vars.baseTextStrong,
12917
+ ? theme.palette.vars.brandTextPrimary
12918
+ : theme.palette.vars.brandTextSecondary,
12734
12919
  cursor: disabled ? "default" : "pointer",
12735
12920
  font: "inherit",
12736
12921
  textAlign: "left",
@@ -12743,18 +12928,16 @@
12743
12928
  right: compact ? "-24px" : "-23px",
12744
12929
  width: compact ? "24px" : "23px",
12745
12930
  height: "40px",
12746
- backgroundColor: getNavigationActiveBackground(theme),
12747
- borderTop: `1px solid ${theme.palette.vars.controlBorderStrong}`,
12748
- borderBottom: `1px solid ${theme.palette.vars.controlBorderStrong}`,
12931
+ backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
12932
+ borderTop: `1px solid ${theme.palette.vars.baseBorderStrong}`,
12933
+ borderBottom: `1px solid ${theme.palette.vars.baseBorderStrong}`,
12749
12934
  zIndex: -1,
12750
12935
  }
12751
12936
  : undefined,
12752
12937
  "&:hover": disabled
12753
12938
  ? {}
12754
12939
  : {
12755
- backgroundColor: selected
12756
- ? getNavigationActiveBackground(theme)
12757
- : theme.palette.vars.baseBackgroundHover,
12940
+ backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
12758
12941
  },
12759
12942
  };
12760
12943
  };
@@ -12830,18 +13013,19 @@
12830
13013
  border: 0,
12831
13014
  borderRadius: "6px",
12832
13015
  backgroundColor: selected
12833
- ? theme.palette.vars.interactivePrimaryWeakHover
13016
+ ? theme.palette.vars.brandBackgroundPrimaryMedium
12834
13017
  : "transparent",
12835
13018
  color: selected
12836
- ? theme.palette.vars.interactivePrimaryDefaultActive
12837
- : theme.palette.vars.baseTextStrong,
13019
+ ? theme.palette.vars.brandTextPrimary
13020
+ : theme.palette.vars.brandTextSecondary,
12838
13021
  cursor: "pointer",
12839
13022
  font: "inherit",
12840
13023
  textAlign: "left",
12841
13024
  "&:hover": {
12842
- backgroundColor: selected
12843
- ? theme.palette.vars.interactivePrimaryWeakHover
12844
- : theme.palette.vars.baseBackgroundHover,
13025
+ backgroundColor: theme.palette.vars.brandBackgroundPrimaryMedium,
13026
+ color: selected
13027
+ ? theme.palette.vars.brandTextPrimary
13028
+ : theme.palette.vars.brandTextSecondary,
12845
13029
  },
12846
13030
  });
12847
13031
  const getNavigationSubtextStyles = (theme) => ({
@@ -12941,12 +13125,12 @@
12941
13125
  : [];
12942
13126
  return (jsxRuntime.jsxs(StyledNavigationFrame, Object.assign({ sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsxRuntime.jsx(StyledNavigationRoot, { compact: isCompact, children: jsxRuntime.jsxs(StyledNavigationContent, { compact: isCompact, children: [jsxRuntime.jsxs(StyledNavigationSwitcher, { "aria-expanded": isOrganizationDrawerOpen, "aria-label": isCompact
12943
13127
  ? getAccessibleLabel(organizationLabel, "Open organization switcher")
12944
- : undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsxRuntime.jsx(OrgSwitcherDefault, { fontSize: "small" }), !isCompact ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavigationSwitcherLabel, { children: organizationLabel }), jsxRuntime.jsx(KeyboardArrowRight, { fontSize: "small" })] })) : null] }), jsxRuntime.jsx(StyledNavigationSections, { children: sections.map((section, sectionIndex) => (jsxRuntime.jsxs(StyledNavigationSection, { children: [jsxRuntime.jsx(StyledNavigationSectionHead, { compact: isCompact, children: section.label }), jsxRuntime.jsx(StyledNavigationItems, { children: section.items.map((item) => {
13128
+ : undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsxRuntime.jsx(OrgSwitcher, { fontSize: "small" }), !isCompact ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavigationSwitcherLabel, { children: organizationLabel }), jsxRuntime.jsx(KeyboardArrowRight, { fontSize: "small" })] })) : null] }), jsxRuntime.jsx(StyledNavigationSections, { children: sections.map((section, sectionIndex) => (jsxRuntime.jsxs(StyledNavigationSection, { children: [jsxRuntime.jsx(StyledNavigationSectionHead, { compact: isCompact, children: section.label }), jsxRuntime.jsx(StyledNavigationItems, { children: section.items.map((item) => {
12945
13129
  var _a;
12946
13130
  const state = (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
12947
13131
  ? "open"
12948
13132
  : getItemState(item, selectedItemId);
12949
- const selected = state === "selected" || state === "open";
13133
+ const selected = state === "selected";
12950
13134
  return (jsxRuntime.jsxs(StyledNavigationItem, { "aria-expanded": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length)
12951
13135
  ? (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
12952
13136
  : undefined, "aria-label": isCompact
@@ -13690,7 +13874,7 @@
13690
13874
  width,
13691
13875
  minWidth: width,
13692
13876
  maxWidth: width,
13693
- background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.controlBackgroundDefault,
13877
+ background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
13694
13878
  borderRadius: "6px",
13695
13879
  boxShadow: "none",
13696
13880
  filter: theme.palette.mode === "dark"
@@ -13719,7 +13903,7 @@
13719
13903
  gap: layout.gap,
13720
13904
  padding: layout.padding,
13721
13905
  width: "100%",
13722
- background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.controlBackgroundDefault,
13906
+ background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
13723
13907
  border: featureHighlight
13724
13908
  ? `2px solid ${(_b = theme.palette.vars) === null || _b === void 0 ? void 0 : _b.controlBorderActive}`
13725
13909
  : "0px solid transparent",
@@ -13949,7 +14133,7 @@
13949
14133
  });
13950
14134
  const bg = featureHighlight
13951
14135
  ? theme.palette.vars.controlBorderActive
13952
- : theme.palette.vars.controlBackgroundDefault;
14136
+ : theme.palette.vars.baseBackgroundWeak;
13953
14137
  return (jsxRuntime.jsx(material.Popover, Object.assign({}, props, { open: open, disableScrollLock: disableScrollLock, marginThreshold: null, anchorOrigin: resolvedAnchorOrigin, transformOrigin: resolvedTransformOrigin, onClose: onClose, slotProps: {
13954
14138
  paper: {
13955
14139
  ref: paperRef,
@@ -17383,8 +17567,19 @@
17383
17567
  exports.darkModeFooterBottom = darkModeFooterBottom;
17384
17568
  exports.darkModeSideDrawerLeft = darkModeSideDrawerLeft;
17385
17569
  exports.darkModeSideDrawerRight = darkModeSideDrawerRight;
17570
+ exports.darkNavy100 = darkNavy100;
17571
+ exports.darkNavy200 = darkNavy200;
17572
+ exports.darkNavy300 = darkNavy300;
17573
+ exports.darkNavy400 = darkNavy400;
17574
+ exports.darkNavyPalette = darkNavyPalette;
17386
17575
  exports.darkVars = darkVars;
17387
17576
  exports.deepCopyTree = deepCopyTree;
17577
+ exports.electricBlue300 = electricBlue300;
17578
+ exports.electricBlue500 = electricBlue500;
17579
+ exports.electricBlue700 = electricBlue700;
17580
+ exports.electricBlueAlpha10 = electricBlueAlpha10;
17581
+ exports.electricBlueAlpha40 = electricBlueAlpha40;
17582
+ exports.electricBluePalette = electricBluePalette;
17388
17583
  exports.flattenSelectTree = flattenSelectTree;
17389
17584
  exports.flattenSelectTreeWithSearch = flattenSelectTreeWithSearch;
17390
17585
  exports.flattenSelectTreeWithoutSearch = flattenSelectTreeWithoutSearch;
@@ -17502,6 +17697,7 @@
17502
17697
  exports.lime900 = lime900;
17503
17698
  exports.limePalette = limePalette;
17504
17699
  exports.mergeNodeChildrenValueToText = mergeNodeChildrenValueToText;
17700
+ exports.midnightVars = midnightVars;
17505
17701
  exports.night10 = night10;
17506
17702
  exports.night100 = night100;
17507
17703
  exports.night200 = night200;