npm - @kne/system-layout - Versions diffs - 0.1.0-alpha.4 → 0.1.0-alpha.6 - Mend

@kne/system-layout 0.1.0-alpha.4 → 0.1.0-alpha.6

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

package/README.md CHANGED Viewed

@@ -48,7 +48,7 @@ import '@kne/system-layout/dist/index.css';
 - _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 { default: SystemLayout, Page } = _SystemLayout;
 const BaseExample = () => {
   return (
@@ -60,7 +60,7 @@ const BaseExample = () => {
         }}
         aiDialog={{}}
         menu={{
-          base: 'SystemLayout',
+          base: '/SystemLayout',
           items: [
             {
               path: '/',
@@ -104,8 +104,27 @@ const BaseExample = () => {
               icon: 'icon-network_intelligence'
             }
           ]
-        }}
-      />
+        }}>
+        <Page
+          title="Home"
+          buttonProps={{
+            list: [
+              {
+                type: 'primary',
+                children: 'New'
+              },
+              {
+                children: 'Options'
+              },
+              {
+                loading: true,
+                children: 'Options2'
+              }
+            ]
+          }}>
+          Content
+        </Page>
+      </SystemLayout>
     </div>
   );
 };

package/dist/index.css CHANGED Viewed

@@ -259,6 +259,40 @@
   padding: 24px 24px 24px 0;
   position: relative;
 }
+._sK89O .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled) {
+  background: var(--primary-color-2);
+  color: var(--primary-color);
+}
+._sK89O .ant-btn:not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled) {
+  border: 1px solid rgba(255, 255, 255, 0.1) !important;
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
+  backdrop-filter: blur(10px);
+}
+._sK89O .ant-btn:not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled):hover:not(:disabled):not(.ant-btn-loading) {
+  backdrop-filter: blur(40px) saturate(1.5) brightness(1.2);
+  transform: scale(1.04);
+}
+._sK89O .ant-btn:active:not(.ant-btn-loading) {
+  box-shadow: none !important;
+  transform: scale(1);
+}
+._sK89O .ant-btn:disabled {
+  box-shadow: none;
+  color: var(--font-color-disabled);
+  background: rgba(17, 24, 39, 0.2);
+}
+._sK89O .ant-btn.ant-btn-primary:not(:disabled) {
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
+}
+._sK89O .ant-btn.ant-btn-loading {
+  opacity: 0.6;
+}
+._sK89O .ant-btn {
+  position: relative;
+}
+._sK89O .ant-btn .ant-btn-loading-icon {
+  position: absolute;
+}
 ._-LpWn {
   flex: none;
@@ -282,6 +316,7 @@
   padding: 12px 0;
   border: none;
   background: none;
+  justify-content: center;
 }
 ._-T-Dc {
@@ -291,7 +326,8 @@
 }
 ._-T-Dc img {
   height: 24px;
-  object-fit: fill;
+  object-fit: contain;
+  max-width: 100%;
 }
 ._2cRWf {
@@ -299,16 +335,46 @@
   align-items: center;
 }
-._8dzE7 {
+._5D-Oq {
   position: absolute;
-  right: 0;
+  right: -28px;
+  top: 20px;
   z-index: 999;
-  transform: translate(0, -32px);
   cursor: pointer;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._5D-Oq:hover ._p4eOE {
+  opacity: 1;
+  animation: _3JQL4 0.4s ease-out;
+}
+@keyframes _3JQL4 {
+  0%, 100% {
+    transform: scale(1) translate(0, 0);
+  }
+  50% {
+    transform: scale(1.1, 0.9);
+  }
+}
+._p4eOE {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  opacity: 0;
+  transition: opacity 0.5s;
+}
+._8dzE7 {
   transition: transform 0.3s;
 }
 ._8dzE7.is-closed {
-  transform: translate(0, -32px) scaleX(-1);
+  transform: scaleX(-1);
 }
 ._7wq3X {
@@ -324,7 +390,7 @@
   min-height: 40px;
   padding: 12px 16px;
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   overflow: hidden;
 }
@@ -338,13 +404,13 @@
 }
 ._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);
+  min-width: 0;
 }
 ._8gqbZ {
@@ -376,6 +442,8 @@
 ._UAJc- {
   --container-width: 400px;
   --container-height: 400px;
+  --container-base-width: var(--container-width);
+  --container-base-height: var(--container-height);
   background: rgba(255, 255, 255, 0.4);
   backdrop-filter: blur(10px);
   border-radius: 8px;
@@ -385,27 +453,56 @@
   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;
+  transition: box-shadow 0.3s;
+}
+@keyframes _VjIWn {
+  0%, 100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.02, 0.98);
+  }
 }
 ._UAJc-:hover {
+  animation: _VjIWn 0.4s ease-out;
   background: rgba(255, 255, 255, 0.6);
   backdrop-filter: blur(10px) saturate(1.5);
-  transform: scale(1.02);
+  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);
+}
+._I7Anv {
+  padding: 24px 0 24px 24px;
 }
 ._UhsFd {
   background: rgba(255, 255, 255, 0.4);
   border-radius: 8px;
   height: 100%;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
+}
+@keyframes _H7slV {
+  0%, 100% {
+    transform: scale(1, 1);
+  }
+  50% {
+    transform: scale(1.01, 0.99);
+  }
 }
 ._UhsFd:hover {
   backdrop-filter: blur(40px) saturate(1.2);
-  transform: scale(1.01);
+  animation: _H7slV 0.4s ease-out;
+  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);
 }
 ._2mdNn {
-  height: calc(var(--page-content-height) - 48px);
+  --container-height: calc(var(--page-content-height) - 58px);
+  height: var(--container-height);
+}
+._OM1Q2 {
+  --container-height: var(--page-content-height);
+  height: var(--container-height);
+  padding: 24px;
 }
 ._nyAa2 {
@@ -425,7 +522,8 @@
 }
 ._YmBhl {
-  height: calc(var(--container-height) - 58px);
+  --container-height: calc(var(--container-base-height) - 58px);
+  height: var(--container-height);
 }
 ._Rfzv4 {
   font-size: 12px;
@@ -476,4 +574,16 @@
 ._Xa-2h.is-closed ._qoDtD {
   font-size: 24px;
 }
+._IOVGr {
+  font-size: 20px;
+  font-weight: 500;
+  justify-content: flex-start;
+  padding-left: 24px;
+}
+._mKsLu {
+  display: flex;
+  justify-content: flex-end;
+  flex: 1;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"AAAA;EACE,qBAAqB,EAAE,uBAAuB;EAC9C,gBAAgB;EAChB;;;kEAGwD;AAC1D;;AAEA;EACE,gCAAgC;EAChC,eAAe;EACf,kBAAkB;EAClB,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;ACvPA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,sDAAsD;EACtD,0BAA0B;EAC1B,4BAA4B;EAC5B,6BAA6B;EAC7B,sBAAsB;EACtB,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,UAAU;EACV,sBAAsB;EACtB,kBAAkB;AACpB;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,uBAAuB;AACzB;AACA;EACE,eAAe;EACf,YAAY;EACZ,gBAAgB;~~AAClB~~;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,2BAA2B;AAC7B;AACA;EACE,YAAY;EACZ,~~gBAAgB~~;~~AAClB~~;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,~~QAAQ~~;~~EACR~~,YAAY;EACZ,~~8BAA8B;EAC9B,~~eAAe;EACf,0BAA0B;AAC5B;AACA;EACE,~~yCAAyC~~;~~AAC3C~~;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,0CAA0C;EAC1C,qCAAqC;EACrC,2BAA2B;EAC3B,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,~~uBAAuB~~;~~EACvB~~,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,6BAA6B;AAC/B;;AAEA;EACE,~~aAAa;EACb,~~0BAA0B;EAC1B,mBAAmB;EACnB,0CAA0C;EAC1C,+FAA+F;EAC/F,kHAAkH;EAClH,2BAA2B;~~AAC7B~~;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,oCAAoC;EACpC,2BAA2B;EAC3B,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,oCAAoC;EACpC,yCAAyC;EACzC,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,oCAAoC;EACpC,2BAA2B;EAC3B,kBAAkB;EAClB,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,+EAA+E;EAC/E,~~oBAAoB~~;~~AACtB~~;AACA;EACE,oCAAoC;EACpC,yCAAyC;EACzC,~~sBAAsB~~;~~AACxB~~;;AAEA;EACE,oCAAoC;EACpC,kBAAkB;EAClB,YAAY;EACZ,~~oBAAoB~~;~~AACtB~~;AACA;EACE,yCAAyC;EACzC,~~sBAAsB~~;~~AACxB~~;;AAEA;EACE,+~~CAA~~+C;~~AACjD~~;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,8BAA8B;EAC9B,eAAe;AACjB;AACA;EACE,eAAe;EACf,6BAA6B;EAC7B,eAAe;AACjB;;AAEA;EACE,~~4CAA4C~~;~~AAC9C~~;~~AAnLA~~;EACE,eAAe;EACf,6BAA6B;EAC7B,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,YAAY;EACZ,oCAAoC;EACpC,WAAW;EACX,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,gCAAgC;EAChC,sBAAsB;AACxB;AACA;EACE,4HAA4H;EAC5H,8CAA8C;AAChD;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,aAAa;EACb,uBAAuB;AACzB;AACA;EACE,oCAAoC;EACpC,yCAAyC;AAC3C;AACA;EACE,eAAe;AACjB","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}~~"]}
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",".page-title {\n font-size: 20px;\n font-weight: 500;\n justify-content: flex-start;\n padding-left: 24px;\n}\n\n.page-title-extra {\n display: flex;\n justify-content: flex-end;\n flex: 1;\n}"]}

package/dist/index.js CHANGED Viewed

@@ -11,6 +11,11 @@ var defaultLogo = require('./defaultLogo~beHinxEU.svg');
 var expand_bdCTnjYJ_svg = require('./expand~bdCTnjYJ.svg');
 var ReactErrorBoundary = require('@kne/react-error-boundary');
 var reactIntl = require('@kne/react-intl');
+var SimpleBar = require('simplebar-react');
+require('simplebar-react/dist/simplebar.min.css');
+var LiquidGlass = require('@kne/react-liquid-glass');
+require('@kne/react-liquid-glass/dist/index.css');
+var ButtonGroup = require('@kne/button-group');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,6 +25,9 @@ var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
 var ensureSlash__default = /*#__PURE__*/_interopDefaultLegacy(ensureSlash);
 var defaultLogo__default = /*#__PURE__*/_interopDefaultLegacy(defaultLogo);
 var ReactErrorBoundary__default = /*#__PURE__*/_interopDefaultLegacy(ReactErrorBoundary);
+var SimpleBar__default = /*#__PURE__*/_interopDefaultLegacy(SimpleBar);
+var LiquidGlass__default = /*#__PURE__*/_interopDefaultLegacy(LiquidGlass);
+var ButtonGroup__default = /*#__PURE__*/_interopDefaultLegacy(ButtonGroup);
 var dom = document.createElement("div");
 dom.setAttribute("aria-hidden", "true");
@@ -41,13 +49,14 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
-var style$1 = {"layout":"_sK89O","menu":"_-LpWn","open":"_G-zuN","menu-inner":"_7wq3X","logo":"_-T-Dc","menu-header":"_LOrmu","logo-img":"_2cRWf","expand-btn":"_8dzE7","username":"_b7XeQ","user-description":"_U0YTk","page":"_HnwkM","menu-list":"_8gqbZ","ai-entry":"_5qnw5","ai-dialog-window":"_UAJc-","page-dialog":"_UhsFd","page-window-content":"_2mdNn","page-content":"_nyAa2","ai-dialog-window-title":"_33Tja","ai-dialog-window-content":"_YmBhl"};
+var style$2 = {"layout":"_sK89O","menu":"_-LpWn","open":"_G-zuN","menu-inner":"_7wq3X","logo":"_-T-Dc","menu-header":"_LOrmu","logo-img":"_2cRWf","expand-btn-wrapper":"_5D-Oq","expand-btn-bg":"_p4eOE","pulse":"_3JQL4","expand-btn":"_8dzE7","username":"_b7XeQ","user-description":"_U0YTk","page":"_HnwkM","menu-list":"_8gqbZ","ai-entry":"_5qnw5","ai-dialog-window":"_UAJc-","pulse-dialog-window":"_VjIWn","page-dialog-outer":"_I7Anv","page-dialog":"_UhsFd","pulse-page-dialog":"_H7slV","page-window-content":"_2mdNn","page-children":"_OM1Q2","page-content":"_nyAa2","ai-dialog-window-title":"_33Tja","ai-dialog-window-content":"_YmBhl"};
 const UserCard = ({
   name,
   avatar,
   email,
   phone,
+  description,
   menuOpen
 }) => {
   if (!menuOpen) {
@@ -71,17 +80,17 @@ const UserCard = ({
     }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
       vertical: true,
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classnames__default["default"]('username', style$1['username']),
+        className: classnames__default["default"]('username', style$2['username']),
         children: name || '-'
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classnames__default["default"]('user-description', style$1['user-description']),
-        children: email || phone || '-'
+        className: classnames__default["default"]('user-description', style$2['user-description']),
+        children: email || phone || description || '-'
       })]
     })]
   });
 };
-var style = {"menu-group":"_Rfzv4","menu-item-icon":"_qoDtD","menu-group-split":"_socoO","menu-item":"_Xa-2h"};
+var style$1 = {"menu-group":"_Rfzv4","menu-item-icon":"_qoDtD","menu-group-split":"_socoO","menu-item":"_Xa-2h"};
 const Menu = ({
   className,
@@ -93,9 +102,9 @@ const Menu = ({
 }) => {
   const location = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
-  const currentPathname = location.pathname.replace(new RegExp(`^/${base}`), '');
+  const currentPathname = base ? location.pathname.replace(new RegExp(`^${base}`), '') : location.pathname;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"]('menu', className, style['menu-list']),
+    className: classnames__default["default"]('menu', className, style$1['menu-list']),
     children: items.map((item, index) => {
       const active = (() => {
         if (typeof activeKey === 'string') {
@@ -129,19 +138,19 @@ const Menu = ({
           }
         },
         children: [hasGroup && menuOpen ? /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classnames__default["default"]('menu-group', style['menu-group']),
+          className: classnames__default["default"]('menu-group', style$1['menu-group']),
           children: item.group
         }) : null, hasGroup && !menuOpen ? /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classnames__default["default"]('menu-group-split', style['menu-group-split'])
+          className: classnames__default["default"]('menu-group-split', style$1['menu-group-split'])
         }) : null, /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
-          className: classnames__default["default"]('menu-item', style['menu-item'], {
+          className: classnames__default["default"]('menu-item', style$1['menu-item'], {
             ['is-active']: active,
             ['is-closed']: !menuOpen
           }),
           align: "center",
           gap: 8,
           children: [typeof icon === 'string' && /*#__PURE__*/jsxRuntime.jsx(Icon__default["default"], {
-            className: classnames__default["default"]('menu-item-icon', style['menu-item-icon']),
+            className: classnames__default["default"]('menu-item-icon', style$1['menu-item-icon']),
             type: icon,
             fontClassName: "system"
           }), menuOpen && item.label]
@@ -215,7 +224,7 @@ const Layout = _ref => {
   const [menuOpen, setMenuOpen] = react.useState(typeof localMenuOpen === 'boolean' ? localMenuOpen : true);
   const [aiType, setAiType] = react.useState('closed');
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"](className, 'layout', style$1['layout']),
+    className: classnames__default["default"](className, 'layout', style$2['layout']),
     style: {
       '--menu-max-width': menuMaxWidth,
       '--menu-min-width': menuMinWidth,
@@ -223,31 +232,37 @@ const Layout = _ref => {
     },
     children: /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: classnames__default["default"]('menu', style$1['menu'], {
+        className: classnames__default["default"]('menu', style$2['menu'], {
           ['open']: menuOpen,
-          [style$1['open']]: menuOpen
+          [style$2['open']]: menuOpen
         }),
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classnames__default["default"]('logo', style$1['logo']),
+          className: classnames__default["default"]('logo', style$2['logo']),
           children: /*#__PURE__*/jsxRuntime.jsx(reactFile.Image, _extends({
-            className: style$1['logo-img']
+            className: style$2['logo-img']
           }, Object.assign({}, logo ? logo : {
             src: defaultLogo__default["default"]
           })))
-        }), /*#__PURE__*/jsxRuntime.jsx(expand_bdCTnjYJ_svg.ReactComponent, {
-          className: classnames__default["default"]('expand-btn', style$1['expand-btn'], {
-            'is-closed': !menuOpen
-          }),
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: classnames__default["default"]('expand-btn-wrapper', style$2['expand-btn-wrapper']),
           onClick: () => {
             setMenuOpen(menuOpen => {
               localStorage__default["default"].setItem(LayoutMenuOpenKey, !menuOpen);
               return !menuOpen;
             });
-          }
+          },
+          children: [/*#__PURE__*/jsxRuntime.jsx(LiquidGlass__default["default"], {
+            className: classnames__default["default"]('expand-btn-bg', style$2['expand-btn-bg']),
+            responsiveBorder: false
+          }), /*#__PURE__*/jsxRuntime.jsx(expand_bdCTnjYJ_svg.ReactComponent, {
+            className: classnames__default["default"]('expand-btn', style$2['expand-btn'], {
+              'is-closed': !menuOpen
+            })
+          })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: classnames__default["default"]('menu-inner', style$1['menu-inner']),
+          className: classnames__default["default"]('menu-inner', style$2['menu-inner']),
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames__default["default"]('menu-header', style$1['menu-header']),
+            className: classnames__default["default"]('menu-header', style$2['menu-header']),
             children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
               children: menuHeader ? typeof menuHeader === 'function' ? menuHeader({
                 menuOpen
@@ -257,11 +272,11 @@ const Layout = _ref => {
             })
           }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
             children: /*#__PURE__*/jsxRuntime.jsx(Menu, _extends({
-              className: classnames__default["default"]('menu-list', style$1['menu-list']),
+              className: classnames__default["default"]('menu-list', style$2['menu-list']),
               menuOpen: menuOpen
             }, menu))
           }), aiDialog && /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames__default["default"]('ai-entry', style$1['ai-entry']),
+            className: classnames__default["default"]('ai-entry', style$2['ai-entry']),
             onClick: () => {
               setAiType('small');
             },
@@ -273,16 +288,16 @@ const Layout = _ref => {
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
         flex: 1,
-        className: classnames__default["default"]('page', style$1['page']),
+        className: classnames__default["default"]('page', style$2['page']),
         children: /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
-          gutter: 24,
-          className: classnames__default["default"]('page-content', style$1['page-content']),
+          className: classnames__default["default"]('page-content', style$2['page-content']),
           children: [aiDialog && aiType === 'inner' && /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
             span: 8,
+            className: classnames__default["default"]('page-dialog-outer', style$2['page-dialog-outer']),
             children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: classnames__default["default"]('page-dialog', style$1['page-dialog']),
+              className: classnames__default["default"]('page-dialog', style$2['page-dialog']),
               children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
-                className: classnames__default["default"]('ai-dialog-window-title', style$1['ai-dialog-window-title']),
+                className: classnames__default["default"]('ai-dialog-window-title', style$2['ai-dialog-window-title']),
                 children: [/*#__PURE__*/jsxRuntime.jsx("div", {
                   children: aiDialog.title
                 }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
@@ -298,7 +313,7 @@ const Layout = _ref => {
                 })]
               }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
                 children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                  className: classnames__default["default"]('page-window-content', style$1['page-window-content']),
+                  className: classnames__default["default"]('page-window-content', style$2['page-window-content']),
                   children: aiDialog.content
                 })
               })]
@@ -306,14 +321,19 @@ const Layout = _ref => {
           }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
             span: aiType === 'inner' ? 16 : 24,
             children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
-              children: children
+              children: /*#__PURE__*/jsxRuntime.jsx(SimpleBar__default["default"], {
+                className: classnames__default["default"]('page-children', style$2['page-children'], {
+                  ['has-left']: aiType === 'inner'
+                }),
+                children: children
+              })
             })
           })]
         })
       }), aiDialog && aiType === 'small' && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: classnames__default["default"]('ai-dialog-window', style$1['ai-dialog-window']),
+        className: classnames__default["default"]('ai-dialog-window', style$2['ai-dialog-window']),
         children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
-          className: classnames__default["default"]('ai-dialog-window-title', style$1['ai-dialog-window-title']),
+          className: classnames__default["default"]('ai-dialog-window-title', style$2['ai-dialog-window-title']),
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             children: aiDialog.title
           }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
@@ -336,7 +356,7 @@ const Layout = _ref => {
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames__default["default"]('ai-dialog-window-content', style$1['ai-dialog-window-content']),
+            className: classnames__default["default"]('ai-dialog-window-content', style$2['ai-dialog-window-content']),
             children: aiDialog.content
           })
         })]
@@ -345,6 +365,34 @@ const Layout = _ref => {
   });
 };
+var style = {"page-title":"_IOVGr","page-title-extra":"_mKsLu"};
+const Page = _ref => {
+  let {
+    title,
+    buttonProps,
+    children
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+    vertical: true,
+    gap: 24,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+      justify: "space-between",
+      gap: 20,
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classnames__default["default"]('page-title', style['page-title']),
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classnames__default["default"]('page-title-extra', style['page-title-extra']),
+        children: buttonProps && /*#__PURE__*/jsxRuntime.jsx(ButtonGroup__default["default"], _extends({}, buttonProps))
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: children
+    })]
+  });
+};
 exports.Layout = Layout;
+exports.Page = Page;
 exports["default"] = Layout;
 //# sourceMappingURL=index.js.map