donghy 0.0.1

package/dist/esm/theme/dumi.css

@@ -0,0 +1,695 @@
+/* ─── Dumi Theme Overrides ─── */
+/* Makes the dumi documentation site follow FoxD's design language */
+
+/* ─── Grid / Layout ─── */
+.dumi-default-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 var(--nv-space-xl);
+}
+
+.dumi-default-layout {
+  background: var(--nv-color-bg);
+}
+
+.dumi-default-layout[data-has-sidebar] {
+  display: grid;
+  grid-template-columns: 280px 1fr;
+}
+
+/* ─── Header / Navbar ─── */
+.dumi-default-header {
+  position: sticky;
+  top: 0;
+  z-index: var(--nv-z-sticky);
+  background: var(--nv-color-bg);
+  border-bottom: 1px solid var(--nv-color-border);
+  backdrop-filter: blur(8px);
+}
+
+.dumi-default-header-left {
+  display: flex;
+  align-items: center;
+  gap: var(--nv-space-md);
+}
+
+.dumi-default-navbar {
+  display: flex;
+  align-items: center;
+  height: 56px;
+  gap: var(--nv-space-lg);
+}
+
+.dumi-default-navbar > a {
+  font-size: var(--nv-font-size-md);
+  font-weight: var(--nv-font-weight-medium);
+  color: var(--nv-color-text-secondary);
+  padding: 4px 0;
+  position: relative;
+  transition: color var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+.dumi-default-navbar > a:hover {
+  color: var(--nv-color-primary);
+}
+
+.dumi-default-navbar > a.active {
+  color: var(--nv-color-text);
+  font-weight: var(--nv-font-weight-semibold);
+}
+
+.dumi-default-search {
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-md);
+  padding: 4px 12px;
+  font-size: var(--nv-font-size-sm);
+  color: var(--nv-color-text);
+  background: var(--nv-color-bg-secondary);
+  transition: all var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+.dumi-default-search:focus {
+  outline: none;
+  border-color: var(--nv-color-primary);
+  box-shadow: 0 0 0 2px var(--nv-color-primary-bg);
+}
+
+/* ─── Sidebar (Ant Design style) ─── */
+.dumi-default-sidebar {
+  width: 280px;
+  padding: var(--nv-space-lg) 0;
+  border-right: 1px solid var(--nv-color-border);
+  overflow-y: auto;
+  position: sticky;
+  top: 56px;
+  height: calc(100vh - 56px);
+}
+
+.dumi-default-sidebar-group {
+  margin-bottom: var(--nv-space-xs);
+}
+
+.dumi-default-sidebar-group-title {
+  font-size: 13px;
+  font-weight: var(--nv-font-weight-semibold);
+  color: var(--nv-color-text-tertiary);
+  padding: var(--nv-space-md) var(--nv-space-lg) var(--nv-space-xs);
+  line-height: 1.5715;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.dumi-default-sidebar-item {
+  display: flex;
+  align-items: center;
+  margin: 2px var(--nv-space-sm);
+  padding: 7px var(--nv-space-md);
+  font-size: var(--nv-font-size-md);
+  color: var(--nv-color-text);
+  border-radius: var(--nv-radius-md);
+  transition: all var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+.dumi-default-sidebar-item:hover {
+  color: var(--nv-color-text);
+  background: rgba(0, 0, 0, 0.06);
+}
+
+.dumi-default-sidebar-item.active {
+  color: var(--nv-color-primary);
+  font-weight: var(--nv-font-weight-medium);
+  background: var(--nv-color-primary-bg);
+}
+
+.dumi-default-sidebar-group:first-child .dumi-default-sidebar-item {
+  font-weight: var(--nv-font-weight-semibold);
+}
+
+/* ─── dumi-theme-antd Sidebar Overrides ─── */
+[class*="mainMenu"] {
+  padding: 8px 4px;
+}
+
+[class*="asideContainer"] {
+  background: transparent !important;
+  border-inline-end: none !important;
+}
+
+[class*="asideContainer"] .ant-menu-item {
+  margin-inline: 6px !important;
+  margin-block: 2px !important;
+  padding-inline: 12px !important;
+  padding-block: 7px !important;
+  border-radius: 6px !important;
+  height: auto !important;
+  line-height: 22px !important;
+  transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) !important;
+  position: relative !important;
+}
+
+[class*="asideContainer"] .ant-menu-item:not(.ant-menu-item-selected):hover {
+  color: rgba(0, 0, 0, 0.88) !important;
+  background: rgba(0, 0, 0, 0.06) !important;
+}
+
+[class*="asideContainer"] .ant-menu-item-selected {
+  color: #6C5CE7 !important;
+  font-weight: 500 !important;
+  background: #F0EDFF !important;
+}
+
+[class*="asideContainer"] .ant-menu-item-selected:hover {
+  color: #6C5CE7 !important;
+  background: #E8E3FF !important;
+}
+
+[class*="asideContainer"] .ant-menu-item-selected::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 4px;
+  bottom: 4px;
+  width: 3px;
+  border-radius: 0 3px 3px 0;
+  background: #6C5CE7;
+}
+
+[class*="asideContainer"] .ant-menu-item a {
+  color: inherit !important;
+}
+
+[class*="asideContainer"] .ant-menu-item-group-title {
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  color: rgba(0, 0, 0, 0.45) !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.06em !important;
+  padding-inline: 18px !important;
+  padding-block: 12px 6px !important;
+  line-height: 1.5 !important;
+}
+
+[class*="asideContainer"] .ant-menu-item-group-title::after {
+  display: none !important;
+}
+
+[class*="asideContainer"] .ant-menu-item-group-list .ant-menu-item {
+  font-size: 14px !important;
+}
+
+.main-menu-inner {
+  padding: 4px 0;
+}
+
+[class*="asideContainer"] .ant-menu-item-group {
+  margin-bottom: 2px;
+}
+
+[class*="asideContainer"] .ant-menu-item-group:not(:first-child) {
+  margin-top: 4px;
+}
+
+[class*="asideContainer"] .ant-menu-item-group-list {
+  padding: 0 !important;
+}
+
+[data-theme="dark"] [class*="asideContainer"] .ant-menu-item:not(.ant-menu-item-selected):hover {
+  background: rgba(255, 255, 255, 0.08) !important;
+  color: rgba(255, 255, 255, 0.85) !important;
+}
+
+[data-theme="dark"] [class*="asideContainer"] .ant-menu-item-selected {
+  background: rgba(108, 92, 231, 0.15) !important;
+  color: #9A8CF5 !important;
+}
+
+[data-theme="dark"] [class*="asideContainer"] .ant-menu-item-selected:hover {
+  background: rgba(108, 92, 231, 0.22) !important;
+  color: #9A8CF5 !important;
+}
+
+[data-theme="dark"] [class*="asideContainer"] .ant-menu-item-selected::after {
+  background: #9A8CF5;
+}
+
+[data-theme="dark"] [class*="asideContainer"] .ant-menu-item-group-title {
+  color: rgba(255, 255, 255, 0.45) !important;
+}
+
+/* ─── Overview page link cards ─── */
+.markdown a[style*="display:flex"] {
+  border-bottom: none;
+}
+.markdown a[style*="display:flex"]:hover {
+  border-bottom: none;
+}
+
+/* ─── API panel code inline ─── */
+.dumi-default-api-panel td:first-child code {
+  font-weight: var(--nv-font-weight-semibold);
+  color: var(--nv-color-primary);
+}
+
+/* ─── Dark mode sidebar ─── */
+[data-theme="dark"] .dumi-default-sidebar-item:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+[data-theme="dark"] .dumi-default-sidebar-item.active {
+  background: rgba(108, 92, 231, 0.15);
+}
+
+/* ─── Tabs (sub-navigation) ─── */
+.dumi-default-tabs-nav {
+  border-bottom: 1px solid var(--nv-color-border);
+  margin-bottom: var(--nv-space-xl);
+}
+
+.dumi-default-tabs-tab {
+  font-size: var(--nv-font-size-sm);
+  color: var(--nv-color-text-secondary);
+  padding: 8px 16px;
+  transition: color var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+.dumi-default-tabs-tab:hover {
+  color: var(--nv-color-primary);
+}
+
+.dumi-default-tabs-tab-active {
+  color: var(--nv-color-primary);
+  font-weight: var(--nv-font-weight-medium);
+}
+
+.dumi-default-tabs-ink-bar {
+  background: var(--nv-color-primary);
+  height: 2px;
+}
+
+/* ─── Markdown Content ─── */
+.markdown {
+  color: var(--nv-color-text);
+  line-height: 1.7;
+  max-width: 960px;
+  padding: var(--nv-space-xxl) 0 var(--nv-space-xxxxl);
+}
+
+.markdown h1 {
+  font-size: 32px;
+  font-weight: var(--nv-font-weight-bold);
+  margin-bottom: var(--nv-space-sm);
+  line-height: var(--nv-line-height-title);
+  color: var(--nv-color-text);
+}
+
+.markdown h2 {
+  font-size: 24px;
+  font-weight: var(--nv-font-weight-semibold);
+  margin-top: var(--nv-space-xxl);
+  margin-bottom: var(--nv-space-lg);
+  padding-bottom: var(--nv-space-sm);
+  border-bottom: 1px solid var(--nv-color-border);
+  color: var(--nv-color-text);
+}
+
+.markdown h3 {
+  font-size: var(--nv-font-size-xl);
+  font-weight: var(--nv-font-weight-semibold);
+  margin-top: var(--nv-space-xl);
+  margin-bottom: var(--nv-space-md);
+  color: var(--nv-color-text);
+}
+
+.markdown h4 {
+  font-size: var(--nv-font-size-lg);
+  font-weight: var(--nv-font-weight-medium);
+  margin-top: var(--nv-space-lg);
+  margin-bottom: var(--nv-space-sm);
+}
+
+.markdown p {
+  margin-bottom: var(--nv-space-lg);
+  color: var(--nv-color-text-secondary);
+  line-height: 1.7;
+}
+
+.markdown a {
+  color: var(--nv-color-primary);
+  text-decoration: none;
+  border-bottom: 1px solid transparent;
+  transition: border-color var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+.markdown a:hover {
+  border-bottom-color: var(--nv-color-primary);
+}
+
+.markdown strong {
+  font-weight: var(--nv-font-weight-semibold);
+  color: var(--nv-color-text);
+}
+
+.markdown code {
+  font-family: var(--nv-font-family-mono);
+  font-size: 0.875em;
+  padding: 2px 6px;
+  background: var(--nv-color-bg-secondary);
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-xs);
+  color: var(--nv-color-primary);
+}
+
+.markdown pre {
+  background: #1a1a2e;
+  border-radius: var(--nv-radius-lg);
+  padding: var(--nv-space-lg) var(--nv-space-xl);
+  overflow-x: auto;
+  margin-bottom: var(--nv-space-lg);
+  border: 1px solid var(--nv-color-border);
+}
+
+.markdown pre code {
+  background: none;
+  border: none;
+  padding: 0;
+  color: #e8e8f0;
+  font-size: var(--nv-font-size-sm);
+  line-height: 1.6;
+}
+
+.markdown table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  margin-bottom: var(--nv-space-xl);
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-md);
+  overflow: hidden;
+}
+
+.markdown th {
+  background: var(--nv-color-bg-secondary);
+  font-weight: var(--nv-font-weight-semibold);
+  font-size: var(--nv-font-size-sm);
+  text-align: left;
+  padding: var(--nv-space-sm) var(--nv-space-md);
+  border-bottom: 1px solid var(--nv-color-border);
+  color: var(--nv-color-text);
+}
+
+.markdown td {
+  padding: var(--nv-space-sm) var(--nv-space-md);
+  border-bottom: 1px solid var(--nv-color-border-secondary);
+  font-size: var(--nv-font-size-sm);
+  color: var(--nv-color-text-secondary);
+}
+
+.markdown tr:last-child td {
+  border-bottom: none;
+}
+
+.markdown hr {
+  border: none;
+  height: 1px;
+  background: var(--nv-color-border);
+  margin: var(--nv-space-xxl) 0;
+}
+
+.markdown ul,
+.markdown ol {
+  margin-bottom: var(--nv-space-lg);
+  padding-left: var(--nv-space-xl);
+  color: var(--nv-color-text-secondary);
+}
+
+.markdown li {
+  margin-bottom: var(--nv-space-xs);
+  line-height: 1.7;
+}
+
+.markdown blockquote {
+  margin: var(--nv-space-lg) 0;
+  padding: var(--nv-space-md) var(--nv-space-lg);
+  border-left: 3px solid var(--nv-color-primary);
+  background: var(--nv-color-primary-bg);
+  border-radius: 0 var(--nv-radius-md) var(--nv-radius-md) 0;
+  color: var(--nv-color-text-secondary);
+}
+
+.markdown img {
+  max-width: 100%;
+  border-radius: var(--nv-radius-md);
+}
+
+/* ─── Source Code ─── */
+.dumi-default-source-code {
+  background: #1a1a2e;
+  border-radius: var(--nv-radius-lg);
+  border: 1px solid var(--nv-color-border);
+  margin-bottom: var(--nv-space-lg);
+}
+
+.dumi-default-source-code-language {
+  font-size: var(--nv-font-size-xs);
+  color: rgba(232, 232, 240, 0.5);
+  padding: 4px 12px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.dumi-default-source-code-copy {
+  color: rgba(232, 232, 240, 0.5);
+  transition: color var(--nv-motion-fast) var(--nv-motion-ease-out);
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: var(--nv-radius-xs);
+  padding: 2px 8px;
+  font-size: var(--nv-font-size-xs);
+  cursor: pointer;
+}
+
+.dumi-default-source-code-copy:hover {
+  color: rgba(232, 232, 240, 0.9);
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.prism-code {
+  font-family: var(--nv-font-family-mono) !important;
+  font-size: var(--nv-font-size-sm);
+  line-height: 1.6;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: rgba(232, 232, 240, 0.4);
+}
+
+.token.punctuation {
+  color: rgba(232, 232, 240, 0.6);
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff9d4d;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #5ad8a6;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #6dc8ec;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #b37feb;
+}
+
+.token.function,
+.token.class-name {
+  color: #a29bfe;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #f6bd16;
+}
+
+/* ─── Previewer ─── */
+.dumi-default-previewer {
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-lg);
+  overflow: hidden;
+  margin-bottom: var(--nv-space-xl);
+  transition: box-shadow var(--nv-motion-normal) var(--nv-motion-ease-out);
+}
+
+.dumi-default-previewer:hover {
+  box-shadow: var(--nv-shadow-sm);
+}
+
+.dumi-default-previewer-demo {
+  padding: var(--nv-space-xxl);
+  background: var(--nv-color-bg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--nv-space-md);
+  flex-wrap: wrap;
+  min-height: 80px;
+}
+
+.dumi-default-previewer-desc {
+  padding: var(--nv-space-lg) var(--nv-space-xl);
+  border-top: 1px solid var(--nv-color-border-secondary);
+}
+
+.dumi-default-previewer-desc h3 {
+  font-size: var(--nv-font-size-md);
+  font-weight: var(--nv-font-weight-semibold);
+  margin-bottom: var(--nv-space-xs);
+  color: var(--nv-color-text);
+}
+
+.dumi-default-previewer-desc p {
+  font-size: var(--nv-font-size-sm);
+  color: var(--nv-color-text-secondary);
+  margin: 0;
+}
+
+.dumi-default-previewer-actions {
+  border-top: 1px solid var(--nv-color-border-secondary);
+  padding: var(--nv-space-xs) var(--nv-space-md);
+  background: var(--nv-color-bg-secondary);
+}
+
+.dumi-default-previewer-action-btn {
+  color: var(--nv-color-text-tertiary);
+  transition: color var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+.dumi-default-previewer-action-btn:hover {
+  color: var(--nv-color-primary);
+}
+
+/* ─── API Table ─── */
+.dumi-default-api-panel {
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-lg);
+  overflow: hidden;
+  margin-bottom: var(--nv-space-xl);
+}
+
+.dumi-default-api-panel table {
+  border: none;
+  margin: 0;
+}
+
+.dumi-default-api-panel th {
+  background: var(--nv-color-bg-secondary);
+  font-size: var(--nv-font-size-sm);
+  font-weight: var(--nv-font-weight-semibold);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  color: var(--nv-color-text-tertiary);
+  padding: var(--nv-space-sm) var(--nv-space-lg);
+}
+
+.dumi-default-api-panel td {
+  padding: var(--nv-space-sm) var(--nv-space-lg);
+  font-size: var(--nv-font-size-sm);
+}
+
+.dumi-default-api-panel code {
+  font-family: var(--nv-font-family-mono);
+  font-size: 0.85em;
+  padding: 1px 5px;
+  background: var(--nv-color-bg-secondary);
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-xs);
+}
+
+/* ─── Footer ─── */
+.dumi-default-footer {
+  border-top: 1px solid var(--nv-color-border);
+  padding: var(--nv-space-xl) 0;
+  text-align: center;
+  font-size: var(--nv-font-size-sm);
+  color: var(--nv-color-text-tertiary);
+}
+
+/* ─── Scrollbar for sidebar and code blocks ─── */
+.dumi-default-sidebar::-webkit-scrollbar,
+.dumi-default-source-code-scroll-container::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+.dumi-default-sidebar::-webkit-scrollbar-thumb,
+.dumi-default-source-code-scroll-container::-webkit-scrollbar-thumb {
+  background: var(--nv-color-text-disabled);
+  border-radius: var(--nv-radius-round);
+}
+
+/* ─── Link Card (like antd) ─── */
+.nv-link-card {
+  display: flex;
+  align-items: center;
+  gap: var(--nv-space-md);
+  padding: var(--nv-space-lg);
+  border: 1px solid var(--nv-color-border);
+  border-radius: var(--nv-radius-lg);
+  transition: all var(--nv-motion-normal) var(--nv-motion-ease-out);
+  color: var(--nv-color-text);
+}
+
+.nv-link-card:hover {
+  border-color: var(--nv-color-primary);
+  box-shadow: var(--nv-shadow-sm);
+  transform: translateY(-1px);
+  color: var(--nv-color-text);
+}
+
+.nv-link-card-icon {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--nv-color-primary-bg);
+  border-radius: var(--nv-radius-md);
+  color: var(--nv-color-primary);
+  font-size: var(--nv-font-size-xl);
+}
+
+.nv-link-card-text {
+  flex: 1;
+}
+
+.nv-link-card-title {
+  font-weight: var(--nv-font-weight-medium);
+  color: var(--nv-color-text);
+  margin-bottom: 2px;
+}
+
+.nv-link-card-desc {
+  font-size: var(--nv-font-size-sm);
+  color: var(--nv-color-text-tertiary);
+}