@jinmi/ui 6.0.1 → 6.1.0

package/es/ThemeProvider/GlobalStyle/essential.mjs

@@ -1,7 +1,7 @@
-import { brandToken } from "../../styles/theme/customToken.mjs";
+import { brandToken, inkToken } from "../../styles/theme/customToken.mjs";
 import { CLASSNAMES } from "../../styles/classNames.mjs";
 import { css } from "antd-style";
-//#region src/ThemeProvider/GlobalStyle/essential.ts
+// src/ThemeProvider/GlobalStyle/essential.ts
 /**
 * Styles that library components rely on to render correctly (Flex layout,
 * popup trigger states, brand animations). Always injected by ThemeProvider,
@@ -9,106 +9,112 @@ import { css } from "antd-style";
 */
 var essential_default = (token) => {
 	const brand = brandToken[token.isDarkMode ? "dark" : "light"];
+	const ink = inkToken[token.isDarkMode ? "dark" : "light"];
 	return css`
-  :root {
-    /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much
+    :root {
+      /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much
        higher on purpose: a white hairline lightens toward a raised surface, and below ~16%
        it lands on the surface's own colour and the edge vanishes. */
-    --jinmi-ring: 0 0 0 1px ${token.isDarkMode ? "rgb(255 255 255 / 18%)" : "rgb(0 0 0 / 5%)"};
-
-    /* Brand tokens, read through brandCssVar. */
-    --jinmi-color-brand: ${brand.colorBrand};
-    --jinmi-color-brand-bg: ${brand.colorBrandBg};
-    --jinmi-color-brand-border: ${brand.colorBrandBorder};
-    --jinmi-color-brand-glow: ${brand.colorBrandGlow};
-    --jinmi-color-brand-text: ${brand.colorBrandText};
-  }
-
-  /* Keyboard focus ring in brand cyan. Zero specificity so components can override. */
-  :where(:focus-visible) {
-    outline: 2px solid var(--jinmi-color-brand);
-    outline-offset: 2px;
-  }
-
-  @layer jinmi-popup {
-    .${CLASSNAMES.ContextTrigger}[data-popup-open],
-      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
-      background: ${token.colorFillTertiary};
+      --jinmi-ring: 0 0 0 1px ${token.isDarkMode ? "rgb(255 255 255 / 18%)" : "rgb(0 0 0 / 5%)"};
+
+      /* Brand tokens, read through brandCssVar. */
+      --jinmi-color-brand: ${brand.colorBrand};
+      --jinmi-color-brand-bg: ${brand.colorBrandBg};
+      --jinmi-color-brand-border: ${brand.colorBrandBorder};
+      --jinmi-color-brand-glow: ${brand.colorBrandGlow};
+      --jinmi-color-brand-text: ${brand.colorBrandText};
+
+      /* Ink tokens, read through inkCssVar. */
+      --jinmi-color-ink: ${ink.colorInk};
+      --jinmi-color-ink-active: ${ink.colorInkActive};
+      --jinmi-color-ink-hover: ${ink.colorInkHover};
+      --jinmi-color-ink-text: ${ink.colorInkText};
     }
-  }
-
-  @layer jinmi-base {
-    :where(.jinmi-flex) {
-      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
-      --jinmi-flex: 0 1 auto;
-      --jinmi-flex-direction: column;
-      --jinmi-flex-wrap: nowrap;
-      --jinmi-flex-justify: flex-start;
-      --jinmi-flex-align: stretch;
-      --jinmi-flex-width: auto;
-      --jinmi-flex-height: auto;
-      --jinmi-flex-padding: 0;
-
-      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
-      --jinmi-flex-padding-inline: var(--jinmi-flex-padding);
-      --jinmi-flex-padding-block: var(--jinmi-flex-padding);
-      --jinmi-flex-gap: 0;
-
-      display: flex;
-      flex: var(--jinmi-flex);
-      flex-flow: var(--jinmi-flex-direction) var(--jinmi-flex-wrap);
-      gap: var(--jinmi-flex-gap);
-      align-items: var(--jinmi-flex-align);
-      justify-content: var(--jinmi-flex-justify);
-
-      width: var(--jinmi-flex-width);
-      height: var(--jinmi-flex-height);
-      padding: var(--jinmi-flex-padding);
-      padding-block: var(--jinmi-flex-padding-block);
-      padding-inline: var(--jinmi-flex-padding-inline);
+
+    /* Keyboard focus ring in brand cyan. Zero specificity so components can override. */
+    :where(:focus-visible) {
+      outline: 2px solid var(--jinmi-color-brand);
+      outline-offset: 2px;
     }
 
-    .jinmi-flex-hidden {
-      display: none;
+    @layer jinmi-popup {
+      .${CLASSNAMES.ContextTrigger}[data-popup-open],
+        .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
+        background: ${token.colorFillTertiary};
+      }
     }
-  }
 
-  /* Brand Loading */
-  @keyframes draw {
-    0% {
-      stroke-dashoffset: 1000;
+    @layer jinmi-base {
+      :where(.jinmi-flex) {
+        /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
+        --jinmi-flex: 0 1 auto;
+        --jinmi-flex-direction: column;
+        --jinmi-flex-wrap: nowrap;
+        --jinmi-flex-justify: flex-start;
+        --jinmi-flex-align: stretch;
+        --jinmi-flex-width: auto;
+        --jinmi-flex-height: auto;
+        --jinmi-flex-padding: 0;
+
+        /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
+        --jinmi-flex-padding-inline: var(--jinmi-flex-padding);
+        --jinmi-flex-padding-block: var(--jinmi-flex-padding);
+        --jinmi-flex-gap: 0;
+
+        display: flex;
+        flex: var(--jinmi-flex);
+        flex-flow: var(--jinmi-flex-direction) var(--jinmi-flex-wrap);
+        gap: var(--jinmi-flex-gap);
+        align-items: var(--jinmi-flex-align);
+        justify-content: var(--jinmi-flex-justify);
+
+        width: var(--jinmi-flex-width);
+        height: var(--jinmi-flex-height);
+        padding: var(--jinmi-flex-padding);
+        padding-block: var(--jinmi-flex-padding-block);
+        padding-inline: var(--jinmi-flex-padding-inline);
+      }
+
+      .jinmi-flex-hidden {
+        display: none;
+      }
     }
 
-    100% {
-      stroke-dashoffset: 0;
+    /* Brand Loading */
+    @keyframes draw {
+      0% {
+        stroke-dashoffset: 1000;
+      }
+
+      100% {
+        stroke-dashoffset: 0;
+      }
     }
-  }
 
-  @keyframes fill {
-    30% {
-      fill-opacity: 0.05;
+    @keyframes fill {
+      30% {
+        fill-opacity: 0.05;
+      }
+
+      100% {
+        fill-opacity: 1;
+      }
     }
 
-    100% {
-      fill-opacity: 1;
+    .jinmi-brand-loading path {
+      fill: currentcolor;
+      fill-opacity: 0;
+      stroke: currentcolor;
+      stroke-dasharray: 1000;
+      stroke-dashoffset: 1000;
+      stroke-width: 0.25em;
+
+      animation:
+        draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
+        fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
     }
-  }
-
-  .jinmi-brand-loading path {
-    fill: currentcolor;
-    fill-opacity: 0;
-    stroke: currentcolor;
-    stroke-dasharray: 1000;
-    stroke-dashoffset: 1000;
-    stroke-width: 0.25em;
-
-    animation:
-      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
-      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-  }
-`;
+  `;
 };
-//#endregion
 export { essential_default as default };
 
 //# sourceMappingURL=essential.mjs.map

package/es/ThemeProvider/GlobalStyle/essential.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"essential.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/essential.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\nimport { brandToken } from '@/styles/theme/customToken';\n\n/**\n * Styles that library components rely on to render correctly (Flex layout,\n * popup trigger states, brand animations). Always injected by ThemeProvider,\n * independent of `enableGlobalStyle`, which only gates document-level resets.\n */\nexport default (token: Theme) => {\n  const brand = brandToken[token.isDarkMode ? 'dark' : 'light'];\n\n  return css`\n  :root {\n    /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much\n       higher on purpose: a white hairline lightens toward a raised surface, and below ~16%\n       it lands on the surface's own colour and the edge vanishes. */\n    --jinmi-ring: 0 0 0 1px ${token.isDarkMode ? 'rgb(255 255 255 / 18%)' : 'rgb(0 0 0 / 5%)'};\n\n    /* Brand tokens, read through brandCssVar. */\n    --jinmi-color-brand: ${brand.colorBrand};\n    --jinmi-color-brand-bg: ${brand.colorBrandBg};\n    --jinmi-color-brand-border: ${brand.colorBrandBorder};\n    --jinmi-color-brand-glow: ${brand.colorBrandGlow};\n    --jinmi-color-brand-text: ${brand.colorBrandText};\n  }\n\n  /* Keyboard focus ring in brand cyan. Zero specificity so components can override. */\n  :where(:focus-visible) {\n    outline: 2px solid var(--jinmi-color-brand);\n    outline-offset: 2px;\n  }\n\n  @layer jinmi-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer jinmi-base {\n    :where(.jinmi-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --jinmi-flex: 0 1 auto;\n      --jinmi-flex-direction: column;\n      --jinmi-flex-wrap: nowrap;\n      --jinmi-flex-justify: flex-start;\n      --jinmi-flex-align: stretch;\n      --jinmi-flex-width: auto;\n      --jinmi-flex-height: auto;\n      --jinmi-flex-padding: 0;\n\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --jinmi-flex-padding-inline: var(--jinmi-flex-padding);\n      --jinmi-flex-padding-block: var(--jinmi-flex-padding);\n      --jinmi-flex-gap: 0;\n\n      display: flex;\n      flex: var(--jinmi-flex);\n      flex-flow: var(--jinmi-flex-direction) var(--jinmi-flex-wrap);\n      gap: var(--jinmi-flex-gap);\n      align-items: var(--jinmi-flex-align);\n      justify-content: var(--jinmi-flex-justify);\n\n      width: var(--jinmi-flex-width);\n      height: var(--jinmi-flex-height);\n      padding: var(--jinmi-flex-padding);\n      padding-block: var(--jinmi-flex-padding-block);\n      padding-inline: var(--jinmi-flex-padding-inline);\n    }\n\n    .jinmi-flex-hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 0.05;\n    }\n\n    100% {\n      fill-opacity: 1;\n    }\n  }\n\n  .jinmi-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n};\n"],"mappings":";;;;;;;;;AAUA,IAAA,qBAAgB,UAAiB;CAC/B,MAAM,QAAQ,WAAW,MAAM,aAAa,SAAS;CAErD,OAAO,GAAG;;;;;8BAKkB,MAAM,aAAa,2BAA2B,kBAAkB;;;2BAGnE,MAAM,WAAW;8BACd,MAAM,aAAa;kCACf,MAAM,iBAAiB;gCACzB,MAAM,eAAe;gCACrB,MAAM,eAAe;;;;;;;;;;OAU9C,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0E5C"}
+{"version":3,"file":"essential.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/essential.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\nimport { brandToken, inkToken } from '@/styles/theme/customToken';\n\n/**\n * Styles that library components rely on to render correctly (Flex layout,\n * popup trigger states, brand animations). Always injected by ThemeProvider,\n * independent of `enableGlobalStyle`, which only gates document-level resets.\n */\nexport default (token: Theme) => {\n  const brand = brandToken[token.isDarkMode ? 'dark' : 'light'];\n  const ink = inkToken[token.isDarkMode ? 'dark' : 'light'];\n\n  return css`\n    :root {\n      /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much\n       higher on purpose: a white hairline lightens toward a raised surface, and below ~16%\n       it lands on the surface's own colour and the edge vanishes. */\n      --jinmi-ring: 0 0 0 1px ${token.isDarkMode ? 'rgb(255 255 255 / 18%)' : 'rgb(0 0 0 / 5%)'};\n\n      /* Brand tokens, read through brandCssVar. */\n      --jinmi-color-brand: ${brand.colorBrand};\n      --jinmi-color-brand-bg: ${brand.colorBrandBg};\n      --jinmi-color-brand-border: ${brand.colorBrandBorder};\n      --jinmi-color-brand-glow: ${brand.colorBrandGlow};\n      --jinmi-color-brand-text: ${brand.colorBrandText};\n\n      /* Ink tokens, read through inkCssVar. */\n      --jinmi-color-ink: ${ink.colorInk};\n      --jinmi-color-ink-active: ${ink.colorInkActive};\n      --jinmi-color-ink-hover: ${ink.colorInkHover};\n      --jinmi-color-ink-text: ${ink.colorInkText};\n    }\n\n    /* Keyboard focus ring in brand cyan. Zero specificity so components can override. */\n    :where(:focus-visible) {\n      outline: 2px solid var(--jinmi-color-brand);\n      outline-offset: 2px;\n    }\n\n    @layer jinmi-popup {\n      .${CLASSNAMES.ContextTrigger}[data-popup-open],\n        .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n        background: ${token.colorFillTertiary};\n      }\n    }\n\n    @layer jinmi-base {\n      :where(.jinmi-flex) {\n        /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n        --jinmi-flex: 0 1 auto;\n        --jinmi-flex-direction: column;\n        --jinmi-flex-wrap: nowrap;\n        --jinmi-flex-justify: flex-start;\n        --jinmi-flex-align: stretch;\n        --jinmi-flex-width: auto;\n        --jinmi-flex-height: auto;\n        --jinmi-flex-padding: 0;\n\n        /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n        --jinmi-flex-padding-inline: var(--jinmi-flex-padding);\n        --jinmi-flex-padding-block: var(--jinmi-flex-padding);\n        --jinmi-flex-gap: 0;\n\n        display: flex;\n        flex: var(--jinmi-flex);\n        flex-flow: var(--jinmi-flex-direction) var(--jinmi-flex-wrap);\n        gap: var(--jinmi-flex-gap);\n        align-items: var(--jinmi-flex-align);\n        justify-content: var(--jinmi-flex-justify);\n\n        width: var(--jinmi-flex-width);\n        height: var(--jinmi-flex-height);\n        padding: var(--jinmi-flex-padding);\n        padding-block: var(--jinmi-flex-padding-block);\n        padding-inline: var(--jinmi-flex-padding-inline);\n      }\n\n      .jinmi-flex-hidden {\n        display: none;\n      }\n    }\n\n    /* Brand Loading */\n    @keyframes draw {\n      0% {\n        stroke-dashoffset: 1000;\n      }\n\n      100% {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    @keyframes fill {\n      30% {\n        fill-opacity: 0.05;\n      }\n\n      100% {\n        fill-opacity: 1;\n      }\n    }\n\n    .jinmi-brand-loading path {\n      fill: currentcolor;\n      fill-opacity: 0;\n      stroke: currentcolor;\n      stroke-dasharray: 1000;\n      stroke-dashoffset: 1000;\n      stroke-width: 0.25em;\n\n      animation:\n        draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n        fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n    }\n  `;\n};\n"],"mappings":";;;;;;;;;AAUA,IAAA,qBAAgB,UAAiB;CAC/B,MAAM,QAAQ,WAAW,MAAM,aAAa,SAAS;CACrD,MAAM,MAAM,SAAS,MAAM,aAAa,SAAS;CAEjD,OAAO,GAAG;;;;;gCAKoB,MAAM,aAAa,2BAA2B,kBAAkB;;;6BAGnE,MAAM,WAAW;gCACd,MAAM,aAAa;oCACf,MAAM,iBAAiB;kCACzB,MAAM,eAAe;kCACrB,MAAM,eAAe;;;2BAG5B,IAAI,SAAS;kCACN,IAAI,eAAe;iCACpB,IAAI,cAAc;gCACnB,IAAI,aAAa;;;;;;;;;;SAUxC,WAAW,eAAe;WACxB,WAAW,oBAAoB;sBACpB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0E9C"}

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -1,5 +1,5 @@
 import { css } from "antd-style";
-//#region src/ThemeProvider/GlobalStyle/global.ts
+// src/ThemeProvider/GlobalStyle/global.ts
 var global_default = (token) => css`
   :root {
     --font-settings: 'cv01', 'tnum', 'kern';
@@ -78,7 +78,6 @@ var global_default = (token) => css`
     vertical-align: baseline;
   }
 `;
-//#endregion
 export { global_default as default };
 
 //# sourceMappingURL=global.mjs.map

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\r\n\r\nexport default (token: Theme) => css`\r\n  :root {\r\n    --font-settings: 'cv01', 'tnum', 'kern';\r\n    --font-variations: 'opsz' auto, tabular-nums;\r\n\r\n    /* Real Inter italic for Latin; synthesize style for CJK fallback faces. */\r\n    font-synthesis: style;\r\n    text-autospace: normal;\r\n  }\r\n\r\n  html {\r\n    overscroll-behavior: none;\r\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\r\n  }\r\n\r\n  body {\r\n    overflow: hidden auto;\r\n\r\n    min-height: 100vh;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: ${token.fontFamily};\r\n    font-size: ${token.fontSize}px;\r\n    font-feature-settings: var(--font-settings);\r\n    font-variation-settings: var(--font-variations);\r\n    font-optical-sizing: auto;\r\n    font-kerning: normal;\r\n    font-variant-ligatures: common-ligatures contextual;\r\n    font-variant-numeric: tabular-nums;\r\n    font-size-adjust: from-font;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    line-height: 1;\r\n    color: ${token.colorTextBase};\r\n    text-wrap: pretty;\r\n    text-size-adjust: 100%;\r\n    text-rendering: optimizelegibility;\r\n    overflow-wrap: anywhere;\r\n    vertical-align: baseline;\r\n\r\n    background-color: ${token.colorBgLayout};\r\n\r\n    font-synthesis: style;\r\n\r\n    -webkit-overflow-scrolling: touch;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  code,\r\n  kbd,\r\n  samp,\r\n  pre {\r\n    font-family: ${token.fontFamilyCode} !important;\r\n    font-feature-settings:\r\n      'liga' 0,\r\n      'calt' 0;\r\n    font-variant-ligatures: none;\r\n\r\n    span {\r\n      font-family: ${token.fontFamilyCode} !important;\r\n    }\r\n  }\r\n\r\n  ::selection {\r\n    color: #000;\r\n    background: ${token.yellow9};\r\n\r\n    -webkit-text-fill-color: unset !important;\r\n  }\r\n\r\n  * {\r\n    scrollbar-color: ${token.colorFill} transparent;\r\n    scrollbar-width: thin;\r\n    box-sizing: border-box;\r\n    vertical-align: baseline;\r\n  }\r\n`;\r\n"],"mappings":";;AAEA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;;oBAYhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;wBAOT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    /* Real Inter italic for Latin; synthesize style for CJK fallback faces. */\n    font-synthesis: style;\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    font-optical-sizing: auto;\n    font-kerning: normal;\n    font-variant-ligatures: common-ligatures contextual;\n    font-variant-numeric: tabular-nums;\n    font-size-adjust: from-font;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-wrap: pretty;\n    text-size-adjust: 100%;\n    text-rendering: optimizelegibility;\n    overflow-wrap: anywhere;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    font-synthesis: style;\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ${token.fontFamilyCode} !important;\n    font-feature-settings:\n      'liga' 0,\n      'calt' 0;\n    font-variant-ligatures: none;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n`;\n"],"mappings":";;AAEA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;;oBAYhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;wBAOT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}

package/es/ThemeProvider/GlobalStyle/index.mjs

@@ -3,10 +3,9 @@ import antdOverride_default from "./antdOverride.mjs";
 import essential_default from "./essential.mjs";
 import global_default from "./global.mjs";
 import { createGlobalStyle } from "antd-style";
-//#region src/ThemeProvider/GlobalStyle/index.ts
+// src/ThemeProvider/GlobalStyle/index.ts
 const GlobalStyle = createGlobalStyle(({ theme }) => global_default(theme));
 const EssentialStyle = createGlobalStyle(({ theme }) => [essential_default(theme), antdOverride_default(theme)]);
-//#endregion
 export { EssentialStyle, GlobalStyle as default };
 
 //# sourceMappingURL=index.mjs.map

package/es/ThemeProvider/Meta.d.mts

@@ -1,7 +1,5 @@
 import { MetaProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/ThemeProvider/Meta.d.ts
 declare const Meta: FC<MetaProps>;
-//#endregion
 export { Meta as default };
 //# sourceMappingURL=Meta.d.mts.map

package/es/ThemeProvider/Meta.mjs

@@ -2,7 +2,7 @@
 import { useCdnFn } from "../ConfigProvider/index.mjs";
 import { useCallback } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/ThemeProvider/Meta.tsx
+// src/ThemeProvider/Meta.tsx
 const Meta = ({ title = "LobeHub", description = "Empowering your AI dreams with LobeHub", withManifest }) => {
 	const genCdnUrl = useCdnFn();
 	const genAssets = useCallback((path) => genCdnUrl({
@@ -80,7 +80,6 @@ const Meta = ({ title = "LobeHub", description = "Empowering your AI dreams with
 		})
 	] });
 };
-//#endregion
 export { Meta as default };
 
 //# sourceMappingURL=Meta.mjs.map

package/es/ThemeProvider/ThemeProvider.d.mts

@@ -1,6 +1,4 @@
 import { ThemeProviderProps } from "./type.mjs";
-//#region src/ThemeProvider/ThemeProvider.d.ts
 declare const ThemeProvider: import("react").NamedExoticComponent<ThemeProviderProps>;
-//#endregion
 export { ThemeProvider as default };
 //# sourceMappingURL=ThemeProvider.d.mts.map

package/es/ThemeProvider/ThemeProvider.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { useCdnFn } from "../ConfigProvider/index.mjs";
-import { generateCustomToken } from "../styles/theme/customToken.mjs";
 import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
+import { generateCustomToken } from "../styles/theme/customToken.mjs";
 import AppElementContext from "./AppElementContext.mjs";
 import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import FontLoader from "../FontLoader/index.mjs";
@@ -13,7 +13,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ThemeProvider } from "antd-style";
 import { merge } from "es-toolkit/compat";
 import { App } from "antd";
-//#region src/ThemeProvider/ThemeProvider.tsx
+// src/ThemeProvider/ThemeProvider.tsx
 const ThemeProvider$1 = memo(({ appId = LOBE_THEME_APP_ID, children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
 	const genCdnUrl = useCdnFn();
 	const [appRef, setAppRef] = useState(null);
@@ -101,7 +101,6 @@ const hostPortalHostStyle = {
 	zIndex: 1100
 };
 const contentsStyle = { display: "contents" };
-//#endregion
 export { ThemeProvider$1 as default };
 
 //# sourceMappingURL=ThemeProvider.mjs.map

package/es/ThemeProvider/constants.d.mts

@@ -1,5 +1,3 @@
-//#region src/ThemeProvider/constants.d.ts
 declare const LOBE_THEME_APP_ID = "jinmi-ui-theme-app";
-//#endregion
 export { LOBE_THEME_APP_ID };
 //# sourceMappingURL=constants.d.mts.map

package/es/ThemeProvider/constants.mjs

@@ -1,6 +1,5 @@
-//#region src/ThemeProvider/constants.ts
+// src/ThemeProvider/constants.ts
 const LOBE_THEME_APP_ID = "jinmi-ui-theme-app";
-//#endregion
 export { LOBE_THEME_APP_ID };
 
 //# sourceMappingURL=constants.mjs.map

package/es/ThemeProvider/type.d.mts

@@ -2,7 +2,6 @@ import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
 import "../styles/index.mjs";
 import { CSSProperties } from "react";
 import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd-style";
-//#region src/ThemeProvider/type.d.ts
 interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
   appId?: string;
   className?: string;
@@ -26,6 +25,5 @@ interface MetaProps {
   title?: string;
   withManifest?: boolean;
 }
-//#endregion
 export { MetaProps, ThemeProviderProps$1 as ThemeProviderProps };
 //# sourceMappingURL=type.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.d.mts

@@ -1,7 +1,5 @@
 import { ThemeSwitchProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/ThemeSwitch/ThemeSwitch.d.ts
 declare const ThemeSwitch: FC<ThemeSwitchProps>;
-//#endregion
 export { ThemeSwitch as default };
 //# sourceMappingURL=ThemeSwitch.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -7,7 +7,7 @@ import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Monitor, Moon, Sun } from "lucide-react";
 import { Select } from "antd";
-//#region src/ThemeSwitch/ThemeSwitch.tsx
+// src/ThemeSwitch/ThemeSwitch.tsx
 const DEFAULT_ICON_SET = {
 	auto: Monitor,
 	dark: Moon,
@@ -66,7 +66,6 @@ const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon",
 	});
 };
 ThemeSwitch.displayName = "ThemeSwitch";
-//#endregion
 export { ThemeSwitch as default };
 
 //# sourceMappingURL=ThemeSwitch.mjs.map

package/es/ThemeSwitch/index.mjs

@@ -1,2 +1 @@
-import ThemeSwitch from "./ThemeSwitch.mjs";
-export { ThemeSwitch as default };
+export { default } from "./ThemeSwitch.mjs";

package/es/ThemeSwitch/type.d.mts

@@ -2,7 +2,6 @@ import { DivProps } from "../types/index.mjs";
 import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
 import "../base-ui/ActionIcon/index.mjs";
 import { ThemeMode } from "antd-style";
-//#region src/ThemeSwitch/type.d.ts
 interface ThemeSwitchProps extends DivProps {
   labels?: {
     auto: string;
@@ -15,6 +14,5 @@ interface ThemeSwitchProps extends DivProps {
   type?: 'icon' | 'select';
   variant?: ActionIconProps['variant'];
 }
-//#endregion
 export { ThemeSwitchProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Toast/index.mjs

@@ -1,2 +1 @@
-import { ToastHost, toast, useToast } from "../base-ui/Toast/imperative.mjs";
-export { ToastHost, toast, useToast };
+export { ToastHost, toast, useToast } from "../base-ui/Toast/imperative.mjs";

package/es/Toc/Toc.d.mts

@@ -1,6 +1,4 @@
 import { TocProps } from "./type.mjs";
-//#region src/Toc/Toc.d.ts
 declare const Toc: import("react").NamedExoticComponent<TocProps>;
-//#endregion
 export { Toc as default };
 //# sourceMappingURL=Toc.d.mts.map

package/es/Toc/Toc.mjs

@@ -6,7 +6,7 @@ import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Anchor } from "antd";
-//#region src/Toc/Toc.tsx
+// src/Toc/Toc.tsx
 const Toc = memo(({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {
 	const cssVariables = useMemo(() => ({
 		"--toc-header-height": `${headerHeight}px`,
@@ -29,7 +29,6 @@ const Toc = memo(({ activeKey, items, getContainer, isMobile, headerHeight = 64,
 	});
 });
 Toc.displayName = "Toc";
-//#endregion
 export { Toc as default };
 
 //# sourceMappingURL=Toc.mjs.map

package/es/Toc/TocMobile.mjs

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 import useMergeState from "use-merge-value";
 import { PanelTopClose, PanelTopOpen } from "lucide-react";
 import { Anchor, Collapse, ConfigProvider } from "antd";
-//#region src/Toc/TocMobile.tsx
+// src/Toc/TocMobile.tsx
 const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {
 	const [activeLink, setActiveLink] = useMergeState("", {
 		onChange,
@@ -53,7 +53,6 @@ const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight
 	});
 });
 TocMobile.displayName = "TocMobile";
-//#endregion
 export { TocMobile as default };
 
 //# sourceMappingURL=TocMobile.mjs.map

package/es/Toc/index.mjs

@@ -1,2 +1 @@
-import Toc from "./Toc.mjs";
-export { Toc as default };
+export { default } from "./Toc.mjs";

package/es/Toc/style.mjs

@@ -1,6 +1,6 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx, responsive } from "antd-style";
-//#region src/Toc/style.ts
+// src/Toc/style.ts
 const prefixCls = "ant";
 const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
@@ -65,7 +65,6 @@ const styles = createStaticStyles(({ css, cssVar }) => {
     `
 	};
 });
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/Toc/type.d.mts

@@ -1,5 +1,4 @@
 import { AnchorProps } from "antd";
-//#region src/Toc/type.d.ts
 interface TocItemType {
   children?: TocItemType[];
   id: string;
@@ -16,6 +15,5 @@ interface TocMobileProps {
 interface TocProps extends TocMobileProps {
   isMobile?: boolean;
 }
-//#endregion
 export { TocItemType, TocMobileProps, TocProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Toc/utils.mjs

@@ -1,4 +1,4 @@
-//#region src/Toc/utils.ts
+// src/Toc/utils.ts
 const mapItems = (items) => items.map((item) => ({
 	children: item.children?.map((child) => ({
 		href: `#${child.id}`,
@@ -9,7 +9,6 @@ const mapItems = (items) => items.map((item) => ({
 	key: item.id,
 	title: item.title
 }));
-//#endregion
 export { mapItems };
 
 //# sourceMappingURL=utils.mjs.map

package/es/Video/index.d.mts

@@ -2,7 +2,6 @@ import { FlexboxProps } from "../Flex/type.mjs";
 import "../Flex/index.mjs";
 import { VideoProps as VideoProps$1 } from "../types/index.mjs";
 import { CSSProperties, Ref } from "react";
-//#region src/Video/index.d.ts
 interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'> {
   autoPlay?: boolean;
   classNames?: {
@@ -38,6 +37,5 @@ interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'
   variant?: 'borderless' | 'filled' | 'outlined';
 }
 declare const Video: import("react").NamedExoticComponent<VideoProps>;
-//#endregion
 export { VideoProps, Video as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Video/index.mjs

@@ -7,7 +7,7 @@ import { memo, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
 import { PlayIcon } from "lucide-react";
-//#region src/Video/index.tsx
+// src/Video/index.tsx
 const Video = memo(({ ref, preload = "auto", src, style, classNames, className, maxHeight = "100%", maxWidth = "100%", minHeight, minWidth, onEnded, onPause, onPlay, onPlaying, width, height, onMouseEnter, styles: customStyles, onMouseLeave, preview = true, isLoading, variant = "filled", autoPlay, ...rest }) => {
 	const [isPlaying, setIsPlaying] = useState(false);
 	const [showControls, setShowControls] = useState(false);
@@ -97,7 +97,6 @@ const Video = memo(({ ref, preload = "auto", src, style, classNames, className,
 	});
 });
 Video.displayName = "Video";
-//#endregion
 export { Video as default };
 
 //# sourceMappingURL=index.mjs.map

package/es/Video/style.mjs

@@ -1,7 +1,7 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/Video/style.ts
+// src/Video/style.ts
 const maskHoverCls = "jinmi-video-mask";
 const styles = createStaticStyles(({ css, cssVar }) => {
 	const mask = css`
@@ -60,7 +60,6 @@ const variants = cva(styles.root, {
 		borderless: styles.borderless
 	} }
 });
-//#endregion
 export { maskHoverCls, styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/_virtual/_rolldown/runtime.mjs

@@ -1,5 +1,5 @@
 import "node:module";
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
@@ -10,5 +10,4 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-//#endregion
 export { __exportAll };

package/es/awesome/AgentSkillCard/AgentSkillCard.d.mts

@@ -1,6 +1,4 @@
 import { AgentSkillCardProps } from "./type.mjs";
-//#region src/awesome/AgentSkillCard/AgentSkillCard.d.ts
 declare const AgentSkillCard: import("react").NamedExoticComponent<AgentSkillCardProps>;
-//#endregion
 export { AgentSkillCard as default };
 //# sourceMappingURL=AgentSkillCard.d.mts.map

package/es/awesome/AgentSkillCard/AgentSkillCard.mjs

@@ -9,7 +9,7 @@ import { memo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Bot, UserRound } from "lucide-react";
-//#region src/awesome/AgentSkillCard/AgentSkillCard.tsx
+// src/awesome/AgentSkillCard/AgentSkillCard.tsx
 const AVATAR_SIZE = 28;
 const AgentSkillCard = memo(({ agent, agents = DEFAULT_SKILL_AGENTS, className, defaultMode = "agent", footer, human, mode: controlledMode, onModeChange, ...rest }) => {
 	const [innerMode, setInnerMode] = useState(defaultMode);
@@ -77,7 +77,6 @@ const AgentSkillCard = memo(({ agent, agents = DEFAULT_SKILL_AGENTS, className,
 	});
 });
 AgentSkillCard.displayName = "AgentSkillCard";
-//#endregion
 export { AgentSkillCard as default };
 
 //# sourceMappingURL=AgentSkillCard.mjs.map

package/es/awesome/AgentSkillCard/agents.d.mts

@@ -1,6 +1,4 @@
 import { AgentSkillCardAgent } from "./type.mjs";
-//#region src/awesome/AgentSkillCard/agents.d.ts
 declare const DEFAULT_SKILL_AGENTS: AgentSkillCardAgent[];
-//#endregion
 export { DEFAULT_SKILL_AGENTS };
 //# sourceMappingURL=agents.d.mts.map

package/es/awesome/AgentSkillCard/agents.mjs

@@ -1,5 +1,5 @@
 import { ClaudeCode, Cline, Codex, Cursor, GeminiCLI, GithubCopilot, OpenCode, Windsurf } from "@lobehub/icons";
-//#region src/awesome/AgentSkillCard/agents.ts
+// src/awesome/AgentSkillCard/agents.ts
 const DEFAULT_SKILL_AGENTS = [
 	{
 		avatar: ClaudeCode.Avatar,
@@ -34,7 +34,6 @@ const DEFAULT_SKILL_AGENTS = [
 		title: "OpenCode"
 	}
 ];
-//#endregion
 export { DEFAULT_SKILL_AGENTS };
 
 //# sourceMappingURL=agents.mjs.map