@jinmi/ui 0.0.0-stage → 6.0.2

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

@@ -0,0 +1,366 @@
+import { cssVar } from "antd-style";
+//#region src/Highlighter/theme/lobe-theme.ts
+var lobe_theme_default = {
+	displayName: "Jinmi Theme",
+	name: "jinmi-theme",
+	semanticHighlighting: true,
+	colors: { "editor.background": cssVar.colorBgContainer },
+	tokenColors: [
+		{ settings: { foreground: cssVar.colorText } },
+		{
+			scope: "string",
+			settings: { foreground: cssVar.colorSuccess }
+		},
+		{
+			scope: "punctuation, constant.other.symbol",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "constant.character.escape, text.html constant.character.entity.named",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "constant.language.boolean",
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: "constant.numeric",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "keyword.other",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "keyword, modifier, variable.language.this, support.type.object, constant.language",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "entity.name.function, support.function",
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{
+			scope: "storage.type, storage.modifier, storage.control",
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: "support.module, support.node",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.volcano10
+			}
+		},
+		{
+			scope: "support.type, constant.other.key",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "entity.name.type, entity.other.inherited-class, entity.other",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "comment",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorTextQuaternary
+			}
+		},
+		{
+			scope: "comment punctuation.definition.comment, string.quoted.docstring",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorTextQuaternary
+			}
+		},
+		{
+			scope: "punctuation",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "entity.name, entity.name.type.class, support.type, support.class, meta.use",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "variable.object.property, meta.field.declaration entity.name.function",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "meta.definition.method entity.name.function",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "meta.function entity.name.function",
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{
+			scope: "template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "meta.embedded, source.groovy.embedded, meta.template.expression",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "entity.name.tag.yaml",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "constant.language.json",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "entity.other.attribute-name.class",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "entity.other.attribute-name.id",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "source.css entity.name.tag",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "support.type.property-name.css",
+			settings: { foreground: cssVar.colorTextSecondary }
+		},
+		{
+			scope: "meta.tag, punctuation.definition.tag",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "entity.name.tag",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "entity.other.attribute-name",
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: "punctuation.definition.entity.html",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "markup.heading",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "text.html.markdown meta.link.inline, meta.link.reference",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "text.html.markdown beginning.punctuation.definition.list",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "markup.italic",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.volcano10
+			}
+		},
+		{
+			scope: "markup.bold",
+			settings: {
+				fontStyle: "bold",
+				foreground: cssVar.volcano10
+			}
+		},
+		{
+			scope: "markup.bold markup.italic, markup.italic markup.bold",
+			settings: {
+				fontStyle: "italic bold",
+				foreground: cssVar.volcano10
+			}
+		},
+		{
+			scope: "markup.fenced_code.block.markdown punctuation.definition.markdown",
+			settings: { foreground: cssVar.colorSuccess }
+		},
+		{
+			scope: "markup.inline.raw.string.markdown",
+			settings: { foreground: cssVar.colorSuccess }
+		},
+		{
+			scope: "keyword.other.definition.ini",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "entity.name.section.group-title.ini",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "source.cs meta.class.identifier storage.type",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "source.cs meta.method.identifier entity.name.function",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "source.cs meta.method-call meta.method, source.cs entity.name.function",
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{
+			scope: "source.cs storage.type",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "source.cs meta.method.return-type",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "source.cs meta.preprocessor",
+			settings: { foreground: cssVar.colorTextQuaternary }
+		},
+		{
+			scope: "source.cs entity.name.type.namespace",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "meta.jsx.children, SXNested",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "support.class.component",
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: "source.cpp meta.block variable.other",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "source.python meta.member.access.python",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "source.python meta.function-call.python, meta.function-call.arguments",
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{
+			scope: "meta.block",
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: "entity.name.function.call",
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{
+			scope: "source.php support.other.namespace, source.php meta.use support.class",
+			settings: { foreground: cssVar.colorText }
+		},
+		{
+			scope: "constant.keyword",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorInfo
+			}
+		},
+		{
+			scope: "entity.name.function",
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{ settings: {
+			background: "#212121",
+			foreground: cssVar.colorText
+		} },
+		{
+			scope: ["constant.other.placeholder"],
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: ["markup.deleted"],
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: ["markup.inserted"],
+			settings: { foreground: cssVar.colorSuccess }
+		},
+		{
+			scope: ["markup.underline"],
+			settings: { fontStyle: "underline" }
+		},
+		{
+			scope: ["keyword.control"],
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorInfo
+			}
+		},
+		{
+			scope: ["variable.parameter"],
+			settings: { fontStyle: "italic" }
+		},
+		{
+			scope: ["variable.parameter.function.language.special.self.python"],
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.volcano10
+			}
+		},
+		{
+			scope: ["constant.character.format.placeholder.other.python"],
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: ["markup.quote"],
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorInfo
+			}
+		},
+		{
+			scope: ["punctuation.definition.quote"],
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: ["meta.structure.dictionary.json support.type.property-name.json"],
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: ["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.volcano10 }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.colorWarning }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.geekblue10 }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.purple10 }
+		},
+		{
+			scope: ["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"],
+			settings: { foreground: cssVar.colorSuccess }
+		}
+	],
+	type: "dark"
+};
+//#endregion
+export { lobe_theme_default as default };
+
+//# sourceMappingURL=lobe-theme.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lobe-theme.mjs","names":[],"sources":["../../../src/Highlighter/theme/lobe-theme.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\r\n\r\nexport default {\r\n  displayName: 'Jinmi Theme',\r\n  name: 'jinmi-theme',\r\n  semanticHighlighting: true,\r\n  colors: {\r\n    'editor.background': cssVar.colorBgContainer,\r\n  },\r\n  tokenColors: [\r\n    {\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'string',\r\n      settings: {\r\n        foreground: cssVar.colorSuccess,\r\n      },\r\n    },\r\n    {\r\n      scope: 'punctuation, constant.other.symbol',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'constant.character.escape, text.html constant.character.entity.named',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'constant.language.boolean',\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'constant.numeric',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope:\r\n        'variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'keyword.other',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'keyword, modifier, variable.language.this, support.type.object, constant.language',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.function, support.function',\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'storage.type, storage.modifier, storage.control',\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'support.module, support.node',\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'support.type, constant.other.key',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.type, entity.other.inherited-class, entity.other',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'comment',\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.colorTextQuaternary,\r\n      },\r\n    },\r\n    {\r\n      scope: 'comment punctuation.definition.comment, string.quoted.docstring',\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.colorTextQuaternary,\r\n      },\r\n    },\r\n    {\r\n      scope: 'punctuation',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name, entity.name.type.class, support.type, support.class, meta.use',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'variable.object.property, meta.field.declaration entity.name.function',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'meta.definition.method entity.name.function',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'meta.function entity.name.function',\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      scope:\r\n        'template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'meta.embedded, source.groovy.embedded, meta.template.expression',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.tag.yaml',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope:\r\n        'meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'constant.language.json',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.other.attribute-name.class',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.other.attribute-name.id',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.css entity.name.tag',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'support.type.property-name.css',\r\n      settings: {\r\n        foreground: cssVar.colorTextSecondary,\r\n      },\r\n    },\r\n    {\r\n      scope: 'meta.tag, punctuation.definition.tag',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.tag',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.other.attribute-name',\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'punctuation.definition.entity.html',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'markup.heading',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'text.html.markdown meta.link.inline, meta.link.reference',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'text.html.markdown beginning.punctuation.definition.list',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'markup.italic',\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'markup.bold',\r\n      settings: {\r\n        fontStyle: 'bold',\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'markup.bold markup.italic, markup.italic markup.bold',\r\n      settings: {\r\n        fontStyle: 'italic bold',\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'markup.fenced_code.block.markdown punctuation.definition.markdown',\r\n      settings: {\r\n        foreground: cssVar.colorSuccess,\r\n      },\r\n    },\r\n    {\r\n      scope: 'markup.inline.raw.string.markdown',\r\n      settings: {\r\n        foreground: cssVar.colorSuccess,\r\n      },\r\n    },\r\n    {\r\n      scope: 'keyword.other.definition.ini',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.section.group-title.ini',\r\n      settings: {\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs meta.class.identifier storage.type',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs meta.method.identifier entity.name.function',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs meta.method-call meta.method, source.cs entity.name.function',\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs storage.type',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs meta.method.return-type',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs meta.preprocessor',\r\n      settings: {\r\n        foreground: cssVar.colorTextQuaternary,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cs entity.name.type.namespace',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'meta.jsx.children, SXNested',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'support.class.component',\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.cpp meta.block variable.other',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.python meta.member.access.python',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.python meta.function-call.python, meta.function-call.arguments',\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'meta.block',\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.function.call',\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      scope: 'source.php support.other.namespace, source.php meta.use support.class',\r\n      settings: {\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: 'constant.keyword',\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: 'entity.name.function',\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      settings: {\r\n        background: '#212121',\r\n        foreground: cssVar.colorText,\r\n      },\r\n    },\r\n    {\r\n      scope: ['constant.other.placeholder'],\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: ['markup.deleted'],\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: ['markup.inserted'],\r\n      settings: {\r\n        foreground: cssVar.colorSuccess,\r\n      },\r\n    },\r\n    {\r\n      scope: ['markup.underline'],\r\n      settings: {\r\n        fontStyle: 'underline',\r\n      },\r\n    },\r\n    {\r\n      scope: ['keyword.control'],\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: ['variable.parameter'],\r\n      settings: {\r\n        fontStyle: 'italic',\r\n      },\r\n    },\r\n    {\r\n      scope: ['variable.parameter.function.language.special.self.python'],\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: ['constant.character.format.placeholder.other.python'],\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: ['markup.quote'],\r\n      settings: {\r\n        fontStyle: 'italic',\r\n        foreground: cssVar.colorInfo,\r\n      },\r\n    },\r\n    {\r\n      scope: ['punctuation.definition.quote'],\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: ['meta.structure.dictionary.json support.type.property-name.json'],\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\n        'meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.volcano10,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.colorWarning,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.geekblue10,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.purple10,\r\n      },\r\n    },\r\n    {\r\n      scope: [\r\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',\r\n      ],\r\n      settings: {\r\n        foreground: cssVar.colorSuccess,\r\n      },\r\n    },\r\n  ],\r\n  type: 'dark',\r\n};\r\n"],"mappings":";;AAEA,IAAA,qBAAe;CACb,aAAa;CACb,MAAM;CACN,sBAAsB;CACtB,QAAQ,EACN,qBAAqB,OAAO,iBAC9B;CACA,aAAa;EACX,EACE,UAAU,EACR,YAAY,OAAO,UACrB,EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,mBACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,oBACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO;GACP,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA,EACE,UAAU;GACR,YAAY;GACZ,YAAY,OAAO;EACrB,EACF;EACA;GACE,OAAO,CAAC,4BAA4B;GACpC,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO,CAAC,gBAAgB;GACxB,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO,CAAC,iBAAiB;GACzB,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO,CAAC,kBAAkB;GAC1B,UAAU,EACR,WAAW,YACb;EACF;EACA;GACE,OAAO,CAAC,iBAAiB;GACzB,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO,CAAC,oBAAoB;GAC5B,UAAU,EACR,WAAW,SACb;EACF;EACA;GACE,OAAO,CAAC,0DAA0D;GAClE,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO,CAAC,oDAAoD;GAC5D,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO,CAAC,cAAc;GACtB,UAAU;IACR,WAAW;IACX,YAAY,OAAO;GACrB;EACF;EACA;GACE,OAAO,CAAC,8BAA8B;GACtC,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO,CAAC,gEAAgE;GACxE,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO,CACL,oIACF;GACA,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO,CACL,wMACF;GACA,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO,CACL,4QACF;GACA,UAAU,EACR,YAAY,OAAO,UACrB;EACF;EACA;GACE,OAAO,CACL,gVACF;GACA,UAAU,EACR,YAAY,OAAO,aACrB;EACF;EACA;GACE,OAAO,CACL,oZACF;GACA,UAAU,EACR,YAAY,OAAO,WACrB;EACF;EACA;GACE,OAAO,CACL,wdACF;GACA,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO,CACL,4hBACF;GACA,UAAU,EACR,YAAY,OAAO,SACrB;EACF;EACA;GACE,OAAO,CACL,gmBACF;GACA,UAAU,EACR,YAAY,OAAO,aACrB;EACF;CACF;CACA,MAAM;AACR"}

package/es/Highlighter/type.d.mts

@@ -0,0 +1,60 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { DivProps } from "../types/index.mjs";
+import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
+import "../base-ui/ActionIcon/index.mjs";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { BuiltinTheme } from "shiki";
+//#region src/Highlighter/type.d.ts
+interface SyntaxHighlighterProps extends DivProps {
+  animated?: boolean;
+  children: string;
+  enableTransformer?: HighlighterProps['enableTransformer'];
+  language: HighlighterProps['language'];
+  ref?: Ref<HTMLDivElement>;
+  theme?: HighlighterProps['theme'];
+  variant?: HighlighterProps['variant'];
+}
+interface HighlighterProps extends Omit<FlexboxProps, 'children' | 'wrap'> {
+  actionIconSize?: ActionIconProps['size'];
+  actionsRender?: (props: {
+    actionIconSize: ActionIconProps['size'];
+    content: string;
+    getContent: () => string;
+    language: string;
+    originalNode: ReactNode;
+  }) => ReactNode;
+  allowChangeLanguage?: boolean;
+  animated?: boolean;
+  bodyRender?: (props: {
+    content: string;
+    language: string;
+    originalNode: ReactNode;
+  }) => ReactNode;
+  children: string;
+  classNames?: {
+    body?: string;
+    content?: string;
+    header?: string;
+  };
+  copyable?: boolean;
+  defaultExpand?: boolean;
+  enableTransformer?: boolean;
+  fileName?: string;
+  fullFeatured?: boolean;
+  icon?: ReactNode;
+  language: string;
+  shadow?: boolean;
+  showLanguage?: boolean;
+  styles?: {
+    body?: CSSProperties;
+    content?: CSSProperties;
+    header?: CSSProperties;
+  };
+  theme?: 'jinmi-theme' | BuiltinTheme;
+  variant?: 'filled' | 'outlined' | 'borderless';
+  wrap?: boolean;
+}
+//#endregion
+export { HighlighterProps, SyntaxHighlighterProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Hotkey/Hotkey.d.mts

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

package/es/Hotkey/Hotkey.mjs

@@ -0,0 +1,142 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Center from "../Flex/Center.mjs";
+import { KeyMapEnum } from "./const.mjs";
+import Icon from "../Icon/Icon.mjs";
+import LeftClickIcon from "../icons/lucideExtra/LeftClickIcon.mjs";
+import LeftDoubleClickIcon from "../icons/lucideExtra/LeftDoubleClickIcon.mjs";
+import RightClickIcon from "../icons/lucideExtra/RightClickIcon.mjs";
+import RightDoubleClickIcon from "../icons/lucideExtra/RightDoubleClickIcon.mjs";
+import { variants } from "./style.mjs";
+import { checkIsAppleDevice, splitKeysByPlus, startCase } from "./utils.mjs";
+import { memo, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+import { ArrowBigUpIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightToLineIcon, ArrowUpIcon, ChevronUpIcon, Command, CornerDownLeftIcon, Delete, Grid2X2Icon, MouseIcon, Option, SpaceIcon } from "lucide-react";
+//#region src/Hotkey/Hotkey.tsx
+const mappingKey = (isAppleDevice) => ({
+	[KeyMapEnum.Alt]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, {
+		icon: Option,
+		size: { size: "0.95em" }
+	}) : "Alt",
+	[KeyMapEnum.Backspace]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, { icon: Delete }) : "Backspace",
+	[KeyMapEnum.CommandOrControl]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, {
+		icon: Command,
+		size: { size: "0.95em" }
+	}) : "Ctrl",
+	[KeyMapEnum.Ctrl]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, { icon: ChevronUpIcon }) : "Ctrl",
+	[KeyMapEnum.Control]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, { icon: ChevronUpIcon }) : "Ctrl",
+	[KeyMapEnum.Down]: /* @__PURE__ */ jsx(Icon, { icon: ArrowDownIcon }),
+	[KeyMapEnum.Enter]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, { icon: CornerDownLeftIcon }) : "Enter",
+	[KeyMapEnum.LeftClick]: /* @__PURE__ */ jsx(Icon, {
+		icon: LeftClickIcon,
+		size: {
+			size: "1.2em",
+			strokeWidth: 1.75
+		}
+	}),
+	[KeyMapEnum.Left]: /* @__PURE__ */ jsx(Icon, { icon: ArrowLeftIcon }),
+	[KeyMapEnum.Meta]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, {
+		icon: Command,
+		size: { size: "0.95em" }
+	}) : /* @__PURE__ */ jsx(Icon, { icon: Grid2X2Icon }),
+	[KeyMapEnum.MiddleClick]: /* @__PURE__ */ jsx(Icon, {
+		icon: MouseIcon,
+		size: {
+			size: "1.2em",
+			strokeWidth: 1.75
+		}
+	}),
+	[KeyMapEnum.Mod]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, {
+		icon: Command,
+		size: { size: "0.95em" }
+	}) : "Ctrl",
+	[KeyMapEnum.RightClick]: /* @__PURE__ */ jsx(Icon, {
+		icon: RightClickIcon,
+		size: {
+			size: "1.2em",
+			strokeWidth: 1.75
+		}
+	}),
+	[KeyMapEnum.RightDoubleClick]: /* @__PURE__ */ jsx(Icon, {
+		icon: RightDoubleClickIcon,
+		size: {
+			size: "1.2em",
+			strokeWidth: 1.75
+		}
+	}),
+	[KeyMapEnum.LeftDoubleClick]: /* @__PURE__ */ jsx(Icon, {
+		icon: LeftDoubleClickIcon,
+		size: {
+			size: "1.2em",
+			strokeWidth: 1.75
+		}
+	}),
+	[KeyMapEnum.Right]: /* @__PURE__ */ jsx(Icon, { icon: ArrowRightIcon }),
+	[KeyMapEnum.Shift]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, {
+		icon: ArrowBigUpIcon,
+		size: {
+			size: "1.15em",
+			strokeWidth: 1.75
+		}
+	}) : "Shift",
+	[KeyMapEnum.Space]: /* @__PURE__ */ jsx(Icon, { icon: SpaceIcon }),
+	[KeyMapEnum.Tab]: isAppleDevice ? /* @__PURE__ */ jsx(Icon, { icon: ArrowRightToLineIcon }) : "Tab",
+	[KeyMapEnum.Up]: /* @__PURE__ */ jsx(Icon, { icon: ArrowUpIcon }),
+	[KeyMapEnum.Comma]: ",",
+	[KeyMapEnum.Period]: ".",
+	[KeyMapEnum.Slash]: "?",
+	[KeyMapEnum.Semicolon]: ";",
+	[KeyMapEnum.Quote]: "'",
+	[KeyMapEnum.Backquote]: "`",
+	[KeyMapEnum.Backslash]: "\\",
+	[KeyMapEnum.BracketLeft]: "[",
+	[KeyMapEnum.BracketRight]: "]",
+	[KeyMapEnum.Minus]: "-",
+	[KeyMapEnum.Equal]: "+"
+});
+const Hotkey = memo(({ variant = "filled", classNames, styles: customStyles, keys, inverseTheme, isApple, compact, className, style, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	const isBorderless = variant === "borderless";
+	const [keysGroup, setKeysGroup] = useState(() => splitKeysByPlus(keys));
+	const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);
+	useEffect(() => {
+		const newValue = splitKeysByPlus(keys);
+		setKeysGroup(newValue);
+	}, [keys]);
+	const mapping = useMemo(() => mappingKey(isAppleDevice), [isAppleDevice]);
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		className,
+		gap: isBorderless ? 6 : 2,
+		style,
+		...rest,
+		children: compact || isBorderless ? /* @__PURE__ */ jsx(Center, {
+			horizontal: true,
+			as: "kbd",
+			gap: 6,
+			style: customStyles?.kbdStyle,
+			className: cx(variants({
+				inverseTheme,
+				isDarkMode,
+				variant
+			}), classNames?.kbdClassName),
+			children: keysGroup.map((key, index) => /* @__PURE__ */ jsx("div", { children: mapping[key] ?? startCase(key) }, index))
+		}) : keysGroup.map((key, index) => /* @__PURE__ */ jsx(Center, {
+			as: "kbd",
+			style: customStyles?.kbdStyle,
+			className: cx(variants({
+				inverseTheme,
+				isDarkMode,
+				variant
+			}), classNames?.kbdClassName),
+			children: mapping[key] ?? startCase(key)
+		}, index))
+	});
+});
+Hotkey.displayName = "Hotkey";
+//#endregion
+export { Hotkey as default };
+
+//# sourceMappingURL=Hotkey.mjs.map

package/es/Hotkey/Hotkey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hotkey.mjs","names":["Flexbox"],"sources":["../../src/Hotkey/Hotkey.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport {\r\n  ArrowBigUpIcon,\r\n  ArrowDownIcon,\r\n  ArrowLeftIcon,\r\n  ArrowRightIcon,\r\n  ArrowRightToLineIcon,\r\n  ArrowUpIcon,\r\n  ChevronUpIcon,\r\n  Command,\r\n  CornerDownLeftIcon,\r\n  Delete,\r\n  Grid2X2Icon,\r\n  MouseIcon,\r\n  Option,\r\n  SpaceIcon,\r\n} from 'lucide-react';\r\nimport { memo, useEffect, useMemo, useState } from 'react';\r\n\r\nimport { Center, Flexbox } from '@/Flex';\r\nimport Icon from '@/Icon';\r\nimport LeftClickIcon from '@/icons/lucideExtra/LeftClickIcon';\r\nimport LeftDoubleClickIcon from '@/icons/lucideExtra/LeftDoubleClickIcon';\r\nimport RightClickIcon from '@/icons/lucideExtra/RightClickIcon';\r\nimport RightDoubleClickIcon from '@/icons/lucideExtra/RightDoubleClickIcon';\r\n\r\nimport { KeyMapEnum } from './const';\r\nimport { variants } from './style';\r\nimport type { HotkeyProps } from './type';\r\nimport { checkIsAppleDevice, splitKeysByPlus, startCase } from './utils';\r\n\r\nconst mappingKey = (isAppleDevice: boolean) => ({\r\n  [KeyMapEnum.Alt]: isAppleDevice ? <Icon icon={Option} size={{ size: '0.95em' }} /> : 'Alt',\r\n  [KeyMapEnum.Backspace]: isAppleDevice ? <Icon icon={Delete} /> : 'Backspace',\r\n  [KeyMapEnum.CommandOrControl]: isAppleDevice ? (\r\n    <Icon icon={Command} size={{ size: '0.95em' }} />\r\n  ) : (\r\n    'Ctrl'\r\n  ),\r\n  [KeyMapEnum.Ctrl]: isAppleDevice ? <Icon icon={ChevronUpIcon} /> : 'Ctrl',\r\n  [KeyMapEnum.Control]: isAppleDevice ? <Icon icon={ChevronUpIcon} /> : 'Ctrl',\r\n  [KeyMapEnum.Down]: <Icon icon={ArrowDownIcon} />,\r\n  [KeyMapEnum.Enter]: isAppleDevice ? <Icon icon={CornerDownLeftIcon} /> : 'Enter',\r\n  [KeyMapEnum.LeftClick]: <Icon icon={LeftClickIcon} size={{ size: '1.2em', strokeWidth: 1.75 }} />,\r\n  [KeyMapEnum.Left]: <Icon icon={ArrowLeftIcon} />,\r\n  [KeyMapEnum.Meta]: isAppleDevice ? (\r\n    <Icon icon={Command} size={{ size: '0.95em' }} />\r\n  ) : (\r\n    <Icon icon={Grid2X2Icon} />\r\n  ),\r\n  [KeyMapEnum.MiddleClick]: <Icon icon={MouseIcon} size={{ size: '1.2em', strokeWidth: 1.75 }} />,\r\n  [KeyMapEnum.Mod]: isAppleDevice ? <Icon icon={Command} size={{ size: '0.95em' }} /> : 'Ctrl',\r\n  [KeyMapEnum.RightClick]: (\r\n    <Icon icon={RightClickIcon} size={{ size: '1.2em', strokeWidth: 1.75 }} />\r\n  ),\r\n  [KeyMapEnum.RightDoubleClick]: (\r\n    <Icon icon={RightDoubleClickIcon} size={{ size: '1.2em', strokeWidth: 1.75 }} />\r\n  ),\r\n  [KeyMapEnum.LeftDoubleClick]: (\r\n    <Icon icon={LeftDoubleClickIcon} size={{ size: '1.2em', strokeWidth: 1.75 }} />\r\n  ),\r\n  [KeyMapEnum.Right]: <Icon icon={ArrowRightIcon} />,\r\n  [KeyMapEnum.Shift]: isAppleDevice ? (\r\n    <Icon icon={ArrowBigUpIcon} size={{ size: '1.15em', strokeWidth: 1.75 }} />\r\n  ) : (\r\n    'Shift'\r\n  ),\r\n  [KeyMapEnum.Space]: <Icon icon={SpaceIcon} />,\r\n  [KeyMapEnum.Tab]: isAppleDevice ? <Icon icon={ArrowRightToLineIcon} /> : 'Tab',\r\n  [KeyMapEnum.Up]: <Icon icon={ArrowUpIcon} />,\r\n  [KeyMapEnum.Comma]: ',',\r\n  [KeyMapEnum.Period]: '.',\r\n  [KeyMapEnum.Slash]: '?',\r\n  [KeyMapEnum.Semicolon]: ';',\r\n  [KeyMapEnum.Quote]: \"'\",\r\n  [KeyMapEnum.Backquote]: '`',\r\n  [KeyMapEnum.Backslash]: '\\\\',\r\n  [KeyMapEnum.BracketLeft]: '[',\r\n  [KeyMapEnum.BracketRight]: ']',\r\n  [KeyMapEnum.Minus]: '-',\r\n  [KeyMapEnum.Equal]: '+',\r\n});\r\n\r\nconst Hotkey = memo<HotkeyProps>(\r\n  ({\r\n    variant = 'filled',\r\n    classNames,\r\n    styles: customStyles,\r\n    keys,\r\n    inverseTheme,\r\n    isApple,\r\n    compact,\r\n    className,\r\n    style,\r\n    ...rest\r\n  }) => {\r\n    const { isDarkMode } = useThemeMode();\r\n    const isBorderless = variant === 'borderless';\r\n    const [keysGroup, setKeysGroup] = useState(() => splitKeysByPlus(keys));\r\n    const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);\r\n\r\n    useEffect(() => {\r\n      const newValue = splitKeysByPlus(keys);\r\n      setKeysGroup(newValue);\r\n    }, [keys]);\r\n\r\n    const mapping: Record<string, any> = useMemo(() => mappingKey(isAppleDevice), [isAppleDevice]);\r\n\r\n    return (\r\n      <Flexbox\r\n        horizontal\r\n        align={'center'}\r\n        className={className}\r\n        gap={isBorderless ? 6 : 2}\r\n        style={style}\r\n        {...rest}\r\n      >\r\n        {compact || isBorderless ? (\r\n          <Center\r\n            horizontal\r\n            as={'kbd'}\r\n            gap={6}\r\n            style={customStyles?.kbdStyle}\r\n            className={cx(\r\n              variants({ inverseTheme, isDarkMode, variant }),\r\n              classNames?.kbdClassName,\r\n            )}\r\n          >\r\n            {keysGroup.map((key, index) => (\r\n              <div key={index}>{mapping[key] ?? startCase(key)}</div>\r\n            ))}\r\n          </Center>\r\n        ) : (\r\n          keysGroup.map((key, index) => (\r\n            <Center\r\n              as={'kbd'}\r\n              key={index}\r\n              style={customStyles?.kbdStyle}\r\n              className={cx(\r\n                variants({ inverseTheme, isDarkMode, variant }),\r\n                classNames?.kbdClassName,\r\n              )}\r\n            >\r\n              {mapping[key] ?? startCase(key)}\r\n            </Center>\r\n          ))\r\n        )}\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nHotkey.displayName = 'Hotkey';\r\n\r\nexport default Hotkey;\r\n"],"mappings":"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"}