@lobehub/ui 5.15.7 → 5.15.9

package/es/CodeDiff/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/CodeDiff/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const prefix = 'lobe-code-diff';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      position: absolute;\n      z-index: 2;\n      inset-block-start: 8px;\n      inset-inline-end: 8px;\n\n      opacity: 0;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n    additions: css`\n      color: ${cssVar.colorSuccess};\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n    `,\n    body: css`\n      overflow: auto;\n\n      width: 100%;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      line-height: 1.6;\n\n      /* Override @pierre/diffs shadow DOM CSS variables */\n      --pdiff-font-family: ${cssVar.fontFamilyCode};\n      --pdiff-font-size: 13px;\n      --pdiff-line-height: 1.6;\n      --pdiff-bg-color: transparent;\n      --pdiff-border-color: ${cssVar.colorBorderSecondary};\n      --pdiff-gutter-bg: ${cssVar.colorFillQuaternary};\n      --pdiff-gutter-color: ${cssVar.colorTextQuaternary};\n      --pdiff-added-bg: ${cssVar.colorSuccessBgHover};\n      --pdiff-added-highlight-bg: ${cssVar.colorSuccessBg};\n      --pdiff-removed-bg: ${cssVar.colorErrorBgHover};\n      --pdiff-removed-highlight-bg: ${cssVar.colorErrorBg};\n      --pdiff-info-bg: ${cssVar.colorInfoBg};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    deletions: css`\n      color: ${cssVar.colorError};\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n    `,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    header: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 8px 12px;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      color: ${cssVar.colorTextSecondary};\n\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    headerBorderless: css`\n      padding-inline: 0;\n      border-block-end: none;\n    `,\n    headerFilled: css`\n      background: transparent;\n    `,\n    headerOutlined: css`\n      background: ${cssVar.colorFillQuaternary};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        &:hover {\n          .${prefix}-actions {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n    stats: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.header, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.headerFilled,\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS;AAEtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;;;;;;;iCAOiB,OAAO,gBAAgB;;EAEpD,WAAW,GAAG;eACH,OAAO,aAAa;qBACd,OAAO,eAAe;;;EAGvC,MAAM,GAAG;;;;;qBAKQ,OAAO,eAAe;;;;;6BAKd,OAAO,eAAe;;;;8BAIrB,OAAO,qBAAqB;2BAC/B,OAAO,oBAAoB;8BACxB,OAAO,oBAAoB;0BAC/B,OAAO,oBAAoB;oCACjB,OAAO,eAAe;4BAC9B,OAAO,kBAAkB;sCACf,OAAO,aAAa;yBACjC,OAAO,YAAY;;EAExC,YAAYA,cAAkB;EAC9B,WAAW,GAAG;eACH,OAAO,WAAW;qBACZ,OAAO,eAAe;;;EAGvC,QAAQ,GACNA,cAAkB,2BAClB,GAAG;sBACa,OAAO,oBAAoB;QAE5C;EACD,QAAQ,GAAG;;;;;;;;qBAQM,OAAO,eAAe;;eAE5B,OAAO,mBAAmB;;oCAEL,OAAO,qBAAqB;;EAE5D,kBAAkB,GAAG;;;;EAIrB,cAAc,GAAG;;;EAGjB,gBAAgB,GAAG;oBACH,OAAO,oBAAoB;;EAE3C,UAAUA,cAAkB;EAC5B,MAAM,GACJ,QACA,GAAG;;;;;;yBAMgB,OAAO,aAAa;;6CAEA,OAAO,cAAc;;;aAGrD,OAAO;;;;QAKf;EACD,OAAO,GAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/CodeDiff/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const prefix = 'lobe-code-diff';\nexport const compactActionsCls = `${prefix}-actions-compact`;\nexport const compactLangCls = `${prefix}-lang`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      opacity: 0;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n    actionsCompact: cx(\n      compactActionsCls,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n\n        transition: opacity 0.2s ${cssVar.motionEaseInOut};\n      `,\n    ),\n    additions: css`\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n      color: ${cssVar.colorSuccess};\n    `,\n    body: css`\n      overflow: auto;\n\n      width: 100%;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      line-height: 1.6;\n    `,\n    bodyCollapsed: css`\n      height: 0;\n      opacity: 0;\n    `,\n    bodyRoot: css`\n      overflow: hidden;\n      transition: opacity 0.25s ${cssVar.motionEaseOut};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    deletions: css`\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n      color: ${cssVar.colorError};\n    `,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    header: css`\n      cursor: pointer;\n\n      position: relative;\n\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 4px;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      color: ${cssVar.colorTextSecondary};\n    `,\n    headerBorderless: css`\n      padding-inline: 0;\n    `,\n    headerFilled: css`\n      background: transparent;\n    `,\n    headerOutlined: css`\n      & + .${prefix}-body {\n        border-block-start: 1px solid ${cssVar.colorFillQuaternary};\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    lang: cx(\n      compactLangCls,\n      lobeStaticStylish.blur,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ${cssVar.fontFamilyCode};\n        color: ${cssVar.colorTextSecondary};\n\n        opacity: 0;\n        background: ${cssVar.colorFillQuaternary};\n\n        transition: opacity 0.1s;\n      `,\n    ),\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        .language-title {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        &:hover {\n          .language-title {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .${compactActionsCls} {\n            opacity: 1;\n          }\n\n          .${compactLangCls} {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n    stats: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.header, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: cx(styles.headerFilled, styles.headerOutlined),\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n});\n\nexport const bodyVariants = cva(styles.bodyRoot, {\n  defaultVariants: {\n    expand: true,\n  },\n  variants: {\n    expand: {\n      false: styles.bodyCollapsed,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS;AACtB,MAAa,oBAAoB,GAAG,OAAO;AAC3C,MAAa,iBAAiB,GAAG,OAAO;AAExC,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;;iCAEiB,OAAO,gBAAgB;;EAEpD,gBAAgB,GACd,mBACA,GAAG;;;;;;;;mCAQ0B,OAAO,gBAAgB;QAErD;EACD,WAAW,GAAG;qBACG,OAAO,eAAe;;eAE5B,OAAO,aAAa;;EAE/B,MAAM,GAAG;;;;;qBAKQ,OAAO,eAAe;;;;EAIvC,eAAe,GAAG;;;;EAIlB,UAAU,GAAG;;kCAEiB,OAAO,cAAc;;EAEnD,YAAYA,cAAkB;EAC9B,WAAW,GAAG;qBACG,OAAO,eAAe;;eAE5B,OAAO,WAAW;;EAE7B,QAAQ,GACNA,cAAkB,2BAClB,GAAG;sBACa,OAAO,oBAAoB;QAE5C;EACD,QAAQ,GAAG;;;;;;;;;;;;qBAYM,OAAO,eAAe;;eAE5B,OAAO,mBAAmB;;EAErC,kBAAkB,GAAG;;;EAGrB,cAAc,GAAG;;;EAGjB,gBAAgB,GAAG;aACV,OAAO;wCACoB,OAAO,oBAAoB;;;EAG/D,UAAUA,cAAkB;EAC5B,MAAM,GACJ,gBACAA,cAAkB,MAClB,GAAG;;;;;;uBAMc,OAAO,eAAe;iBAC5B,OAAO,mBAAmB;;;sBAGrB,OAAO,oBAAoB;;;QAI5C;EACD,MAAM,GACJ,QACA,GAAG;;;;;;yBAMgB,OAAO,aAAa;;6CAEA,OAAO,cAAc;;;;;;;6BAOrC,OAAO,gBAAgB;;;;;qCAKf,OAAO,gBAAgB;;;;;;;;;;;;;aAa/C,kBAAkB;;;;aAIlB,eAAe;;;;QAKvB;EACD,OAAO,GAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,GAAG,OAAO,cAAc,OAAO,eAAe;EACtD,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,iBAAiB,EACf,QAAQ,MACT;CACD,UAAU,EACR,QAAQ;EACN,OAAO,OAAO;EACd,MAAM;EACP,EACF;CACF,CAAC"}

package/es/CodeDiff/theme.mjs

@@ -0,0 +1,45 @@
+import lobe_theme_default from "../Highlighter/theme/lobe-theme.mjs";
+import { registerCustomTheme, resolveTheme } from "@pierre/diffs";
+//#region src/CodeDiff/theme.ts
+let isLobeDiffThemeRegistered = false;
+const registerLobeDiffThemes = () => {
+	if (isLobeDiffThemeRegistered) return;
+	registerCustomTheme("lobe-theme", () => Promise.resolve(lobe_theme_default));
+	resolveTheme("lobe-theme");
+	isLobeDiffThemeRegistered = true;
+};
+const customSeparatorCSS = `
+:host {
+  --diffs-dark-bg: transparent !important;
+  --diffs-light-bg: transparent !important;
+
+}
+
+[data-gutter-buffer] {
+  opacity: 0.2 !important;
+}
+
+[data-code] {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+[data-gutter] {
+ backdrop-filter: blur(16px) !important;
+}
+`;
+const getLobeDiffOptions = ({ diffOptions, isDarkMode, viewMode }) => ({
+	theme: {
+		dark: "lobe-theme",
+		light: "lobe-theme"
+	},
+	themeType: isDarkMode ? "dark" : "light",
+	diffStyle: viewMode,
+	disableFileHeader: true,
+	unsafeCSS: customSeparatorCSS,
+	...diffOptions
+});
+//#endregion
+export { getLobeDiffOptions, registerLobeDiffThemes };
+
+//# sourceMappingURL=theme.mjs.map

package/es/CodeDiff/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.mjs","names":["lobeTheme"],"sources":["../../src/CodeDiff/theme.ts"],"sourcesContent":["import type { FileDiffOptions } from '@pierre/diffs';\nimport { registerCustomTheme, resolveTheme } from '@pierre/diffs';\n\nimport lobeTheme from '@/Highlighter/theme/lobe-theme';\n\nimport type { DiffViewMode } from './type';\n\nlet isLobeDiffThemeRegistered = false;\n\nexport const registerLobeDiffThemes = () => {\n  if (isLobeDiffThemeRegistered) return;\n\n  registerCustomTheme('lobe-theme', () => Promise.resolve(lobeTheme as any));\n  void resolveTheme('lobe-theme');\n\n  isLobeDiffThemeRegistered = true;\n};\n\nconst customSeparatorCSS = `\n:host {\n  --diffs-dark-bg: transparent !important;\n  --diffs-light-bg: transparent !important;\n\n}\n\n[data-gutter-buffer] {\n  opacity: 0.2 !important;\n}\n\n[data-code] {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n[data-gutter] {\n backdrop-filter: blur(16px) !important;\n}\n`;\n\nexport const getLobeDiffOptions = ({\n  diffOptions,\n  isDarkMode,\n  viewMode,\n}: {\n  diffOptions?: FileDiffOptions<string>;\n  isDarkMode: boolean;\n  viewMode: DiffViewMode;\n}): FileDiffOptions<string> => ({\n  theme: {\n    dark: 'lobe-theme',\n    light: 'lobe-theme',\n  },\n  themeType: isDarkMode ? 'dark' : 'light',\n  diffStyle: viewMode,\n  disableFileHeader: true,\n  unsafeCSS: customSeparatorCSS,\n  ...diffOptions,\n});\n"],"mappings":";;;AAOA,IAAI,4BAA4B;AAEhC,MAAa,+BAA+B;AAC1C,KAAI,0BAA2B;AAE/B,qBAAoB,oBAAoB,QAAQ,QAAQA,mBAAiB,CAAC;AACrE,cAAa,aAAa;AAE/B,6BAA4B;;AAG9B,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;AAqB3B,MAAa,sBAAsB,EACjC,aACA,YACA,gBAK8B;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACR;CACD,WAAW,aAAa,SAAS;CACjC,WAAW;CACX,mBAAmB;CACnB,WAAW;CACX,GAAG;CACJ"}

package/es/CodeDiff/type.d.mts

@@ -20,6 +20,11 @@ interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {
     body?: string;
     header?: string;
   };
+  /**
+   * Whether diff body is expanded by default
+   * @default true
+   */
+  defaultExpand?: boolean;
   /**
    * Options for the diff component
    */
@@ -28,6 +33,11 @@ interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {
    * File name to display
    */
   fileName?: string;
+  /**
+   * Whether to enable full-featured mode (collapsible header, richer interactions)
+   * @default true
+   */
+  fullFeatured?: boolean;
   /**
    * Programming language for syntax highlighting
    */
@@ -78,6 +88,11 @@ interface PatchDiffProps extends Omit<FlexboxProps, 'children'> {
     body?: string;
     header?: string;
   };
+  /**
+   * Whether diff body is expanded by default
+   * @default true
+   */
+  defaultExpand?: boolean;
   /**
    * Options for the diff component
    */
@@ -86,6 +101,11 @@ interface PatchDiffProps extends Omit<FlexboxProps, 'children'> {
    * File name to display (optional, extracted from patch if not provided)
    */
   fileName?: string;
+  /**
+   * Whether to enable full-featured mode (collapsible header, richer interactions)
+   * @default true
+   */
+  fullFeatured?: boolean;
   /**
    * Programming language for syntax highlighting
    */

package/es/EmojiPicker/AvatarUploader.mjs

@@ -4,9 +4,9 @@ import Center from "../Flex/Center.mjs";
 import Icon from "../Icon/Icon.mjs";
 import Text from "../Text/Text.mjs";
 import Button$1 from "../Button/Button.mjs";
+import Tag$1 from "../Tag/Tag.mjs";
 import { useTranslation } from "../i18n/useTranslation.mjs";
 import emojiPicker_default from "../i18n/resources/en/emojiPicker.mjs";
-import Tag$1 from "../Tag/Tag.mjs";
 import { memo, useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload, message } from "antd";

package/es/Highlighter/Highlighter.mjs

@@ -1,9 +1,9 @@
 "use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Tag from "../Tag/Tag.mjs";
 import { getCodeLanguageDisplayName } from "./const.mjs";
 import SyntaxHighlighter from "./SyntaxHighlighter/index.mjs";
 import CopyButton from "../CopyButton/CopyButton.mjs";
-import Tag from "../Tag/Tag.mjs";
 import { styles, variants } from "./style.mjs";
 import HighlighterFullFeatured from "./FullFeatured.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";

package/es/Highlighter/theme/lobe-theme.d.mts

@@ -3,6 +3,9 @@ declare const _default: {
   displayName: string;
   name: string;
   semanticHighlighting: boolean;
+  colors: {
+    'editor.background': string;
+  };
   tokenColors: ({
     settings: {
       foreground: string;

package/es/Highlighter/theme/lobe-theme.mjs

@@ -4,6 +4,7 @@ var lobe_theme_default = {
 	displayName: "Lobe Theme",
 	name: "lobe-theme",
 	semanticHighlighting: true,
+	colors: { "editor.background": cssVar.colorBgContainer },
 	tokenColors: [
 		{ settings: { foreground: cssVar.colorText } },
 		{

package/es/Highlighter/theme/lobe-theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lobe-theme.mjs","names":[],"sources":["../../../src/Highlighter/theme/lobe-theme.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\n\nexport default {\n  displayName: 'Lobe Theme',\n  name: 'lobe-theme',\n  semanticHighlighting: true,\n  tokenColors: [\n    {\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'string',\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: 'punctuation, constant.other.symbol',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'constant.character.escape, text.html constant.character.entity.named',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'constant.language.boolean',\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: 'constant.numeric',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope:\n        'variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'keyword.other',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'keyword, modifier, variable.language.this, support.type.object, constant.language',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name.function, support.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'storage.type, storage.modifier, storage.control',\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: 'support.module, support.node',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'support.type, constant.other.key',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'entity.name.type, entity.other.inherited-class, entity.other',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'comment',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorTextQuaternary,\n      },\n    },\n    {\n      scope: 'comment punctuation.definition.comment, string.quoted.docstring',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorTextQuaternary,\n      },\n    },\n    {\n      scope: 'punctuation',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name, entity.name.type.class, support.type, support.class, meta.use',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'variable.object.property, meta.field.declaration entity.name.function',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'meta.definition.method entity.name.function',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'meta.function entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope:\n        'template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'meta.embedded, source.groovy.embedded, meta.template.expression',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'entity.name.tag.yaml',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope:\n        'meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'constant.language.json',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name.class',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name.id',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'source.css entity.name.tag',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'support.type.property-name.css',\n      settings: {\n        foreground: cssVar.colorTextSecondary,\n      },\n    },\n    {\n      scope: 'meta.tag, punctuation.definition.tag',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name.tag',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name',\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: 'punctuation.definition.entity.html',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'markup.heading',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'text.html.markdown meta.link.inline, meta.link.reference',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'text.html.markdown beginning.punctuation.definition.list',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'markup.italic',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'markup.bold',\n      settings: {\n        fontStyle: 'bold',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'markup.bold markup.italic, markup.italic markup.bold',\n      settings: {\n        fontStyle: 'italic bold',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'markup.fenced_code.block.markdown punctuation.definition.markdown',\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: 'markup.inline.raw.string.markdown',\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: 'keyword.other.definition.ini',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'entity.name.section.group-title.ini',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'source.cs meta.class.identifier storage.type',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cs meta.method.identifier entity.name.function',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'source.cs meta.method-call meta.method, source.cs entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'source.cs storage.type',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cs meta.method.return-type',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cs meta.preprocessor',\n      settings: {\n        foreground: cssVar.colorTextQuaternary,\n      },\n    },\n    {\n      scope: 'source.cs entity.name.type.namespace',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'meta.jsx.children, SXNested',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'support.class.component',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cpp meta.block variable.other',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'source.python meta.member.access.python',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'source.python meta.function-call.python, meta.function-call.arguments',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'meta.block',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'entity.name.function.call',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'source.php support.other.namespace, source.php meta.use support.class',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'constant.keyword',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      settings: {\n        background: '#212121',\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: ['constant.other.placeholder'],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['markup.deleted'],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['markup.inserted'],\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: ['markup.underline'],\n      settings: {\n        fontStyle: 'underline',\n      },\n    },\n    {\n      scope: ['keyword.control'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: ['variable.parameter'],\n      settings: {\n        fontStyle: 'italic',\n      },\n    },\n    {\n      scope: ['variable.parameter.function.language.special.self.python'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['constant.character.format.placeholder.other.python'],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['markup.quote'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: ['punctuation.definition.quote'],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: ['meta.structure.dictionary.json support.type.property-name.json'],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n  ],\n  type: 'dark',\n};\n"],"mappings":";;AAEA,IAAA,qBAAe;CACb,aAAa;CACb,MAAM;CACN,sBAAsB;CACtB,aAAa;EACX,EACE,UAAU,EACR,YAAY,OAAO,WACpB,EACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,oBACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,qBACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD,EACE,UAAU;GACR,YAAY;GACZ,YAAY,OAAO;GACpB,EACF;EACD;GACE,OAAO,CAAC,6BAA6B;GACrC,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,iBAAiB;GACzB,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,kBAAkB;GAC1B,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CAAC,mBAAmB;GAC3B,UAAU,EACR,WAAW,aACZ;GACF;EACD;GACE,OAAO,CAAC,kBAAkB;GAC1B,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,qBAAqB;GAC7B,UAAU,EACR,WAAW,UACZ;GACF;EACD;GACE,OAAO,CAAC,2DAA2D;GACnE,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,qDAAqD;GAC7D,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,eAAe;GACvB,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,+BAA+B;GACvC,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CAAC,iEAAiE;GACzE,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,qIACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CACL,yMACD;GACD,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CACL,6QACD;GACD,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CACL,iVACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CACL,qZACD;GACD,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO,CACL,ydACD;GACD,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,6hBACD;GACD,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,imBACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACF;CACD,MAAM;CACP"}
+{"version":3,"file":"lobe-theme.mjs","names":[],"sources":["../../../src/Highlighter/theme/lobe-theme.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\n\nexport default {\n  displayName: 'Lobe Theme',\n  name: 'lobe-theme',\n  semanticHighlighting: true,\n  colors: {\n    'editor.background': cssVar.colorBgContainer,\n  },\n  tokenColors: [\n    {\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'string',\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: 'punctuation, constant.other.symbol',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'constant.character.escape, text.html constant.character.entity.named',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'constant.language.boolean',\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: 'constant.numeric',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope:\n        'variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'keyword.other',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'keyword, modifier, variable.language.this, support.type.object, constant.language',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name.function, support.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'storage.type, storage.modifier, storage.control',\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: 'support.module, support.node',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'support.type, constant.other.key',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'entity.name.type, entity.other.inherited-class, entity.other',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'comment',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorTextQuaternary,\n      },\n    },\n    {\n      scope: 'comment punctuation.definition.comment, string.quoted.docstring',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorTextQuaternary,\n      },\n    },\n    {\n      scope: 'punctuation',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name, entity.name.type.class, support.type, support.class, meta.use',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'variable.object.property, meta.field.declaration entity.name.function',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'meta.definition.method entity.name.function',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'meta.function entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope:\n        'template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'meta.embedded, source.groovy.embedded, meta.template.expression',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'entity.name.tag.yaml',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope:\n        'meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'constant.language.json',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name.class',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name.id',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'source.css entity.name.tag',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'support.type.property-name.css',\n      settings: {\n        foreground: cssVar.colorTextSecondary,\n      },\n    },\n    {\n      scope: 'meta.tag, punctuation.definition.tag',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name.tag',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name',\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: 'punctuation.definition.entity.html',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'markup.heading',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'text.html.markdown meta.link.inline, meta.link.reference',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'text.html.markdown beginning.punctuation.definition.list',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'markup.italic',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'markup.bold',\n      settings: {\n        fontStyle: 'bold',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'markup.bold markup.italic, markup.italic markup.bold',\n      settings: {\n        fontStyle: 'italic bold',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'markup.fenced_code.block.markdown punctuation.definition.markdown',\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: 'markup.inline.raw.string.markdown',\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: 'keyword.other.definition.ini',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'entity.name.section.group-title.ini',\n      settings: {\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'source.cs meta.class.identifier storage.type',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cs meta.method.identifier entity.name.function',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'source.cs meta.method-call meta.method, source.cs entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'source.cs storage.type',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cs meta.method.return-type',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cs meta.preprocessor',\n      settings: {\n        foreground: cssVar.colorTextQuaternary,\n      },\n    },\n    {\n      scope: 'source.cs entity.name.type.namespace',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'meta.jsx.children, SXNested',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'support.class.component',\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: 'source.cpp meta.block variable.other',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'source.python meta.member.access.python',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'source.python meta.function-call.python, meta.function-call.arguments',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'meta.block',\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: 'entity.name.function.call',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: 'source.php support.other.namespace, source.php meta.use support.class',\n      settings: {\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: 'constant.keyword',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: 'entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      settings: {\n        background: '#212121',\n        foreground: cssVar.colorText,\n      },\n    },\n    {\n      scope: ['constant.other.placeholder'],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['markup.deleted'],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['markup.inserted'],\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n    {\n      scope: ['markup.underline'],\n      settings: {\n        fontStyle: 'underline',\n      },\n    },\n    {\n      scope: ['keyword.control'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: ['variable.parameter'],\n      settings: {\n        fontStyle: 'italic',\n      },\n    },\n    {\n      scope: ['variable.parameter.function.language.special.self.python'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['constant.character.format.placeholder.other.python'],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: ['markup.quote'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: ['punctuation.definition.quote'],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: ['meta.structure.dictionary.json support.type.property-name.json'],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.volcano10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.colorWarning,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.geekblue10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.purple10,\n      },\n    },\n    {\n      scope: [\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\n      ],\n      settings: {\n        foreground: cssVar.colorSuccess,\n      },\n    },\n  ],\n  type: 'dark',\n};\n"],"mappings":";;AAEA,IAAA,qBAAe;CACb,aAAa;CACb,MAAM;CACN,sBAAsB;CACtB,QAAQ,EACN,qBAAqB,OAAO,kBAC7B;CACD,aAAa;EACX,EACE,UAAU,EACR,YAAY,OAAO,WACpB,EACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,oBACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,qBACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD,EACE,UAAU;GACR,YAAY;GACZ,YAAY,OAAO;GACpB,EACF;EACD;GACE,OAAO,CAAC,6BAA6B;GACrC,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,iBAAiB;GACzB,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,kBAAkB;GAC1B,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CAAC,mBAAmB;GAC3B,UAAU,EACR,WAAW,aACZ;GACF;EACD;GACE,OAAO,CAAC,kBAAkB;GAC1B,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,qBAAqB;GAC7B,UAAU,EACR,WAAW,UACZ;GACF;EACD;GACE,OAAO,CAAC,2DAA2D;GACnE,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,qDAAqD;GAC7D,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,eAAe;GACvB,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,+BAA+B;GACvC,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CAAC,iEAAiE;GACzE,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,qIACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CACL,yMACD;GACD,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CACL,6QACD;GACD,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CACL,iVACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CACL,qZACD;GACD,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO,CACL,ydACD;GACD,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,6hBACD;GACD,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,imBACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACF;CACD,MAAM;CACP"}

package/es/Mermaid/Mermaid.mjs

@@ -1,7 +1,7 @@
 "use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import CopyButton from "../CopyButton/CopyButton.mjs";
 import Tag from "../Tag/Tag.mjs";
+import CopyButton from "../CopyButton/CopyButton.mjs";
 import { styles, variants } from "../Highlighter/style.mjs";
 import MermaidFullFeatured from "./FullFeatured.mjs";
 import SyntaxMermaid from "./SyntaxMermaid/index.mjs";

package/es/Tag/Tag.mjs

@@ -1,4 +1,5 @@
 "use client";
+import { safeReadableColor } from "../utils/safeReadableColor.mjs";
 import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./utils.mjs";
 import { variants } from "./styles.mjs";
 import { useMemo } from "react";
@@ -6,29 +7,40 @@ import { jsx } from "react/jsx-runtime";
 import { Tag } from "antd";
 import { cssVar, cx } from "antd-style";
 //#region src/Tag/Tag.tsx
-const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", children, onClick, style, ...rest }) => {
+const Tag$1 = ({ className, ref, shape = "normal", size = "middle", color, variant = "filled", children, onClick, style, ...rest }) => {
 	const colors = useMemo(() => {
+		const resolveActualColor = (colorValue) => {
+			if (!colorValue || !colorValue.startsWith("var(")) return colorValue;
+			if (typeof window === "undefined") return colorValue;
+			const matched = colorValue.match(/var\((--[^,\s)]+)/);
+			if (!matched?.[1]) return colorValue;
+			return window.getComputedStyle(document.documentElement).getPropertyValue(matched[1]).trim() || colorValue;
+		};
 		let textColor = cssVar.colorTextSecondary;
 		let backgroundColor;
 		let borderColor;
 		const isBorderless = variant === "borderless";
 		const isFilled = variant === "filled";
+		const isSolid = variant === "solid";
 		const isPresetColor = color && presetColors.includes(color);
 		const isPresetSystemColors = color && presetSystemColors.has(color);
 		const isHexColor = color && color.startsWith("#");
 		if (isPresetColor) {
-			textColor = colorsPreset(color, "active");
-			backgroundColor = isBorderless ? "transparent" : colorsPreset(color, "fillTertiary");
-			borderColor = colorsPreset(color, isFilled ? "fillQuaternary" : "fillTertiary");
+			const solidBgColor = colorsPreset(color);
+			textColor = isSolid ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor) : colorsPreset(color, "active");
+			backgroundColor = isSolid ? solidBgColor : isBorderless ? "transparent" : colorsPreset(color, "fillTertiary");
+			borderColor = isSolid ? solidBgColor : colorsPreset(color, isFilled ? "fillQuaternary" : "fillTertiary");
 		}
 		if (isPresetSystemColors) {
-			textColor = colorsPresetSystem(color);
-			backgroundColor = isBorderless ? "transparent" : colorsPresetSystem(color, "fillTertiary");
-			borderColor = colorsPresetSystem(color, isFilled ? "fillQuaternary" : "fillTertiary");
+			const solidBgColor = colorsPresetSystem(color);
+			textColor = isSolid ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor) : colorsPresetSystem(color);
+			backgroundColor = isSolid ? solidBgColor : isBorderless ? "transparent" : colorsPresetSystem(color, "fillTertiary");
+			borderColor = isSolid ? solidBgColor : colorsPresetSystem(color, isFilled ? "fillQuaternary" : "fillTertiary");
 		}
 		if (isHexColor) {
-			textColor = cssVar.colorBgLayout;
-			backgroundColor = isBorderless ? "transparent" : color;
+			textColor = isSolid ? safeReadableColor(color) : cssVar.colorBgLayout;
+			backgroundColor = isSolid ? color : isBorderless ? "transparent" : color;
+			borderColor = isSolid ? color : borderColor;
 		}
 		return {
 			backgroundColor,
@@ -38,12 +50,13 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 	}, [color, variant]);
 	return /* @__PURE__ */ jsx(Tag, {
 		className: cx(variants({
+			shape,
 			size,
 			variant
 		}), className),
 		color,
 		ref,
-		variant: variant === "borderless" ? "outlined" : variant,
+		variant: variant === "borderless" ? "outlined" : variant === "solid" ? "filled" : variant,
 		style: {
 			background: colors?.backgroundColor,
 			borderColor: colors?.borderColor,

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag","AntTag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(color, 'active');\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(color, 'fillTertiary');\n      borderColor = colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = cssVar.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      ref={ref}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,OAAO,SAAS;AACzC,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,eAAe;AACpF,iBAAc,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEjF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,MAAM;AACrC,qBAAkB,eAAe,gBAAgB,mBAAmB,OAAO,eAAe;AAC1F,iBAAc,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAEvF,MAAI,YAAY;AACd,eAAY,OAAO;AACnB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC,KAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACF;EACL,SAAS,YAAY,eAAe,aAAa;EACjD,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;GACJ;EACQ;EACT,GAAI;EAEH;EACM,CAAA;;AAIb,MAAI,cAAc"}
+{"version":3,"file":"Tag.mjs","names":["Tag","AntTag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  shape = 'normal',\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    const resolveActualColor = (colorValue?: string) => {\n      if (!colorValue || !colorValue.startsWith('var(')) return colorValue;\n      if (typeof window === 'undefined') return colorValue;\n\n      const matched = colorValue.match(/var\\((--[^,\\s)]+)/);\n      if (!matched?.[1]) return colorValue;\n\n      const resolved = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue(matched[1])\n        .trim();\n\n      return resolved || colorValue;\n    };\n\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isSolid = variant === 'solid';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      const solidBgColor = colorsPreset(color);\n      textColor = isSolid\n        ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor)\n        : colorsPreset(color, 'active');\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPreset(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      const solidBgColor = colorsPresetSystem(color);\n      textColor = isSolid\n        ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor)\n        : colorsPresetSystem(color);\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = isSolid ? safeReadableColor(color) : cssVar.colorBgLayout;\n      backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\n      borderColor = isSolid ? color : borderColor;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ shape, size, variant: variant as any }), className)}\n      color={color}\n      ref={ref}\n      variant={variant === 'borderless' ? 'outlined' : variant === 'solid' ? 'filled' : variant}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;AAYA,MAAMA,SAAqB,EACzB,WACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,MAAM,sBAAsB,eAAwB;AAClD,OAAI,CAAC,cAAc,CAAC,WAAW,WAAW,OAAO,CAAE,QAAO;AAC1D,OAAI,OAAO,WAAW,YAAa,QAAO;GAE1C,MAAM,UAAU,WAAW,MAAM,oBAAoB;AACrD,OAAI,CAAC,UAAU,GAAI,QAAO;AAO1B,UALiB,OACd,iBAAiB,SAAS,gBAAgB,CAC1C,iBAAiB,QAAQ,GAAG,CAC5B,MAEY,IAAI;;EAGrB,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,UAAU,YAAY;EAC5B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;GACjB,MAAM,eAAe,aAAa,MAAM;AACxC,eAAY,UACR,kBAAkB,mBAAmB,aAAa,IAAI,aAAa,GACnE,aAAa,OAAO,SAAS;AACjC,qBAAkB,UACd,eACA,eACE,gBACA,aAAa,OAAO,eAAe;AACzC,iBAAc,UACV,eACA,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEvE,MAAI,sBAAsB;GACxB,MAAM,eAAe,mBAAmB,MAAM;AAC9C,eAAY,UACR,kBAAkB,mBAAmB,aAAa,IAAI,aAAa,GACnE,mBAAmB,MAAM;AAC7B,qBAAkB,UACd,eACA,eACE,gBACA,mBAAmB,OAAO,eAAe;AAC/C,iBAAc,UACV,eACA,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAE7E,MAAI,YAAY;AACd,eAAY,UAAU,kBAAkB,MAAM,GAAG,OAAO;AACxD,qBAAkB,UAAU,QAAQ,eAAe,gBAAgB;AACnE,iBAAc,UAAU,QAAQ;;AAGlC,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC,KAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAe;GAAgB,CAAC,EAAE,UAAU;EACrE;EACF;EACL,SAAS,YAAY,eAAe,aAAa,YAAY,UAAU,WAAW;EAClF,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;GACJ;EACQ;EACT,GAAI;EAEH;EACM,CAAA;;AAIb,MAAI,cAAc"}

package/es/Tag/styles.mjs

@@ -14,6 +14,26 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `,
 	outlined: staticStylish.variantOutlinedWithoutHover,
+	round: css`
+    &.${prefixCls}-tag {
+      border-radius: 999px !important;
+    }
+  `,
+	roundLarge: css`
+    &.${prefixCls}-tag {
+      padding-inline: 14px;
+    }
+  `,
+	roundMiddle: css`
+    &.${prefixCls}-tag {
+      padding-inline: 10px;
+    }
+  `,
+	roundSmall: css`
+    &.${prefixCls}-tag {
+      padding-inline: 8px;
+    }
+  `,
 	root: css`
     color: ${cssVar.colorTextSecondary};
 
@@ -51,14 +71,37 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 }));
 const variants = cva(styles.root, {
 	defaultVariants: {
+		shape: "normal",
 		size: "middle",
 		variant: "filled"
 	},
+	compoundVariants: [
+		{
+			className: styles.roundSmall,
+			shape: "round",
+			size: "small"
+		},
+		{
+			className: styles.roundMiddle,
+			shape: "round",
+			size: "middle"
+		},
+		{
+			className: styles.roundLarge,
+			shape: "round",
+			size: "large"
+		}
+	],
 	variants: {
+		shape: {
+			normal: null,
+			round: styles.round
+		},
 		variant: {
 			filled: styles.filled,
 			outlined: styles.outlined,
-			borderless: styles.borderless
+			borderless: styles.borderless,
+			solid: styles.filled
 		},
 		size: {
 			small: styles.small,

package/es/Tag/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":["lobeStaticStylish"],"sources":["../../src/Tag/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    size: 'middle',\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,GAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,MAAM,GAAG;aACE,OAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,GAAG;QACJ,UAAU;;;;;;CAMjB,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;GACf;EACF;CACF,CAAC"}
+{"version":3,"file":"styles.mjs","names":["lobeStaticStylish"],"sources":["../../src/Tag/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  round: css`\n    &.${prefixCls}-tag {\n      border-radius: 999px !important;\n    }\n  `,\n  roundLarge: css`\n    &.${prefixCls}-tag {\n      padding-inline: 14px;\n    }\n  `,\n  roundMiddle: css`\n    &.${prefixCls}-tag {\n      padding-inline: 10px;\n    }\n  `,\n  roundSmall: css`\n    &.${prefixCls}-tag {\n      padding-inline: 8px;\n    }\n  `,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shape: 'normal',\n    size: 'middle',\n    variant: 'filled',\n  },\n\n  compoundVariants: [\n    {\n      className: styles.roundSmall,\n      shape: 'round',\n      size: 'small',\n    },\n    {\n      className: styles.roundMiddle,\n      shape: 'round',\n      size: 'middle',\n    },\n    {\n      className: styles.roundLarge,\n      shape: 'round',\n      size: 'large',\n    },\n  ],\n\n  variants: {\n    shape: {\n      normal: null,\n      round: styles.round,\n    },\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      solid: styles.filled,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,GAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,OAAO,GAAG;QACJ,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,aAAa,GAAG;QACV,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,MAAM,GAAG;aACE,OAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,GAAG;QACJ,UAAU;;;;;;CAMjB,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,SAAS;EACV;CAED,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;GACP;EACD;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;GACP;EACD;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;GACP;EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ;GACR,OAAO,OAAO;GACf;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,OAAO,OAAO;GACf;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;GACf;EACF;CACF,CAAC"}

package/es/Tag/type.d.mts

@@ -5,8 +5,9 @@ import { TagProps } from "antd";
 interface TagProps$1 extends Omit<TagProps, 'color' | 'variant'> {
   color?: TagProps['color'] | 'info';
   ref?: Ref<HTMLDivElement>;
+  shape?: 'normal' | 'round';
   size?: 'small' | 'middle' | 'large';
-  variant?: 'filled' | 'outlined' | 'borderless';
+  variant?: 'filled' | 'outlined' | 'borderless' | 'solid';
 }
 //#endregion
 export { TagProps$1 as TagProps };

package/es/base-ui/DropdownMenu/sharedStyle.mjs

@@ -38,14 +38,19 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 	groupLabel: css`
     user-select: none;
 
-    padding-block: 4px 2px;
+    padding-block: 8px 4px;
     padding-inline: 12px;
 
-    font-size: 11px;
-    font-weight: 500;
+    font-size: 10px;
+    font-weight: 600;
     line-height: 14px;
     color: ${cssVar.colorTextTertiary};
-    text-transform: capitalize;
+    text-transform: uppercase;
+    letter-spacing: 0.6px;
+
+    [role='group']:first-child > & {
+      padding-block-start: 4px;
+    }
   `,
 	icon: css`
     display: flex;

package/es/base-ui/DropdownMenu/sharedStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStyle.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    --lobe-menu-icon-color: ${cssVar.colorError};\n\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  footer: css`\n    flex-shrink: 0;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-start: 1px solid ${cssVar.colorBorder};\n  `,\n\n  header: css`\n    flex-shrink: 0;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorBorder};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 4px 2px;\n    padding-inline: 12px;\n\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 14px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: capitalize;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 14px;\n    height: 14px;\n    margin-inline-end: 12px;\n\n    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});\n\n    & svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n\n  item: css`\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 32px;\n    padding-block: 6px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  itemContentAlignStart: css`\n    align-items: flex-start;\n  `,\n\n  iconAlignStart: css`\n    align-self: flex-start;\n    margin-block-start: 2px;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  labelGroup: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-width: 0;\n  `,\n\n  desc: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 220px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 0 1px ${cssVar.colorBorder},\n      0 4px 12px 0 rgb(0 0 0 / 8%),\n      0 1px 3px 0 rgb(0 0 0 / 6%);\n\n    &[data-has-header] {\n      padding-block-start: 0;\n    }\n\n    &[data-has-footer] {\n      padding-block-end: 0;\n    }\n  `,\n\n  popupWithSlots: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    max-height: var(--available-height);\n  `,\n\n  slotViewport: css`\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n  `,\n\n  positioner: css`\n    --lobe-dropdown-animation-duration: 140ms;\n    --lobe-dropdown-animation-scale-y: 0.92;\n    --lobe-dropdown-animation-ease-in: ease-in;\n    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n\n    z-index: 1100;\n\n    & > * {\n      will-change: opacity, transform;\n      transform-origin: var(--transform-origin);\n      animation: none;\n    }\n\n    &[data-open] > * {\n      transform: scaleY(1);\n      opacity: 1;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n    }\n\n    &[data-open] > *[data-starting-style] {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n    }\n\n    &[data-closed] > * {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n    }\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n    }\n\n    &[data-submenu],\n    &[data-nested] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n\n      z-index: 1199;\n    }\n\n    &[data-side='left'],\n    &[data-side='right'] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-start: 8px;\n\n    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});\n\n    & svg {\n      width: 12px;\n      height: 12px;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;8BACiB,OAAO,WAAW;;aAEnC,OAAO,WAAW;;;oBAGX,OAAO,aAAa;;;CAItC,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;CAGpC,OAAO,GAAG;;;;mBAIO,OAAO,eAAe;;aAE5B,OAAO,kBAAkB;;CAGpC,QAAQ,GAAG;;;;oCAIuB,OAAO,YAAY;;CAGrD,QAAQ,GAAG;;;;kCAIqB,OAAO,YAAY;;CAGnD,YAAY,GAAG;;;;;;;;;aASJ,OAAO,kBAAkB;;;CAIpC,MAAM,GAAG;;;;;;;;;;yCAU8B,OAAO,mBAAmB;;;;;;;CAQjE,MAAM,GAAG;;;;;;;;;;;;;qBAaU,OAAO,eAAe;;;;aAI9B,OAAO,UAAU;;;;4BAIF,OAAO,cAAc;;;oBAG7B,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;;;eAK/B,OAAO,kBAAkB;;;;;;;;;oBASpB,OAAO,kBAAkB;;;;;;oBAMzB,OAAO,kBAAkB;;;CAI3C,aAAa,GAAG;;;;;;CAOhB,uBAAuB,GAAG;;;CAI1B,gBAAgB,GAAG;;;;CAKnB,OAAO,GAAG;;;;;;;;;;;;;CAcV,YAAY,GAAG;;;;;;;;CASf,MAAM,GAAG;;;;;aAKE,OAAO,kBAAkB;;;;CAKpC,OAAO,GAAG;;;qBAGS,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kBAGvB,OAAO,YAAY;;;;;;;;;;;;CAanC,gBAAgB,GAAG;;;;;;CAOnB,cAAc,GAAG;;;;;CAMjB,YAAY,GAAG;;;;0CAIyB,OAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD7D,WAAW,GAAG;;;;kBAIE,OAAO,YAAY;;CAGnC,cAAc,GAAG;;;;;;;;;;yCAUsB,OAAO,mBAAmB;;;;;;;CAOlE,EAAE"}
+{"version":3,"file":"sharedStyle.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    --lobe-menu-icon-color: ${cssVar.colorError};\n\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  footer: css`\n    flex-shrink: 0;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-start: 1px solid ${cssVar.colorBorder};\n  `,\n\n  header: css`\n    flex-shrink: 0;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorBorder};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 14px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n\n    [role='group']:first-child > & {\n      padding-block-start: 4px;\n    }\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 14px;\n    height: 14px;\n    margin-inline-end: 12px;\n\n    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});\n\n    & svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n\n  item: css`\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 32px;\n    padding-block: 6px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  itemContentAlignStart: css`\n    align-items: flex-start;\n  `,\n\n  iconAlignStart: css`\n    align-self: flex-start;\n    margin-block-start: 2px;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  labelGroup: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-width: 0;\n  `,\n\n  desc: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 220px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 0 1px ${cssVar.colorBorder},\n      0 4px 12px 0 rgb(0 0 0 / 8%),\n      0 1px 3px 0 rgb(0 0 0 / 6%);\n\n    &[data-has-header] {\n      padding-block-start: 0;\n    }\n\n    &[data-has-footer] {\n      padding-block-end: 0;\n    }\n  `,\n\n  popupWithSlots: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    max-height: var(--available-height);\n  `,\n\n  slotViewport: css`\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n  `,\n\n  positioner: css`\n    --lobe-dropdown-animation-duration: 140ms;\n    --lobe-dropdown-animation-scale-y: 0.92;\n    --lobe-dropdown-animation-ease-in: ease-in;\n    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n\n    z-index: 1100;\n\n    & > * {\n      will-change: opacity, transform;\n      transform-origin: var(--transform-origin);\n      animation: none;\n    }\n\n    &[data-open] > * {\n      transform: scaleY(1);\n      opacity: 1;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n    }\n\n    &[data-open] > *[data-starting-style] {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n    }\n\n    &[data-closed] > * {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n    }\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n    }\n\n    &[data-submenu],\n    &[data-nested] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n\n      z-index: 1199;\n    }\n\n    &[data-side='left'],\n    &[data-side='right'] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-start: 8px;\n\n    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});\n\n    & svg {\n      width: 12px;\n      height: 12px;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;8BACiB,OAAO,WAAW;;aAEnC,OAAO,WAAW;;;oBAGX,OAAO,aAAa;;;CAItC,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;CAGpC,OAAO,GAAG;;;;mBAIO,OAAO,eAAe;;aAE5B,OAAO,kBAAkB;;CAGpC,QAAQ,GAAG;;;;oCAIuB,OAAO,YAAY;;CAGrD,QAAQ,GAAG;;;;kCAIqB,OAAO,YAAY;;CAGnD,YAAY,GAAG;;;;;;;;;aASJ,OAAO,kBAAkB;;;;;;;;CASpC,MAAM,GAAG;;;;;;;;;;yCAU8B,OAAO,mBAAmB;;;;;;;CAQjE,MAAM,GAAG;;;;;;;;;;;;;qBAaU,OAAO,eAAe;;;;aAI9B,OAAO,UAAU;;;;4BAIF,OAAO,cAAc;;;oBAG7B,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;;;eAK/B,OAAO,kBAAkB;;;;;;;;;oBASpB,OAAO,kBAAkB;;;;;;oBAMzB,OAAO,kBAAkB;;;CAI3C,aAAa,GAAG;;;;;;CAOhB,uBAAuB,GAAG;;;CAI1B,gBAAgB,GAAG;;;;CAKnB,OAAO,GAAG;;;;;;;;;;;;;CAcV,YAAY,GAAG;;;;;;;;CASf,MAAM,GAAG;;;;;aAKE,OAAO,kBAAkB;;;;CAKpC,OAAO,GAAG;;;qBAGS,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kBAGvB,OAAO,YAAY;;;;;;;;;;;;CAanC,gBAAgB,GAAG;;;;;;CAOnB,cAAc,GAAG;;;;;CAMjB,YAAY,GAAG;;;;0CAIyB,OAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD7D,WAAW,GAAG;;;;kBAIE,OAAO,YAAY;;CAGnC,cAAc,GAAG;;;;;;;;;;yCAUsB,OAAO,mBAAmB;;;;;;;CAOlE,EAAE"}

package/es/base-ui/Switch/atoms.d.mts

@@ -43,12 +43,10 @@ declare const SwitchIcon: {
     children,
     className,
     position,
+    size,
     transition,
     ...rest
-  }: SwitchIconProps & {
-    children?: React.ReactNode;
-    size?: "default" | "small";
-  }): _$react_jsx_runtime0.JSX.Element;
+  }: SwitchIconProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/base-ui/Switch/atoms.mjs

@@ -4,6 +4,7 @@ import { rootVariants, styles, thumbVariants } from "./style.mjs";
 import { createContext, use, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
+import { useReducedMotion } from "motion/react";
 import useMergeState from "use-merge-value";
 import { Switch } from "@base-ui/react/switch";
 //#region src/base-ui/Switch/atoms.tsx
@@ -72,19 +73,21 @@ const SwitchRoot = ({ checked, className, defaultChecked, onCheckedChange, onCli
 };
 SwitchRoot.displayName = "SwitchRoot";
 const SwitchThumb = ({ className, pressedAnimation, size = "default", transition = {
-	damping: 25,
-	stiffness: 300,
+	damping: 24,
+	stiffness: 360,
 	type: "spring"
 }, children, ...rest }) => {
 	const Motion = useMotionComponent();
 	const { isPressed } = useSwitchContext();
+	const shouldReduceMotion = useReducedMotion();
 	const baseClassName = thumbVariants({ size });
-	const defaultPressedAnimation = { width: size === "small" ? 16 : 22 };
+	const effectiveAnimate = !shouldReduceMotion && isPressed ? pressedAnimation || { width: size === "small" ? 16 : 22 } : void 0;
+	const effectiveTransition = shouldReduceMotion ? { duration: 0 } : transition;
 	return /* @__PURE__ */ jsx(Switch.Thumb, { render: /* @__PURE__ */ jsx(Motion.span, {
 		layout: true,
-		animate: isPressed ? pressedAnimation || defaultPressedAnimation : void 0,
+		animate: effectiveAnimate,
 		className: cx(baseClassName, className),
-		transition,
+		transition: effectiveTransition,
 		...rest,
 		children
 	}) });
@@ -95,13 +98,13 @@ const getIconPositionClass = (position, size) => {
 	if (position === "left") return size === "small" ? styles.iconLeftSmall : styles.iconLeft;
 	return size === "small" ? styles.iconRightSmall : styles.iconRight;
 };
-const SwitchIcon = ({ children, className, position, transition = {
+const SwitchIcon = ({ children, className, position, size = "default", transition = {
 	bounce: 0,
 	type: "spring"
 }, ...rest }) => {
 	const Motion = useMotionComponent();
 	const { isChecked } = useSwitchContext();
-	const size = rest.size || "default";
+	const shouldReduceMotion = useReducedMotion();
 	const isAnimated = useMemo(() => {
 		if (position === "right") return !isChecked;
 		if (position === "left") return isChecked;
@@ -109,6 +112,7 @@ const SwitchIcon = ({ children, className, position, transition = {
 		return false;
 	}, [position, isChecked]);
 	const positionClass = getIconPositionClass(position, size);
+	const effectiveTransition = shouldReduceMotion ? { duration: 0 } : transition;
 	return /* @__PURE__ */ jsx(Motion.span, {
 		animate: isAnimated ? {
 			opacity: 1,
@@ -118,7 +122,7 @@ const SwitchIcon = ({ children, className, position, transition = {
 			scale: 0
 		},
 		className: cx(styles.icon, positionClass, className),
-		transition,
+		transition: effectiveTransition,
 		...rest,
 		children
 	});