@hopgoldy/cube-ui 0.1.0 → 0.1.1

package/dist/index.css

@@ -9,8 +9,8 @@
   --cube-dark-surface-color: #141414;
 }
 
-/* src/app-header/app-header.module.css */
-.root {
+/* src/app-header/app-header.css */
+.cube-app-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -27,19 +27,19 @@
     background-color 200ms ease,
     border-color 200ms ease;
 }
-:global(.dark) .root,
-:global([data-theme=dark]) .root {
+.dark .cube-app-header,
+[data-theme=dark] .cube-app-header {
   background: var(--cube-dark-surface-color, #141414);
   border-bottom-color: var(--cube-dark-border-color, #374151);
 }
-.leading {
+.cube-app-header-leading {
   display: flex;
   flex: 1 1 auto;
   align-items: center;
   min-width: 0;
   overflow: hidden;
 }
-.toggle {
+.cube-app-header-toggle {
   display: inline-flex;
   flex: 0 0 auto;
   align-items: center;
@@ -53,18 +53,18 @@
   background: transparent;
   border: 0;
 }
-.toggle:focus-visible {
+.cube-app-header-toggle:focus-visible {
   outline: 2px solid #1677ff;
   outline-offset: 3px;
   border-radius: 2px;
 }
-.title {
+.cube-app-header-title {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.actions {
+.cube-app-header-actions {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -72,8 +72,8 @@
   margin-left: 0.5rem;
 }
 
-/* src/account-menu/account-menu.module.css */
-.trigger {
+/* src/account-menu/account-menu.css */
+.cube-account-trigger {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -87,134 +87,134 @@
   background: transparent;
   border: 0;
 }
-.trigger:focus-visible {
+.cube-account-trigger:focus-visible {
   outline: 2px solid #1677ff;
   outline-offset: 3px;
   border-radius: 50%;
 }
-.menu {
+.cube-account-menu {
   width: 16rem;
   max-width: calc(100vw - 2rem);
 }
-.stats {
+.cube-account-menu-stats {
   display: flex;
   justify-content: space-around;
   gap: 1rem;
   margin-bottom: 1rem;
 }
-.items {
+.cube-account-menu-items {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
-.footer {
+.cube-account-menu-footer {
   margin-top: 0.5rem;
 }
 
-/* src/about-dialog/about-dialog.module.css */
-.body {
+/* src/about-dialog/about-dialog.css */
+.cube-about-body {
   margin-bottom: 1rem;
 }
-.description {
+.cube-about-description {
   margin: 1rem 0 0.5rem;
   font-size: 1rem;
   line-height: 1.5;
 }
-.item {
+.cube-about-item {
   padding: 0.5rem;
   color: #6b7280;
   background: #f3f4f6;
   border-radius: 0.375rem;
 }
-:global(.dark) .item,
-:global([data-theme=dark]) .item {
+.dark .cube-about-item,
+[data-theme=dark] .cube-about-item {
   color: #e5e7eb;
   background: #262626;
 }
-.itemLabel {
+.cube-about-item-label {
   color: inherit;
   white-space: nowrap;
 }
-.itemValue {
+.cube-about-item-value {
   min-width: 0;
   overflow: hidden;
   text-align: right;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.link {
+.cube-about-link {
   color: inherit;
   text-decoration: none;
 }
-.poweredBy {
+.cube-about-powered-by {
   color: #6b7280;
 }
-:global(.dark) .poweredBy,
-:global([data-theme=dark]) .poweredBy {
+.dark .cube-about-powered-by,
+[data-theme=dark] .cube-about-powered-by {
   color: #e5e7eb;
 }
 
-/* src/cube-app/cube-app.module.css */
-.root {
+/* src/cube-app/cube-app.css */
+.cube-app-root {
   display: flex;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.sidebar {
+.cube-app-sidebar {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   overflow: hidden;
   transition: width 200ms ease;
 }
-.sidebarTop,
-.sidebarBottom {
+.cube-app-sidebar-top,
+.cube-app-sidebar-bottom {
   flex-shrink: 0;
 }
-.sidebarList {
+.cube-app-sidebar-list {
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
 }
-.desktopArea {
+.cube-app-desktop-area {
   flex-grow: 1;
   min-width: 0;
   height: 100%;
   overflow: hidden;
   transition: width 200ms ease;
 }
-.content {
+.cube-app-content {
   height: calc(100% - var(--cube-header-height, 3rem) - 1px);
   overflow-y: auto;
 }
-.searchButton {
+.cube-app-search-button {
   width: 15rem;
 }
-.mobileRoot {
+.cube-app-mobile-root {
   width: 100vw;
   height: 100%;
   overflow: hidden;
 }
-.mobileContent {
+.cube-app-mobile-content {
   width: 100%;
   height: 100%;
   overflow-y: auto;
 }
 
-/* src/mobile-account-sheet/mobile-account-sheet.module.css */
-.card {
+/* src/mobile-account-sheet/mobile-account-sheet.css */
+.cube-sheet-card {
   padding: 0.5rem 0.75rem;
   background: var(--cube-surface-color, #fff);
   border: 1px solid var(--cube-border-color, #d1d5db);
   border-radius: 0.5rem;
 }
-:global(.dark) .card,
-:global([data-theme=dark]) .card {
+.dark .cube-sheet-card,
+[data-theme=dark] .cube-sheet-card {
   background: var(--cube-dark-surface-color, #141414);
   border-color: var(--cube-dark-border-color, #374151);
 }
-.cell {
+.cube-sheet-cell {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -227,50 +227,50 @@
   background: transparent;
   border: 0;
 }
-.splitLine {
+.cube-sheet-split-line {
   height: 1px;
   margin: 0.25rem 0;
   background: var(--cube-border-color, #d1d5db);
 }
-:global(.dark) .splitLine,
-:global([data-theme=dark]) .splitLine {
+.dark .cube-sheet-split-line,
+[data-theme=dark] .cube-sheet-split-line {
   background: var(--cube-dark-border-color, #374151);
 }
 
-/* src/loading/loading.module.css */
-.pageLoading {
+/* src/loading/loading.css */
+.cube-page-loading {
   width: 100%;
   height: 100%;
 }
-.delayedLoading {
+.cube-delayed-loading {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   margin: 1.5rem 0;
 }
-:global(.dark) .delayedLoading,
-:global([data-theme=dark]) .delayedLoading {
+.dark .cube-delayed-loading,
+[data-theme=dark] .cube-delayed-loading {
   color: #9ca3af;
 }
 
-/* src/page/page.module.css */
-.container {
+/* src/page/page.css */
+.cube-page-container {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.content {
+.cube-page-content {
   position: relative;
   height: 100%;
   overflow-y: auto;
 }
 @media (max-width: 767px) {
-  .content {
+  .cube-page-content {
     height: calc(100% - var(--cube-mobile-action-height, 40px) - 1rem);
   }
 }
-.actionBar {
+.cube-page-action-bar {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -278,7 +278,7 @@
   height: var(--cube-mobile-action-height, 40px);
   padding: 0.5rem;
 }
-.actionIcon {
+.cube-page-action-icon {
   flex-shrink: 0;
 }
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css","../src/app-header/app-header.module.css","../src/account-menu/account-menu.module.css","../src/about-dialog/about-dialog.module.css","../src/cube-app/cube-app.module.css","../src/mobile-account-sheet/mobile-account-sheet.module.css","../src/loading/loading.module.css","../src/page/page.module.css"],"sourcesContent":[":root {\n  --cube-header-height: 3rem;\n  --cube-sidebar-width: 15rem;\n  --cube-mobile-action-height: 40px;\n  --cube-border-color: #d1d5db;\n  --cube-dark-border-color: #374151;\n  --cube-surface-color: #ffffff;\n  --cube-dark-surface-color: #141414;\n}\n",".root {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: var(--cube-header-height, 3rem);\n  padding: 0.5rem 1rem;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: inherit;\n  background: var(--cube-surface-color, #fff);\n  border-bottom: 1px solid var(--cube-border-color, #d1d5db);\n  transition: color 200ms ease, background-color 200ms ease,\n    border-color 200ms ease;\n}\n\n:global(.dark) .root,\n:global([data-theme=\"dark\"]) .root {\n  background: var(--cube-dark-surface-color, #141414);\n  border-bottom-color: var(--cube-dark-border-color, #374151);\n}\n\n.leading {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.toggle {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  margin: 0 1rem 0 0;\n  font: inherit;\n  font-size: 1.25rem;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.toggle:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 3px;\n  border-radius: 2px;\n}\n\n.title {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 0.5rem;\n  margin-left: 0.5rem;\n}\n",".trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem;\n  margin: 0;\n  font: inherit;\n  font-size: 1.25rem;\n  line-height: 1;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.trigger:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 3px;\n  border-radius: 50%;\n}\n\n.menu {\n  width: 16rem;\n  max-width: calc(100vw - 2rem);\n}\n\n.stats {\n  display: flex;\n  justify-content: space-around;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.footer {\n  margin-top: 0.5rem;\n}\n",".body {\n  margin-bottom: 1rem;\n}\n\n.description {\n  margin: 1rem 0 0.5rem;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n\n.item {\n  padding: 0.5rem;\n  color: #6b7280;\n  background: #f3f4f6;\n  border-radius: 0.375rem;\n}\n\n:global(.dark) .item,\n:global([data-theme=\"dark\"]) .item {\n  color: #e5e7eb;\n  background: #262626;\n}\n\n.itemLabel {\n  color: inherit;\n  white-space: nowrap;\n}\n\n.itemValue {\n  min-width: 0;\n  overflow: hidden;\n  text-align: right;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.poweredBy {\n  color: #6b7280;\n}\n\n:global(.dark) .poweredBy,\n:global([data-theme=\"dark\"]) .poweredBy {\n  color: #e5e7eb;\n}\n",".root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  transition: width 200ms ease;\n}\n\n.sidebarTop,\n.sidebarBottom {\n  flex-shrink: 0;\n}\n\n.sidebarList {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.desktopArea {\n  flex-grow: 1;\n  min-width: 0;\n  height: 100%;\n  overflow: hidden;\n  transition: width 200ms ease;\n}\n\n.content {\n  height: calc(100% - var(--cube-header-height, 3rem) - 1px);\n  overflow-y: auto;\n}\n\n.searchButton {\n  width: 15rem;\n}\n\n.mobileRoot {\n  width: 100vw;\n  height: 100%;\n  overflow: hidden;\n}\n\n.mobileContent {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n}\n",".card {\n  padding: 0.5rem 0.75rem;\n  background: var(--cube-surface-color, #fff);\n  border: 1px solid var(--cube-border-color, #d1d5db);\n  border-radius: 0.5rem;\n}\n\n:global(.dark) .card,\n:global([data-theme=\"dark\"]) .card {\n  background: var(--cube-dark-surface-color, #141414);\n  border-color: var(--cube-dark-border-color, #374151);\n}\n\n.cell {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0.375rem 0;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.splitLine {\n  height: 1px;\n  margin: 0.25rem 0;\n  background: var(--cube-border-color, #d1d5db);\n}\n\n:global(.dark) .splitLine,\n:global([data-theme=\"dark\"]) .splitLine {\n  background: var(--cube-dark-border-color, #374151);\n}\n",".pageLoading {\n  width: 100%;\n  height: 100%;\n}\n\n.delayedLoading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin: 1.5rem 0;\n}\n\n:global(.dark) .delayedLoading,\n:global([data-theme=\"dark\"]) .delayedLoading {\n  color: #9ca3af;\n}\n",".container {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.content {\n  position: relative;\n  height: 100%;\n  overflow-y: auto;\n}\n\n@media (max-width: 767px) {\n  .content {\n    height: calc(100% - var(--cube-mobile-action-height, 40px) - 1rem);\n  }\n}\n\n.actionBar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  height: var(--cube-mobile-action-height, 40px);\n  padding: 0.5rem;\n}\n\n.actionIcon {\n  flex-shrink: 0;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles.css","../src/app-header/app-header.css","../src/account-menu/account-menu.css","../src/about-dialog/about-dialog.css","../src/cube-app/cube-app.css","../src/mobile-account-sheet/mobile-account-sheet.css","../src/loading/loading.css","../src/page/page.css"],"sourcesContent":[":root {\n  --cube-header-height: 3rem;\n  --cube-sidebar-width: 15rem;\n  --cube-mobile-action-height: 40px;\n  --cube-border-color: #d1d5db;\n  --cube-dark-border-color: #374151;\n  --cube-surface-color: #ffffff;\n  --cube-dark-surface-color: #141414;\n}\n",".cube-app-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: var(--cube-header-height, 3rem);\n  padding: 0.5rem 1rem;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: inherit;\n  background: var(--cube-surface-color, #fff);\n  border-bottom: 1px solid var(--cube-border-color, #d1d5db);\n  transition: color 200ms ease, background-color 200ms ease,\n    border-color 200ms ease;\n}\n\n.dark .cube-app-header,\n[data-theme=\"dark\"] .cube-app-header {\n  background: var(--cube-dark-surface-color, #141414);\n  border-bottom-color: var(--cube-dark-border-color, #374151);\n}\n\n.cube-app-header-leading {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.cube-app-header-toggle {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  margin: 0 1rem 0 0;\n  font: inherit;\n  font-size: 1.25rem;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.cube-app-header-toggle:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 3px;\n  border-radius: 2px;\n}\n\n.cube-app-header-title {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cube-app-header-actions {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 0.5rem;\n  margin-left: 0.5rem;\n}\n",".cube-account-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem;\n  margin: 0;\n  font: inherit;\n  font-size: 1.25rem;\n  line-height: 1;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.cube-account-trigger:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 3px;\n  border-radius: 50%;\n}\n\n.cube-account-menu {\n  width: 16rem;\n  max-width: calc(100vw - 2rem);\n}\n\n.cube-account-menu-stats {\n  display: flex;\n  justify-content: space-around;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.cube-account-menu-items {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.cube-account-menu-footer {\n  margin-top: 0.5rem;\n}\n",".cube-about-body {\n  margin-bottom: 1rem;\n}\n\n.cube-about-description {\n  margin: 1rem 0 0.5rem;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n\n.cube-about-item {\n  padding: 0.5rem;\n  color: #6b7280;\n  background: #f3f4f6;\n  border-radius: 0.375rem;\n}\n\n.dark .cube-about-item,\n[data-theme=\"dark\"] .cube-about-item {\n  color: #e5e7eb;\n  background: #262626;\n}\n\n.cube-about-item-label {\n  color: inherit;\n  white-space: nowrap;\n}\n\n.cube-about-item-value {\n  min-width: 0;\n  overflow: hidden;\n  text-align: right;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cube-about-link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.cube-about-powered-by {\n  color: #6b7280;\n}\n\n.dark .cube-about-powered-by,\n[data-theme=\"dark\"] .cube-about-powered-by {\n  color: #e5e7eb;\n}\n",".cube-app-root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.cube-app-sidebar {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  transition: width 200ms ease;\n}\n\n.cube-app-sidebar-top,\n.cube-app-sidebar-bottom {\n  flex-shrink: 0;\n}\n\n.cube-app-sidebar-list {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.cube-app-desktop-area {\n  flex-grow: 1;\n  min-width: 0;\n  height: 100%;\n  overflow: hidden;\n  transition: width 200ms ease;\n}\n\n.cube-app-content {\n  height: calc(100% - var(--cube-header-height, 3rem) - 1px);\n  overflow-y: auto;\n}\n\n.cube-app-search-button {\n  width: 15rem;\n}\n\n.cube-app-mobile-root {\n  width: 100vw;\n  height: 100%;\n  overflow: hidden;\n}\n\n.cube-app-mobile-content {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n}\n",".cube-sheet-card {\n  padding: 0.5rem 0.75rem;\n  background: var(--cube-surface-color, #fff);\n  border: 1px solid var(--cube-border-color, #d1d5db);\n  border-radius: 0.5rem;\n}\n\n.dark .cube-sheet-card,\n[data-theme=\"dark\"] .cube-sheet-card {\n  background: var(--cube-dark-surface-color, #141414);\n  border-color: var(--cube-dark-border-color, #374151);\n}\n\n.cube-sheet-cell {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0.375rem 0;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.cube-sheet-split-line {\n  height: 1px;\n  margin: 0.25rem 0;\n  background: var(--cube-border-color, #d1d5db);\n}\n\n.dark .cube-sheet-split-line,\n[data-theme=\"dark\"] .cube-sheet-split-line {\n  background: var(--cube-dark-border-color, #374151);\n}\n",".cube-page-loading {\n  width: 100%;\n  height: 100%;\n}\n\n.cube-delayed-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin: 1.5rem 0;\n}\n\n.dark .cube-delayed-loading,\n[data-theme=\"dark\"] .cube-delayed-loading {\n  color: #9ca3af;\n}\n",".cube-page-container {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.cube-page-content {\n  position: relative;\n  height: 100%;\n  overflow-y: auto;\n}\n\n@media (max-width: 767px) {\n  .cube-page-content {\n    height: calc(100% - var(--cube-mobile-action-height, 40px) - 1rem);\n  }\n}\n\n.cube-page-action-bar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  height: var(--cube-mobile-action-height, 40px);\n  padding: 0.5rem;\n}\n\n.cube-page-action-icon {\n  flex-shrink: 0;\n}\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -74,11 +74,6 @@ import { SearchOutlined, SmileOutlined } from "@ant-design/icons";
 
 // src/app-header/app-header.tsx
 import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
-
-// src/app-header/app-header.module.css
-var app_header_default = {};
-
-// src/app-header/app-header.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var AppHeader = ({
   title,
@@ -91,22 +86,22 @@ var AppHeader = ({
 }) => {
   const label = collapsed ? "\u5C55\u5F00\u4FA7\u8FB9\u680F" : "\u6536\u8D77\u4FA7\u8FB9\u680F";
   const ToggleIcon = collapsed ? MenuUnfoldOutlined : MenuFoldOutlined;
-  return /* @__PURE__ */ jsxs("header", { className: [app_header_default.root, className].filter(Boolean).join(" "), ...headerProps, children: [
-    /* @__PURE__ */ jsxs("div", { className: app_header_default.leading, children: [
+  return /* @__PURE__ */ jsxs("header", { className: ["cube-app-header", className].filter(Boolean).join(" "), ...headerProps, children: [
+    /* @__PURE__ */ jsxs("div", { className: "cube-app-header-leading", children: [
       showSidebarToggle ? /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
-          className: app_header_default.toggle,
+          className: "cube-app-header-toggle",
           "aria-label": label,
           "aria-expanded": !collapsed,
           onClick: onToggleSidebar,
           children: /* @__PURE__ */ jsx2(ToggleIcon, { "aria-hidden": true })
         }
       ) : null,
-      /* @__PURE__ */ jsx2("div", { className: app_header_default.title, children: title })
+      /* @__PURE__ */ jsx2("div", { className: "cube-app-header-title", children: title })
     ] }),
-    actions ? /* @__PURE__ */ jsx2("div", { className: app_header_default.actions, children: actions }) : null
+    actions ? /* @__PURE__ */ jsx2("div", { className: "cube-app-header-actions", children: actions }) : null
   ] });
 };
 
@@ -114,11 +109,6 @@ var AppHeader = ({
 import { useState } from "react";
 import { UserOutlined } from "@ant-design/icons";
 import { Popover } from "antd";
-
-// src/account-menu/account-menu.module.css
-var account_menu_default = {};
-
-// src/account-menu/account-menu-button.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var AccountMenuButton = ({ content }) => {
   const [open, setOpen] = useState(false);
@@ -137,7 +127,7 @@ var AccountMenuButton = ({ content }) => {
         "button",
         {
           type: "button",
-          className: account_menu_default.trigger,
+          className: "cube-account-trigger",
           "aria-label": "\u6253\u5F00\u7528\u6237\u83DC\u5355",
           "aria-expanded": open,
           "aria-haspopup": "dialog",
@@ -151,9 +141,9 @@ var AccountMenuButton = ({ content }) => {
 // src/account-menu/account-menu.tsx
 import { Button, Statistic } from "antd";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var AccountMenu = ({ stats = [], items = [], footer }) => /* @__PURE__ */ jsxs2("div", { className: account_menu_default.menu, children: [
-  stats.length > 0 ? /* @__PURE__ */ jsx4("div", { className: account_menu_default.stats, children: stats.map((stat) => /* @__PURE__ */ jsx4(Statistic, { title: stat.title, value: stat.value, prefix: stat.icon }, stat.key)) }) : null,
-  items.length > 0 ? /* @__PURE__ */ jsx4("div", { className: account_menu_default.items, children: items.map((item) => /* @__PURE__ */ jsx4(
+var AccountMenu = ({ stats = [], items = [], footer }) => /* @__PURE__ */ jsxs2("div", { className: "cube-account-menu", children: [
+  stats.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "cube-account-menu-stats", children: stats.map((stat) => /* @__PURE__ */ jsx4(Statistic, { title: stat.title, value: stat.value, prefix: stat.icon }, stat.key)) }) : null,
+  items.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "cube-account-menu-items", children: items.map((item) => /* @__PURE__ */ jsx4(
     Button,
     {
       block: true,
@@ -166,30 +156,25 @@ var AccountMenu = ({ stats = [], items = [], footer }) => /* @__PURE__ */ jsxs2(
     },
     item.key
   )) }) : null,
-  footer ? /* @__PURE__ */ jsx4("div", { className: account_menu_default.footer, children: footer }) : null
+  footer ? /* @__PURE__ */ jsx4("div", { className: "cube-account-menu-footer", children: footer }) : null
 ] });
 
 // src/about-dialog/about-dialog.tsx
 import { BarcodeOutlined, GithubOutlined, SendOutlined } from "@ant-design/icons";
 import { Flex, Modal } from "antd";
-
-// src/about-dialog/about-dialog.module.css
-var about_dialog_default = {};
-
-// src/about-dialog/about-dialog.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var renderItem = (item) => {
-  const content = /* @__PURE__ */ jsx5("div", { className: about_dialog_default.item, children: /* @__PURE__ */ jsxs3(Flex, { justify: "space-between", gap: 16, children: [
-    /* @__PURE__ */ jsxs3("div", { className: about_dialog_default.itemLabel, children: [
+  const content = /* @__PURE__ */ jsx5("div", { className: "cube-about-item", children: /* @__PURE__ */ jsxs3(Flex, { justify: "space-between", gap: 16, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "cube-about-item-label", children: [
       item.icon ? /* @__PURE__ */ jsxs3(Fragment, { children: [
         item.icon,
         " \xA0"
       ] }) : null,
       item.label
     ] }),
-    /* @__PURE__ */ jsx5("div", { className: about_dialog_default.itemValue, children: item.value })
+    /* @__PURE__ */ jsx5("div", { className: "cube-about-item-value", children: item.value })
   ] }) });
-  return item.href ? /* @__PURE__ */ jsx5("a", { href: item.href, className: about_dialog_default.link, children: content }, item.key) : /* @__PURE__ */ jsx5("div", { children: content }, item.key);
+  return item.href ? /* @__PURE__ */ jsx5("a", { href: item.href, className: "cube-about-link", children: content }, item.key) : /* @__PURE__ */ jsx5("div", { children: content }, item.key);
 };
 var AboutDialog = ({
   open,
@@ -243,7 +228,7 @@ var AboutDialog = ({
           justify: author ? "space-between" : "flex-end",
           gap: 16,
           children: [
-            author ? /* @__PURE__ */ jsxs3("div", { className: about_dialog_default.poweredBy, children: [
+            author ? /* @__PURE__ */ jsxs3("div", { className: "cube-about-powered-by", children: [
               "Powered by \u{1F497}",
               " ",
               author.url ? /* @__PURE__ */ jsx5("a", { href: author.url, children: author.name }) : author.name
@@ -252,17 +237,14 @@ var AboutDialog = ({
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxs3(Flex, { gap: 16, vertical: true, className: about_dialog_default.body, children: [
-        app.description ? /* @__PURE__ */ jsx5("div", { className: about_dialog_default.description, children: app.description }) : null,
+      children: /* @__PURE__ */ jsxs3(Flex, { gap: 16, vertical: true, className: "cube-about-body", children: [
+        app.description ? /* @__PURE__ */ jsx5("div", { className: "cube-about-description", children: app.description }) : null,
         renderedItems.map(renderItem)
       ] })
     }
   );
 };
 
-// src/cube-app/cube-app.module.css
-var cube_app_default = {};
-
 // src/cube-app/cube-app.tsx
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var CubeAppContext = createContext({
@@ -355,7 +337,7 @@ var CubeApp = ({
   );
   const renderShell = () => {
     if (isMobile) {
-      return /* @__PURE__ */ jsx6("div", { className: cube_app_default.mobileRoot, "data-testid": "cube-app-shell-mobile", children: /* @__PURE__ */ jsx6("main", { className: cube_app_default.mobileContent, children }) });
+      return /* @__PURE__ */ jsx6("div", { className: "cube-app-mobile-root", "data-testid": "cube-app-shell-mobile", children: /* @__PURE__ */ jsx6("main", { className: "cube-app-mobile-content", children }) });
     }
     const sidebarStyle = {
       width: collapsed ? "0px" : SIDEBAR_WIDTH
@@ -363,22 +345,22 @@ var CubeApp = ({
     const contentStyle = {
       width: collapsed ? "100vw" : `calc(100vw - ${SIDEBAR_WIDTH})`
     };
-    return /* @__PURE__ */ jsxs4("div", { className: cube_app_default.root, "data-testid": "cube-app-shell", children: [
+    return /* @__PURE__ */ jsxs4("div", { className: "cube-app-root", "data-testid": "cube-app-shell", children: [
       /* @__PURE__ */ jsxs4(
         "aside",
         {
-          className: cube_app_default.sidebar,
+          className: "cube-app-sidebar",
           style: sidebarStyle,
           "data-testid": "cube-app-shell-sidebar",
           "aria-hidden": collapsed,
           children: [
-            sidebarTop ? /* @__PURE__ */ jsx6("div", { className: cube_app_default.sidebarTop, children: sidebarTop }) : null,
-            /* @__PURE__ */ jsx6("div", { className: cube_app_default.sidebarList, children: sidebarList }),
-            sidebarBottom ? /* @__PURE__ */ jsx6("div", { className: cube_app_default.sidebarBottom, children: sidebarBottom }) : null
+            sidebarTop ? /* @__PURE__ */ jsx6("div", { className: "cube-app-sidebar-top", children: sidebarTop }) : null,
+            /* @__PURE__ */ jsx6("div", { className: "cube-app-sidebar-list", children: sidebarList }),
+            sidebarBottom ? /* @__PURE__ */ jsx6("div", { className: "cube-app-sidebar-bottom", children: sidebarBottom }) : null
           ]
         }
       ),
-      /* @__PURE__ */ jsxs4("div", { className: cube_app_default.desktopArea, style: contentStyle, children: [
+      /* @__PURE__ */ jsxs4("div", { className: "cube-app-desktop-area", style: contentStyle, children: [
         /* @__PURE__ */ jsx6(
           AppHeader,
           {
@@ -390,7 +372,7 @@ var CubeApp = ({
               onHeaderSearchBtnClick ? /* @__PURE__ */ jsx6(
                 Button2,
                 {
-                  className: cube_app_default.searchButton,
+                  className: "cube-app-search-button",
                   icon: /* @__PURE__ */ jsx6(SearchOutlined, { "aria-hidden": true }),
                   "aria-label": headerSearchBtnLabel ?? "\u641C\u7D22",
                   onClick: onHeaderSearchBtnClick,
@@ -401,7 +383,7 @@ var CubeApp = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx6("main", { className: cube_app_default.content, children })
+        /* @__PURE__ */ jsx6("main", { className: "cube-app-content", children })
       ] })
     ] });
   };
@@ -424,16 +406,11 @@ var CubeApp = ({
 // src/mobile-account-sheet/mobile-account-sheet.tsx
 import { Fragment as Fragment3 } from "react";
 import { Button as Button3, Drawer, Flex as Flex2, Statistic as Statistic2 } from "antd";
-
-// src/mobile-account-sheet/mobile-account-sheet.module.css
-var mobile_account_sheet_default = {};
-
-// src/mobile-account-sheet/mobile-account-sheet.tsx
 import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var Cell = ({ title, extra, onClick }) => onClick ? /* @__PURE__ */ jsxs5("button", { type: "button", className: mobile_account_sheet_default.cell, onClick, children: [
+var Cell = ({ title, extra, onClick }) => onClick ? /* @__PURE__ */ jsxs5("button", { type: "button", className: "cube-sheet-cell", onClick, children: [
   /* @__PURE__ */ jsx7("span", { children: title }),
   extra ? /* @__PURE__ */ jsx7("span", { children: extra }) : null
-] }) : /* @__PURE__ */ jsxs5("div", { className: mobile_account_sheet_default.cell, children: [
+] }) : /* @__PURE__ */ jsxs5("div", { className: "cube-sheet-cell", children: [
   /* @__PURE__ */ jsx7("span", { children: title }),
   extra ? /* @__PURE__ */ jsx7("span", { children: extra }) : null
 ] });
@@ -455,9 +432,9 @@ var MobileAccountSheet = ({ visible, onVisibleChange }) => {
       },
       footer: /* @__PURE__ */ jsx7(Button3, { block: true, size: "large", type: "primary", "aria-label": "\u8FD4\u56DE", onClick: close, children: "\u8FD4\u56DE" }),
       children: /* @__PURE__ */ jsxs5(Flex2, { vertical: true, gap: 12, children: [
-        accountMenuStats && accountMenuStats.length > 0 ? /* @__PURE__ */ jsx7("div", { className: mobile_account_sheet_default.card, children: /* @__PURE__ */ jsx7(Flex2, { justify: "space-around", children: accountMenuStats.map((stat) => /* @__PURE__ */ jsx7(Statistic2, { title: stat.title, value: stat.value, prefix: stat.icon }, stat.key)) }) }) : null,
-        userName ? /* @__PURE__ */ jsx7("div", { className: mobile_account_sheet_default.card, children: /* @__PURE__ */ jsx7(Cell, { title: "\u767B\u5F55\u7528\u6237", extra: userName }) }) : null,
-        accountMenuItems && accountMenuItems.length > 0 ? /* @__PURE__ */ jsx7("div", { className: mobile_account_sheet_default.card, children: accountMenuItems.map((item, index) => /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        accountMenuStats && accountMenuStats.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "cube-sheet-card", children: /* @__PURE__ */ jsx7(Flex2, { justify: "space-around", children: accountMenuStats.map((stat) => /* @__PURE__ */ jsx7(Statistic2, { title: stat.title, value: stat.value, prefix: stat.icon }, stat.key)) }) }) : null,
+        userName ? /* @__PURE__ */ jsx7("div", { className: "cube-sheet-card", children: /* @__PURE__ */ jsx7(Cell, { title: "\u767B\u5F55\u7528\u6237", extra: userName }) }) : null,
+        accountMenuItems && accountMenuItems.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "cube-sheet-card", children: accountMenuItems.map((item, index) => /* @__PURE__ */ jsxs5(Fragment3, { children: [
           /* @__PURE__ */ jsx7(
             Cell,
             {
@@ -472,9 +449,9 @@ var MobileAccountSheet = ({ visible, onVisibleChange }) => {
               }
             }
           ),
-          index !== accountMenuItems.length - 1 ? /* @__PURE__ */ jsx7("div", { className: mobile_account_sheet_default.splitLine }) : null
+          index !== accountMenuItems.length - 1 ? /* @__PURE__ */ jsx7("div", { className: "cube-sheet-split-line" }) : null
         ] }, item.key)) }) : null,
-        onLogoutBtnClick ? /* @__PURE__ */ jsx7("div", { className: mobile_account_sheet_default.card, children: /* @__PURE__ */ jsx7(
+        onLogoutBtnClick ? /* @__PURE__ */ jsx7("div", { className: "cube-sheet-card", children: /* @__PURE__ */ jsx7(
           Cell,
           {
             title: "\u767B\u51FA",
@@ -492,13 +469,8 @@ var MobileAccountSheet = ({ visible, onVisibleChange }) => {
 // src/loading/loading.tsx
 import { useEffect as useEffect2, useState as useState3 } from "react";
 import { Flex as Flex3 } from "antd";
-
-// src/loading/loading.module.css
-var loading_default = {};
-
-// src/loading/loading.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-var PageLoading = ({ tip = "\u52A0\u8F7D\u4E2D..." }) => /* @__PURE__ */ jsx8(Flex3, { justify: "center", align: "center", className: loading_default.pageLoading, children: tip });
+var PageLoading = ({ tip = "\u52A0\u8F7D\u4E2D..." }) => /* @__PURE__ */ jsx8(Flex3, { justify: "center", align: "center", className: "cube-page-loading", children: tip });
 var DelayedLoading = ({
   tip = "\u9875\u9762\u52A0\u8F7D\u4E2D...",
   delay = 500,
@@ -514,7 +486,7 @@ var DelayedLoading = ({
   return /* @__PURE__ */ jsx8(
     "div",
     {
-      className: [loading_default.delayedLoading, className].filter(Boolean).join(" "),
+      className: ["cube-delayed-loading", className].filter(Boolean).join(" "),
       ...props,
       children: tip
     }
@@ -523,16 +495,11 @@ var DelayedLoading = ({
 
 // src/page/page.tsx
 import { Button as Button4 } from "antd";
-
-// src/page/page.module.css
-var page_default = {};
-
-// src/page/page.tsx
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var PageContainer = ({ children }) => /* @__PURE__ */ jsx9("div", { className: page_default.container, children });
-var PageContent = ({ children }) => /* @__PURE__ */ jsx9("div", { className: page_default.content, children });
-var PageActionBar = ({ children }) => /* @__PURE__ */ jsx9(MobileOnly, { children: /* @__PURE__ */ jsx9("div", { className: page_default.actionBar, children }) });
-var ActionIcon = ({ className, size = "large", ...props }) => /* @__PURE__ */ jsx9(Button4, { className: [page_default.actionIcon, className].filter(Boolean).join(" "), size, ...props });
+var PageContainer = ({ children }) => /* @__PURE__ */ jsx9("div", { className: "cube-page-container", children });
+var PageContent = ({ children }) => /* @__PURE__ */ jsx9("div", { className: "cube-page-content", children });
+var PageActionBar = ({ children }) => /* @__PURE__ */ jsx9(MobileOnly, { children: /* @__PURE__ */ jsx9("div", { className: "cube-page-action-bar", children }) });
+var ActionIcon = ({ className, size = "large", ...props }) => /* @__PURE__ */ jsx9(Button4, { className: ["cube-page-action-icon", className].filter(Boolean).join(" "), size, ...props });
 var ActionButton = ({
   children,
   type = "primary",

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/responsive/responsive.tsx","../src/cube-config-provider/cube-config-provider.tsx","../src/cube-app/cube-app.tsx","../src/app-header/app-header.tsx","../src/app-header/app-header.module.css","../src/account-menu/account-menu-button.tsx","../src/account-menu/account-menu.module.css","../src/account-menu/account-menu.tsx","../src/about-dialog/about-dialog.tsx","../src/about-dialog/about-dialog.module.css","../src/cube-app/cube-app.module.css","../src/mobile-account-sheet/mobile-account-sheet.tsx","../src/mobile-account-sheet/mobile-account-sheet.module.css","../src/loading/loading.tsx","../src/loading/loading.module.css","../src/page/page.tsx","../src/page/page.module.css"],"sourcesContent":["import { type PropsWithChildren, type ReactNode, useCallback, useMemo, useSyncExternalStore } from \"react\";\n\nexport const DEFAULT_MOBILE_BREAKPOINT = 767;\n\nexport interface UseMediaQueryOptions {\n  defaultMatches?: boolean;\n}\n\nexport interface ResponsiveProps extends PropsWithChildren {\n  defaultMatches?: boolean;\n}\n\nexport const useMediaQuery = (query: string, options: UseMediaQueryOptions = {}): boolean => {\n  const { defaultMatches = false } = options;\n  const mediaQueryList = useMemo(\n    () =>\n      typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n        ? window.matchMedia(query)\n        : null,\n    [query],\n  );\n\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      if (!mediaQueryList) return () => undefined;\n      mediaQueryList.addEventListener(\"change\", notify);\n      return () => mediaQueryList.removeEventListener(\"change\", notify);\n    },\n    [mediaQueryList],\n  );\n\n  const getSnapshot = useCallback(\n    () => mediaQueryList?.matches ?? defaultMatches,\n    [defaultMatches, mediaQueryList],\n  );\n  const getServerSnapshot = useCallback(() => defaultMatches, [defaultMatches]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n\nexport const useIsMobile = ({ defaultMatches }: UseMediaQueryOptions = {}): boolean =>\n  useMediaQuery(`(max-width: ${DEFAULT_MOBILE_BREAKPOINT}px)`, { defaultMatches });\n\nexport const MobileOnly = ({ children, defaultMatches }: ResponsiveProps): ReactNode => {\n  const isMobile = useIsMobile({ defaultMatches });\n  return isMobile ? children : null;\n};\n\nexport const DesktopOnly = ({ children, defaultMatches }: ResponsiveProps): ReactNode => {\n  const isMobile = useIsMobile({ defaultMatches });\n  return isMobile ? null : children;\n};\n","import { useMemo, type ReactNode } from \"react\";\nimport { ConfigProvider } from \"antd\";\nimport zhCN from \"antd/locale/zh_CN\";\nimport { useIsMobile } from \"../responsive/responsive\";\n\nexport interface CubeConfigProviderProps {\n  children: ReactNode;\n\n  primaryColor?: string;\n}\n\nconst DEFAULT_PRIMARY_COLOR = \"#ec008c\";\n\n/**\n * Applies the fixed Cube antd configuration (`zh_CN` locale, `primaryColor` token, a larger\n * base font size on mobile) without rendering any application shell. Mount it on its own for\n * pages that should share the Cube theme but live outside `CubeApp` — `CubeApp` itself wraps\n * this component internally.\n */\nexport const CubeConfigProvider = ({ children, primaryColor }: CubeConfigProviderProps) => {\n  const isMobile = useIsMobile();\n\n  const theme = useMemo(\n    () => ({\n      token: {\n        colorPrimary: primaryColor ?? DEFAULT_PRIMARY_COLOR,\n        lineWidth: 2,\n        controlOutlineWidth: 1,\n        ...(isMobile ? { fontSize: 16 } : {}),\n      },\n      components: {\n        Card: {\n          colorBorderSecondary: \"var(--cube-border-color, #d1d5db)\",\n          lineHeight: 1.6,\n        },\n      },\n    }),\n    [primaryColor, isMobile],\n  );\n\n  return (\n    <ConfigProvider locale={zhCN} theme={theme}>\n      {children}\n    </ConfigProvider>\n  );\n};\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"antd\";\nimport { SearchOutlined, SmileOutlined } from \"@ant-design/icons\";\nimport { useIsMobile } from \"../responsive/responsive\";\nimport { CubeConfigProvider } from \"../cube-config-provider/cube-config-provider\";\nimport { AppHeader } from \"../app-header/app-header\";\nimport { AccountMenuButton } from \"../account-menu/account-menu-button\";\nimport { AccountMenu, type AccountMenuItem, type AccountMenuStat } from \"../account-menu/account-menu\";\nimport {\n  AboutDialog,\n  type AboutAppInfo,\n  type AboutAuthorInfo,\n  type AboutItem,\n} from \"../about-dialog/about-dialog\";\nimport styles from \"./cube-app.module.css\";\n\nexport interface CubeAppAboutInfo extends AboutAppInfo {\n  contactEmail?: string;\n  author?: AboutAuthorInfo;\n  items?: AboutItem[];\n}\n\nexport interface CubeAppContextValue {\n  accountMenuStats?: AccountMenuStat[];\n  accountMenuItems?: AccountMenuItem[];\n  onLogoutBtnClick?(): void;\n  userName?: ReactNode;\n  openAbout(): void;\n  setHeaderLeft(node: ReactNode): void;\n}\n\nconst CubeAppContext = createContext<CubeAppContextValue>({\n  openAbout: () => undefined,\n  setHeaderLeft: () => undefined,\n});\n\n/**\n * Reads the account/about configuration passed to `CubeApp`. Only needed by components\n * mounted elsewhere in the route tree (e.g. `MobileAccountSheet`) — `CubeApp` itself\n * already has this data as props.\n */\nexport const useCubeAppContext = (): CubeAppContextValue => useContext(CubeAppContext);\n\n/**\n * Lets the currently mounted page override `CubeApp`'s `headerLeft` slot. Resets to the\n * default `headerLeft` prop when the calling component unmounts.\n */\nexport const useCubeAppHeaderLeft = (node: ReactNode): void => {\n  const { setHeaderLeft } = useCubeAppContext();\n\n  useEffect(() => {\n    setHeaderLeft(node);\n    return () => setHeaderLeft(undefined);\n  }, [node, setHeaderLeft]);\n};\n\nexport interface CubeAppProps {\n  children: ReactNode;\n\n  primaryColor?: string;\n\n  accountMenuStats?: AccountMenuStat[];\n  accountMenuItems?: AccountMenuItem[];\n  onLogoutBtnClick?(): void;\n  userName?: ReactNode;\n  about: CubeAppAboutInfo;\n\n  sidebarTop?: ReactNode;\n  sidebarList?: ReactNode;\n  sidebarBottom?: ReactNode;\n\n  headerLeft?: ReactNode;\n  headerRight?: ReactNode;\n  headerSearchBtnLabel?: string;\n  onHeaderSearchBtnClick?(): void;\n}\n\nconst SIDEBAR_WIDTH = \"var(--cube-sidebar-width, 15rem)\";\n\nexport const CubeApp = ({\n  children,\n  primaryColor,\n  accountMenuStats,\n  accountMenuItems,\n  onLogoutBtnClick,\n  userName,\n  about,\n  sidebarTop,\n  sidebarList,\n  sidebarBottom,\n  headerLeft,\n  headerRight,\n  headerSearchBtnLabel,\n  onHeaderSearchBtnClick,\n}: CubeAppProps) => {\n  const isMobile = useIsMobile();\n  const [collapsed, setCollapsed] = useState(false);\n  const toggleSidebar = useCallback(() => setCollapsed((value) => !value), []);\n  const [aboutOpen, setAboutOpen] = useState(false);\n  const [headerLeftOverride, setHeaderLeftOverride] = useState<ReactNode>(undefined);\n\n  const itemsWithAbout = useMemo<AccountMenuItem[]>(\n    () => [\n      ...(accountMenuItems ?? []),\n      {\n        key: \"cube-app-about\",\n        label: \"关于\",\n        icon: <SmileOutlined />,\n        onClick: () => setAboutOpen(true),\n      },\n    ],\n    [accountMenuItems],\n  );\n\n  const contextValue = useMemo<CubeAppContextValue>(\n    () => ({\n      accountMenuStats,\n      accountMenuItems: itemsWithAbout,\n      onLogoutBtnClick,\n      userName,\n      openAbout: () => setAboutOpen(true),\n      setHeaderLeft: setHeaderLeftOverride,\n    }),\n    [accountMenuStats, itemsWithAbout, onLogoutBtnClick, userName],\n  );\n\n  const renderAccountMenuButton = () => (\n    <AccountMenuButton\n      content={({ close }) => (\n        <AccountMenu\n          stats={accountMenuStats}\n          items={itemsWithAbout.map((item) => ({\n            ...item,\n            onClick: () => {\n              item.onClick?.();\n              close();\n            },\n          }))}\n          footer={\n            onLogoutBtnClick ? (\n              <Button\n                block\n                danger\n                aria-label=\"登出\"\n                onClick={() => {\n                  onLogoutBtnClick();\n                  close();\n                }}\n              >\n                登出\n              </Button>\n            ) : undefined\n          }\n        />\n      )}\n    />\n  );\n\n  const renderShell = () => {\n    if (isMobile) {\n      return (\n        <div className={styles.mobileRoot} data-testid=\"cube-app-shell-mobile\">\n          <main className={styles.mobileContent}>{children}</main>\n        </div>\n      );\n    }\n\n    const sidebarStyle: CSSProperties = {\n      width: collapsed ? \"0px\" : SIDEBAR_WIDTH,\n    };\n    const contentStyle: CSSProperties = {\n      width: collapsed ? \"100vw\" : `calc(100vw - ${SIDEBAR_WIDTH})`,\n    };\n\n    return (\n      <div className={styles.root} data-testid=\"cube-app-shell\">\n        <aside\n          className={styles.sidebar}\n          style={sidebarStyle}\n          data-testid=\"cube-app-shell-sidebar\"\n          aria-hidden={collapsed}\n        >\n          {sidebarTop ? <div className={styles.sidebarTop}>{sidebarTop}</div> : null}\n          <div className={styles.sidebarList}>{sidebarList}</div>\n          {sidebarBottom ? <div className={styles.sidebarBottom}>{sidebarBottom}</div> : null}\n        </aside>\n        <div className={styles.desktopArea} style={contentStyle}>\n          <AppHeader\n            title={headerLeftOverride ?? headerLeft}\n            collapsed={collapsed}\n            onToggleSidebar={toggleSidebar}\n            actions={\n              <>\n                {headerRight}\n                {onHeaderSearchBtnClick ? (\n                  <Button\n                    className={styles.searchButton}\n                    icon={<SearchOutlined aria-hidden />}\n                    aria-label={headerSearchBtnLabel ?? \"\\u641c\\u7d22\"}\n                    onClick={onHeaderSearchBtnClick}\n                  >\n                    {headerSearchBtnLabel ?? \"\\u641c\\u7d22\"}\n                  </Button>\n                ) : null}\n                {renderAccountMenuButton()}\n              </>\n            }\n          />\n          <main className={styles.content}>{children}</main>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <CubeConfigProvider primaryColor={primaryColor}>\n      <CubeAppContext.Provider value={contextValue}>\n        {renderShell()}\n        <AboutDialog\n          open={aboutOpen}\n          onClose={() => setAboutOpen(false)}\n          app={about}\n          contactEmail={about.contactEmail}\n          author={about.author}\n          items={about.items}\n        />\n      </CubeAppContext.Provider>\n    </CubeConfigProvider>\n  );\n};\n","import type { HTMLAttributes, ReactNode } from \"react\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons\";\nimport styles from \"./app-header.module.css\";\n\nexport interface AppHeaderProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  actions?: ReactNode;\n  collapsed?: boolean;\n  showSidebarToggle?: boolean;\n  onToggleSidebar?(): void;\n}\n\nexport const AppHeader = ({\n  title,\n  actions,\n  collapsed = false,\n  onToggleSidebar,\n  showSidebarToggle = onToggleSidebar !== undefined,\n  className,\n  ...headerProps\n}: AppHeaderProps) => {\n  const label = collapsed ? \"展开侧边栏\" : \"收起侧边栏\";\n  const ToggleIcon = collapsed ? MenuUnfoldOutlined : MenuFoldOutlined;\n\n  return (\n    <header className={[styles.root, className].filter(Boolean).join(\" \")} {...headerProps}>\n      <div className={styles.leading}>\n        {showSidebarToggle ? (\n          <button\n            type=\"button\"\n            className={styles.toggle}\n            aria-label={label}\n            aria-expanded={!collapsed}\n            onClick={onToggleSidebar}\n          >\n            <ToggleIcon aria-hidden />\n          </button>\n        ) : null}\n        <div className={styles.title}>{title}</div>\n      </div>\n      {actions ? <div className={styles.actions}>{actions}</div> : null}\n    </header>\n  );\n};\n",".root {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: var(--cube-header-height, 3rem);\n  padding: 0.5rem 1rem;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: inherit;\n  background: var(--cube-surface-color, #fff);\n  border-bottom: 1px solid var(--cube-border-color, #d1d5db);\n  transition: color 200ms ease, background-color 200ms ease,\n    border-color 200ms ease;\n}\n\n:global(.dark) .root,\n:global([data-theme=\"dark\"]) .root {\n  background: var(--cube-dark-surface-color, #141414);\n  border-bottom-color: var(--cube-dark-border-color, #374151);\n}\n\n.leading {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.toggle {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  margin: 0 1rem 0 0;\n  font: inherit;\n  font-size: 1.25rem;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.toggle:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 3px;\n  border-radius: 2px;\n}\n\n.title {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 0.5rem;\n  margin-left: 0.5rem;\n}\n","import { type ReactNode, useState } from \"react\";\nimport { UserOutlined } from \"@ant-design/icons\";\nimport { Popover } from \"antd\";\nimport styles from \"./account-menu.module.css\";\n\nexport interface AccountMenuRenderContext {\n  close(): void;\n}\n\nexport interface AccountMenuButtonProps {\n  content: ReactNode | ((context: AccountMenuRenderContext) => ReactNode);\n}\n\nexport const AccountMenuButton = ({ content }: AccountMenuButtonProps) => {\n  const [open, setOpen] = useState(false);\n  const close = () => setOpen(false);\n  const renderedContent = typeof content === \"function\" ? content({ close }) : content;\n\n  return (\n    <Popover\n      placement=\"bottomRight\"\n      trigger=\"click\"\n      content={renderedContent}\n      open={open}\n      onOpenChange={setOpen}\n      arrow\n    >\n      <button\n        type=\"button\"\n        className={styles.trigger}\n        aria-label=\"打开用户菜单\"\n        aria-expanded={open}\n        aria-haspopup=\"dialog\"\n      >\n        <UserOutlined aria-hidden />\n      </button>\n    </Popover>\n  );\n};\n",".trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem;\n  margin: 0;\n  font: inherit;\n  font-size: 1.25rem;\n  line-height: 1;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.trigger:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 3px;\n  border-radius: 50%;\n}\n\n.menu {\n  width: 16rem;\n  max-width: calc(100vw - 2rem);\n}\n\n.stats {\n  display: flex;\n  justify-content: space-around;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.footer {\n  margin-top: 0.5rem;\n}\n","import type { Key, ReactNode } from \"react\";\nimport { Button, Statistic } from \"antd\";\nimport styles from \"./account-menu.module.css\";\n\nexport interface AccountMenuStat {\n  key: Key;\n  title: ReactNode;\n  value: string | number;\n  icon?: ReactNode;\n}\n\nexport interface AccountMenuItem {\n  key: Key;\n  label: ReactNode;\n  icon?: ReactNode;\n  danger?: boolean;\n  disabled?: boolean;\n  onClick?(): void;\n}\n\nexport interface AccountMenuProps {\n  stats?: AccountMenuStat[];\n  items?: AccountMenuItem[];\n  footer?: ReactNode;\n}\n\nexport const AccountMenu = ({ stats = [], items = [], footer }: AccountMenuProps) => (\n  <div className={styles.menu}>\n    {stats.length > 0 ? (\n      <div className={styles.stats}>\n        {stats.map((stat) => (\n          <Statistic key={stat.key} title={stat.title} value={stat.value} prefix={stat.icon} />\n        ))}\n      </div>\n    ) : null}\n    {items.length > 0 ? (\n      <div className={styles.items}>\n        {items.map((item) => (\n          <Button\n            key={item.key}\n            block\n            icon={item.icon}\n            danger={item.danger}\n            disabled={item.disabled}\n            aria-label={typeof item.label === \"string\" ? item.label : undefined}\n            onClick={item.onClick}\n          >\n            {item.label}\n          </Button>\n        ))}\n      </div>\n    ) : null}\n    {footer ? <div className={styles.footer}>{footer}</div> : null}\n  </div>\n);\n","import type { Key, ReactNode } from \"react\";\nimport { BarcodeOutlined, GithubOutlined, SendOutlined } from \"@ant-design/icons\";\nimport { Flex, Modal } from \"antd\";\nimport styles from \"./about-dialog.module.css\";\n\nexport interface AboutAppInfo {\n  name: string;\n  version?: string;\n  repository?: string;\n  description?: ReactNode;\n}\n\nexport interface AboutAuthorInfo {\n  name: string;\n  url?: string;\n}\n\nexport interface AboutItem {\n  key: Key;\n  icon?: ReactNode;\n  label: ReactNode;\n  value: ReactNode;\n  href?: string;\n}\n\nexport interface AboutDialogProps {\n  open: boolean;\n  onClose(): void;\n  app: AboutAppInfo;\n  contactEmail?: string;\n  author?: AboutAuthorInfo;\n  items?: AboutItem[];\n}\n\nconst renderItem = (item: AboutItem) => {\n  const content = (\n    <div className={styles.item}>\n      <Flex justify=\"space-between\" gap={16}>\n        <div className={styles.itemLabel}>\n          {item.icon ? <>{item.icon} &nbsp;</> : null}\n          {item.label}\n        </div>\n        <div className={styles.itemValue}>{item.value}</div>\n      </Flex>\n    </div>\n  );\n\n  return item.href ? (\n    <a key={item.key} href={item.href} className={styles.link}>\n      {content}\n    </a>\n  ) : (\n    <div key={item.key}>{content}</div>\n  );\n};\n\nexport const AboutDialog = ({\n  open,\n  onClose,\n  app,\n  contactEmail,\n  author,\n  items = [],\n}: AboutDialogProps) => {\n  const defaultItems: AboutItem[] = [];\n\n  if (contactEmail) {\n    defaultItems.push({\n      key: \"contact\",\n      icon: <SendOutlined />,\n      label: \"联系我\",\n      value: contactEmail,\n      href: `mailto:${contactEmail}?&subject=${encodeURIComponent(\n        `${app.name} 相关`,\n      )}`,\n    });\n  }\n\n  if (app.version) {\n    defaultItems.push({\n      key: \"version\",\n      icon: <BarcodeOutlined />,\n      label: \"当前版本\",\n      value: app.version,\n    });\n  }\n\n  if (app.repository) {\n    defaultItems.push({\n      key: \"repository\",\n      icon: <GithubOutlined />,\n      label: \"开源地址\",\n      value: \"github\",\n      href: app.repository,\n    });\n  }\n\n  const renderedItems = [...defaultItems, ...items];\n\n  return (\n    <Modal\n      open={open}\n      onCancel={onClose}\n      onOk={onClose}\n      title={`关于应用 ${app.name}`}\n      footer={(_, { OkBtn }) => (\n        <Flex\n          align=\"center\"\n          justify={author ? \"space-between\" : \"flex-end\"}\n          gap={16}\n        >\n          {author ? (\n            <div className={styles.poweredBy}>\n              Powered by 💗{\" \"}\n              {author.url ? (\n                <a href={author.url}>{author.name}</a>\n              ) : (\n                author.name\n              )}\n            </div>\n          ) : null}\n          <OkBtn />\n        </Flex>\n      )}\n    >\n      <Flex gap={16} vertical className={styles.body}>\n        {app.description ? (\n          <div className={styles.description}>{app.description}</div>\n        ) : null}\n        {renderedItems.map(renderItem)}\n      </Flex>\n    </Modal>\n  );\n};\n",".body {\n  margin-bottom: 1rem;\n}\n\n.description {\n  margin: 1rem 0 0.5rem;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n\n.item {\n  padding: 0.5rem;\n  color: #6b7280;\n  background: #f3f4f6;\n  border-radius: 0.375rem;\n}\n\n:global(.dark) .item,\n:global([data-theme=\"dark\"]) .item {\n  color: #e5e7eb;\n  background: #262626;\n}\n\n.itemLabel {\n  color: inherit;\n  white-space: nowrap;\n}\n\n.itemValue {\n  min-width: 0;\n  overflow: hidden;\n  text-align: right;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.poweredBy {\n  color: #6b7280;\n}\n\n:global(.dark) .poweredBy,\n:global([data-theme=\"dark\"]) .poweredBy {\n  color: #e5e7eb;\n}\n",".root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  transition: width 200ms ease;\n}\n\n.sidebarTop,\n.sidebarBottom {\n  flex-shrink: 0;\n}\n\n.sidebarList {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.desktopArea {\n  flex-grow: 1;\n  min-width: 0;\n  height: 100%;\n  overflow: hidden;\n  transition: width 200ms ease;\n}\n\n.content {\n  height: calc(100% - var(--cube-header-height, 3rem) - 1px);\n  overflow-y: auto;\n}\n\n.searchButton {\n  width: 15rem;\n}\n\n.mobileRoot {\n  width: 100vw;\n  height: 100%;\n  overflow: hidden;\n}\n\n.mobileContent {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n}\n","import { Fragment, type ReactNode } from \"react\";\nimport { Button, Drawer, Flex, Statistic } from \"antd\";\nimport { useCubeAppContext } from \"../cube-app/cube-app\";\nimport styles from \"./mobile-account-sheet.module.css\";\n\nexport interface MobileAccountSheetProps {\n  visible: boolean;\n  onVisibleChange(visible: boolean): void;\n}\n\ninterface CellProps {\n  title: ReactNode;\n  extra?: ReactNode;\n  onClick?(): void;\n}\n\nconst Cell = ({ title, extra, onClick }: CellProps) =>\n  onClick ? (\n    <button type=\"button\" className={styles.cell} onClick={onClick}>\n      <span>{title}</span>\n      {extra ? <span>{extra}</span> : null}\n    </button>\n  ) : (\n    <div className={styles.cell}>\n      <span>{title}</span>\n      {extra ? <span>{extra}</span> : null}\n    </div>\n  );\n\nexport const MobileAccountSheet = ({ visible, onVisibleChange }: MobileAccountSheetProps) => {\n  const { accountMenuStats, accountMenuItems, onLogoutBtnClick, userName } = useCubeAppContext();\n  const close = () => onVisibleChange(false);\n\n  return (\n    <Drawer\n      open={visible}\n      onClose={close}\n      placement=\"left\"\n      width=\"100%\"\n      closable={false}\n      styles={{\n        header: { display: \"none\" },\n        body: { padding: 12 },\n        footer: { padding: 8, borderTop: \"none\" },\n      }}\n      footer={\n        <Button block size=\"large\" type=\"primary\" aria-label=\"返回\" onClick={close}>\n          返回\n        </Button>\n      }\n    >\n      <Flex vertical gap={12}>\n        {accountMenuStats && accountMenuStats.length > 0 ? (\n          <div className={styles.card}>\n            <Flex justify=\"space-around\">\n              {accountMenuStats.map((stat) => (\n                <Statistic key={stat.key} title={stat.title} value={stat.value} prefix={stat.icon} />\n              ))}\n            </Flex>\n          </div>\n        ) : null}\n\n        {userName ? (\n          <div className={styles.card}>\n            <Cell title=\"登录用户\" extra={userName} />\n          </div>\n        ) : null}\n\n        {accountMenuItems && accountMenuItems.length > 0 ? (\n          <div className={styles.card}>\n            {accountMenuItems.map((item, index) => (\n              <Fragment key={item.key}>\n                <Cell\n                  title={\n                    <>\n                      {item.icon} &nbsp;{item.label}\n                    </>\n                  }\n                  onClick={() => {\n                    item.onClick?.();\n                    close();\n                  }}\n                />\n                {index !== accountMenuItems.length - 1 ? <div className={styles.splitLine} /> : null}\n              </Fragment>\n            ))}\n          </div>\n        ) : null}\n\n        {onLogoutBtnClick ? (\n          <div className={styles.card}>\n            <Cell\n              title=\"登出\"\n              onClick={() => {\n                onLogoutBtnClick();\n                close();\n              }}\n            />\n          </div>\n        ) : null}\n      </Flex>\n    </Drawer>\n  );\n};\n",".card {\n  padding: 0.5rem 0.75rem;\n  background: var(--cube-surface-color, #fff);\n  border: 1px solid var(--cube-border-color, #d1d5db);\n  border-radius: 0.5rem;\n}\n\n:global(.dark) .card,\n:global([data-theme=\"dark\"]) .card {\n  background: var(--cube-dark-surface-color, #141414);\n  border-color: var(--cube-dark-border-color, #374151);\n}\n\n.cell {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0.375rem 0;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n}\n\n.splitLine {\n  height: 1px;\n  margin: 0.25rem 0;\n  background: var(--cube-border-color, #d1d5db);\n}\n\n:global(.dark) .splitLine,\n:global([data-theme=\"dark\"]) .splitLine {\n  background: var(--cube-dark-border-color, #374151);\n}\n","import { type HTMLAttributes, useEffect, useState } from \"react\";\nimport { Flex } from \"antd\";\nimport styles from \"./loading.module.css\";\n\nexport interface PageLoadingProps {\n  tip?: string;\n}\n\nexport const PageLoading = ({ tip = \"加载中...\" }: PageLoadingProps) => (\n  <Flex justify=\"center\" align=\"center\" className={styles.pageLoading}>\n    {tip}\n  </Flex>\n);\n\nexport interface DelayedLoadingProps extends HTMLAttributes<HTMLDivElement> {\n  tip?: string;\n  delay?: number;\n}\n\nexport const DelayedLoading = ({\n  tip = \"页面加载中...\",\n  delay = 500,\n  className,\n  ...props\n}: DelayedLoadingProps) => {\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    const timer = window.setTimeout(() => setVisible(true), delay);\n    return () => window.clearTimeout(timer);\n  }, [delay]);\n\n  if (!visible) return null;\n\n  return (\n    <div\n      className={[styles.delayedLoading, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {tip}\n    </div>\n  );\n};\n",".pageLoading {\n  width: 100%;\n  height: 100%;\n}\n\n.delayedLoading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin: 1.5rem 0;\n}\n\n:global(.dark) .delayedLoading,\n:global([data-theme=\"dark\"]) .delayedLoading {\n  color: #9ca3af;\n}\n","import type { PropsWithChildren, ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"antd\";\nimport { useCubeAppHeaderLeft } from \"../cube-app/cube-app\";\nimport { MobileOnly } from \"../responsive/responsive\";\nimport styles from \"./page.module.css\";\n\nconst PageContainer = ({ children }: PropsWithChildren) => <div className={styles.container}>{children}</div>;\n\nconst PageContent = ({ children }: PropsWithChildren) => <div className={styles.content}>{children}</div>;\n\nconst PageActionBar = ({ children }: PropsWithChildren) => (\n  <MobileOnly>\n    <div className={styles.actionBar}>{children}</div>\n  </MobileOnly>\n);\n\nexport const ActionIcon = ({ className, size = \"large\", ...props }: ButtonProps) => (\n  <Button className={[styles.actionIcon, className].filter(Boolean).join(\" \")} size={size} {...props} />\n);\n\nexport const ActionButton = ({\n  children,\n  type = \"primary\",\n  block = true,\n  size = \"large\",\n  ...props\n}: ButtonProps) => (\n  <Button block={block} size={size} type={type} {...props}>\n    {children}\n  </Button>\n);\n\nexport interface CubePageProps extends PropsWithChildren {\n  desktopHeaderLeft?: ReactNode;\n  mobileActionBar?: ReactNode;\n}\n\nexport const CubePage = ({ desktopHeaderLeft, mobileActionBar, children }: CubePageProps) => {\n  useCubeAppHeaderLeft(desktopHeaderLeft);\n\n  return (\n    <PageContainer>\n      <PageContent>{children}</PageContent>\n      {mobileActionBar ? <PageActionBar>{mobileActionBar}</PageActionBar> : null}\n    </PageContainer>\n  );\n};\n",".container {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.content {\n  position: relative;\n  height: 100%;\n  overflow-y: auto;\n}\n\n@media (max-width: 767px) {\n  .content {\n    height: calc(100% - var(--cube-mobile-action-height, 40px) - 1rem);\n  }\n}\n\n.actionBar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  height: var(--cube-mobile-action-height, 40px);\n  padding: 0.5rem;\n}\n\n.actionIcon {\n  flex-shrink: 0;\n}\n"],"mappings":"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","names":["useMemo","useMemo","useCallback","useMemo","useState","Button","jsx","jsx","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","useState","useCallback","useMemo","Button","Fragment","Button","Flex","Statistic","Fragment","jsx","jsxs","Button","Flex","Statistic","useEffect","useState","Flex","jsx","Flex","useState","useEffect","Button","jsx","jsxs","Button"]}
+{"version":3,"sources":["../src/responsive/responsive.tsx","../src/cube-config-provider/cube-config-provider.tsx","../src/cube-app/cube-app.tsx","../src/app-header/app-header.tsx","../src/account-menu/account-menu-button.tsx","../src/account-menu/account-menu.tsx","../src/about-dialog/about-dialog.tsx","../src/mobile-account-sheet/mobile-account-sheet.tsx","../src/loading/loading.tsx","../src/page/page.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode, useCallback, useMemo, useSyncExternalStore } from \"react\";\n\nexport const DEFAULT_MOBILE_BREAKPOINT = 767;\n\nexport interface UseMediaQueryOptions {\n  defaultMatches?: boolean;\n}\n\nexport interface ResponsiveProps extends PropsWithChildren {\n  defaultMatches?: boolean;\n}\n\nexport const useMediaQuery = (query: string, options: UseMediaQueryOptions = {}): boolean => {\n  const { defaultMatches = false } = options;\n  const mediaQueryList = useMemo(\n    () =>\n      typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n        ? window.matchMedia(query)\n        : null,\n    [query],\n  );\n\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      if (!mediaQueryList) return () => undefined;\n      mediaQueryList.addEventListener(\"change\", notify);\n      return () => mediaQueryList.removeEventListener(\"change\", notify);\n    },\n    [mediaQueryList],\n  );\n\n  const getSnapshot = useCallback(\n    () => mediaQueryList?.matches ?? defaultMatches,\n    [defaultMatches, mediaQueryList],\n  );\n  const getServerSnapshot = useCallback(() => defaultMatches, [defaultMatches]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n\nexport const useIsMobile = ({ defaultMatches }: UseMediaQueryOptions = {}): boolean =>\n  useMediaQuery(`(max-width: ${DEFAULT_MOBILE_BREAKPOINT}px)`, { defaultMatches });\n\nexport const MobileOnly = ({ children, defaultMatches }: ResponsiveProps): ReactNode => {\n  const isMobile = useIsMobile({ defaultMatches });\n  return isMobile ? children : null;\n};\n\nexport const DesktopOnly = ({ children, defaultMatches }: ResponsiveProps): ReactNode => {\n  const isMobile = useIsMobile({ defaultMatches });\n  return isMobile ? null : children;\n};\n","import { useMemo, type ReactNode } from \"react\";\nimport { ConfigProvider } from \"antd\";\nimport zhCN from \"antd/locale/zh_CN\";\nimport { useIsMobile } from \"../responsive/responsive\";\n\nexport interface CubeConfigProviderProps {\n  children: ReactNode;\n\n  primaryColor?: string;\n}\n\nconst DEFAULT_PRIMARY_COLOR = \"#ec008c\";\n\n/**\n * Applies the fixed Cube antd configuration (`zh_CN` locale, `primaryColor` token, a larger\n * base font size on mobile) without rendering any application shell. Mount it on its own for\n * pages that should share the Cube theme but live outside `CubeApp` — `CubeApp` itself wraps\n * this component internally.\n */\nexport const CubeConfigProvider = ({ children, primaryColor }: CubeConfigProviderProps) => {\n  const isMobile = useIsMobile();\n\n  const theme = useMemo(\n    () => ({\n      token: {\n        colorPrimary: primaryColor ?? DEFAULT_PRIMARY_COLOR,\n        lineWidth: 2,\n        controlOutlineWidth: 1,\n        ...(isMobile ? { fontSize: 16 } : {}),\n      },\n      components: {\n        Card: {\n          colorBorderSecondary: \"var(--cube-border-color, #d1d5db)\",\n          lineHeight: 1.6,\n        },\n      },\n    }),\n    [primaryColor, isMobile],\n  );\n\n  return (\n    <ConfigProvider locale={zhCN} theme={theme}>\n      {children}\n    </ConfigProvider>\n  );\n};\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"antd\";\nimport { SearchOutlined, SmileOutlined } from \"@ant-design/icons\";\nimport { useIsMobile } from \"../responsive/responsive\";\nimport { CubeConfigProvider } from \"../cube-config-provider/cube-config-provider\";\nimport { AppHeader } from \"../app-header/app-header\";\nimport { AccountMenuButton } from \"../account-menu/account-menu-button\";\nimport { AccountMenu, type AccountMenuItem, type AccountMenuStat } from \"../account-menu/account-menu\";\nimport {\n  AboutDialog,\n  type AboutAppInfo,\n  type AboutAuthorInfo,\n  type AboutItem,\n} from \"../about-dialog/about-dialog\";\nimport \"./cube-app.css\";\n\nexport interface CubeAppAboutInfo extends AboutAppInfo {\n  contactEmail?: string;\n  author?: AboutAuthorInfo;\n  items?: AboutItem[];\n}\n\nexport interface CubeAppContextValue {\n  accountMenuStats?: AccountMenuStat[];\n  accountMenuItems?: AccountMenuItem[];\n  onLogoutBtnClick?(): void;\n  userName?: ReactNode;\n  openAbout(): void;\n  setHeaderLeft(node: ReactNode): void;\n}\n\nconst CubeAppContext = createContext<CubeAppContextValue>({\n  openAbout: () => undefined,\n  setHeaderLeft: () => undefined,\n});\n\n/**\n * Reads the account/about configuration passed to `CubeApp`. Only needed by components\n * mounted elsewhere in the route tree (e.g. `MobileAccountSheet`) — `CubeApp` itself\n * already has this data as props.\n */\nexport const useCubeAppContext = (): CubeAppContextValue => useContext(CubeAppContext);\n\n/**\n * Lets the currently mounted page override `CubeApp`'s `headerLeft` slot. Resets to the\n * default `headerLeft` prop when the calling component unmounts.\n */\nexport const useCubeAppHeaderLeft = (node: ReactNode): void => {\n  const { setHeaderLeft } = useCubeAppContext();\n\n  useEffect(() => {\n    setHeaderLeft(node);\n    return () => setHeaderLeft(undefined);\n  }, [node, setHeaderLeft]);\n};\n\nexport interface CubeAppProps {\n  children: ReactNode;\n\n  primaryColor?: string;\n\n  accountMenuStats?: AccountMenuStat[];\n  accountMenuItems?: AccountMenuItem[];\n  onLogoutBtnClick?(): void;\n  userName?: ReactNode;\n  about: CubeAppAboutInfo;\n\n  sidebarTop?: ReactNode;\n  sidebarList?: ReactNode;\n  sidebarBottom?: ReactNode;\n\n  headerLeft?: ReactNode;\n  headerRight?: ReactNode;\n  headerSearchBtnLabel?: string;\n  onHeaderSearchBtnClick?(): void;\n}\n\nconst SIDEBAR_WIDTH = \"var(--cube-sidebar-width, 15rem)\";\n\nexport const CubeApp = ({\n  children,\n  primaryColor,\n  accountMenuStats,\n  accountMenuItems,\n  onLogoutBtnClick,\n  userName,\n  about,\n  sidebarTop,\n  sidebarList,\n  sidebarBottom,\n  headerLeft,\n  headerRight,\n  headerSearchBtnLabel,\n  onHeaderSearchBtnClick,\n}: CubeAppProps) => {\n  const isMobile = useIsMobile();\n  const [collapsed, setCollapsed] = useState(false);\n  const toggleSidebar = useCallback(() => setCollapsed((value) => !value), []);\n  const [aboutOpen, setAboutOpen] = useState(false);\n  const [headerLeftOverride, setHeaderLeftOverride] = useState<ReactNode>(undefined);\n\n  const itemsWithAbout = useMemo<AccountMenuItem[]>(\n    () => [\n      ...(accountMenuItems ?? []),\n      {\n        key: \"cube-app-about\",\n        label: \"关于\",\n        icon: <SmileOutlined />,\n        onClick: () => setAboutOpen(true),\n      },\n    ],\n    [accountMenuItems],\n  );\n\n  const contextValue = useMemo<CubeAppContextValue>(\n    () => ({\n      accountMenuStats,\n      accountMenuItems: itemsWithAbout,\n      onLogoutBtnClick,\n      userName,\n      openAbout: () => setAboutOpen(true),\n      setHeaderLeft: setHeaderLeftOverride,\n    }),\n    [accountMenuStats, itemsWithAbout, onLogoutBtnClick, userName],\n  );\n\n  const renderAccountMenuButton = () => (\n    <AccountMenuButton\n      content={({ close }) => (\n        <AccountMenu\n          stats={accountMenuStats}\n          items={itemsWithAbout.map((item) => ({\n            ...item,\n            onClick: () => {\n              item.onClick?.();\n              close();\n            },\n          }))}\n          footer={\n            onLogoutBtnClick ? (\n              <Button\n                block\n                danger\n                aria-label=\"登出\"\n                onClick={() => {\n                  onLogoutBtnClick();\n                  close();\n                }}\n              >\n                登出\n              </Button>\n            ) : undefined\n          }\n        />\n      )}\n    />\n  );\n\n  const renderShell = () => {\n    if (isMobile) {\n      return (\n        <div className={\"cube-app-mobile-root\"} data-testid=\"cube-app-shell-mobile\">\n          <main className={\"cube-app-mobile-content\"}>{children}</main>\n        </div>\n      );\n    }\n\n    const sidebarStyle: CSSProperties = {\n      width: collapsed ? \"0px\" : SIDEBAR_WIDTH,\n    };\n    const contentStyle: CSSProperties = {\n      width: collapsed ? \"100vw\" : `calc(100vw - ${SIDEBAR_WIDTH})`,\n    };\n\n    return (\n      <div className={\"cube-app-root\"} data-testid=\"cube-app-shell\">\n        <aside\n          className={\"cube-app-sidebar\"}\n          style={sidebarStyle}\n          data-testid=\"cube-app-shell-sidebar\"\n          aria-hidden={collapsed}\n        >\n          {sidebarTop ? <div className={\"cube-app-sidebar-top\"}>{sidebarTop}</div> : null}\n          <div className={\"cube-app-sidebar-list\"}>{sidebarList}</div>\n          {sidebarBottom ? <div className={\"cube-app-sidebar-bottom\"}>{sidebarBottom}</div> : null}\n        </aside>\n        <div className={\"cube-app-desktop-area\"} style={contentStyle}>\n          <AppHeader\n            title={headerLeftOverride ?? headerLeft}\n            collapsed={collapsed}\n            onToggleSidebar={toggleSidebar}\n            actions={\n              <>\n                {headerRight}\n                {onHeaderSearchBtnClick ? (\n                  <Button\n                    className={\"cube-app-search-button\"}\n                    icon={<SearchOutlined aria-hidden />}\n                    aria-label={headerSearchBtnLabel ?? \"\\u641c\\u7d22\"}\n                    onClick={onHeaderSearchBtnClick}\n                  >\n                    {headerSearchBtnLabel ?? \"\\u641c\\u7d22\"}\n                  </Button>\n                ) : null}\n                {renderAccountMenuButton()}\n              </>\n            }\n          />\n          <main className={\"cube-app-content\"}>{children}</main>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <CubeConfigProvider primaryColor={primaryColor}>\n      <CubeAppContext.Provider value={contextValue}>\n        {renderShell()}\n        <AboutDialog\n          open={aboutOpen}\n          onClose={() => setAboutOpen(false)}\n          app={about}\n          contactEmail={about.contactEmail}\n          author={about.author}\n          items={about.items}\n        />\n      </CubeAppContext.Provider>\n    </CubeConfigProvider>\n  );\n};\n","import type { HTMLAttributes, ReactNode } from \"react\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons\";\nimport \"./app-header.css\";\n\nexport interface AppHeaderProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  actions?: ReactNode;\n  collapsed?: boolean;\n  showSidebarToggle?: boolean;\n  onToggleSidebar?(): void;\n}\n\nexport const AppHeader = ({\n  title,\n  actions,\n  collapsed = false,\n  onToggleSidebar,\n  showSidebarToggle = onToggleSidebar !== undefined,\n  className,\n  ...headerProps\n}: AppHeaderProps) => {\n  const label = collapsed ? \"展开侧边栏\" : \"收起侧边栏\";\n  const ToggleIcon = collapsed ? MenuUnfoldOutlined : MenuFoldOutlined;\n\n  return (\n    <header className={[\"cube-app-header\", className].filter(Boolean).join(\" \")} {...headerProps}>\n      <div className={\"cube-app-header-leading\"}>\n        {showSidebarToggle ? (\n          <button\n            type=\"button\"\n            className={\"cube-app-header-toggle\"}\n            aria-label={label}\n            aria-expanded={!collapsed}\n            onClick={onToggleSidebar}\n          >\n            <ToggleIcon aria-hidden />\n          </button>\n        ) : null}\n        <div className={\"cube-app-header-title\"}>{title}</div>\n      </div>\n      {actions ? <div className={\"cube-app-header-actions\"}>{actions}</div> : null}\n    </header>\n  );\n};\n","import { type ReactNode, useState } from \"react\";\nimport { UserOutlined } from \"@ant-design/icons\";\nimport { Popover } from \"antd\";\nimport \"./account-menu.css\";\n\nexport interface AccountMenuRenderContext {\n  close(): void;\n}\n\nexport interface AccountMenuButtonProps {\n  content: ReactNode | ((context: AccountMenuRenderContext) => ReactNode);\n}\n\nexport const AccountMenuButton = ({ content }: AccountMenuButtonProps) => {\n  const [open, setOpen] = useState(false);\n  const close = () => setOpen(false);\n  const renderedContent = typeof content === \"function\" ? content({ close }) : content;\n\n  return (\n    <Popover\n      placement=\"bottomRight\"\n      trigger=\"click\"\n      content={renderedContent}\n      open={open}\n      onOpenChange={setOpen}\n      arrow\n    >\n      <button\n        type=\"button\"\n        className={\"cube-account-trigger\"}\n        aria-label=\"打开用户菜单\"\n        aria-expanded={open}\n        aria-haspopup=\"dialog\"\n      >\n        <UserOutlined aria-hidden />\n      </button>\n    </Popover>\n  );\n};\n","import type { Key, ReactNode } from \"react\";\nimport { Button, Statistic } from \"antd\";\nimport \"./account-menu.css\";\n\nexport interface AccountMenuStat {\n  key: Key;\n  title: ReactNode;\n  value: string | number;\n  icon?: ReactNode;\n}\n\nexport interface AccountMenuItem {\n  key: Key;\n  label: ReactNode;\n  icon?: ReactNode;\n  danger?: boolean;\n  disabled?: boolean;\n  onClick?(): void;\n}\n\nexport interface AccountMenuProps {\n  stats?: AccountMenuStat[];\n  items?: AccountMenuItem[];\n  footer?: ReactNode;\n}\n\nexport const AccountMenu = ({ stats = [], items = [], footer }: AccountMenuProps) => (\n  <div className={\"cube-account-menu\"}>\n    {stats.length > 0 ? (\n      <div className={\"cube-account-menu-stats\"}>\n        {stats.map((stat) => (\n          <Statistic key={stat.key} title={stat.title} value={stat.value} prefix={stat.icon} />\n        ))}\n      </div>\n    ) : null}\n    {items.length > 0 ? (\n      <div className={\"cube-account-menu-items\"}>\n        {items.map((item) => (\n          <Button\n            key={item.key}\n            block\n            icon={item.icon}\n            danger={item.danger}\n            disabled={item.disabled}\n            aria-label={typeof item.label === \"string\" ? item.label : undefined}\n            onClick={item.onClick}\n          >\n            {item.label}\n          </Button>\n        ))}\n      </div>\n    ) : null}\n    {footer ? <div className={\"cube-account-menu-footer\"}>{footer}</div> : null}\n  </div>\n);\n","import type { Key, ReactNode } from \"react\";\nimport { BarcodeOutlined, GithubOutlined, SendOutlined } from \"@ant-design/icons\";\nimport { Flex, Modal } from \"antd\";\nimport \"./about-dialog.css\";\n\nexport interface AboutAppInfo {\n  name: string;\n  version?: string;\n  repository?: string;\n  description?: ReactNode;\n}\n\nexport interface AboutAuthorInfo {\n  name: string;\n  url?: string;\n}\n\nexport interface AboutItem {\n  key: Key;\n  icon?: ReactNode;\n  label: ReactNode;\n  value: ReactNode;\n  href?: string;\n}\n\nexport interface AboutDialogProps {\n  open: boolean;\n  onClose(): void;\n  app: AboutAppInfo;\n  contactEmail?: string;\n  author?: AboutAuthorInfo;\n  items?: AboutItem[];\n}\n\nconst renderItem = (item: AboutItem) => {\n  const content = (\n    <div className={\"cube-about-item\"}>\n      <Flex justify=\"space-between\" gap={16}>\n        <div className={\"cube-about-item-label\"}>\n          {item.icon ? <>{item.icon} &nbsp;</> : null}\n          {item.label}\n        </div>\n        <div className={\"cube-about-item-value\"}>{item.value}</div>\n      </Flex>\n    </div>\n  );\n\n  return item.href ? (\n    <a key={item.key} href={item.href} className={\"cube-about-link\"}>\n      {content}\n    </a>\n  ) : (\n    <div key={item.key}>{content}</div>\n  );\n};\n\nexport const AboutDialog = ({\n  open,\n  onClose,\n  app,\n  contactEmail,\n  author,\n  items = [],\n}: AboutDialogProps) => {\n  const defaultItems: AboutItem[] = [];\n\n  if (contactEmail) {\n    defaultItems.push({\n      key: \"contact\",\n      icon: <SendOutlined />,\n      label: \"联系我\",\n      value: contactEmail,\n      href: `mailto:${contactEmail}?&subject=${encodeURIComponent(\n        `${app.name} 相关`,\n      )}`,\n    });\n  }\n\n  if (app.version) {\n    defaultItems.push({\n      key: \"version\",\n      icon: <BarcodeOutlined />,\n      label: \"当前版本\",\n      value: app.version,\n    });\n  }\n\n  if (app.repository) {\n    defaultItems.push({\n      key: \"repository\",\n      icon: <GithubOutlined />,\n      label: \"开源地址\",\n      value: \"github\",\n      href: app.repository,\n    });\n  }\n\n  const renderedItems = [...defaultItems, ...items];\n\n  return (\n    <Modal\n      open={open}\n      onCancel={onClose}\n      onOk={onClose}\n      title={`关于应用 ${app.name}`}\n      footer={(_, { OkBtn }) => (\n        <Flex\n          align=\"center\"\n          justify={author ? \"space-between\" : \"flex-end\"}\n          gap={16}\n        >\n          {author ? (\n            <div className={\"cube-about-powered-by\"}>\n              Powered by 💗{\" \"}\n              {author.url ? (\n                <a href={author.url}>{author.name}</a>\n              ) : (\n                author.name\n              )}\n            </div>\n          ) : null}\n          <OkBtn />\n        </Flex>\n      )}\n    >\n      <Flex gap={16} vertical className={\"cube-about-body\"}>\n        {app.description ? (\n          <div className={\"cube-about-description\"}>{app.description}</div>\n        ) : null}\n        {renderedItems.map(renderItem)}\n      </Flex>\n    </Modal>\n  );\n};\n","import { Fragment, type ReactNode } from \"react\";\nimport { Button, Drawer, Flex, Statistic } from \"antd\";\nimport { useCubeAppContext } from \"../cube-app/cube-app\";\nimport \"./mobile-account-sheet.css\";\n\nexport interface MobileAccountSheetProps {\n  visible: boolean;\n  onVisibleChange(visible: boolean): void;\n}\n\ninterface CellProps {\n  title: ReactNode;\n  extra?: ReactNode;\n  onClick?(): void;\n}\n\nconst Cell = ({ title, extra, onClick }: CellProps) =>\n  onClick ? (\n    <button type=\"button\" className={\"cube-sheet-cell\"} onClick={onClick}>\n      <span>{title}</span>\n      {extra ? <span>{extra}</span> : null}\n    </button>\n  ) : (\n    <div className={\"cube-sheet-cell\"}>\n      <span>{title}</span>\n      {extra ? <span>{extra}</span> : null}\n    </div>\n  );\n\nexport const MobileAccountSheet = ({ visible, onVisibleChange }: MobileAccountSheetProps) => {\n  const { accountMenuStats, accountMenuItems, onLogoutBtnClick, userName } = useCubeAppContext();\n  const close = () => onVisibleChange(false);\n\n  return (\n    <Drawer\n      open={visible}\n      onClose={close}\n      placement=\"left\"\n      width=\"100%\"\n      closable={false}\n      styles={{\n        header: { display: \"none\" },\n        body: { padding: 12 },\n        footer: { padding: 8, borderTop: \"none\" },\n      }}\n      footer={\n        <Button block size=\"large\" type=\"primary\" aria-label=\"返回\" onClick={close}>\n          返回\n        </Button>\n      }\n    >\n      <Flex vertical gap={12}>\n        {accountMenuStats && accountMenuStats.length > 0 ? (\n          <div className={\"cube-sheet-card\"}>\n            <Flex justify=\"space-around\">\n              {accountMenuStats.map((stat) => (\n                <Statistic key={stat.key} title={stat.title} value={stat.value} prefix={stat.icon} />\n              ))}\n            </Flex>\n          </div>\n        ) : null}\n\n        {userName ? (\n          <div className={\"cube-sheet-card\"}>\n            <Cell title=\"登录用户\" extra={userName} />\n          </div>\n        ) : null}\n\n        {accountMenuItems && accountMenuItems.length > 0 ? (\n          <div className={\"cube-sheet-card\"}>\n            {accountMenuItems.map((item, index) => (\n              <Fragment key={item.key}>\n                <Cell\n                  title={\n                    <>\n                      {item.icon} &nbsp;{item.label}\n                    </>\n                  }\n                  onClick={() => {\n                    item.onClick?.();\n                    close();\n                  }}\n                />\n                {index !== accountMenuItems.length - 1 ? <div className={\"cube-sheet-split-line\"} /> : null}\n              </Fragment>\n            ))}\n          </div>\n        ) : null}\n\n        {onLogoutBtnClick ? (\n          <div className={\"cube-sheet-card\"}>\n            <Cell\n              title=\"登出\"\n              onClick={() => {\n                onLogoutBtnClick();\n                close();\n              }}\n            />\n          </div>\n        ) : null}\n      </Flex>\n    </Drawer>\n  );\n};\n","import { type HTMLAttributes, useEffect, useState } from \"react\";\nimport { Flex } from \"antd\";\nimport \"./loading.css\";\n\nexport interface PageLoadingProps {\n  tip?: string;\n}\n\nexport const PageLoading = ({ tip = \"加载中...\" }: PageLoadingProps) => (\n  <Flex justify=\"center\" align=\"center\" className={\"cube-page-loading\"}>\n    {tip}\n  </Flex>\n);\n\nexport interface DelayedLoadingProps extends HTMLAttributes<HTMLDivElement> {\n  tip?: string;\n  delay?: number;\n}\n\nexport const DelayedLoading = ({\n  tip = \"页面加载中...\",\n  delay = 500,\n  className,\n  ...props\n}: DelayedLoadingProps) => {\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    const timer = window.setTimeout(() => setVisible(true), delay);\n    return () => window.clearTimeout(timer);\n  }, [delay]);\n\n  if (!visible) return null;\n\n  return (\n    <div\n      className={[\"cube-delayed-loading\", className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {tip}\n    </div>\n  );\n};\n","import type { PropsWithChildren, ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"antd\";\nimport { useCubeAppHeaderLeft } from \"../cube-app/cube-app\";\nimport { MobileOnly } from \"../responsive/responsive\";\nimport \"./page.css\";\n\nconst PageContainer = ({ children }: PropsWithChildren) => <div className={\"cube-page-container\"}>{children}</div>;\n\nconst PageContent = ({ children }: PropsWithChildren) => <div className={\"cube-page-content\"}>{children}</div>;\n\nconst PageActionBar = ({ children }: PropsWithChildren) => (\n  <MobileOnly>\n    <div className={\"cube-page-action-bar\"}>{children}</div>\n  </MobileOnly>\n);\n\nexport const ActionIcon = ({ className, size = \"large\", ...props }: ButtonProps) => (\n  <Button className={[\"cube-page-action-icon\", className].filter(Boolean).join(\" \")} size={size} {...props} />\n);\n\nexport const ActionButton = ({\n  children,\n  type = \"primary\",\n  block = true,\n  size = \"large\",\n  ...props\n}: ButtonProps) => (\n  <Button block={block} size={size} type={type} {...props}>\n    {children}\n  </Button>\n);\n\nexport interface CubePageProps extends PropsWithChildren {\n  desktopHeaderLeft?: ReactNode;\n  mobileActionBar?: ReactNode;\n}\n\nexport const CubePage = ({ desktopHeaderLeft, mobileActionBar, children }: CubePageProps) => {\n  useCubeAppHeaderLeft(desktopHeaderLeft);\n\n  return (\n    <PageContainer>\n      <PageContent>{children}</PageContent>\n      {mobileActionBar ? <PageActionBar>{mobileActionBar}</PageActionBar> : null}\n    </PageContainer>\n  );\n};\n"],"mappings":";AAAA,SAAiD,aAAa,SAAS,4BAA4B;AAE5F,IAAM,4BAA4B;AAUlC,IAAM,gBAAgB,CAAC,OAAe,UAAgC,CAAC,MAAe;AAC3F,QAAM,EAAE,iBAAiB,MAAM,IAAI;AACnC,QAAM,iBAAiB;AAAA,IACrB,MACE,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,aAC1D,OAAO,WAAW,KAAK,IACvB;AAAA,IACN,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,WAAuB;AACtB,UAAI,CAAC,eAAgB,QAAO,MAAM;AAClC,qBAAe,iBAAiB,UAAU,MAAM;AAChD,aAAO,MAAM,eAAe,oBAAoB,UAAU,MAAM;AAAA,IAClE;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,cAAc;AAAA,IAClB,MAAM,gBAAgB,WAAW;AAAA,IACjC,CAAC,gBAAgB,cAAc;AAAA,EACjC;AACA,QAAM,oBAAoB,YAAY,MAAM,gBAAgB,CAAC,cAAc,CAAC;AAE5E,SAAO,qBAAqB,WAAW,aAAa,iBAAiB;AACvE;AAEO,IAAM,cAAc,CAAC,EAAE,eAAe,IAA0B,CAAC,MACtE,cAAc,eAAe,yBAAyB,OAAO,EAAE,eAAe,CAAC;AAE1E,IAAM,aAAa,CAAC,EAAE,UAAU,eAAe,MAAkC;AACtF,QAAM,WAAW,YAAY,EAAE,eAAe,CAAC;AAC/C,SAAO,WAAW,WAAW;AAC/B;AAEO,IAAM,cAAc,CAAC,EAAE,UAAU,eAAe,MAAkC;AACvF,QAAM,WAAW,YAAY,EAAE,eAAe,CAAC;AAC/C,SAAO,WAAW,OAAO;AAC3B;;;ACnDA,SAAS,WAAAA,gBAA+B;AACxC,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AAuCb;AA9BJ,IAAM,wBAAwB;AAQvB,IAAM,qBAAqB,CAAC,EAAE,UAAU,aAAa,MAA+B;AACzF,QAAM,WAAW,YAAY;AAE7B,QAAM,QAAQC;AAAA,IACZ,OAAO;AAAA,MACL,OAAO;AAAA,QACL,cAAc,gBAAgB;AAAA,QAC9B,WAAW;AAAA,QACX,qBAAqB;AAAA,QACrB,GAAI,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;AAAA,MACrC;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,sBAAsB;AAAA,UACtB,YAAY;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,SACE,oBAAC,kBAAe,QAAQ,MAAM,OAC3B,UACH;AAEJ;;;AC7CA;AAAA,EACE;AAAA,EACA,eAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,OAGK;AACP,SAAS,UAAAC,eAAc;AACvB,SAAS,gBAAgB,qBAAqB;;;ACV9C,SAAS,kBAAkB,0BAA0B;AAyB/C,SASM,OAAAC,MATN;AAdC,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,oBAAoB,oBAAoB;AAAA,EACxC;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,QAAQ,YAAY,mCAAU;AACpC,QAAM,aAAa,YAAY,qBAAqB;AAEpD,SACE,qBAAC,YAAO,WAAW,CAAC,mBAAmB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAI,GAAG,aAC/E;AAAA,yBAAC,SAAI,WAAW,2BACb;AAAA,0BACC,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,cAAY;AAAA,UACZ,iBAAe,CAAC;AAAA,UAChB,SAAS;AAAA,UAET,0BAAAA,KAAC,cAAW,eAAW,MAAC;AAAA;AAAA,MAC1B,IACE;AAAA,MACJ,gBAAAA,KAAC,SAAI,WAAW,yBAA0B,iBAAM;AAAA,OAClD;AAAA,IACC,UAAU,gBAAAA,KAAC,SAAI,WAAW,2BAA4B,mBAAQ,IAAS;AAAA,KAC1E;AAEJ;;;AC3CA,SAAyB,gBAAgB;AACzC,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AAgChB,gBAAAC,YAAA;AArBD,IAAM,oBAAoB,CAAC,EAAE,QAAQ,MAA8B;AACxE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,QAAQ,MAAM,QAAQ,KAAK;AACjC,QAAM,kBAAkB,OAAO,YAAY,aAAa,QAAQ,EAAE,MAAM,CAAC,IAAI;AAE7E,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,cAAc;AAAA,MACd,OAAK;AAAA,MAEL,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,cAAW;AAAA,UACX,iBAAe;AAAA,UACf,iBAAc;AAAA,UAEd,0BAAAA,KAAC,gBAAa,eAAW,MAAC;AAAA;AAAA,MAC5B;AAAA;AAAA,EACF;AAEJ;;;ACrCA,SAAS,QAAQ,iBAAiB;AA0BhC,SAIQ,OAAAC,MAJR,QAAAC,aAAA;AADK,IAAM,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,OAAO,MAC3D,gBAAAA,MAAC,SAAI,WAAW,qBACb;AAAA,QAAM,SAAS,IACd,gBAAAD,KAAC,SAAI,WAAW,2BACb,gBAAM,IAAI,CAAC,SACV,gBAAAA,KAAC,aAAyB,OAAO,KAAK,OAAO,OAAO,KAAK,OAAO,QAAQ,KAAK,QAA7D,KAAK,GAA8D,CACpF,GACH,IACE;AAAA,EACH,MAAM,SAAS,IACd,gBAAAA,KAAC,SAAI,WAAW,2BACb,gBAAM,IAAI,CAAC,SACV,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEC,OAAK;AAAA,MACL,MAAM,KAAK;AAAA,MACX,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,cAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,MAC1D,SAAS,KAAK;AAAA,MAEb,eAAK;AAAA;AAAA,IARD,KAAK;AAAA,EASZ,CACD,GACH,IACE;AAAA,EACH,SAAS,gBAAAA,KAAC,SAAI,WAAW,4BAA6B,kBAAO,IAAS;AAAA,GACzE;;;ACpDF,SAAS,iBAAiB,gBAAgB,oBAAoB;AAC9D,SAAS,MAAM,aAAa;AAqCL,mBAGf,OAAAE,MAHe,QAAAC,aAAA;AALvB,IAAM,aAAa,CAAC,SAAoB;AACtC,QAAM,UACJ,gBAAAD,KAAC,SAAI,WAAW,mBACd,0BAAAC,MAAC,QAAK,SAAQ,iBAAgB,KAAK,IACjC;AAAA,oBAAAA,MAAC,SAAI,WAAW,yBACb;AAAA,WAAK,OAAO,gBAAAA,MAAA,YAAG;AAAA,aAAK;AAAA,QAAK;AAAA,SAAO,IAAM;AAAA,MACtC,KAAK;AAAA,OACR;AAAA,IACA,gBAAAD,KAAC,SAAI,WAAW,yBAA0B,eAAK,OAAM;AAAA,KACvD,GACF;AAGF,SAAO,KAAK,OACV,gBAAAA,KAAC,OAAiB,MAAM,KAAK,MAAM,WAAW,mBAC3C,qBADK,KAAK,GAEb,IAEA,gBAAAA,KAAC,SAAoB,qBAAX,KAAK,GAAc;AAEjC;AAEO,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AACX,MAAwB;AACtB,QAAM,eAA4B,CAAC;AAEnC,MAAI,cAAc;AAChB,iBAAa,KAAK;AAAA,MAChB,KAAK;AAAA,MACL,MAAM,gBAAAA,KAAC,gBAAa;AAAA,MACpB,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM,UAAU,YAAY,aAAa;AAAA,QACvC,GAAG,IAAI,IAAI;AAAA,MACb,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,MAAI,IAAI,SAAS;AACf,iBAAa,KAAK;AAAA,MAChB,KAAK;AAAA,MACL,MAAM,gBAAAA,KAAC,mBAAgB;AAAA,MACvB,OAAO;AAAA,MACP,OAAO,IAAI;AAAA,IACb,CAAC;AAAA,EACH;AAEA,MAAI,IAAI,YAAY;AAClB,iBAAa,KAAK;AAAA,MAChB,KAAK;AAAA,MACL,MAAM,gBAAAA,KAAC,kBAAe;AAAA,MACtB,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM,IAAI;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,CAAC,GAAG,cAAc,GAAG,KAAK;AAEhD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO,4BAAQ,IAAI,IAAI;AAAA,MACvB,QAAQ,CAAC,GAAG,EAAE,MAAM,MAClB,gBAAAC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,SAAS,SAAS,kBAAkB;AAAA,UACpC,KAAK;AAAA,UAEJ;AAAA,qBACC,gBAAAA,MAAC,SAAI,WAAW,yBAAyB;AAAA;AAAA,cACzB;AAAA,cACb,OAAO,MACN,gBAAAD,KAAC,OAAE,MAAM,OAAO,KAAM,iBAAO,MAAK,IAElC,OAAO;AAAA,eAEX,IACE;AAAA,YACJ,gBAAAA,KAAC,SAAM;AAAA;AAAA;AAAA,MACT;AAAA,MAGF,0BAAAC,MAAC,QAAK,KAAK,IAAI,UAAQ,MAAC,WAAW,mBAChC;AAAA,YAAI,cACH,gBAAAD,KAAC,SAAI,WAAW,0BAA2B,cAAI,aAAY,IACzD;AAAA,QACH,cAAc,IAAI,UAAU;AAAA,SAC/B;AAAA;AAAA,EACF;AAEJ;;;AJjBc,SAqFA,YAAAE,WArFA,OAAAC,MAqEN,QAAAC,aArEM;AA5Ed,IAAM,iBAAiB,cAAmC;AAAA,EACxD,WAAW,MAAM;AAAA,EACjB,eAAe,MAAM;AACvB,CAAC;AAOM,IAAM,oBAAoB,MAA2B,WAAW,cAAc;AAM9E,IAAM,uBAAuB,CAAC,SAA0B;AAC7D,QAAM,EAAE,cAAc,IAAI,kBAAkB;AAE5C,YAAU,MAAM;AACd,kBAAc,IAAI;AAClB,WAAO,MAAM,cAAc,MAAS;AAAA,EACtC,GAAG,CAAC,MAAM,aAAa,CAAC;AAC1B;AAuBA,IAAM,gBAAgB;AAEf,IAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,WAAW,YAAY;AAC7B,QAAM,CAAC,WAAW,YAAY,IAAIC,UAAS,KAAK;AAChD,QAAM,gBAAgBC,aAAY,MAAM,aAAa,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAID,UAAS,KAAK;AAChD,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,UAAoB,MAAS;AAEjF,QAAM,iBAAiBE;AAAA,IACrB,MAAM;AAAA,MACJ,GAAI,oBAAoB,CAAC;AAAA,MACzB;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM,gBAAAJ,KAAC,iBAAc;AAAA,QACrB,SAAS,MAAM,aAAa,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,eAAeI;AAAA,IACnB,OAAO;AAAA,MACL;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,WAAW,MAAM,aAAa,IAAI;AAAA,MAClC,eAAe;AAAA,IACjB;AAAA,IACA,CAAC,kBAAkB,gBAAgB,kBAAkB,QAAQ;AAAA,EAC/D;AAEA,QAAM,0BAA0B,MAC9B,gBAAAJ;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,EAAE,MAAM,MAChB,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO,eAAe,IAAI,CAAC,UAAU;AAAA,YACnC,GAAG;AAAA,YACH,SAAS,MAAM;AACb,mBAAK,UAAU;AACf,oBAAM;AAAA,YACR;AAAA,UACF,EAAE;AAAA,UACF,QACE,mBACE,gBAAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,OAAK;AAAA,cACL,QAAM;AAAA,cACN,cAAW;AAAA,cACX,SAAS,MAAM;AACb,iCAAiB;AACjB,sBAAM;AAAA,cACR;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA;AAAA,MAER;AAAA;AAAA,EAEJ;AAGF,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,aACE,gBAAAL,KAAC,SAAI,WAAW,wBAAwB,eAAY,yBAClD,0BAAAA,KAAC,UAAK,WAAW,2BAA4B,UAAS,GACxD;AAAA,IAEJ;AAEA,UAAM,eAA8B;AAAA,MAClC,OAAO,YAAY,QAAQ;AAAA,IAC7B;AACA,UAAM,eAA8B;AAAA,MAClC,OAAO,YAAY,UAAU,gBAAgB,aAAa;AAAA,IAC5D;AAEA,WACE,gBAAAC,MAAC,SAAI,WAAW,iBAAiB,eAAY,kBAC3C;AAAA,sBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO;AAAA,UACP,eAAY;AAAA,UACZ,eAAa;AAAA,UAEZ;AAAA,yBAAa,gBAAAD,KAAC,SAAI,WAAW,wBAAyB,sBAAW,IAAS;AAAA,YAC3E,gBAAAA,KAAC,SAAI,WAAW,yBAA0B,uBAAY;AAAA,YACrD,gBAAgB,gBAAAA,KAAC,SAAI,WAAW,2BAA4B,yBAAc,IAAS;AAAA;AAAA;AAAA,MACtF;AAAA,MACA,gBAAAC,MAAC,SAAI,WAAW,yBAAyB,OAAO,cAC9C;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,sBAAsB;AAAA,YAC7B;AAAA,YACA,iBAAiB;AAAA,YACjB,SACE,gBAAAC,MAAAF,WAAA,EACG;AAAA;AAAA,cACA,yBACC,gBAAAC;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAM,gBAAAL,KAAC,kBAAe,eAAW,MAAC;AAAA,kBAClC,cAAY,wBAAwB;AAAA,kBACpC,SAAS;AAAA,kBAER,kCAAwB;AAAA;AAAA,cAC3B,IACE;AAAA,cACH,wBAAwB;AAAA,eAC3B;AAAA;AAAA,QAEJ;AAAA,QACA,gBAAAA,KAAC,UAAK,WAAW,oBAAqB,UAAS;AAAA,SACjD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,gBAAAA,KAAC,sBAAmB,cAClB,0BAAAC,MAAC,eAAe,UAAf,EAAwB,OAAO,cAC7B;AAAA,gBAAY;AAAA,IACb,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM,aAAa,KAAK;AAAA,QACjC,KAAK;AAAA,QACL,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA;AAAA,IACf;AAAA,KACF,GACF;AAEJ;;;AK9OA,SAAS,YAAAM,iBAAgC;AACzC,SAAS,UAAAC,SAAQ,QAAQ,QAAAC,OAAM,aAAAC,kBAAiB;AAiB5C,SAwDgB,YAAAC,WAvDd,OAAAC,MADF,QAAAC,aAAA;AAFJ,IAAM,OAAO,CAAC,EAAE,OAAO,OAAO,QAAQ,MACpC,UACE,gBAAAA,MAAC,YAAO,MAAK,UAAS,WAAW,mBAAmB,SAClD;AAAA,kBAAAD,KAAC,UAAM,iBAAM;AAAA,EACZ,QAAQ,gBAAAA,KAAC,UAAM,iBAAM,IAAU;AAAA,GAClC,IAEA,gBAAAC,MAAC,SAAI,WAAW,mBACd;AAAA,kBAAAD,KAAC,UAAM,iBAAM;AAAA,EACZ,QAAQ,gBAAAA,KAAC,UAAM,iBAAM,IAAU;AAAA,GAClC;AAGG,IAAM,qBAAqB,CAAC,EAAE,SAAS,gBAAgB,MAA+B;AAC3F,QAAM,EAAE,kBAAkB,kBAAkB,kBAAkB,SAAS,IAAI,kBAAkB;AAC7F,QAAM,QAAQ,MAAM,gBAAgB,KAAK;AAEzC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAU;AAAA,MACV,OAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,QAAQ,EAAE,SAAS,OAAO;AAAA,QAC1B,MAAM,EAAE,SAAS,GAAG;AAAA,QACpB,QAAQ,EAAE,SAAS,GAAG,WAAW,OAAO;AAAA,MAC1C;AAAA,MACA,QACE,gBAAAA,KAACE,SAAA,EAAO,OAAK,MAAC,MAAK,SAAQ,MAAK,WAAU,cAAW,gBAAK,SAAS,OAAO,0BAE1E;AAAA,MAGF,0BAAAD,MAACE,OAAA,EAAK,UAAQ,MAAC,KAAK,IACjB;AAAA,4BAAoB,iBAAiB,SAAS,IAC7C,gBAAAH,KAAC,SAAI,WAAW,mBACd,0BAAAA,KAACG,OAAA,EAAK,SAAQ,gBACX,2BAAiB,IAAI,CAAC,SACrB,gBAAAH,KAACI,YAAA,EAAyB,OAAO,KAAK,OAAO,OAAO,KAAK,OAAO,QAAQ,KAAK,QAA7D,KAAK,GAA8D,CACpF,GACH,GACF,IACE;AAAA,QAEH,WACC,gBAAAJ,KAAC,SAAI,WAAW,mBACd,0BAAAA,KAAC,QAAK,OAAM,4BAAO,OAAO,UAAU,GACtC,IACE;AAAA,QAEH,oBAAoB,iBAAiB,SAAS,IAC7C,gBAAAA,KAAC,SAAI,WAAW,mBACb,2BAAiB,IAAI,CAAC,MAAM,UAC3B,gBAAAC,MAACF,WAAA,EACC;AAAA,0BAAAC;AAAA,YAAC;AAAA;AAAA,cACC,OACE,gBAAAC,MAAAF,WAAA,EACG;AAAA,qBAAK;AAAA,gBAAK;AAAA,gBAAQ,KAAK;AAAA,iBAC1B;AAAA,cAEF,SAAS,MAAM;AACb,qBAAK,UAAU;AACf,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA,UACC,UAAU,iBAAiB,SAAS,IAAI,gBAAAC,KAAC,SAAI,WAAW,yBAAyB,IAAK;AAAA,aAZ1E,KAAK,GAapB,CACD,GACH,IACE;AAAA,QAEH,mBACC,gBAAAA,KAAC,SAAI,WAAW,mBACd,0BAAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS,MAAM;AACb,+BAAiB;AACjB,oBAAM;AAAA,YACR;AAAA;AAAA,QACF,GACF,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ;;;ACvGA,SAA8B,aAAAK,YAAW,YAAAC,iBAAgB;AACzD,SAAS,QAAAC,aAAY;AAQnB,gBAAAC,YAAA;AADK,IAAM,cAAc,CAAC,EAAE,MAAM,wBAAS,MAC3C,gBAAAA,KAACC,OAAA,EAAK,SAAQ,UAAS,OAAM,UAAS,WAAW,qBAC9C,eACH;AAQK,IAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MAA2B;AACzB,QAAM,CAAC,SAAS,UAAU,IAAIC,UAAS,KAAK;AAE5C,EAAAC,WAAU,MAAM;AACd,UAAM,QAAQ,OAAO,WAAW,MAAM,WAAW,IAAI,GAAG,KAAK;AAC7D,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,gBAAAH;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,wBAAwB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACtE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACzCA,SAAS,UAAAI,eAAgC;AAKkB,gBAAAC,MAmCvD,QAAAC,aAnCuD;AAA3D,IAAM,gBAAgB,CAAC,EAAE,SAAS,MAAyB,gBAAAD,KAAC,SAAI,WAAW,uBAAwB,UAAS;AAE5G,IAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,gBAAAA,KAAC,SAAI,WAAW,qBAAsB,UAAS;AAExG,IAAM,gBAAgB,CAAC,EAAE,SAAS,MAChC,gBAAAA,KAAC,cACC,0BAAAA,KAAC,SAAI,WAAW,wBAAyB,UAAS,GACpD;AAGK,IAAM,aAAa,CAAC,EAAE,WAAW,OAAO,SAAS,GAAG,MAAM,MAC/D,gBAAAA,KAACE,SAAA,EAAO,WAAW,CAAC,yBAAyB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,MAAa,GAAG,OAAO;AAGrG,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,GAAG;AACL,MACE,gBAAAF,KAACE,SAAA,EAAO,OAAc,MAAY,MAAa,GAAG,OAC/C,UACH;AAQK,IAAM,WAAW,CAAC,EAAE,mBAAmB,iBAAiB,SAAS,MAAqB;AAC3F,uBAAqB,iBAAiB;AAEtC,SACE,gBAAAD,MAAC,iBACC;AAAA,oBAAAD,KAAC,eAAa,UAAS;AAAA,IACtB,kBAAkB,gBAAAA,KAAC,iBAAe,2BAAgB,IAAmB;AAAA,KACxE;AAEJ;","names":["useMemo","useMemo","useCallback","useMemo","useState","Button","jsx","jsx","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","useState","useCallback","useMemo","Button","Fragment","Button","Flex","Statistic","Fragment","jsx","jsxs","Button","Flex","Statistic","useEffect","useState","Flex","jsx","Flex","useState","useEffect","Button","jsx","jsxs","Button"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hopgoldy/cube-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Shared responsive application shell and UI primitives for Cube applications",
   "license": "MIT",
   "homepage": "https://github.com/HoPGoldy/cube-module#readme",