@nethru/ui 1.0.82 → 2.0.0

package/base/Snackbar.js

@@ -0,0 +1,33 @@
+import { forwardRef, useCallback } from "react";
+import { Slide } from "@mui/material";
+import MuiSnackbar from "@mui/material/Snackbar";
+import Alert from "./Alert";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Snackbar = /*#__PURE__*/forwardRef(({
+  severity = 'info',
+  icon,
+  subcontent,
+  slideDirection = 'down',
+  children,
+  ...props
+}, ref) => {
+  const Transition = useCallback(props => {
+    return /*#__PURE__*/_jsx(Slide, {
+      ...props,
+      direction: slideDirection
+    });
+  }, [slideDirection]);
+  return /*#__PURE__*/_jsx(MuiSnackbar, {
+    ref: ref,
+    severity: severity,
+    TransitionComponent: Transition,
+    ...props,
+    children: /*#__PURE__*/_jsx(Alert, {
+      severity: severity,
+      icon: icon,
+      subcontent: subcontent,
+      children: children
+    })
+  });
+});
+export default Snackbar;

package/base/Switch.js

@@ -0,0 +1,20 @@
+import { forwardRef } from "react";
+import { FormControlLabel } from "@mui/material";
+import MuiSwitch from "@mui/material/Switch";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Switch = /*#__PURE__*/forwardRef(({
+  label,
+  formControlLabelProps,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(FormControlLabel, {
+    ref: ref,
+    label: label,
+    control: /*#__PURE__*/_jsx(MuiSwitch, {
+      ...props,
+      color: "info"
+    }),
+    ...formControlLabelProps
+  });
+});
+export default Switch;

package/base/assets/icons.js

@@ -0,0 +1,390 @@
+import { createSvgIcon } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const AppsIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M5.99806 19.6133C5.5539 19.6133 5.17365 19.4551 4.85731 19.1388C4.54098 18.8225 4.38281 18.4422 4.38281 17.9981C4.38281 17.5539 4.54098 17.1736 4.85731 16.8573C5.17365 16.541 5.5539 16.3828 5.99806 16.3828C6.44223 16.3828 6.82248 16.541 7.13881 16.8573C7.45515 17.1736 7.61331 17.5539 7.61331 17.9981C7.61331 18.4422 7.45515 18.8225 7.13881 19.1388C6.82248 19.4551 6.44223 19.6133 5.99806 19.6133ZM11.9981 19.6133C11.5539 19.6133 11.1736 19.4551 10.8573 19.1388C10.541 18.8225 10.3828 18.4422 10.3828 17.9981C10.3828 17.5539 10.541 17.1736 10.8573 16.8573C11.1736 16.541 11.5539 16.3828 11.9981 16.3828C12.4422 16.3828 12.8225 16.541 13.1388 16.8573C13.4551 17.1736 13.6133 17.5539 13.6133 17.9981C13.6133 18.4422 13.4551 18.8225 13.1388 19.1388C12.8225 19.4551 12.4422 19.6133 11.9981 19.6133ZM17.9981 19.6133C17.5539 19.6133 17.1736 19.4551 16.8573 19.1388C16.541 18.8225 16.3828 18.4422 16.3828 17.9981C16.3828 17.5539 16.541 17.1736 16.8573 16.8573C17.1736 16.541 17.5539 16.3828 17.9981 16.3828C18.4422 16.3828 18.8225 16.541 19.1388 16.8573C19.4551 17.1736 19.6133 17.5539 19.6133 17.9981C19.6133 18.4422 19.4551 18.8225 19.1388 19.1388C18.8225 19.4551 18.4422 19.6133 17.9981 19.6133ZM5.99806 13.6133C5.5539 13.6133 5.17365 13.4551 4.85731 13.1388C4.54098 12.8225 4.38281 12.4422 4.38281 11.9981C4.38281 11.5539 4.54098 11.1736 4.85731 10.8573C5.17365 10.541 5.5539 10.3828 5.99806 10.3828C6.44223 10.3828 6.82248 10.541 7.13881 10.8573C7.45515 11.1736 7.61331 11.5539 7.61331 11.9981C7.61331 12.4422 7.45515 12.8225 7.13881 13.1388C6.82248 13.4551 6.44223 13.6133 5.99806 13.6133ZM11.9981 13.6133C11.5539 13.6133 11.1736 13.4551 10.8573 13.1388C10.541 12.8225 10.3828 12.4422 10.3828 11.9981C10.3828 11.5539 10.541 11.1736 10.8573 10.8573C11.1736 10.541 11.5539 10.3828 11.9981 10.3828C12.4422 10.3828 12.8225 10.541 13.1388 10.8573C13.4551 11.1736 13.6133 11.5539 13.6133 11.9981C13.6133 12.4422 13.4551 12.8225 13.1388 13.1388C12.8225 13.4551 12.4422 13.6133 11.9981 13.6133ZM17.9981 13.6133C17.5539 13.6133 17.1736 13.4551 16.8573 13.1388C16.541 12.8225 16.3828 12.4422 16.3828 11.9981C16.3828 11.5539 16.541 11.1736 16.8573 10.8573C17.1736 10.541 17.5539 10.3828 17.9981 10.3828C18.4422 10.3828 18.8225 10.541 19.1388 10.8573C19.4551 11.1736 19.6133 11.5539 19.6133 11.9981C19.6133 12.4422 19.4551 12.8225 19.1388 13.1388C18.8225 13.4551 18.4422 13.6133 17.9981 13.6133ZM5.99806 7.61331C5.5539 7.61331 5.17365 7.45515 4.85731 7.13881C4.54098 6.82248 4.38281 6.44223 4.38281 5.99806C4.38281 5.5539 4.54098 5.17365 4.85731 4.85731C5.17365 4.54098 5.5539 4.38281 5.99806 4.38281C6.44223 4.38281 6.82248 4.54098 7.13881 4.85731C7.45515 5.17365 7.61331 5.5539 7.61331 5.99806C7.61331 6.44223 7.45515 6.82248 7.13881 7.13881C6.82248 7.45515 6.44223 7.61331 5.99806 7.61331ZM11.9981 7.61331C11.5539 7.61331 11.1736 7.45515 10.8573 7.13881C10.541 6.82248 10.3828 6.44223 10.3828 5.99806C10.3828 5.5539 10.541 5.17365 10.8573 4.85731C11.1736 4.54098 11.5539 4.38281 11.9981 4.38281C12.4422 4.38281 12.8225 4.54098 13.1388 4.85731C13.4551 5.17365 13.6133 5.5539 13.6133 5.99806C13.6133 6.44223 13.4551 6.82248 13.1388 7.13881C12.8225 7.45515 12.4422 7.61331 11.9981 7.61331ZM17.9981 7.61331C17.5539 7.61331 17.1736 7.45515 16.8573 7.13881C16.541 6.82248 16.3828 6.44223 16.3828 5.99806C16.3828 5.5539 16.541 5.17365 16.8573 4.85731C17.1736 4.54098 17.5539 4.38281 17.9981 4.38281C18.4422 4.38281 18.8225 4.54098 19.1388 4.85731C19.4551 5.17365 19.6133 5.5539 19.6133 5.99806C19.6133 6.44223 19.4551 6.82248 19.1388 7.13881C18.8225 7.45515 18.4422 7.61331 17.9981 7.61331Z",
+    fill: "#333"
+  })
+}), 'Apps');
+export const NethruIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M8.92329 13.071L13.0256 8.35791H8.92329V13.071Z",
+    fill: "#F26737"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M18.7699 15.429H15.0767V8.35791L8.9233 15.429H5.23011V8.35791H4V17H20V8.35791H18.7699V15.429Z",
+    fill: "#F26737"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M18.7698 6H15.0766L13.0256 8.35791H15.0767H18.7699L18.7698 6Z",
+    fill: "#F26737"
+  })]
+}), 'Nethru');
+export const WiseCollectorIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.2048 17.1664C15.0707 17.1241 14.9378 17.0994 14.8201 17.0407C11.8217 15.547 8.8256 14.0498 5.83068 12.5526C5.54013 12.4081 5.36839 12.1801 5.36721 11.8545C5.36486 11.5208 5.54248 11.2916 5.84009 11.1424C8.83031 9.64988 11.8205 8.15621 14.8107 6.66254C15.0766 6.52857 15.3354 6.52974 15.6012 6.66254C18.5914 8.15856 21.5816 9.65223 24.5707 11.1435C24.8683 11.2928 25.0447 11.5231 25.0424 11.8569C25.0412 12.1824 24.8695 12.4092 24.5789 12.5538C21.5828 14.0498 18.5867 15.5482 15.5895 17.0418C15.473 17.0994 15.3377 17.1241 15.2036 17.1664H15.2048Z",
+    fill: "#2E539D"
+  }), /*#__PURE__*/_jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.2088 20.1949C15.063 20.1467 14.9301 20.122 14.8124 20.0632C11.8152 18.5696 8.82141 17.0724 5.8265 15.5763C5.49948 15.413 5.32774 15.1157 5.3642 14.7984C5.40184 14.4705 5.63711 14.1802 5.97589 14.1414C6.16763 14.1203 6.39348 14.1696 6.56876 14.2554C9.29194 15.6057 12.0128 16.9595 14.7242 18.3333C15.07 18.5085 15.3277 18.5143 15.677 18.338C18.399 16.9572 21.1328 15.5987 23.8642 14.2355C24.383 13.9757 24.8947 14.1896 25.0241 14.7138C25.11 15.0593 24.9347 15.3989 24.5677 15.5834C23.5231 16.1064 22.4785 16.627 21.4351 17.1476C19.5013 18.1124 17.5697 19.0784 15.6359 20.0409C15.5018 20.1079 15.3512 20.1443 15.21 20.196L15.2088 20.1949Z",
+    fill: "#2E539D"
+  }), /*#__PURE__*/_jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.222 23.2155C15.0679 23.165 14.9267 23.1391 14.8044 23.078C11.8142 21.5879 8.82514 20.0942 5.83728 18.6005C5.49968 18.4325 5.32323 18.1305 5.36558 17.8085C5.40675 17.4782 5.64554 17.1938 5.98432 17.1562C6.17136 17.1374 6.3878 17.1844 6.55954 17.2679C8.74868 18.3502 10.9308 19.4443 13.1164 20.5361C13.7469 20.851 14.3786 21.1613 15.0055 21.4833C15.1538 21.5609 15.2679 21.5515 15.4137 21.4786C18.2322 20.066 21.0518 18.6558 23.8738 17.2479C24.3879 16.9905 24.9019 17.2126 25.0266 17.7391C25.1066 18.0764 24.9337 18.4149 24.5773 18.5935C23.6668 19.0506 22.754 19.5054 21.8412 19.9614C19.7885 20.9874 17.737 22.0133 15.6819 23.0369C15.5349 23.1098 15.3737 23.1568 15.222 23.2144V23.2155Z",
+    fill: "#2E539D"
+  })]
+}), 'WiseCollector');
+export const DataStoryIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M6.53613 16.8666L11.9462 19V13.64L6.53613 11.5132V16.8666Z",
+    fill: "#F7AB00"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.59 19L18 16.8666V11.5132L12.59 13.64V19Z",
+    fill: "#F7AB00"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9.98822 8.57821C9.73571 8.37945 9.54633 8.12768 9.41376 7.83616C9.28751 7.55126 9.22438 7.20674 9.22438 6.80921C9.22438 6.41168 9.30013 6.0804 9.45795 5.75575C9.4832 5.70938 9.51477 5.67625 9.5337 5.62987L8.27747 4L3 6.0804L6.23844 10.2876L10.2029 8.72397C10.1271 8.67759 10.0577 8.63122 9.99454 8.57159L9.98822 8.57821Z",
+    fill: "#F7AB00"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M15.4543 9.85672C15.4164 10.1217 15.3533 10.3669 15.246 10.5855C15.0755 10.9168 14.8356 11.1951 14.5263 11.4071C14.2359 11.6059 13.895 11.7516 13.5036 11.8444C13.1312 11.9305 12.7209 11.9835 12.2916 11.9835C11.7045 11.9835 11.1364 11.8974 10.6061 11.7317C10.0758 11.5661 9.60867 11.3607 9.22359 11.1089L8.85114 10.8704L9.66548 9.58508L6.61011 10.7909L12.2221 12.9972L17.8342 10.7909L15.4606 9.85672H15.4543Z",
+    fill: "#F7AB00"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.2402 8.22742C10.4422 8.38644 10.6948 8.52557 10.9978 8.63158C11.2945 8.73759 11.6543 8.84359 12.0583 8.93635C12.2856 8.98935 12.475 9.03573 12.6201 9.08211C12.7653 9.12849 12.8853 9.17487 12.9737 9.22125C13.0747 9.28088 13.1504 9.34051 13.1946 9.45976L13.2072 9.49952V9.53927C13.2072 9.69828 13.1441 9.81091 13.0179 9.87054C12.8916 9.9368 12.6643 9.9633 12.3298 9.9633C12.1783 9.9633 12.0078 9.94343 11.8247 9.90367C11.6417 9.86392 11.4649 9.81754 11.2882 9.75129C11.1114 9.68503 10.941 9.61878 10.7768 9.53927C10.6127 9.45976 10.4675 9.38026 10.3476 9.30075L9.43852 10.7385C9.79203 10.9638 10.2213 11.1559 10.72 11.3083C11.2187 11.4607 11.7427 11.5402 12.2919 11.5402C12.6959 11.5402 13.0747 11.5004 13.4156 11.4143C13.7564 11.3348 14.0531 11.2023 14.2993 11.0366C14.5455 10.8644 14.7412 10.6457 14.8801 10.3741C15.019 10.1024 15.0884 9.77779 15.0884 9.40014C15.0884 9.09536 15.0379 8.81709 14.9432 8.59183C14.8486 8.36656 14.697 8.16779 14.5014 8.00878C14.2993 7.84315 14.0468 7.70401 13.7375 7.58475C13.4282 7.46549 13.0557 7.35286 12.6391 7.25348C12.4181 7.20047 12.2414 7.15409 12.0962 7.11434C11.951 7.07459 11.8437 7.03484 11.7553 6.99508C11.6732 6.95533 11.5785 6.8957 11.5217 6.69694C11.5217 6.57768 11.5659 6.47829 11.6606 6.39879C11.7553 6.32591 11.9384 6.28616 12.2161 6.28616C12.5633 6.28616 12.8853 6.33916 13.1946 6.44517C13.4976 6.55118 13.8006 6.71019 14.1036 6.90895L15.0127 5.47122C14.6529 5.22608 14.2552 5.03394 13.8259 4.90143C13.3966 4.76892 12.8916 4.70266 12.3108 4.70266C11.9068 4.70266 11.5407 4.75567 11.2124 4.85505C10.8841 4.95443 10.6064 5.10019 10.3728 5.27908C10.1455 5.4646 9.96248 5.68324 9.83622 5.94163C9.70997 6.20002 9.64684 6.48492 9.64684 6.79632C9.64684 7.12759 9.69734 7.41249 9.79835 7.63775C9.89935 7.86302 10.0509 8.06179 10.2466 8.2208L10.2402 8.22742Z",
+    fill: "#F7AB00"
+  })]
+}), 'DataStory');
+export const UserFlowIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M6.99287 14.0431H6V11.9097H6.99287C6.99287 11.9097 9.07275 11.8755 11.4308 10.5656C14.3024 8.96976 16.806 8.95269 16.9087 8.95269H18V11.0862H16.9087C16.9087 11.0862 14.8288 11.1203 12.4708 12.4302C9.59914 14.0261 7.09558 14.0431 6.99287 14.0431Z",
+    fill: "#7651E6",
+    fillOpacity: "0.5"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M17.9994 11.0905H16.9081C16.8011 11.0905 14.2975 11.0734 11.4302 9.47755C9.06787 8.1676 7.0051 8.13347 6.98799 8.13347V6C7.09926 6 9.60282 6.01707 12.4702 7.6129C14.8282 8.92285 16.891 8.95699 16.9124 8.95699H17.9994V11.0905Z",
+    fill: "#7651E6"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.9087 17C16.8017 17 14.2981 16.9829 11.4308 15.3871C9.07275 14.0771 7.00999 14.043 6.98859 14.043L6 14.0431V11.9097H6.99287C7.09986 11.9097 9.60342 11.9266 12.4708 13.5224C14.8288 14.8324 16.8916 14.8665 16.913 14.8665V17H16.9087Z",
+    fill: "#7651E6"
+  })]
+}), 'UserFlow');
+export const SmartCepIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M5 8.89672V14.9129L7.87504 11.8522L5 8.89672Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M6.77563 8.82086C7.24708 8.82086 7.62927 8.41399 7.62927 7.91209C7.62927 7.41019 7.24708 7.00332 6.77563 7.00332C6.30418 7.00332 5.92199 7.41019 5.92199 7.91209C5.92199 8.41399 6.30418 8.82086 6.77563 8.82086Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M8.6836 8.82086C9.15505 8.82086 9.53724 8.41399 9.53724 7.91209C9.53724 7.41019 9.15505 7.00332 8.6836 7.00332C8.21215 7.00332 7.82996 7.41019 7.82996 7.91209C7.82996 8.41399 8.21215 8.82086 8.6836 8.82086Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.5654 8.82086C11.0368 8.82086 11.419 8.41399 11.419 7.91209C11.419 7.41019 11.0368 7.00332 10.5654 7.00332C10.0939 7.00332 9.71175 7.41019 9.71175 7.91209C9.71175 8.41399 10.0939 8.82086 10.5654 8.82086Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 8.82086C12.9463 8.82086 13.3285 8.41399 13.3285 7.91209C13.3285 7.41019 12.9463 7.00332 12.4748 7.00332C12.0034 7.00332 11.6212 7.41019 11.6212 7.91209C11.6212 8.41399 12.0034 8.82086 12.4748 8.82086Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 6.81754C12.9463 6.81754 13.3285 6.41067 13.3285 5.90877C13.3285 5.40687 12.9463 5 12.4748 5C12.0034 5 11.6212 5.40687 11.6212 5.90877C11.6212 6.41067 12.0034 6.81754 12.4748 6.81754Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.3551 8.82086C14.8266 8.82086 15.2088 8.41399 15.2088 7.91209C15.2088 7.41019 14.8266 7.00332 14.3551 7.00332C13.8837 7.00332 13.5015 7.41019 13.5015 7.91209C13.5015 8.41399 13.8837 8.82086 14.3551 8.82086Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M8.6836 10.8629C9.15505 10.8629 9.53724 10.456 9.53724 9.95411C9.53724 9.45221 9.15505 9.04534 8.6836 9.04534C8.21215 9.04534 7.82996 9.45221 7.82996 9.95411C7.82996 10.456 8.21215 10.8629 8.6836 10.8629Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.5654 10.8629C11.0368 10.8629 11.419 10.456 11.419 9.95411C11.419 9.45221 11.0368 9.04534 10.5654 9.04534C10.0939 9.04534 9.71175 9.45221 9.71175 9.95411C9.71175 10.456 10.0939 10.8629 10.5654 10.8629Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 10.8629C12.9463 10.8629 13.3285 10.456 13.3285 9.95411C13.3285 9.45221 12.9463 9.04534 12.4748 9.04534C12.0034 9.04534 11.6212 9.45221 11.6212 9.95411C11.6212 10.456 12.0034 10.8629 12.4748 10.8629Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.3551 10.8629C14.8266 10.8629 15.2088 10.456 15.2088 9.95411C15.2088 9.45221 14.8266 9.04534 14.3551 9.04534C13.8837 9.04534 13.5015 9.45221 13.5015 9.95411C13.5015 10.456 13.8837 10.8629 14.3551 10.8629Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.5654 12.9049C11.0368 12.9049 11.419 12.498 11.419 11.9961C11.419 11.4942 11.0368 11.0874 10.5654 11.0874C10.0939 11.0874 9.71175 11.4942 9.71175 11.9961C9.71175 12.498 10.0939 12.9049 10.5654 12.9049Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 12.9049C12.9463 12.9049 13.3285 12.498 13.3285 11.9961C13.3285 11.4942 12.9463 11.0874 12.4748 11.0874C12.0034 11.0874 11.6212 11.4942 11.6212 11.9961C11.6212 12.498 12.0034 12.9049 12.4748 12.9049Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.3551 12.9049C14.8266 12.9049 15.2088 12.498 15.2088 11.9961C15.2088 11.4942 14.8266 11.0874 14.3551 11.0874C13.8837 11.0874 13.5015 11.4942 13.5015 11.9961C13.5015 12.498 13.8837 12.9049 14.3551 12.9049Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M8.6836 14.868C9.15505 14.868 9.53724 14.4611 9.53724 13.9592C9.53724 13.4573 9.15505 13.0504 8.6836 13.0504C8.21215 13.0504 7.82996 13.4573 7.82996 13.9592C7.82996 14.4611 8.21215 14.868 8.6836 14.868Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.5654 14.868C11.0368 14.868 11.419 14.4611 11.419 13.9592C11.419 13.4573 11.0368 13.0504 10.5654 13.0504C10.0939 13.0504 9.71175 13.4573 9.71175 13.9592C9.71175 14.4611 10.0939 14.868 10.5654 14.868Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 14.868C12.9463 14.868 13.3285 14.4611 13.3285 13.9592C13.3285 13.4573 12.9463 13.0504 12.4748 13.0504C12.0034 13.0504 11.6212 13.4573 11.6212 13.9592C11.6212 14.4611 12.0034 14.868 12.4748 14.868Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.3551 14.868C14.8266 14.868 15.2088 14.4611 15.2088 13.9592C15.2088 13.4573 14.8266 13.0504 14.3551 13.0504C13.8837 13.0504 13.5015 13.4573 13.5015 13.9592C13.5015 14.4611 13.8837 14.868 14.3551 14.868Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.2646 10.8629C16.736 10.8629 17.1182 10.456 17.1182 9.95411C17.1182 9.45221 16.736 9.04534 16.2646 9.04534C15.7931 9.04534 15.4109 9.45221 15.4109 9.95411C15.4109 10.456 15.7931 10.8629 16.2646 10.8629Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.2646 12.9049C16.736 12.9049 17.1182 12.498 17.1182 11.9961C17.1182 11.4942 16.736 11.0874 16.2646 11.0874C15.7931 11.0874 15.4109 11.4942 15.4109 11.9961C15.4109 12.498 15.7931 12.9049 16.2646 12.9049Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M18.1464 12.9049C18.6178 12.9049 19 12.498 19 11.9961C19 11.4942 18.6178 11.0874 18.1464 11.0874C17.6749 11.0874 17.2927 11.4942 17.2927 11.9961C17.2927 12.498 17.6749 12.9049 18.1464 12.9049Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.2646 14.868C16.736 14.868 17.1182 14.4611 17.1182 13.9592C17.1182 13.4573 16.736 13.0504 16.2646 13.0504C15.7931 13.0504 15.4109 13.4573 15.4109 13.9592C15.4109 14.4611 15.7931 14.868 16.2646 14.868Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M8.6836 16.9301C9.15505 16.9301 9.53724 16.5232 9.53724 16.0213C9.53724 15.5194 9.15505 15.1126 8.6836 15.1126C8.21215 15.1126 7.82996 15.5194 7.82996 16.0213C7.82996 16.5232 8.21215 16.9301 8.6836 16.9301Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M6.80326 16.9301C7.27471 16.9301 7.6569 16.5232 7.6569 16.0213C7.6569 15.5194 7.27471 15.1126 6.80326 15.1126C6.33181 15.1126 5.94962 15.5194 5.94962 16.0213C5.94962 16.5232 6.33181 16.9301 6.80326 16.9301Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.5654 16.9301C11.0368 16.9301 11.419 16.5232 11.419 16.0213C11.419 15.5194 11.0368 15.1126 10.5654 15.1126C10.0939 15.1126 9.71175 15.5194 9.71175 16.0213C9.71175 16.5232 10.0939 16.9301 10.5654 16.9301Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 16.9301C12.9463 16.9301 13.3285 16.5232 13.3285 16.0213C13.3285 15.5194 12.9463 15.1126 12.4748 15.1126C12.0034 15.1126 11.6212 15.5194 11.6212 16.0213C11.6212 16.5232 12.0034 16.9301 12.4748 16.9301Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.4748 19C12.9463 19 13.3285 18.5931 13.3285 18.0912C13.3285 17.5893 12.9463 17.1825 12.4748 17.1825C12.0034 17.1825 11.6212 17.5893 11.6212 18.0912C11.6212 18.5931 12.0034 19 12.4748 19Z",
+    fill: "#BE532C"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.3551 16.9301C14.8266 16.9301 15.2088 16.5232 15.2088 16.0213C15.2088 15.5194 14.8266 15.1126 14.3551 15.1126C13.8837 15.1126 13.5015 15.5194 13.5015 16.0213C13.5015 16.5232 13.8837 16.9301 14.3551 16.9301Z",
+    fill: "#BE532C"
+  })]
+}), 'SmartCep');
+export const SmartOfferIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M5 12.2471L7.57895 13.5716V10.3049L5 8.98039V12.2471Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7.76951 7.25784L5.20327 8.57549L7.76951 9.89314L10.3421 8.57549L7.76951 7.25784Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M13.5563 9.81765V7.33333L11.1361 8.57549L13.5563 9.81765Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M13.9564 11.1284V13.599L16.3575 12.3637L13.9564 11.1284Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7.99183 13.8735L10.5708 15.198V11.9314L7.99183 10.6069V13.8735Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.9519 15.198L13.5309 13.8735V10.6069L10.9519 11.9314V15.198Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M5 16.049L7.57895 17.3735V14.1137L5 12.7824V16.049Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M13.9564 17.449L16.5354 16.1245V12.8578L13.9564 14.1824V17.449Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7.99183 17.6755L10.5708 19V15.7402L7.99183 14.4088V17.6755Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.9519 19L13.5309 17.6755V14.4088L10.9519 15.7402V19Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.7613 8.88431L8.1951 10.202L10.7613 11.5196L13.3276 10.202L10.7613 8.88431Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.4646 10.3941L16.9864 11.7049L18.7713 9.74902L16.2495 8.43824L14.4646 10.3941Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.4592 7.95098L18.9873 9.26177L19 6.31078L16.4719 5L16.4592 7.95098Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.0717 5.08235L14.2995 7.03137L14.2868 9.96863L16.059 8.01961L16.0717 5.08235Z",
+    fill: "#983A5E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M13.3276 6.96961L10.7613 5.65196L8.1951 6.96961L10.7613 8.28726L13.3276 6.96961Z",
+    fill: "#983A5E"
+  })]
+}), 'SmartOffer');
+export const SmartExpIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4.5L18.5 7.73382V16.2662L12 19.5L5.5 16.2662V7.73382L12 4.5Z",
+    fill: "#74973E"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7.61018 9.90025H16.3892V14.1003H13.3474L12.0003 16.3939L10.6532 14.1003H7.61018V9.90025Z",
+    fill: "white"
+  })]
+}), 'SmartExp');
+export const NethruBulletIcon = createSvgIcon( /*#__PURE__*/_jsxs("svg", {
+  width: "10",
+  height: "11",
+  viewBox: "0 0 10 11",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("g", {
+    clipPath: "url(#clip0_2760_23221)",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M8.33073 7.58333H6.51332V4.14618L3.48288 7.58333H1.66406V4.14618H3.48288V6.43716L6.51332 3H8.33073V7.58333Z",
+      fill: "#7B7B7B"
+    })
+  }), /*#__PURE__*/_jsx("defs", {
+    children: /*#__PURE__*/_jsx("clipPath", {
+      id: "clip0_2760_23221",
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "7.5",
+        height: "5.41667",
+        fill: "white",
+        transform: "translate(1.25 2.58203)"
+      })
+    })
+  })]
+}), 'NethruBullet');
+export const ExpandIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12.7469 17.303L18.0547 11.9953L12.7469 6.6875L12.0392 7.39525L16.6334 11.9953L12.0392 16.5953L12.7469 17.303ZM6.64694 17.303L11.9547 11.9953L6.64694 6.6875L5.93919 7.39525L10.5334 11.9953L5.93919 16.5953L6.64694 17.303Z",
+    fill: "#333333"
+  })
+}), 'Expand');
+export const CollapseIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M11.2453 17.303L5.9375 11.9953L11.2453 6.6875L11.953 7.39525L7.35875 11.9953L11.953 16.5953L11.2453 17.303ZM17.3453 17.303L12.0375 11.9953L17.3453 6.6875L18.053 7.39525L13.4587 11.9953L18.053 16.5953L17.3453 17.303Z",
+    fill: "#333333"
+  })
+}), 'Collapse');
+export const MonitoringIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M1.38281 20.2344V18.7344H22.6133V20.2344H1.38281ZM4.30581 17.7344C3.80065 17.7344 3.37306 17.5594 3.02306 17.2094C2.67306 16.8594 2.49806 16.4318 2.49806 15.9266V10.9844H7.52681L9.31931 14.5691C9.38331 14.6973 9.47531 14.7985 9.59531 14.8729C9.71515 14.9472 9.84423 14.9844 9.98256 14.9844C10.1211 14.9844 10.2528 14.9523 10.3778 14.8881C10.5028 14.8241 10.5974 14.728 10.6616 14.5999L13.9481 8.81138L14.7808 10.4824C14.8576 10.6465 14.9714 10.7713 15.1221 10.8566C15.2727 10.9418 15.4301 10.9844 15.5943 10.9844H21.4981V15.9266C21.4981 16.4318 21.3231 16.8594 20.9731 17.2094C20.6231 17.5594 20.1955 17.7344 19.6903 17.7344H4.30581ZM10.0731 12.6769L8.67681 9.89988C8.61281 9.77171 8.51831 9.67038 8.39331 9.59588C8.26831 9.52154 8.13656 9.48438 7.99806 9.48438H2.49806V5.54212C2.49806 5.03696 2.67306 4.60938 3.02306 4.25938C3.37306 3.90937 3.80065 3.73438 4.30581 3.73438H19.6903C20.1955 3.73438 20.6231 3.90937 20.9731 4.25938C21.3231 4.60938 21.4981 5.03696 21.4981 5.54212V9.48438H15.9693L14.6768 6.89987C14.6128 6.76137 14.5183 6.66071 14.3933 6.59788C14.2683 6.53504 14.1366 6.50363 13.9981 6.50363C13.8596 6.50363 13.733 6.53504 13.6183 6.59788C13.5035 6.66071 13.4141 6.75113 13.3501 6.86913L10.0731 12.6769Z",
+    fill: "#333333"
+  })
+}), 'Monitoring');
+export const MonitoringOutlinedIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M2.49806 9.48438V5.54212C2.49806 5.03696 2.67306 4.60938 3.02306 4.25938C3.37306 3.90937 3.80065 3.73438 4.30581 3.73438H19.6903C20.1955 3.73438 20.6231 3.90937 20.9731 4.25938C21.3231 4.60938 21.4981 5.03696 21.4981 5.54212V9.48438H19.9981V5.54212C19.9981 5.46512 19.966 5.39463 19.9018 5.33063C19.8378 5.26646 19.7673 5.23438 19.6903 5.23438H4.30581C4.22881 5.23438 4.15831 5.26646 4.09431 5.33063C4.03015 5.39463 3.99806 5.46512 3.99806 5.54212V9.48438H2.49806ZM4.30581 17.7344C3.80065 17.7344 3.37306 17.5594 3.02306 17.2094C2.67306 16.8594 2.49806 16.4318 2.49806 15.9266V10.9844H3.99806V15.9266C3.99806 16.0036 4.03015 16.0742 4.09431 16.1384C4.15831 16.2024 4.22881 16.2344 4.30581 16.2344H19.6903C19.7673 16.2344 19.8378 16.2024 19.9018 16.1384C19.966 16.0742 19.9981 16.0036 19.9981 15.9266V10.9844H21.4981V15.9266C21.4981 16.4318 21.3231 16.8594 20.9731 17.2094C20.6231 17.5594 20.1955 17.7344 19.6903 17.7344H4.30581ZM1.38281 20.2344V18.7344H22.6133V20.2344H1.38281ZM2.49806 10.9844V9.48438H7.99806C8.13656 9.48438 8.26831 9.52154 8.39331 9.59588C8.51831 9.67038 8.61281 9.77171 8.67681 9.89988L10.0731 12.6769L13.3501 6.86913C13.4141 6.75113 13.5035 6.66071 13.6183 6.59788C13.733 6.53504 13.8596 6.50363 13.9981 6.50363C14.1366 6.50363 14.2683 6.53504 14.3933 6.59788C14.5183 6.66071 14.6128 6.76137 14.6768 6.89987L15.9693 9.48438H21.4981V10.9844H15.5943C15.4301 10.9844 15.2727 10.9418 15.1221 10.8566C14.9714 10.7713 14.8576 10.6465 14.7808 10.4824L13.9481 8.81138L10.6616 14.5999C10.5974 14.728 10.5028 14.8241 10.3778 14.8881C10.2528 14.9523 10.1211 14.9844 9.98256 14.9844C9.84423 14.9844 9.71515 14.9472 9.59531 14.8729C9.47531 14.7985 9.38331 14.6973 9.31931 14.5691L7.52681 10.9844H2.49806Z",
+    fill: "#656565"
+  })
+}), 'MonitoringOutlined');
+export const TaggingIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M20.9578 14.202L14.202 20.9578C14.0203 21.1384 13.8159 21.274 13.5887 21.3645C13.3616 21.4548 13.1351 21.5 12.9093 21.5C12.6833 21.5 12.4573 21.4548 12.2312 21.3645C12.0052 21.274 11.8019 21.1384 11.6213 20.9578L3.027 12.373C2.8565 12.209 2.726 12.0165 2.6355 11.7955C2.54517 11.5745 2.5 11.342 2.5 11.098V4.31725C2.5 3.81758 2.67658 3.38975 3.02975 3.03375C3.38308 2.67792 3.81225 2.5 4.31725 2.5H11.098C11.3395 2.5 11.5734 2.549 11.7998 2.647C12.0262 2.74483 12.2225 2.87658 12.3885 3.04225L20.9578 11.627C21.1409 11.8087 21.2745 12.013 21.3585 12.24C21.4425 12.4672 21.4845 12.6949 21.4845 12.9233C21.4845 13.1516 21.4425 13.3761 21.3585 13.5968C21.2745 13.8176 21.1409 14.0193 20.9578 14.202ZM6.525 7.77875C6.87367 7.77875 7.16983 7.65725 7.4135 7.41425C7.657 7.17125 7.77875 6.87608 7.77875 6.52875C7.77875 6.17892 7.65725 5.88158 7.41425 5.63675C7.17125 5.39175 6.87608 5.26925 6.52875 5.26925C6.17892 5.26925 5.88158 5.39133 5.63675 5.6355C5.39175 5.87967 5.26925 6.17617 5.26925 6.525C5.26925 6.87367 5.39133 7.16983 5.6355 7.4135C5.87967 7.657 6.17617 7.77875 6.525 7.77875Z",
+    fill: "#333333"
+  })
+}), 'Tagging');
+export const TaggingOutlinedIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M20.9578 14.202L14.202 20.9578C14.0203 21.1384 13.8159 21.274 13.5887 21.3645C13.3616 21.4548 13.1351 21.5 12.9093 21.5C12.6833 21.5 12.4573 21.4548 12.2312 21.3645C12.0052 21.274 11.8019 21.1384 11.6213 20.9578L3.027 12.373C2.8565 12.209 2.726 12.0165 2.6355 11.7955C2.54517 11.5745 2.5 11.342 2.5 11.098V4.31725C2.5 3.81758 2.67658 3.38975 3.02975 3.03375C3.38308 2.67792 3.81225 2.5 4.31725 2.5H11.098C11.3395 2.5 11.5734 2.549 11.7998 2.647C12.0262 2.74483 12.2225 2.87658 12.3885 3.04225L20.9578 11.627C21.1409 11.8087 21.2745 12.013 21.3585 12.24C21.4425 12.4672 21.4845 12.6949 21.4845 12.9233C21.4845 13.1516 21.4425 13.3761 21.3585 13.5968C21.2745 13.8176 21.1409 14.0193 20.9578 14.202ZM13.1328 19.9038L19.8885 13.148C19.9525 13.084 19.9845 13.0087 19.9845 12.922C19.9845 12.8355 19.9525 12.7603 19.8885 12.6962L11.2078 4.0095H4.31725C4.22758 4.0095 4.15225 4.03842 4.09125 4.09625C4.03042 4.15392 4 4.22758 4 4.31725V11.0828C4 11.1213 4.00642 11.1597 4.01925 11.198C4.03208 11.2365 4.0545 11.2718 4.0865 11.3038L12.6808 19.9038C12.7449 19.9679 12.8203 20 12.9068 20C12.9933 20 13.0686 19.9679 13.1328 19.9038ZM6.525 7.77875C6.87367 7.77875 7.16983 7.65725 7.4135 7.41425C7.657 7.17125 7.77875 6.87608 7.77875 6.52875C7.77875 6.17892 7.65725 5.88158 7.41425 5.63675C7.17125 5.39175 6.87608 5.26925 6.52875 5.26925C6.17892 5.26925 5.88158 5.39133 5.63675 5.6355C5.39175 5.87967 5.26925 6.17617 5.26925 6.525C5.26925 6.87367 5.39133 7.16983 5.6355 7.4135C5.87967 7.657 6.17617 7.77875 6.525 7.77875Z",
+    fill: "#656565"
+  })
+}), 'TaggingOutlined');
+export const TaskIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7 13.8077C7.22883 13.8077 7.42067 13.7303 7.5755 13.5755C7.73033 13.4207 7.80775 13.2288 7.80775 13C7.80775 12.7712 7.73033 12.5793 7.5755 12.4245C7.42067 12.2697 7.22883 12.1923 7 12.1923C6.77117 12.1923 6.57933 12.2697 6.4245 12.4245C6.26967 12.5793 6.19225 12.7712 6.19225 13C6.19225 13.2288 6.26967 13.4207 6.4245 13.5755C6.57933 13.7303 6.77117 13.8077 7 13.8077ZM7 9.80775C7.22883 9.80775 7.42067 9.73033 7.5755 9.5755C7.73033 9.42067 7.80775 9.22883 7.80775 9C7.80775 8.77117 7.73033 8.57933 7.5755 8.4245C7.42067 8.26967 7.22883 8.19225 7 8.19225C6.77117 8.19225 6.57933 8.26967 6.4245 8.4245C6.26967 8.57933 6.19225 8.77117 6.19225 9C6.19225 9.22883 6.26967 9.42067 6.4245 9.5755C6.57933 9.73033 6.77117 9.80775 7 9.80775ZM9.05775 13.75H17.75V12.25H9.05775V13.75ZM9.05775 9.75H17.75V8.25H9.05775V9.75ZM8.5 20.5V18.5H4.30775C3.80258 18.5 3.375 18.325 3.025 17.975C2.675 17.625 2.5 17.1974 2.5 16.6923V5.30775C2.5 4.80258 2.675 4.375 3.025 4.025C3.375 3.675 3.80258 3.5 4.30775 3.5H19.6923C20.1974 3.5 20.625 3.675 20.975 4.025C21.325 4.375 21.5 4.80258 21.5 5.30775V16.6923C21.5 17.1974 21.325 17.625 20.975 17.975C20.625 18.325 20.1974 18.5 19.6923 18.5H15.5V20.5H8.5Z",
+    fill: "#333333"
+  })
+}), 'Task');
+export const TaskOutlinedIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7 13.8077C7.22567 13.8077 7.41667 13.7295 7.573 13.573C7.7295 13.4167 7.80775 13.2257 7.80775 13C7.80775 12.7743 7.7295 12.5833 7.573 12.427C7.41667 12.2705 7.22567 12.1923 7 12.1923C6.77433 12.1923 6.58333 12.2705 6.427 12.427C6.2705 12.5833 6.19225 12.7743 6.19225 13C6.19225 13.2257 6.2705 13.4167 6.427 13.573C6.58333 13.7295 6.77433 13.8077 7 13.8077ZM7 9.80775C7.22567 9.80775 7.41667 9.7295 7.573 9.573C7.7295 9.41667 7.80775 9.22567 7.80775 9C7.80775 8.77433 7.7295 8.58333 7.573 8.427C7.41667 8.2705 7.22567 8.19225 7 8.19225C6.77433 8.19225 6.58333 8.2705 6.427 8.427C6.2705 8.58333 6.19225 8.77433 6.19225 9C6.19225 9.22567 6.2705 9.41667 6.427 9.573C6.58333 9.7295 6.77433 9.80775 7 9.80775ZM9.05775 13.75H17.75V12.25H9.05775V13.75ZM9.05775 9.75H17.75V8.25H9.05775V9.75ZM8.5 20.5V18.5H4.30775C3.80258 18.5 3.375 18.325 3.025 17.975C2.675 17.625 2.5 17.1974 2.5 16.6923V5.30775C2.5 4.80258 2.675 4.375 3.025 4.025C3.375 3.675 3.80258 3.5 4.30775 3.5H19.6923C20.1974 3.5 20.625 3.675 20.975 4.025C21.325 4.375 21.5 4.80258 21.5 5.30775V16.6923C21.5 17.1974 21.325 17.625 20.975 17.975C20.625 18.325 20.1974 18.5 19.6923 18.5H15.5V20.5H8.5ZM4.30775 17H19.6923C19.7693 17 19.8398 16.9679 19.9038 16.9038C19.9679 16.8398 20 16.7692 20 16.6923V5.30775C20 5.23075 19.9679 5.16025 19.9038 5.09625C19.8398 5.03208 19.7693 5 19.6923 5H4.30775C4.23075 5 4.16025 5.03208 4.09625 5.09625C4.03208 5.16025 4 5.23075 4 5.30775V16.6923C4 16.7692 4.03208 16.8398 4.09625 16.9038C4.16025 16.9679 4.23075 17 4.30775 17Z",
+    fill: "#656565"
+  })
+}), 'TaskOutlined');
+export const SettingsIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M11.2885 16.6152H12.7115L12.9538 15.25C13.2436 15.1667 13.4936 15.0679 13.7038 14.9537C13.9141 14.8398 14.1205 14.6872 14.323 14.496L15.6385 14.946L16.3595 13.727L15.3152 12.8422C15.3871 12.5449 15.423 12.2642 15.423 12C15.423 11.7358 15.3871 11.4551 15.3152 11.1578L16.3595 10.273L15.6385 9.054L14.323 9.504C14.1205 9.31283 13.9141 9.16025 13.7038 9.04625C13.4936 8.93208 13.2436 8.83333 12.9538 8.75L12.7115 7.38475H11.2885L11.0463 8.75C10.7564 8.83333 10.5064 8.93208 10.2963 9.04625C10.0859 9.16025 9.8795 9.31283 9.677 9.504L8.3615 9.054L7.6405 10.273L8.68475 11.1578C8.61292 11.4551 8.577 11.7358 8.577 12C8.577 12.2642 8.61292 12.5449 8.68475 12.8422L7.6405 13.727L8.3615 14.946L9.677 14.496C9.8795 14.6872 10.0859 14.8398 10.2963 14.9537C10.5064 15.0679 10.7564 15.1667 11.0463 15.25L11.2885 16.6152ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775Z",
+    fill: "#333333"
+  })
+}), 'Settings');
+export const SettingsOutlinedIcon = createSvgIcon( /*#__PURE__*/_jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M11.2885 16.6152H12.7115L12.9538 15.25C13.2436 15.1667 13.4936 15.0679 13.7038 14.9537C13.9141 14.8398 14.1205 14.6872 14.323 14.496L15.6385 14.946L16.3595 13.727L15.3152 12.8422C15.3871 12.5449 15.423 12.2642 15.423 12C15.423 11.7358 15.3871 11.4551 15.3152 11.1578L16.3595 10.273L15.6385 9.054L14.323 9.504C14.1205 9.31283 13.9141 9.16025 13.7038 9.04625C13.4936 8.93208 13.2436 8.83333 12.9538 8.75L12.7115 7.38475H11.2885L11.0463 8.75C10.7564 8.83333 10.5064 8.93208 10.2963 9.04625C10.0859 9.16025 9.8795 9.31283 9.677 9.504L8.3615 9.054L7.6405 10.273L8.68475 11.1578C8.61292 11.4551 8.577 11.7358 8.577 12C8.577 12.2642 8.61292 12.5449 8.68475 12.8422L7.6405 13.727L8.3615 14.946L9.677 14.496C9.8795 14.6872 10.0859 14.8398 10.2963 14.9537C10.5064 15.0679 10.7564 15.1667 11.0463 15.25L11.2885 16.6152ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM5.30775 19H18.6923C18.7692 19 18.8398 18.9679 18.9038 18.9038C18.9679 18.8398 19 18.7692 19 18.6923V5.30775C19 5.23075 18.9679 5.16025 18.9038 5.09625C18.8398 5.03208 18.7692 5 18.6923 5H5.30775C5.23075 5 5.16025 5.03208 5.09625 5.09625C5.03208 5.16025 5 5.23075 5 5.30775V18.6923C5 18.7692 5.03208 18.8398 5.09625 18.9038C5.16025 18.9679 5.23075 19 5.30775 19Z",
+    fill: "#656565"
+  })
+}), 'SettingsOutlined');

package/base/assets/images.js

@@ -0,0 +1 @@
+export const appbarBackground = "url('data:image/png;base64,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')";

package/{dist → base}/colors/blue.js

@@ -1,5 +1,7 @@
 const blue = {
-  50: 'rgba(54,115,237,0.1)',
+  5: 'rgba(54,115,237,0.05)',
+  50: '#ebf1fd',
+  //'rgba(54,115,237,0.1)',
   100: 'rgba(54,115,237,0.2)',
   200: 'rgba(54,115,237,0.4)',
   300: 'rgba(54,115,237,0.6)',

package/{dist → base}/colors/blueGrey.js

@@ -1,6 +1,6 @@
 const blueGrey = {
   contentBg: '#fcfcfd',
-  cnbBg: '#f4f5f5',
+  gnbBg: '#f4f5f5',
   frameBg: '#ecedee'
 };
 export default blueGrey;

package/base/datagrid/DataGrid.js

@@ -0,0 +1,57 @@
+import { forwardRef, useCallback } from "react";
+import { DataGridPro as MuiDataGridPro, GridToolbarQuickFilter, koKR } from "@mui/x-data-grid-pro";
+import { Box, Stack } from "@mui/material";
+import Footer from "./Footer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DataGrid = /*#__PURE__*/forwardRef(({
+  toolbarLeadingSlot,
+  hideToolbar = false,
+  ...props
+}, ref) => {
+  const getRowHeight = useCallback(() => 'auto', []);
+  return /*#__PURE__*/_jsx(MuiDataGridPro, {
+    ref: ref,
+    autoHeight: true,
+    getRowHeight: getRowHeight,
+    disableColumnMenu: true,
+    disableColumnReorder: true,
+    disableRowSelectionOnClick: true,
+    pagination: true,
+    pageSizeOptions: [10, 25, 50, 100],
+    initialState: {
+      pagination: {
+        paginationModel: {
+          pageSize: 10,
+          page: 0
+        }
+      }
+    },
+    localeText: {
+      ...koKR.components.MuiDataGrid.defaultProps.localeText,
+      noRowsLabel: '항목이 없습니다.',
+      ...props.localText
+    },
+    slots: {
+      toolbar: hideToolbar ? null : Toolbar,
+      footer: Footer,
+      ...props.slots
+    },
+    ...props
+  });
+  function Toolbar() {
+    return /*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      justifyContent: "space-between",
+      mb: 1.5,
+      children: [/*#__PURE__*/_jsx(Box, {
+        children: toolbarLeadingSlot
+      }), /*#__PURE__*/_jsx(Box, {
+        children: /*#__PURE__*/_jsx(GridToolbarQuickFilter, {
+          variant: "outlined"
+        })
+      })]
+    });
+  }
+});
+export default DataGrid;

package/base/datagrid/Footer.js

@@ -0,0 +1,51 @@
+import { forwardRef, useCallback, useMemo } from "react";
+import { Box, Stack } from "@mui/material";
+import { GridFooter, GridPagination } from "@mui/x-data-grid-pro";
+import Pagination from "./Pagination";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Footer = /*#__PURE__*/forwardRef((props, ref) => {
+  const nullFunction = useCallback(() => null, []);
+  const footerStyles = useMemo(() => ({
+    '.MuiDataGrid-selectedRowCount': {},
+    '.MuiTablePagination-root': {
+      display: 'none'
+    }
+  }), []);
+  const rowsPerPageNone = useMemo(() => ({
+    '.MuiTablePagination-selectLabel + .MuiTablePagination-input': {
+      display: 'none'
+    }
+  }), []);
+  const rowsPerPageStyles = useMemo(() => ({
+    '.MuiTablePagination-selectLabel + .MuiTablePagination-input': {
+      marginLeft: 0,
+      marginRight: 0
+    }
+  }), []);
+  return /*#__PURE__*/_jsxs(Stack, {
+    ref: ref,
+    direction: "row",
+    children: [/*#__PURE__*/_jsx(GridFooter, {
+      sx: footerStyles,
+      ...props
+    }), /*#__PURE__*/_jsx(Box, {
+      display: "flex",
+      flexGrow: 1,
+      justifyContent: "center",
+      children: /*#__PURE__*/_jsx(GridPagination, {
+        labelDisplayedRows: nullFunction,
+        labelRowsPerPage: null,
+        ActionsComponent: Pagination,
+        sx: rowsPerPageNone,
+        ...props
+      })
+    }), /*#__PURE__*/_jsx(GridPagination, {
+      labelDisplayedRows: () => null,
+      ActionsComponent: () => null,
+      sx: rowsPerPageStyles,
+      ...props
+    })]
+  });
+});
+export default Footer;

package/base/datagrid/Pagination.js

@@ -0,0 +1,24 @@
+import { forwardRef } from "react";
+import MuiPagination from "@mui/material/Pagination";
+import { gridPageCountSelector, useGridApiContext, useGridSelector } from "@mui/x-data-grid-pro";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Pagination = /*#__PURE__*/forwardRef(({
+  page,
+  onPageChange,
+  className
+}, ref) => {
+  const apiRef = useGridApiContext();
+  const pageCount = useGridSelector(apiRef, gridPageCountSelector);
+  return /*#__PURE__*/_jsx(MuiPagination, {
+    ref: ref,
+    color: "primary",
+    size: "small",
+    className: className,
+    count: pageCount,
+    page: page + 1,
+    onChange: (event, newPage) => {
+      onPageChange(event, newPage - 1);
+    }
+  });
+});
+export default Pagination;