@lobehub/ui 4.3.2 → 4.3.3

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

@@ -0,0 +1,370 @@
+import { cssVar } from "antd-style";
+
+//#region src/Highlighter/theme/lobe-theme.ts
+var lobe_theme_default = {
+	displayName: "Lobe Theme",
+	name: "lobe-theme",
+	semanticHighlighting: true,
+	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.purple9 }
+		},
+		{
+			scope: "constant.numeric",
+			settings: { foreground: cssVar.volcano9 }
+		},
+		{
+			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.volcano9 }
+		},
+		{
+			scope: "keyword, modifier, variable.language.this, support.type.object, constant.language",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "entity.name.function, support.function",
+			settings: { foreground: cssVar.geekblue8 }
+		},
+		{
+			scope: "storage.type, storage.modifier, storage.control",
+			settings: { foreground: cssVar.purple9 }
+		},
+		{
+			scope: "support.module, support.node",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorError
+			}
+		},
+		{
+			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.colorError }
+		},
+		{
+			scope: "meta.definition.method entity.name.function",
+			settings: { foreground: cssVar.colorError }
+		},
+		{
+			scope: "meta.function entity.name.function",
+			settings: { foreground: cssVar.geekblue8 }
+		},
+		{
+			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.colorError }
+		},
+		{
+			scope: "meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",
+			settings: { foreground: cssVar.colorError }
+		},
+		{
+			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.volcano9 }
+		},
+		{
+			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.colorError }
+		},
+		{
+			scope: "entity.other.attribute-name",
+			settings: { foreground: cssVar.purple9 }
+		},
+		{
+			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.colorError }
+		},
+		{
+			scope: "text.html.markdown beginning.punctuation.definition.list",
+			settings: { foreground: cssVar.colorInfo }
+		},
+		{
+			scope: "markup.italic",
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorError
+			}
+		},
+		{
+			scope: "markup.bold",
+			settings: {
+				fontStyle: "bold",
+				foreground: cssVar.colorError
+			}
+		},
+		{
+			scope: "markup.bold markup.italic, markup.italic markup.bold",
+			settings: {
+				fontStyle: "italic bold",
+				foreground: cssVar.colorError
+			}
+		},
+		{
+			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.colorError }
+		},
+		{
+			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.colorError }
+		},
+		{
+			scope: "source.cs meta.method-call meta.method, source.cs entity.name.function",
+			settings: { foreground: cssVar.geekblue8 }
+		},
+		{
+			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.colorError }
+		},
+		{
+			scope: "source.python meta.function-call.python, meta.function-call.arguments",
+			settings: { foreground: cssVar.geekblue8 }
+		},
+		{
+			scope: "meta.block",
+			settings: { foreground: cssVar.colorError }
+		},
+		{
+			scope: "entity.name.function.call",
+			settings: { foreground: cssVar.geekblue8 }
+		},
+		{
+			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.geekblue8 }
+		},
+		{ settings: {
+			background: "#212121",
+			foreground: cssVar.colorText
+		} },
+		{
+			scope: ["constant.other.placeholder"],
+			settings: { foreground: cssVar.colorError }
+		},
+		{
+			scope: ["markup.deleted"],
+			settings: { foreground: cssVar.colorError }
+		},
+		{
+			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.colorError
+			}
+		},
+		{
+			scope: ["constant.character.format.placeholder.other.python"],
+			settings: { foreground: cssVar.volcano9 }
+		},
+		{
+			scope: ["markup.quote"],
+			settings: {
+				fontStyle: "italic",
+				foreground: cssVar.colorInfo
+			}
+		},
+		{
+			scope: ["markup.fenced_code.block"],
+			settings: { foreground: cssVar.colorFill }
+		},
+		{
+			scope: ["punctuation.definition.quote"],
+			settings: { foreground: cssVar.purple9 }
+		},
+		{
+			scope: ["meta.structure.dictionary.json support.type.property-name.json"],
+			settings: { foreground: cssVar.purple9 }
+		},
+		{
+			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.volcano9 }
+		},
+		{
+			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.colorError }
+		},
+		{
+			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.colorWarningBg }
+		},
+		{
+			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.geekblue8 }
+		},
+		{
+			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.purple9 }
+		},
+		{
+			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.purple9 }
+		},
+		{
+			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';\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.purple9,\n      },\n    },\n    {\n      scope: 'constant.numeric',\n      settings: {\n        foreground: cssVar.volcano9,\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.volcano9,\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.geekblue8,\n      },\n    },\n    {\n      scope: 'storage.type, storage.modifier, storage.control',\n      settings: {\n        foreground: cssVar.purple9,\n      },\n    },\n    {\n      scope: 'support.module, support.node',\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorError,\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.colorError,\n      },\n    },\n    {\n      scope: 'meta.definition.method entity.name.function',\n      settings: {\n        foreground: cssVar.colorError,\n      },\n    },\n    {\n      scope: 'meta.function entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue8,\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.colorError,\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.colorError,\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.volcano9,\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.colorError,\n      },\n    },\n    {\n      scope: 'entity.other.attribute-name',\n      settings: {\n        foreground: cssVar.purple9,\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.colorError,\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.colorError,\n      },\n    },\n    {\n      scope: 'markup.bold',\n      settings: {\n        fontStyle: 'bold',\n        foreground: cssVar.colorError,\n      },\n    },\n    {\n      scope: 'markup.bold markup.italic, markup.italic markup.bold',\n      settings: {\n        fontStyle: 'italic bold',\n        foreground: cssVar.colorError,\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.colorError,\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.colorError,\n      },\n    },\n    {\n      scope: 'source.cs meta.method-call meta.method, source.cs entity.name.function',\n      settings: {\n        foreground: cssVar.geekblue8,\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.colorError,\n      },\n    },\n    {\n      scope: 'source.python meta.function-call.python, meta.function-call.arguments',\n      settings: {\n        foreground: cssVar.geekblue8,\n      },\n    },\n    {\n      scope: 'meta.block',\n      settings: {\n        foreground: cssVar.colorError,\n      },\n    },\n    {\n      scope: 'entity.name.function.call',\n      settings: {\n        foreground: cssVar.geekblue8,\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.geekblue8,\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.colorError,\n      },\n    },\n    {\n      scope: ['markup.deleted'],\n      settings: {\n        foreground: cssVar.colorError,\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.colorError,\n      },\n    },\n    {\n      scope: ['constant.character.format.placeholder.other.python'],\n      settings: {\n        foreground: cssVar.volcano9,\n      },\n    },\n    {\n      scope: ['markup.quote'],\n      settings: {\n        fontStyle: 'italic',\n        foreground: cssVar.colorInfo,\n      },\n    },\n    {\n      scope: ['markup.fenced_code.block'],\n      settings: {\n        foreground: cssVar.colorFill,\n      },\n    },\n    {\n      scope: ['punctuation.definition.quote'],\n      settings: {\n        foreground: cssVar.purple9,\n      },\n    },\n    {\n      scope: ['meta.structure.dictionary.json support.type.property-name.json'],\n      settings: {\n        foreground: cssVar.purple9,\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.volcano9,\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.colorError,\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.colorWarningBg,\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.geekblue8,\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.purple9,\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.purple9,\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,yBAAe;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,SACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OACE;GACF,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,SACpB;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,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,YACpB;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,YACpB;GACF;EACD;GACE,OACE;GACF,UAAU,EACR,YAAY,OAAO,YACpB;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,UACpB;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,YACpB;GACF;EACD;GACE,OAAO;GACP,UAAU,EACR,YAAY,OAAO,SACpB;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;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,YACpB;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,YACpB;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,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,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,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,WACpB;GACF;EACD,EACE,UAAU;GACR,YAAY;GACZ,YAAY,OAAO;GACpB,EACF;EACD;GACE,OAAO,CAAC,6BAA6B;GACrC,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO,CAAC,iBAAiB;GACzB,UAAU,EACR,YAAY,OAAO,YACpB;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,UACpB;GACF;EACD;GACE,OAAO,CAAC,eAAe;GACvB,UAAU;IACR,WAAW;IACX,YAAY,OAAO;IACpB;GACF;EACD;GACE,OAAO,CAAC,2BAA2B;GACnC,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CAAC,+BAA+B;GACvC,UAAU,EACR,YAAY,OAAO,SACpB;GACF;EACD;GACE,OAAO,CAAC,iEAAiE;GACzE,UAAU,EACR,YAAY,OAAO,SACpB;GACF;EACD;GACE,OAAO,CACL,qIACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACD;GACE,OAAO,CACL,yMACD;GACD,UAAU,EACR,YAAY,OAAO,UACpB;GACF;EACD;GACE,OAAO,CACL,6QACD;GACD,UAAU,EACR,YAAY,OAAO,YACpB;GACF;EACD;GACE,OAAO,CACL,iVACD;GACD,UAAU,EACR,YAAY,OAAO,gBACpB;GACF;EACD;GACE,OAAO,CACL,qZACD;GACD,UAAU,EACR,YAAY,OAAO,WACpB;GACF;EACD;GACE,OAAO,CACL,ydACD;GACD,UAAU,EACR,YAAY,OAAO,SACpB;GACF;EACD;GACE,OAAO,CACL,6hBACD;GACD,UAAU,EACR,YAAY,OAAO,SACpB;GACF;EACD;GACE,OAAO,CACL,imBACD;GACD,UAAU,EACR,YAAY,OAAO,cACpB;GACF;EACF;CACD,MAAM;CACP"}

package/es/Hotkey/Hotkey.d.mts

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

package/es/Hotkey/Hotkey.mjs

@@ -8,11 +8,11 @@ import LeftClickIcon_default from "../icons/lucideExtra/LeftClickIcon.mjs";
 import LeftDoubleClickIcon_default from "../icons/lucideExtra/LeftDoubleClickIcon.mjs";
 import RightClickIcon_default from "../icons/lucideExtra/RightClickIcon.mjs";
 import RightDoubleClickIcon_default from "../icons/lucideExtra/RightDoubleClickIcon.mjs";
-import { useStyles } from "./style.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 { cva } from "class-variance-authority";
+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
@@ -93,27 +93,10 @@ const mappingKey = (isAppleDevice) => ({
 	[KeyMapEnum.Equal]: "+"
 });
 const Hotkey = memo(({ variant = "filled", classNames, styles: customStyles, keys, inverseTheme, isApple, compact, className, style, ...rest }) => {
-	const { cx, styles } = useStyles();
+	const { isDarkMode } = useThemeMode();
 	const isBorderless = variant === "borderless";
 	const [keysGroup, setKeysGroup] = useState(splitKeysByPlus(keys));
 	const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);
-	const variants = useMemo(() => cva(styles.root, {
-		defaultVariants: {
-			inverseTheme: false,
-			variant: "filled"
-		},
-		variants: {
-			variant: {
-				filled: styles.filled,
-				outlined: styles.outlined,
-				borderless: styles.borderless
-			},
-			inverseTheme: {
-				false: null,
-				true: styles.inverseTheme
-			}
-		}
-	}), [styles]);
 	useEffect(() => {
 		setKeysGroup(splitKeysByPlus(keys));
 	}, [keys]);
@@ -129,6 +112,7 @@ const Hotkey = memo(({ variant = "filled", classNames, styles: customStyles, key
 			as: "kbd",
 			className: cx(variants({
 				inverseTheme,
+				isDarkMode,
 				variant
 			}), classNames?.kbdClassName),
 			gap: 6,
@@ -139,6 +123,7 @@ const Hotkey = memo(({ variant = "filled", classNames, styles: customStyles, key
 			as: "kbd",
 			className: cx(variants({
 				inverseTheme,
+				isDarkMode,
 				variant
 			}), classNames?.kbdClassName),
 			style: customStyles?.kbdStyle,

package/es/Hotkey/Hotkey.mjs.map

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

package/es/Hotkey/style.mjs

@@ -1,18 +1,24 @@
-import { createStyles } from "antd-style";
-import { rgba } from "polished";
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
 
 //#region src/Hotkey/style.ts
-const useStyles = createStyles(({ cx: cx$1, css: css$1, token, isDarkMode, stylish }) => {
+const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 	return {
-		borderless: cx$1(stylish.variantBorderlessWithoutHover, css$1`
-        padding-inline: 4px;
-      `),
-		filled: stylish.variantFilledWithoutHover,
-		inverseTheme: css$1`
-      color: ${rgba(token.colorBgContainer, .75)};
-      background: ${rgba(token.colorBgContainer, isDarkMode ? .08 : .16)};
+		borderless: css$1`
+      ${staticStylish.variantBorderlessWithoutHover};
+      padding-inline: 4px;
     `,
-		outlined: stylish.variantOutlinedWithoutHover,
+		filled: staticStylish.variantFilledWithoutHover,
+		inverseThemeDark: css$1`
+      color: ${cssVar$1.colorTextTertiary};
+      background: color-mix(in srgb, ${cssVar$1.colorBgContainer} 8%, transparent);
+    `,
+		inverseThemeLight: css$1`
+      color: ${cssVar$1.colorTextTertiary};
+      background: color-mix(in srgb, ${cssVar$1.colorBgContainer} 16%, transparent);
+    `,
+		outlined: staticStylish.variantOutlinedWithoutHover,
 		root: css$1`
       overflow: hidden;
 
@@ -20,20 +26,50 @@ const useStyles = createStyles(({ cx: cx$1, css: css$1, token, isDarkMode, styli
       height: 1.8em;
       padding-block: 0;
       padding-inline: 8px;
+      border: none;
+      border-radius: ${cssVar$1.borderRadiusSM};
 
-      font-family: ${token.fontFamily};
+      font-family: ${cssVar$1.fontFamily};
       font-size: 12px;
       line-height: 1.1;
-      color: ${token.colorTextSecondary};
+      color: ${cssVar$1.colorTextSecondary};
       text-align: center;
       white-space: nowrap;
-
-      border: none;
-      border-radius: ${token.borderRadiusSM}px;
     `
 	};
 });
+const variants = cva(styles.root, {
+	compoundVariants: [{
+		class: styles.inverseThemeDark,
+		inverseTheme: true,
+		isDarkMode: true
+	}, {
+		class: styles.inverseThemeLight,
+		inverseTheme: true,
+		isDarkMode: false
+	}],
+	defaultVariants: {
+		inverseTheme: false,
+		isDarkMode: false,
+		variant: "filled"
+	},
+	variants: {
+		inverseTheme: {
+			false: null,
+			true: null
+		},
+		isDarkMode: {
+			false: null,
+			true: null
+		},
+		variant: {
+			borderless: styles.borderless,
+			filled: styles.filled,
+			outlined: styles.outlined
+		}
+	}
+});
 
 //#endregion
-export { useStyles };
+export { variants };
 //# sourceMappingURL=style.mjs.map

package/es/Hotkey/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Hotkey/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const useStyles = createStyles(({ cx, css, token, isDarkMode, stylish }) => {\n  return {\n    borderless: cx(\n      stylish.variantBorderlessWithoutHover,\n      css`\n        padding-inline: 4px;\n      `,\n    ),\n    filled: stylish.variantFilledWithoutHover,\n    inverseTheme: css`\n      color: ${rgba(token.colorBgContainer, 0.75)};\n      background: ${rgba(token.colorBgContainer, isDarkMode ? 0.08 : 0.16)};\n    `,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      overflow: hidden;\n\n      min-width: 1.8em;\n      height: 1.8em;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ${token.fontFamily};\n      font-size: 12px;\n      line-height: 1.1;\n      color: ${token.colorTextSecondary};\n      text-align: center;\n      white-space: nowrap;\n\n      border: none;\n      border-radius: ${token.borderRadiusSM}px;\n    `,\n  };\n});\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,UAAI,YAAK,OAAO,YAAY,cAAc;AACjF,QAAO;EACL,YAAYA,KACV,QAAQ,+BACR,KAAG;;QAGJ;EACD,QAAQ,QAAQ;EAChB,cAAc,KAAG;eACN,KAAK,MAAM,kBAAkB,IAAK,CAAC;oBAC9B,KAAK,MAAM,kBAAkB,aAAa,MAAO,IAAK,CAAC;;EAEvE,UAAU,QAAQ;EAClB,MAAM,KAAG;;;;;;;;qBAQQ,MAAM,WAAW;;;eAGvB,MAAM,mBAAmB;;;;;uBAKjB,MAAM,eAAe;;EAEzC;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Hotkey/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      ${lobeStaticStylish.variantBorderlessWithoutHover};\n      padding-inline: 4px;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    inverseThemeDark: css`\n      color: ${cssVar.colorTextTertiary};\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 8%, transparent);\n    `,\n    inverseThemeLight: css`\n      color: ${cssVar.colorTextTertiary};\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 16%, transparent);\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      overflow: hidden;\n\n      min-width: 1.8em;\n      height: 1.8em;\n      padding-block: 0;\n      padding-inline: 8px;\n      border: none;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      font-family: ${cssVar.fontFamily};\n      font-size: 12px;\n      line-height: 1.1;\n      color: ${cssVar.colorTextSecondary};\n      text-align: center;\n      white-space: nowrap;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.inverseThemeDark,\n      inverseTheme: true,\n      isDarkMode: true,\n    },\n    {\n      class: styles.inverseThemeLight,\n      inverseTheme: true,\n      isDarkMode: false,\n    },\n  ],\n  defaultVariants: {\n    inverseTheme: false,\n    isDarkMode: false,\n    variant: 'filled',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    inverseTheme: {\n      false: null,\n      true: null,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAY,KAAG;QACXA,cAAkB,8BAA8B;;;EAGpD,QAAQA,cAAkB;EAC1B,kBAAkB,KAAG;eACVC,SAAO,kBAAkB;uCACDA,SAAO,iBAAiB;;EAE3D,mBAAmB,KAAG;eACXA,SAAO,kBAAkB;uCACDA,SAAO,iBAAiB;;EAE3D,UAAUD,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;uBAQUC,SAAO,eAAe;;qBAExBA,SAAO,WAAW;;;eAGxBA,SAAO,mBAAmB;;;;EAItC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,cAAc;EACd,YAAY;EACb,EACD;EACE,OAAO,OAAO;EACd,cAAc;EACd,YAAY;EACb,CACF;CACD,iBAAiB;EACf,cAAc;EACd,YAAY;EACZ,SAAS;EACV;CAED,UAAU;EACR,cAAc;GACZ,OAAO;GACP,MAAM;GACP;EACD,YAAY;GACV,OAAO;GACP,MAAM;GACP;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GAClB;EACF;CAEF,CAAC"}

package/es/HotkeyInput/HotkeyInput.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyInputProps } from "./type.mjs";
-import * as react45 from "react";
+import * as react10 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react45.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react10.NamedExoticComponent<HotkeyInputProps>;
 //#endregion
 export { HotkeyInput };
 //# sourceMappingURL=HotkeyInput.d.mts.map