@kne/system-layout 0.1.0-alpha.0

package/README.md

@@ -0,0 +1,153 @@
+
+# system-layout
+
+
+### 描述
+
+用于一个系统初始化布局
+
+
+### 安装
+
+```shell
+npm i --save @kne/system-layout
+```
+
+
+### 概述
+
+用于一个系统初始化布局，提供基础的页面结构和功能模块。
+
+#### 功能模块
+
+- **布局组件**：提供灵活的页面布局，支持菜单展开/折叠。
+- **用户信息展示**：支持用户卡片展示。
+- **菜单管理**：支持动态菜单配置和路由跳转。
+
+
+#### 注意
+
+* 请不要忘记引用包的样式
+
+```js
+import SystemLayout from '@kne/system-layout';
+import '@kne/system-layout/dist/index.css';
+```
+
+#### TODO
+
+- [x] 完成基础布局
+- [ ] 适配到移动端
+
+### 示例
+
+
+#### 示例样式
+
+```scss
+.ant-card {
+  border-color: black;
+  text-align: center;
+  width: 200px;
+}
+```
+
+#### 示例代码
+
+- 这里填写示例标题
+- 这里填写示例说明
+- _SystemLayout(@kne/current-lib_system-layout)[import * as _SystemLayout from "@kne/system-layout"],(@kne/current-lib_system-layout/dist/index.css)
+
+```jsx
+const { default: SystemLayout } = _SystemLayout;
+
+const BaseExample = () => {
+  return (
+    <div>
+      <SystemLayout
+        userInfo={{
+          name: 'Lucy L',
+          email: 'lucy@company.com'
+        }}
+        aiDialog={{}}
+        menu={{
+          base: 'SystemLayout',
+          items: [
+            {
+              path: '/',
+              label: 'Onboarding',
+              icon: ({ active }) => (active ? 'home' : 'home_line')
+            },
+            {
+              group: 'HIRING',
+              path: '/hiring',
+              label: 'Hiring Hub',
+              icon: 'icon-assignment_ind'
+            },
+            {
+              group: 'HIRING',
+              path: '/hiring/application',
+              label: 'Application List',
+              icon: 'icon-assignment'
+            },
+            {
+              group: 'PEOPLE',
+              path: '/people',
+              label: 'Management',
+              icon: 'icon-automation'
+            },
+            {
+              group: 'TALENT REVIEW',
+              path: '/talent-review',
+              label: 'Projects',
+              icon: 'icon-manage_accounts'
+            },
+            {
+              group: 'TALENT REVIEW',
+              path: '/talent-review/employee',
+              label: 'Employee',
+              icon: 'icon-groups_2'
+            },
+            {
+              group: 'TALENT REVIEW',
+              path: '/talent-review/ai-models',
+              label: 'AI Models',
+              icon: 'icon-network_intelligence'
+            }
+          ]
+        }}
+      />
+    </div>
+  );
+};
+
+render(<BaseExample />);
+
+```
+
+
+### API
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `className` | `string` | - | 自定义类名 |
+| `menu` | `object` | - | 菜单配置 |
+| `background` | `string` | `linear-gradient(0deg, #BBCFE7 0%, #BBCFE7 100%), #FFFFFF` | 背景样式 |
+| `menuMaxWidth` | `string` | `254px` | 菜单最大宽度 |
+| `menuMinWidth` | `string` | `84px` | 菜单最小宽度 |
+| `logo` | `object` | - | Logo 配置 |
+| `menuHeader` | `ReactNode` | - | 菜单头部内容 |
+| `userInfo` | `object` | - | 用户信息 |
+| `aiDialog` | `object` | `null` | AI 对话框配置 |
+| `children` | `ReactNode` | - | 子组件 |
+
+#### Menu 组件
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `className` | `string` | - | 自定义类名 |
+| `menuOpen` | `boolean` | - | 菜单是否展开 |
+| `items` | `array` | - | 菜单项配置 |
+| `activeKey` | `string` 或 `function` | - | 当前激活的菜单项 |
+| `base` | `string` | `''` | 基础路径 |
+| `onChange` | `function` | - | 菜单项点击回调 |

package/dist/defaultLogo~beHinxEU.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1679367216639" class="icon" viewBox="0 0 1030 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1696" xmlns:xlink="http://www.w3.org/1999/xlink" width="201.171875" height="200"><path d="M252.479711 385.587015v293.958522l258.791705 146.528403 258.791704-146.528403V385.587015l-251.127142-145.62669L252.479711 385.587015z" fill="#036EB8" opacity=".1" p-id="1697"></path><path d="M778.629396 405.875564A20.739405 20.739405 0 0 1 766.456267 405.875564l-39.675383-21.641119a22.091975 22.091975 0 0 1 21.190261-39.224526l39.675383 21.190261a22.542831 22.542831 0 0 1-10.820559 42.380523z m-518.485122-6.76285a22.542831 22.542831 0 0 1-19.837691-12.173129 22.091975 22.091975 0 0 1 9.918845-30.207394l40.12624-20.739405a22.993688 22.993688 0 0 1 30.207394 9.918846 22.542831 22.542831 0 0 1-9.918846 30.207394L270.513977 396.858431a20.739405 20.739405 0 0 1-10.369703 2.254283z m399.909829-57.258792a22.542831 22.542831 0 0 1-10.820559-2.705139l-39.675383-21.190262a22.993688 22.993688 0 0 1-9.017133-30.65825 22.091975 22.091975 0 0 1 30.207394-9.017133l39.675383 21.190261a22.542831 22.542831 0 0 1-10.369702 42.380523z m-279.531109-4.057709a22.542831 22.542831 0 0 1-9.918846-45.085663l40.12624-20.288548a22.542831 22.542831 0 0 1 30.207394 9.467989 22.993688 22.993688 0 0 1-9.918846 33.814247l-40.12624 20.288548a20.739405 20.739405 0 0 1-10.369702 1.803427zM541.027953 277.381425a19.386835 19.386835 0 0 1-10.820559-2.70514L519.837692 270.618575l-8.566276 4.508567a22.542831 22.542831 0 0 1-20.288549-40.577097l18.935979-9.017132a23.895401 23.895401 0 0 1 20.739405 0l21.190261 11.722272a22.091975 22.091975 0 0 1 9.017133 30.207394 22.091975 22.091975 0 0 1-19.837692 9.918846z" fill="#036EB8" p-id="1698"></path><path d="M1002.70514 289.554554a24.346258 24.346258 0 0 1-9.918846 0L513.074842 47.895401 33.814247 287.300271a22.542831 22.542831 0 0 1-30.207394-10.369703 22.993688 22.993688 0 0 1 9.918846-30.207394L503.155996 2.358882a22.993688 22.993688 0 0 1 20.288549 0l489.179441 244.364292a22.542831 22.542831 0 0 1-9.918846 45.085663z" fill="#3E3A39" p-id="1699"></path><path d="M45.085663 762.052299a22.542831 22.542831 0 0 1-9.918846-40.577096l81.154193-39.675383A22.542831 22.542831 0 0 1 135.256988 721.475203l-81.154193 39.675383a24.346258 24.346258 0 0 1-9.017132 0.901713z m889.540126-14.427412a24.346258 24.346258 0 0 1-9.918846 0l-80.703336-40.577096a22.542831 22.542831 0 0 1-10.369703-30.207394 22.091975 22.091975 0 0 1 30.207394-9.918846l80.703337 40.12624a22.542831 22.542831 0 0 1-9.918846 42.831379zM206.943192 683.15239a23.444545 23.444545 0 0 1-20.288548-12.623986 22.993688 22.993688 0 0 1 10.369702-30.207394l81.154193-39.675383a22.993688 22.993688 0 0 1 30.207394 10.369702 22.542831 22.542831 0 0 1-10.369702 30.207394l-81.154193 39.675383a24.346258 24.346258 0 0 1-9.918846 2.254284z m566.275924-16.230839a26.600541 26.600541 0 0 1-9.918845 0l-80.703337-40.577097a22.091975 22.091975 0 0 1-9.918846-30.207394 22.542831 22.542831 0 0 1 30.207394-9.918845l80.703337 40.126239a22.993688 22.993688 0 0 1 9.918846 30.207395 22.542831 22.542831 0 0 1-20.288549 10.369702z m-405.770965-62.669071a22.091975 22.091975 0 0 1-20.288548-12.623986 22.542831 22.542831 0 0 1 13.525699-30.207394l81.154193-39.224527a22.542831 22.542831 0 0 1 30.207394 10.369703 22.091975 22.091975 0 0 1-10.369702 29.756537l-81.154193 39.675384a26.600541 26.600541 0 0 1-11.271416 2.254283z m242.560866-18.034265a19.837692 19.837692 0 0 1-9.918846-2.254284l-80.703336-40.577096a22.091975 22.091975 0 0 1-9.918846-30.207394 22.542831 22.542831 0 0 1 30.207394-9.918846l80.703337 40.12624a23.444545 23.444545 0 0 1 9.918845 30.658251 22.542831 22.542831 0 0 1-18.485121 12.173129z" fill="#036EB8" p-id="1700"></path><path d="M512.173129 1024a24.346258 24.346258 0 0 1-9.918846-2.254283L12.623986 783.242561a22.993688 22.993688 0 0 1-12.623986-20.288548V273.774572a23.444545 23.444545 0 0 1 10.820559-19.386835 21.641118 21.641118 0 0 1 21.641118 0l479.711452 238.954012L991.884581 253.486023a21.641118 21.641118 0 0 1 21.641118 0 23.444545 23.444545 0 0 1 10.820559 19.386835v490.081155a22.993688 22.993688 0 0 1-12.623986 20.288548l-490.081154 238.503156a22.542831 22.542831 0 0 1-9.467989 2.254283zM45.085663 748.526601l467.087466 225.428313 467.087466-225.428313V310.293959l-454.914337 225.428313a22.542831 22.542831 0 0 1-22.091975 0L45.085663 310.293959z" fill="#3E3A39" p-id="1701"></path><path d="M511.722272 1020.393147a22.542831 22.542831 0 0 1-22.542831-22.542831V526.254283a22.542831 22.542831 0 0 1 45.085663 0v471.596033a22.542831 22.542831 0 0 1-22.542832 22.542831z" fill="#3E3A39" p-id="1702"></path><path d="M512.623986 841.853922a18.935978 18.935978 0 0 1-9.918846-2.254283l-266.005411-128.043282a22.091975 22.091975 0 0 1-11.271415-20.288548V383.783589a22.542831 22.542831 0 0 1 22.542831-22.542832 22.542831 22.542831 0 0 1 22.542832 22.542832V676.38954l243.913435 117.222723 243.462579-117.222723V383.783589a22.542831 22.542831 0 0 1 22.542831-22.542832 22.542831 22.542831 0 0 1 22.542832 22.542832v307.48422a22.542831 22.542831 0 0 1-12.623986 20.288548l-266.00541 128.043282a19.837692 19.837692 0 0 1-11.722272 2.254283z" fill="#3E3A39" p-id="1703"></path></svg>

package/dist/expand~bdCTnjYJ.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <mask id="mask0_2_3763" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+        <rect width="24" height="24" fill="#D9D9D9"/>
+    </mask>
+    <g mask="url(#mask0_2_3763)">
+        <path d="M10.1484 16.15L6.69844 12.7C6.49844 12.5 6.39844 12.2667 6.39844 12C6.39844 11.7333 6.49844 11.5 6.69844 11.3L10.1484 7.85C10.3151 7.68333 10.4984 7.64167 10.6984 7.725C10.8984 7.80833 10.9984 7.96667 10.9984 8.2V15.8C10.9984 16.0333 10.8984 16.1917 10.6984 16.275C10.4984 16.3583 10.3151 16.3167 10.1484 16.15ZM12.9984 20V4C12.9984 3.71667 13.0943 3.47917 13.2859 3.2875C13.4776 3.09583 13.7151 3 13.9984 3C14.2818 3 14.5193 3.09583 14.7109 3.2875C14.9026 3.47917 14.9984 3.71667 14.9984 4V20C14.9984 20.2833 14.9026 20.5208 14.7109 20.7125C14.5193 20.9042 14.2818 21 13.9984 21C13.7151 21 13.4776 20.9042 13.2859 20.7125C13.0943 20.5208 12.9984 20.2833 12.9984 20Z" fill="black" fill-opacity="0.6"/>
+    </g>
+</svg>

package/dist/index.css

@@ -0,0 +1,475 @@
+@font-face {
+  font-family: 'system'; /* Project id 5022759 */
+  /* Color fonts */
+  src:
+    url('f28f96f63c62249d.woff2?t=1758011291118') format('woff2'),
+    url('f60ff96926291dab.woff?t=1758011291118') format('woff'),
+    url('7a3823488a49971b.ttf?t=1758011291118') format('truetype');
+}
+
+.system {
+  font-family: 'system' !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-chart_data:before {
+  content: '\e63d';
+}
+
+.icon-contacts:before {
+  content: '\e63e';
+}
+
+.icon-assignment:before {
+  content: '\e63f';
+}
+
+.icon-manage_accounts:before {
+  content: '\e640';
+}
+
+.icon-assignment_ind:before {
+  content: '\e641';
+}
+
+.icon-network_intelligence:before {
+  content: '\e639';
+}
+
+.icon-automation:before {
+  content: '\e63a';
+}
+
+.icon-groups_2:before {
+  content: '\e63b';
+}
+
+.icon-snippet_folder:before {
+  content: '\e63c';
+}
+
+.icon-home:before {
+  content: '\e637';
+}
+
+.icon-home_line:before {
+  content: '\e638';
+}
+
+.icon-a-Typeedit:before {
+  content: '\e62b';
+}
+
+.icon-a-Typefilter_alt:before {
+  content: '\e62c';
+}
+
+.icon-a-Typearrow_upload_ready:before {
+  content: '\e62d';
+}
+
+.icon-a-Typeadd:before {
+  content: '\e62e';
+}
+
+.icon-a-Typecheck_indeterminate_small:before {
+  content: '\e62f';
+}
+
+.icon-a-Typeclose_small:before {
+  content: '\e630';
+}
+
+.icon-a-Typeadd_2:before {
+  content: '\e631';
+}
+
+.icon-a-Typearrow_forward_ios:before {
+  content: '\e632';
+}
+
+.icon-a-Typearrow_drop_down:before {
+  content: '\e633';
+}
+
+.icon-a-Typedescription:before {
+  content: '\e634';
+}
+
+.icon-a-Typebalance:before {
+  content: '\e635';
+}
+
+.icon-a-Typedelete:before {
+  content: '\e636';
+}
+
+.icon-a-Typelink:before {
+  content: '\e617';
+}
+
+.icon-a-Typeios_share:before {
+  content: '\e618';
+}
+
+.icon-a-Typemobile_2:before {
+  content: '\e619';
+}
+
+.icon-a-Typesend:before {
+  content: '\e61a';
+}
+
+.icon-a-Typecalendar_month:before {
+  content: '\e61b';
+}
+
+.icon-a-Typesettings:before {
+  content: '\e61c';
+}
+
+.icon-a-Typeqr_code:before {
+  content: '\e61d';
+}
+
+.icon-a-Typekeyboard_arrow_down:before {
+  content: '\e61e';
+}
+
+.icon-a-Typehide:before {
+  content: '\e61f';
+}
+
+.icon-a-Typeimagesmode:before {
+  content: '\e620';
+}
+
+.icon-a-Typedrag_handle:before {
+  content: '\e621';
+}
+
+.icon-a-Typeattach_file_add:before {
+  content: '\e622';
+}
+
+.icon-a-Typecontent_copy:before {
+  content: '\e623';
+}
+
+.icon-a-Typecheck_small:before {
+  content: '\e624';
+}
+
+.icon-a-Typechevron_right:before {
+  content: '\e625';
+}
+
+.icon-a-Typechevron_backward:before {
+  content: '\e626';
+}
+
+.icon-a-Typeinfo:before {
+  content: '\e627';
+}
+
+.icon-a-Typeequal:before {
+  content: '\e628';
+}
+
+.icon-a-Typeinstant_mix:before {
+  content: '\e629';
+}
+
+.icon-a-Typeclose:before {
+  content: '\e62a';
+}
+
+.icon-a-Typeupload:before {
+  content: '\e60b';
+}
+
+.icon-a-Typesave:before {
+  content: '\e60c';
+}
+
+.icon-a-Typemail:before {
+  content: '\e609';
+}
+
+.icon-a-Typeeast:before {
+  content: '\e60a';
+}
+
+.icon-a-Typepercent:before {
+  content: '\e60d';
+}
+
+.icon-a-Typecheck:before {
+  content: '\e608';
+}
+
+.icon-a-Typepicture_in_picture_small:before {
+  content: '\e60e';
+}
+
+.icon-a-Typemove_item:before {
+  content: '\e60f';
+}
+
+.icon-a-Typediversity_3:before {
+  content: '\e610';
+}
+
+.icon-a-Typeperson_add:before {
+  content: '\e611';
+}
+
+.icon-a-Typecheck_circle:before {
+  content: '\e612';
+}
+
+.icon-a-Typeedit_off:before {
+  content: '\e613';
+}
+
+.icon-a-Typeopen_in_full:before {
+  content: '\e614';
+}
+
+.icon-a-Typesearch:before {
+  content: '\e615';
+}
+
+.icon-a-Typedownload:before {
+  content: '\e616';
+}
+
+._sK89O {
+  --window-width: calc(100vw);
+  --window-height: calc(100vh);
+  --page-height: calc(100vh - 48px);
+  --page-content-height: calc(var(--page-height) - 48px);
+  width: var(--window-width);
+  height: var(--window-height);
+  background: var(--background);
+  box-sizing: border-box;
+  padding: 24px 24px 24px 0;
+  position: relative;
+}
+
+._-LpWn {
+  flex: none;
+  transition: width 0.3s;
+  position: relative;
+}
+._-LpWn._G-zuN {
+  width: var(--menu-max-width);
+}
+._-LpWn:not(._G-zuN) {
+  width: var(--menu-min-width);
+}
+._-LpWn:not(._G-zuN) ._7wq3X {
+  padding: 0 16px;
+}
+._-LpWn:not(._G-zuN) ._-T-Dc {
+  padding: 8px 16px;
+  justify-content: center;
+}
+._-LpWn:not(._G-zuN) ._LOrmu {
+  padding: 12px 0;
+  border: none;
+  background: none;
+}
+
+._-T-Dc {
+  padding: 8px 24px;
+  display: flex;
+  justify-content: flex-start;
+}
+._-T-Dc img {
+  height: 24px;
+  object-fit: fill;
+}
+
+._2cRWf {
+  display: flex;
+  align-items: center;
+}
+
+._8dzE7 {
+  position: absolute;
+  right: 0;
+  z-index: 999;
+  transform: translate(0, -32px);
+  cursor: pointer;
+}
+
+._7wq3X {
+  padding: 0 8px 0 16px;
+  margin-top: 12px;
+}
+
+._LOrmu {
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.12);
+  backdrop-filter: blur(10px);
+  min-height: 40px;
+  padding: 12px 16px;
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+}
+
+._b7XeQ {
+  font-weight: 500;
+}
+
+._U0YTk {
+  font-size: 12px;
+  color: var(--font-color-grey);
+}
+
+._HnwkM {
+  padding: 24px;
+  height: var(--page-height);
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.5) 100%);
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
+  backdrop-filter: blur(10px);
+}
+
+._8gqbZ {
+  margin-top: 16px;
+}
+
+._5qnw5 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  position: absolute;
+  bottom: 0;
+  left: 16px;
+  padding: 12px;
+  font-size: 24px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.4);
+  backdrop-filter: blur(40px);
+  cursor: pointer;
+  transition: all 0.3s;
+}
+._5qnw5:hover {
+  background: rgba(255, 255, 255, 0.6);
+  backdrop-filter: blur(40px) saturate(1.5);
+  transform: scale(1.1);
+}
+
+._UAJc- {
+  --container-width: 400px;
+  --container-height: 400px;
+  background: rgba(255, 255, 255, 0.4);
+  backdrop-filter: blur(10px);
+  border-radius: 8px;
+  width: var(--container-width);
+  height: var(--container-height);
+  position: absolute;
+  bottom: 24px;
+  left: 16px;
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
+  transition: all 0.3s;
+}
+._UAJc-:hover {
+  background: rgba(255, 255, 255, 0.6);
+  backdrop-filter: blur(10px) saturate(1.5);
+  transform: scale(1.02);
+}
+
+._UhsFd {
+  background: rgba(255, 255, 255, 0.4);
+  border-radius: 8px;
+  height: 100%;
+  transition: all 0.3s;
+}
+._UhsFd:hover {
+  backdrop-filter: blur(40px) saturate(1.2);
+  transform: scale(1.01);
+}
+
+._2mdNn {
+  height: calc(var(--page-content-height) - 48px);
+}
+
+._nyAa2 {
+  width: 100%;
+}
+
+._33Tja {
+  height: 58px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+}
+._33Tja .btn {
+  font-size: 24px;
+  color: var(--font-color-grey);
+  cursor: pointer;
+}
+
+._YmBhl {
+  height: calc(var(--container-height) - 58px);
+}
+._Rfzv4 {
+  font-size: 12px;
+  color: var(--font-color-grey);
+  line-height: 24px;
+  padding: 12px;
+}
+
+._qoDtD {
+  color: var(--font-color-grey);
+}
+
+._socoO {
+  opacity: 0.6;
+  background: var(--font-color-grey-3);
+  height: 1px;
+  width: 28px;
+  margin: 8px auto;
+}
+
+._Xa-2h {
+  line-height: 24px;
+  padding: 12px;
+  margin: 2px 0;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+._Xa-2h:hover {
+  backdrop-filter: brightness(1.1);
+  transform: scale(1.02);
+}
+._Xa-2h.is-active {
+  background: linear-gradient(270deg, rgba(255, 255, 255, 0) -4%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.3) 100%);
+  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);
+}
+._Xa-2h.is-active ._qoDtD {
+  color: var(--primary-color);
+}
+._Xa-2h.is-closed {
+  display: flex;
+  justify-content: center;
+}
+._Xa-2h.is-closed.is-active {
+  background: rgba(255, 255, 255, 0.6);
+  backdrop-filter: blur(40px) saturate(1.5);
+}
+._Xa-2h.is-closed ._qoDtD {
+  font-size: 24px;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@font-face {\n  font-family: 'system'; /* Project id 5022759 */\n  /* Color fonts */\n  src:\n    url('iconfont.woff2?t=1758011291118') format('woff2'),\n    url('iconfont.woff?t=1758011291118') format('woff'),\n    url('iconfont.ttf?t=1758011291118') format('truetype');\n}\n\n.system {\n  font-family: 'system' !important;\n  font-size: 16px;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-chart_data:before {\n  content: '\\e63d';\n}\n\n.icon-contacts:before {\n  content: '\\e63e';\n}\n\n.icon-assignment:before {\n  content: '\\e63f';\n}\n\n.icon-manage_accounts:before {\n  content: '\\e640';\n}\n\n.icon-assignment_ind:before {\n  content: '\\e641';\n}\n\n.icon-network_intelligence:before {\n  content: '\\e639';\n}\n\n.icon-automation:before {\n  content: '\\e63a';\n}\n\n.icon-groups_2:before {\n  content: '\\e63b';\n}\n\n.icon-snippet_folder:before {\n  content: '\\e63c';\n}\n\n.icon-home:before {\n  content: '\\e637';\n}\n\n.icon-home_line:before {\n  content: '\\e638';\n}\n\n.icon-a-Typeedit:before {\n  content: '\\e62b';\n}\n\n.icon-a-Typefilter_alt:before {\n  content: '\\e62c';\n}\n\n.icon-a-Typearrow_upload_ready:before {\n  content: '\\e62d';\n}\n\n.icon-a-Typeadd:before {\n  content: '\\e62e';\n}\n\n.icon-a-Typecheck_indeterminate_small:before {\n  content: '\\e62f';\n}\n\n.icon-a-Typeclose_small:before {\n  content: '\\e630';\n}\n\n.icon-a-Typeadd_2:before {\n  content: '\\e631';\n}\n\n.icon-a-Typearrow_forward_ios:before {\n  content: '\\e632';\n}\n\n.icon-a-Typearrow_drop_down:before {\n  content: '\\e633';\n}\n\n.icon-a-Typedescription:before {\n  content: '\\e634';\n}\n\n.icon-a-Typebalance:before {\n  content: '\\e635';\n}\n\n.icon-a-Typedelete:before {\n  content: '\\e636';\n}\n\n.icon-a-Typelink:before {\n  content: '\\e617';\n}\n\n.icon-a-Typeios_share:before {\n  content: '\\e618';\n}\n\n.icon-a-Typemobile_2:before {\n  content: '\\e619';\n}\n\n.icon-a-Typesend:before {\n  content: '\\e61a';\n}\n\n.icon-a-Typecalendar_month:before {\n  content: '\\e61b';\n}\n\n.icon-a-Typesettings:before {\n  content: '\\e61c';\n}\n\n.icon-a-Typeqr_code:before {\n  content: '\\e61d';\n}\n\n.icon-a-Typekeyboard_arrow_down:before {\n  content: '\\e61e';\n}\n\n.icon-a-Typehide:before {\n  content: '\\e61f';\n}\n\n.icon-a-Typeimagesmode:before {\n  content: '\\e620';\n}\n\n.icon-a-Typedrag_handle:before {\n  content: '\\e621';\n}\n\n.icon-a-Typeattach_file_add:before {\n  content: '\\e622';\n}\n\n.icon-a-Typecontent_copy:before {\n  content: '\\e623';\n}\n\n.icon-a-Typecheck_small:before {\n  content: '\\e624';\n}\n\n.icon-a-Typechevron_right:before {\n  content: '\\e625';\n}\n\n.icon-a-Typechevron_backward:before {\n  content: '\\e626';\n}\n\n.icon-a-Typeinfo:before {\n  content: '\\e627';\n}\n\n.icon-a-Typeequal:before {\n  content: '\\e628';\n}\n\n.icon-a-Typeinstant_mix:before {\n  content: '\\e629';\n}\n\n.icon-a-Typeclose:before {\n  content: '\\e62a';\n}\n\n.icon-a-Typeupload:before {\n  content: '\\e60b';\n}\n\n.icon-a-Typesave:before {\n  content: '\\e60c';\n}\n\n.icon-a-Typemail:before {\n  content: '\\e609';\n}\n\n.icon-a-Typeeast:before {\n  content: '\\e60a';\n}\n\n.icon-a-Typepercent:before {\n  content: '\\e60d';\n}\n\n.icon-a-Typecheck:before {\n  content: '\\e608';\n}\n\n.icon-a-Typepicture_in_picture_small:before {\n  content: '\\e60e';\n}\n\n.icon-a-Typemove_item:before {\n  content: '\\e60f';\n}\n\n.icon-a-Typediversity_3:before {\n  content: '\\e610';\n}\n\n.icon-a-Typeperson_add:before {\n  content: '\\e611';\n}\n\n.icon-a-Typecheck_circle:before {\n  content: '\\e612';\n}\n\n.icon-a-Typeedit_off:before {\n  content: '\\e613';\n}\n\n.icon-a-Typeopen_in_full:before {\n  content: '\\e614';\n}\n\n.icon-a-Typesearch:before {\n  content: '\\e615';\n}\n\n.icon-a-Typedownload:before {\n  content: '\\e616';\n}\n",".menu-group {\n  font-size: 12px;\n  color: var(--font-color-grey);\n  line-height: 24px;\n  padding: 12px;\n}\n\n.menu-item-icon {\n  color: var(--font-color-grey);\n}\n\n.menu-group-split {\n  opacity: 0.6;\n  background: var(--font-color-grey-3);\n  height: 1px;\n  width: 28px;\n  margin: 8px auto;\n}\n\n.menu-item {\n  line-height: 24px;\n  padding: 12px;\n  margin: 2px 0;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.menu-item:hover {\n  backdrop-filter: brightness(1.1);\n  transform: scale(1.02);\n}\n.menu-item:global(.is-active) {\n  background: linear-gradient(270deg, rgba(255, 255, 255, 0) -4%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.3) 100%);\n  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);\n}\n.menu-item:global(.is-active) .menu-item-icon {\n  color: var(--primary-color);\n}\n.menu-item:global(.is-closed) {\n  display: flex;\n  justify-content: center;\n}\n.menu-item:global(.is-closed):global(.is-active) {\n  background: rgba(255, 255, 255, 0.6);\n  backdrop-filter: blur(40px) saturate(1.5);\n}\n.menu-item:global(.is-closed) .menu-item-icon {\n  font-size: 24px;\n}"]}