@lobehub/ui 5.20.3 → 5.21.0

package/es/Highlighter/Highlighter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Highlighter.mjs","names":["FullFeatured","Flexbox"],"sources":["../../src/Highlighter/Highlighter.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { getCodeLanguageDisplayName } from '@/Highlighter/const';\nimport Tag from '@/Tag';\n\nimport FullFeatured from './FullFeatured';\nimport { styles, variants } from './style';\nimport SyntaxHighlighter from './SyntaxHighlighter';\nimport { type HighlighterProps } from './type';\n\nexport const Highlighter = memo<HighlighterProps>(\n  ({\n    animated,\n    fullFeatured,\n    actionIconSize,\n    children,\n    language = 'markdown',\n    className,\n    classNames,\n    styles: customStyles,\n    copyable = true,\n    showLanguage = true,\n    variant = 'filled',\n    shadow,\n    wrap,\n    bodyRender,\n    actionsRender,\n    enableTransformer,\n    theme,\n    icon,\n    fileName,\n    allowChangeLanguage,\n    defaultExpand = true,\n    ...rest\n  }) => {\n    const [lang, setLang] = useState(language);\n\n    // Safely handle children with boundary check\n    const tirmedChildren = useMemo(() => {\n      if (children === null || children === undefined) return '';\n      if (typeof children !== 'string') {\n        console.warn('Highlighter: children should be a string, received:', typeof children);\n        return String(children);\n      }\n      return children.trim();\n    }, [children]);\n\n    const copyContentRef = useRef(tirmedChildren);\n\n    useEffect(() => {\n      copyContentRef.current = tirmedChildren;\n    }, [tirmedChildren]);\n\n    const getCopyContent = useCallback(() => copyContentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return (\n        <CopyButton\n          glass\n          content={getCopyContent}\n          size={actionIconSize || { blockSize: 28, size: 16 }}\n        />\n      );\n    }, [actionIconSize, copyable, getCopyContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize,\n        content: tirmedChildren,\n        getContent: getCopyContent,\n        language: lang,\n        originalNode: originalActions,\n      });\n    }, [actionIconSize, actionsRender, getCopyContent, lang, originalActions, tirmedChildren]);\n\n    const originalBody = useMemo(\n      () => (\n        <SyntaxHighlighter\n          animated={animated}\n          className={classNames?.content}\n          enableTransformer={enableTransformer}\n          language={lang?.toLowerCase()}\n          theme={theme}\n          variant={variant}\n          style={{\n            height: '100%',\n            ...customStyles?.content,\n          }}\n        >\n          {tirmedChildren}\n        </SyntaxHighlighter>\n      ),\n      [\n        animated,\n        enableTransformer,\n        lang,\n        theme,\n        tirmedChildren,\n        variant,\n        customStyles?.content,\n        customStyles?.content,\n      ],\n    );\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageDisplayName(language);\n    }, [fileName, language]);\n\n    const body = useMemo(() => {\n      if (!bodyRender) return originalBody;\n      return bodyRender({ content: tirmedChildren, language: lang, originalNode: originalBody });\n    }, [bodyRender, lang, originalBody, tirmedChildren]);\n\n    if (fullFeatured)\n      return (\n        <FullFeatured\n          actionsRender={actionsRender}\n          allowChangeLanguage={allowChangeLanguage}\n          className={className}\n          classNames={classNames}\n          content={tirmedChildren}\n          copyable={copyable}\n          defaultExpand={defaultExpand}\n          fileName={fileName}\n          icon={icon}\n          language={language}\n          setLanguage={setLang}\n          shadow={shadow}\n          showLanguage={showLanguage}\n          styles={customStyles}\n          variant={variant}\n          wrap={wrap}\n          {...rest}\n        >\n          {body}\n        </FullFeatured>\n      );\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant, wrap }), className)}\n        data-code-type=\"highlighter\"\n        {...rest}\n      >\n        <Flexbox horizontal align={'center'} className={styles.actions} flex={'none'} gap={4}>\n          {actions}\n        </Flexbox>\n        {showLanguage && language && <Tag className={styles.lang}>{displayName}</Tag>}\n        {body}\n      </Flexbox>\n    );\n  },\n);\n\nHighlighter.displayName = 'Highlighter';\n\nexport default Highlighter;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,cAAc,MACxB,EACC,UACA,cACA,gBACA,UACA,WAAW,YACX,WACA,YACA,QAAQ,cACR,WAAW,MACX,eAAe,MACf,UAAU,UACV,QACA,MACA,YACA,eACA,mBACA,OACA,MACA,UACA,qBACA,gBAAgB,MAChB,GAAG,WACC;CACJ,MAAM,CAAC,MAAM,WAAW,SAAS,SAAS;CAG1C,MAAM,iBAAiB,cAAc;AACnC,MAAI,aAAa,QAAQ,aAAa,KAAA,EAAW,QAAO;AACxD,MAAI,OAAO,aAAa,UAAU;AAChC,WAAQ,KAAK,uDAAuD,OAAO,SAAS;AACpF,UAAO,OAAO,SAAS;;AAEzB,SAAO,SAAS,MAAM;IACrB,CAAC,SAAS,CAAC;CAEd,MAAM,iBAAiB,OAAO,eAAe;AAE7C,iBAAgB;AACd,iBAAe,UAAU;IACxB,CAAC,eAAe,CAAC;CAEpB,MAAM,iBAAiB,kBAAkB,eAAe,SAAS,EAAE,CAAC;CAEpE,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SACE,oBAAC,YAAD;GACE,OAAA;GACA,SAAS;GACT,MAAM,kBAAkB;IAAE,WAAW;IAAI,MAAM;IAAI;GACnD,CAAA;IAEH;EAAC;EAAgB;EAAU;EAAe,CAAC;CAE9C,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA,SAAS;GACT,YAAY;GACZ,UAAU;GACV,cAAc;GACf,CAAC;IACD;EAAC;EAAgB;EAAe;EAAgB;EAAM;EAAiB;EAAe,CAAC;CAE1F,MAAM,eAAe,cAEjB,oBAAC,mBAAD;EACY;EACV,WAAW,YAAY;EACJ;EACnB,UAAU,MAAM,aAAa;EACtB;EACE;EACT,OAAO;GACL,QAAQ;GACR,GAAG,cAAc;GAClB;YAEA;EACiB,CAAA,EAEtB;EACE;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd,cAAc;EACf,CACF;CAED,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,SAAO,2BAA2B,SAAS;IAC1C,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,OAAO,cAAc;AACzB,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,WAAW;GAAE,SAAS;GAAgB,UAAU;GAAM,cAAc;GAAc,CAAC;IACzF;EAAC;EAAY;EAAM;EAAc;EAAe,CAAC;AAEpD,KAAI,aACF,QACE,oBAACA,yBAAD;EACiB;EACM;EACV;EACC;EACZ,SAAS;EACC;EACK;EACL;EACJ;EACI;EACV,aAAa;EACL;EACM;EACd,QAAQ;EACC;EACH;EACN,GAAI;YAEH;EACY,CAAA;AAGnB,QACE,qBAACC,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS;GAAM,CAAC,EAAE,UAAU;EAC7D,kBAAe;EACf,GAAI;YAHN;GAKE,oBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,WAAW,OAAO;IAAS,MAAM;IAAQ,KAAK;cAChF;IACO,CAAA;GACT,gBAAgB,YAAY,oBAAC,KAAD;IAAK,WAAW,OAAO;cAAO;IAAkB,CAAA;GAC5E;GACO;;EAGf;AAED,YAAY,cAAc"}
+{"version":3,"file":"Highlighter.mjs","names":["FullFeatured","Flexbox"],"sources":["../../src/Highlighter/Highlighter.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { getCodeLanguageDisplayName } from '@/Highlighter/const';\nimport Tag from '@/Tag';\n\nimport FullFeatured from './FullFeatured';\nimport { styles, variants } from './style';\nimport SyntaxHighlighter from './SyntaxHighlighter';\nimport { type HighlighterProps } from './type';\n\nexport const Highlighter = memo<HighlighterProps>(\n  ({\n    animated,\n    fullFeatured,\n    actionIconSize,\n    children,\n    language = 'markdown',\n    className,\n    classNames,\n    styles: customStyles,\n    copyable = true,\n    showLanguage = true,\n    variant = 'filled',\n    shadow,\n    wrap,\n    bodyRender,\n    actionsRender,\n    enableTransformer,\n    theme,\n    icon,\n    fileName,\n    allowChangeLanguage,\n    defaultExpand = true,\n    ...rest\n  }) => {\n    const [lang, setLang] = useState(language);\n\n    // Safely handle children with boundary check\n    const tirmedChildren = useMemo(() => {\n      if (children === null || children === undefined) return '';\n      if (typeof children !== 'string') {\n        console.warn('Highlighter: children should be a string, received:', typeof children);\n        return String(children);\n      }\n      return children.trim();\n    }, [children]);\n\n    const copyContentRef = useRef(tirmedChildren);\n\n    useEffect(() => {\n      copyContentRef.current = tirmedChildren;\n    }, [tirmedChildren]);\n\n    const getCopyContent = useCallback(() => copyContentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return (\n        <CopyButton\n          glass\n          content={getCopyContent}\n          size={actionIconSize || { blockSize: 28, size: 16 }}\n        />\n      );\n    }, [actionIconSize, copyable, getCopyContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize,\n        content: tirmedChildren,\n        getContent: getCopyContent,\n        language: lang,\n        originalNode: originalActions,\n      });\n    }, [actionIconSize, actionsRender, getCopyContent, lang, originalActions, tirmedChildren]);\n\n    const originalBody = useMemo(\n      () => (\n        <SyntaxHighlighter\n          animated={animated}\n          className={classNames?.content}\n          enableTransformer={enableTransformer}\n          language={lang?.toLowerCase()}\n          theme={theme}\n          variant={variant}\n          style={{\n            height: '100%',\n            ...customStyles?.content,\n          }}\n        >\n          {tirmedChildren}\n        </SyntaxHighlighter>\n      ),\n      [\n        animated,\n        enableTransformer,\n        lang,\n        theme,\n        tirmedChildren,\n        variant,\n        customStyles?.content,\n        customStyles?.content,\n      ],\n    );\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageDisplayName(language);\n    }, [fileName, language]);\n\n    const body = useMemo(() => {\n      if (!bodyRender) return originalBody;\n      return bodyRender({ content: tirmedChildren, language: lang, originalNode: originalBody });\n    }, [bodyRender, lang, originalBody, tirmedChildren]);\n\n    if (fullFeatured)\n      return (\n        <FullFeatured\n          actionsRender={actionsRender}\n          allowChangeLanguage={allowChangeLanguage}\n          className={className}\n          classNames={classNames}\n          content={tirmedChildren}\n          copyable={copyable}\n          defaultExpand={defaultExpand}\n          fileName={fileName}\n          icon={icon}\n          language={language}\n          setLanguage={setLang}\n          shadow={shadow}\n          showLanguage={showLanguage}\n          styles={customStyles}\n          variant={variant}\n          wrap={wrap}\n          {...rest}\n        >\n          {body}\n        </FullFeatured>\n      );\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant, wrap }), className)}\n        data-code-type=\"highlighter\"\n        {...rest}\n      >\n        <Flexbox horizontal align={'center'} className={styles.actions} flex={'none'} gap={4}>\n          {actions}\n        </Flexbox>\n        {showLanguage && language && <Tag className={styles.lang}>{displayName}</Tag>}\n        {body}\n      </Flexbox>\n    );\n  },\n);\n\nHighlighter.displayName = 'Highlighter';\n\nexport default Highlighter;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,cAAc,MACxB,EACC,UACA,cACA,gBACA,UACA,WAAW,YACX,WACA,YACA,QAAQ,cACR,WAAW,MACX,eAAe,MACf,UAAU,UACV,QACA,MACA,YACA,eACA,mBACA,OACA,MACA,UACA,qBACA,gBAAgB,MAChB,GAAG,WACC;CACJ,MAAM,CAAC,MAAM,WAAW,SAAS,QAAQ;CAGzC,MAAM,iBAAiB,cAAc;EACnC,IAAI,aAAa,QAAQ,aAAa,KAAA,GAAW,OAAO;EACxD,IAAI,OAAO,aAAa,UAAU;GAChC,QAAQ,KAAK,uDAAuD,OAAO,QAAQ;GACnF,OAAO,OAAO,QAAQ;EACxB;EACA,OAAO,SAAS,KAAK;CACvB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,iBAAiB,OAAO,cAAc;CAE5C,gBAAgB;EACd,eAAe,UAAU;CAC3B,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,iBAAiB,kBAAkB,eAAe,SAAS,CAAC,CAAC;CAEnE,MAAM,kBAAkB,cAAc;EACpC,IAAI,CAAC,UAAU,OAAO;EACtB,OACE,oBAAC,YAAD;GACE,OAAA;GACA,SAAS;GACT,MAAM,kBAAkB;IAAE,WAAW;IAAI,MAAM;GAAG;EACnD,CAAA;CAEL,GAAG;EAAC;EAAgB;EAAU;CAAc,CAAC;CAE7C,MAAM,UAAU,cAAc;EAC5B,IAAI,CAAC,eAAe,OAAO;EAC3B,OAAO,cAAc;GACnB;GACA,SAAS;GACT,YAAY;GACZ,UAAU;GACV,cAAc;EAChB,CAAC;CACH,GAAG;EAAC;EAAgB;EAAe;EAAgB;EAAM;EAAiB;CAAc,CAAC;CAEzF,MAAM,eAAe,cAEjB,oBAAC,mBAAD;EACY;EACV,WAAW,YAAY;EACJ;EACnB,UAAU,MAAM,YAAY;EACrB;EACE;EACT,OAAO;GACL,QAAQ;GACR,GAAG,cAAc;EACnB;YAEC;CACgB,CAAA,GAErB;EACE;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd,cAAc;CAChB,CACF;CAEA,MAAM,cAAc,cAAc;EAChC,IAAI,UAAU,OAAO;EACrB,OAAO,2BAA2B,QAAQ;CAC5C,GAAG,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,OAAO,cAAc;EACzB,IAAI,CAAC,YAAY,OAAO;EACxB,OAAO,WAAW;GAAE,SAAS;GAAgB,UAAU;GAAM,cAAc;EAAa,CAAC;CAC3F,GAAG;EAAC;EAAY;EAAM;EAAc;CAAc,CAAC;CAEnD,IAAI,cACF,OACE,oBAACA,yBAAD;EACiB;EACM;EACV;EACC;EACZ,SAAS;EACC;EACK;EACL;EACJ;EACI;EACV,aAAa;EACL;EACM;EACd,QAAQ;EACC;EACH;EACN,GAAI;YAEH;CACW,CAAA;CAGlB,OACE,qBAACC,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS;EAAK,CAAC,GAAG,SAAS;EAC5D,kBAAe;EACf,GAAI;YAHN;GAKE,oBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,WAAW,OAAO;IAAS,MAAM;IAAQ,KAAK;cAChF;GACM,CAAA;GACR,gBAAgB,YAAY,oBAAC,KAAD;IAAK,WAAW,OAAO;cAAO;GAAiB,CAAA;GAC3E;EACM;;AAEb,CACF;AAEA,YAAY,cAAc"}

package/es/Highlighter/LangSelect.mjs

@@ -64,6 +64,6 @@ const LangSelect = memo(({ ...rest }) => {
 	});
 });
 //#endregion
-export { LangSelect as default };
+export { LangSelect, LangSelect as default };
 
 //# sourceMappingURL=LangSelect.mjs.map

package/es/Highlighter/LangSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LangSelect.mjs","names":["Flexbox"],"sources":["../../src/Highlighter/LangSelect.tsx"],"sourcesContent":["'use client';\n\nimport { Select, type SelectProps } from 'antd';\nimport { memo, useMemo } from 'react';\nimport { bundledLanguagesInfo } from 'shiki';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nexport const LangSelect = memo<Omit<SelectProps, 'options'>>(({ ...rest }) => {\n  const options = useMemo(\n    () => [\n      {\n        aliases: ['text', 'txt'],\n        label: (\n          <Flexbox horizontal align={'center'} gap={4}>\n            <MaterialFileTypeIcon\n              fallbackUnknownType={false}\n              filename={`*.txt`}\n              size={18}\n              type={'file'}\n              variant={'raw'}\n            />\n            <Text ellipsis fontSize={13}>\n              Plaintext\n            </Text>\n          </Flexbox>\n        ),\n        value: 'plaintext',\n      },\n      ...bundledLanguagesInfo.map((item) => ({\n        aliases: item.aliases,\n        label: (\n          <Flexbox horizontal align={'center'} gap={4}>\n            <MaterialFileTypeIcon\n              fallbackUnknownType={false}\n              filename={`*.${item?.aliases?.[0] || item.id}`}\n              size={18}\n              type={'file'}\n              variant={'raw'}\n            />\n            <Text ellipsis fontSize={13}>\n              {item.name}\n            </Text>\n          </Flexbox>\n        ),\n        title: (item.aliases || [item.id])\n          .filter(Boolean)\n          .map((item) => `*.${item}`)\n          .join(','),\n        value: item.id,\n      })),\n    ],\n    [],\n  );\n\n  return (\n    <Select\n      showSearch\n      className={'languageTitle'}\n      options={options}\n      size={'small'}\n      suffixIcon={false}\n      variant={'borderless'}\n      style={{\n        maxWidth: 240,\n        width: '100%',\n      }}\n      onClick={stopPropagation}\n      {...rest}\n    />\n  );\n});\n\nexport default LangSelect;\n"],"mappings":";;;;;;;;;;AAWA,MAAa,aAAa,MAAoC,EAAE,GAAG,WAAW;AA+C5E,QACE,oBAAC,QAAD;EACE,YAAA;EACA,WAAW;EACX,SAlDY,cACR,CACJ;GACE,SAAS,CAAC,QAAQ,MAAM;GACxB,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,sBAAD;KACE,qBAAqB;KACrB,UAAU;KACV,MAAM;KACN,MAAM;KACN,SAAS;KACT,CAAA,EACF,oBAAC,MAAD;KAAM,UAAA;KAAS,UAAU;eAAI;KAEtB,CAAA,CACC;;GAEZ,OAAO;GACR,EACD,GAAG,qBAAqB,KAAK,UAAU;GACrC,SAAS,KAAK;GACd,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,sBAAD;KACE,qBAAqB;KACrB,UAAU,KAAK,MAAM,UAAU,MAAM,KAAK;KAC1C,MAAM;KACN,MAAM;KACN,SAAS;KACT,CAAA,EACF,oBAAC,MAAD;KAAM,UAAA;KAAS,UAAU;eACtB,KAAK;KACD,CAAA,CACC;;GAEZ,QAAQ,KAAK,WAAW,CAAC,KAAK,GAAG,EAC9B,OAAO,QAAQ,CACf,KAAK,SAAS,KAAK,OAAO,CAC1B,KAAK,IAAI;GACZ,OAAO,KAAK;GACb,EAAE,CACJ,EACD,EAAE,CAOgB;EAChB,MAAM;EACN,YAAY;EACZ,SAAS;EACT,OAAO;GACL,UAAU;GACV,OAAO;GACR;EACD,SAAS;EACT,GAAI;EACJ,CAAA;EAEJ"}
+{"version":3,"file":"LangSelect.mjs","names":["Flexbox"],"sources":["../../src/Highlighter/LangSelect.tsx"],"sourcesContent":["'use client';\n\nimport { Select, type SelectProps } from 'antd';\nimport { memo, useMemo } from 'react';\nimport { bundledLanguagesInfo } from 'shiki';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nexport const LangSelect = memo<Omit<SelectProps, 'options'>>(({ ...rest }) => {\n  const options = useMemo(\n    () => [\n      {\n        aliases: ['text', 'txt'],\n        label: (\n          <Flexbox horizontal align={'center'} gap={4}>\n            <MaterialFileTypeIcon\n              fallbackUnknownType={false}\n              filename={`*.txt`}\n              size={18}\n              type={'file'}\n              variant={'raw'}\n            />\n            <Text ellipsis fontSize={13}>\n              Plaintext\n            </Text>\n          </Flexbox>\n        ),\n        value: 'plaintext',\n      },\n      ...bundledLanguagesInfo.map((item) => ({\n        aliases: item.aliases,\n        label: (\n          <Flexbox horizontal align={'center'} gap={4}>\n            <MaterialFileTypeIcon\n              fallbackUnknownType={false}\n              filename={`*.${item?.aliases?.[0] || item.id}`}\n              size={18}\n              type={'file'}\n              variant={'raw'}\n            />\n            <Text ellipsis fontSize={13}>\n              {item.name}\n            </Text>\n          </Flexbox>\n        ),\n        title: (item.aliases || [item.id])\n          .filter(Boolean)\n          .map((item) => `*.${item}`)\n          .join(','),\n        value: item.id,\n      })),\n    ],\n    [],\n  );\n\n  return (\n    <Select\n      showSearch\n      className={'languageTitle'}\n      options={options}\n      size={'small'}\n      suffixIcon={false}\n      variant={'borderless'}\n      style={{\n        maxWidth: 240,\n        width: '100%',\n      }}\n      onClick={stopPropagation}\n      {...rest}\n    />\n  );\n});\n\nexport default LangSelect;\n"],"mappings":";;;;;;;;;;AAWA,MAAa,aAAa,MAAoC,EAAE,GAAG,WAAW;CA+C5E,OACE,oBAAC,QAAD;EACE,YAAA;EACA,WAAW;EACX,SAlDY,cACR,CACJ;GACE,SAAS,CAAC,QAAQ,KAAK;GACvB,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,sBAAD;KACE,qBAAqB;KACrB,UAAU;KACV,MAAM;KACN,MAAM;KACN,SAAS;IACV,CAAA,GACD,oBAAC,MAAD;KAAM,UAAA;KAAS,UAAU;eAAI;IAEvB,CAAA,CACC;;GAEX,OAAO;EACT,GACA,GAAG,qBAAqB,KAAK,UAAU;GACrC,SAAS,KAAK;GACd,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,sBAAD;KACE,qBAAqB;KACrB,UAAU,KAAK,MAAM,UAAU,MAAM,KAAK;KAC1C,MAAM;KACN,MAAM;KACN,SAAS;IACV,CAAA,GACD,oBAAC,MAAD;KAAM,UAAA;KAAS,UAAU;eACtB,KAAK;IACF,CAAA,CACC;;GAEX,QAAQ,KAAK,WAAW,CAAC,KAAK,EAAE,EAAA,CAC7B,OAAO,OAAO,CAAC,CACf,KAAK,SAAS,KAAK,MAAM,CAAC,CAC1B,KAAK,GAAG;GACX,OAAO,KAAK;EACd,EAAE,CACJ,GACA,CAAC,CAOgB;EACf,MAAM;EACN,YAAY;EACZ,SAAS;EACT,OAAO;GACL,UAAU;GACV,OAAO;EACT;EACA,SAAS;EACT,GAAI;CACL,CAAA;AAEL,CAAC"}

package/es/Highlighter/SyntaxHighlighter/StaticRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StaticRenderer.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/StaticRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, memo } from 'react';\nimport type { BuiltinTheme } from 'shiki';\n\nimport { useHighlight } from '@/hooks/useHighlight';\n\ninterface StaticRendererProps {\n  children: string;\n  className?: string;\n  enableTransformer?: boolean;\n  fallbackClassName?: string;\n  language: string;\n  style?: CSSProperties;\n  theme?: BuiltinTheme;\n}\n\n// Escape HTML for fallback to prevent XSS\nconst escapeHtml = (str: string) =>\n  str\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#039;');\n\n/**\n * Static renderer for syntax highlighting without animation\n * Uses useHighlight hook to generate HTML and renders it directly\n */\nconst StaticRenderer = memo<StaticRendererProps>(\n  ({ children, className, enableTransformer, fallbackClassName, language, style, theme }) => {\n    // Safely handle empty or invalid children\n    const safeChildren = children ?? '';\n\n    const data = useHighlight(safeChildren, {\n      enableTransformer,\n      language,\n      theme,\n    });\n\n    const hasData = typeof data === 'string' && data.length > 0;\n    const containerClassName = hasData ? className : fallbackClassName;\n\n    return (\n      <div\n        className={containerClassName}\n        dir=\"ltr\"\n        style={style}\n        dangerouslySetInnerHTML={{\n          __html: data || `<pre><code>${escapeHtml(safeChildren)}</code></pre>`,\n        }}\n      />\n    );\n  },\n);\n\nStaticRenderer.displayName = 'StaticRenderer';\n\nexport default StaticRenderer;\n"],"mappings":";;;;;AAkBA,MAAM,cAAc,QAClB,IACG,WAAW,KAAK,QAAQ,CACxB,WAAW,KAAK,OAAO,CACvB,WAAW,KAAK,OAAO,CACvB,WAAW,MAAK,SAAS,CACzB,WAAW,KAAK,SAAS;;;;;AAM9B,MAAM,iBAAiB,MACpB,EAAE,UAAU,WAAW,mBAAmB,mBAAmB,UAAU,OAAO,YAAY;CAEzF,MAAM,eAAe,YAAY;CAEjC,MAAM,OAAO,aAAa,cAAc;EACtC;EACA;EACA;EACD,CAAC;AAKF,QACE,oBAAC,OAAD;EACE,WALY,OAAO,SAAS,YAAY,KAAK,SAAS,IACrB,YAAY;EAK7C,KAAI;EACG;EACP,yBAAyB,EACvB,QAAQ,QAAQ,cAAc,WAAW,aAAa,CAAC,gBACxD;EACD,CAAA;EAGP;AAED,eAAe,cAAc"}
+{"version":3,"file":"StaticRenderer.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/StaticRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, memo } from 'react';\nimport type { BuiltinTheme } from 'shiki';\n\nimport { useHighlight } from '@/hooks/useHighlight';\n\ninterface StaticRendererProps {\n  children: string;\n  className?: string;\n  enableTransformer?: boolean;\n  fallbackClassName?: string;\n  language: string;\n  style?: CSSProperties;\n  theme?: BuiltinTheme;\n}\n\n// Escape HTML for fallback to prevent XSS\nconst escapeHtml = (str: string) =>\n  str\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#039;');\n\n/**\n * Static renderer for syntax highlighting without animation\n * Uses useHighlight hook to generate HTML and renders it directly\n */\nconst StaticRenderer = memo<StaticRendererProps>(\n  ({ children, className, enableTransformer, fallbackClassName, language, style, theme }) => {\n    // Safely handle empty or invalid children\n    const safeChildren = children ?? '';\n\n    const data = useHighlight(safeChildren, {\n      enableTransformer,\n      language,\n      theme,\n    });\n\n    const hasData = typeof data === 'string' && data.length > 0;\n    const containerClassName = hasData ? className : fallbackClassName;\n\n    return (\n      <div\n        className={containerClassName}\n        dir=\"ltr\"\n        style={style}\n        dangerouslySetInnerHTML={{\n          __html: data || `<pre><code>${escapeHtml(safeChildren)}</code></pre>`,\n        }}\n      />\n    );\n  },\n);\n\nStaticRenderer.displayName = 'StaticRenderer';\n\nexport default StaticRenderer;\n"],"mappings":";;;;;AAkBA,MAAM,cAAc,QAClB,IACG,WAAW,KAAK,OAAO,CAAC,CACxB,WAAW,KAAK,MAAM,CAAC,CACvB,WAAW,KAAK,MAAM,CAAC,CACvB,WAAW,MAAK,QAAQ,CAAC,CACzB,WAAW,KAAK,QAAQ;;;;;AAM7B,MAAM,iBAAiB,MACpB,EAAE,UAAU,WAAW,mBAAmB,mBAAmB,UAAU,OAAO,YAAY;CAEzF,MAAM,eAAe,YAAY;CAEjC,MAAM,OAAO,aAAa,cAAc;EACtC;EACA;EACA;CACF,CAAC;CAKD,OACE,oBAAC,OAAD;EACE,WALY,OAAO,SAAS,YAAY,KAAK,SAAS,IACrB,YAAY;EAK7C,KAAI;EACG;EACP,yBAAyB,EACvB,QAAQ,QAAQ,cAAc,WAAW,YAAY,EAAE,eACzD;CACD,CAAA;AAEL,CACF;AAEA,eAAe,cAAc"}

package/es/Highlighter/SyntaxHighlighter/StreamRenderer.mjs

@@ -14,8 +14,9 @@ const normalizeStyleKeys = (style) => {
 	return normalized;
 };
 const getTokenInlineStyle = (token) => {
+	const rawStyle = token.htmlStyle || getTokenStyleObject(token);
 	return {
-		...normalizeStyleKeys(token.htmlStyle || getTokenStyleObject(token)),
+		...normalizeStyleKeys(rawStyle),
 		whiteSpace: "pre"
 	};
 };

package/es/Highlighter/SyntaxHighlighter/StreamRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StreamRenderer.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/StreamRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { getTokenStyleObject } from '@shikijs/core';\nimport { cx } from 'antd-style';\nimport type { CSSProperties } from 'react';\nimport { memo } from 'react';\nimport type { BuiltinTheme, ThemedToken } from 'shiki';\n\nimport { useStreamHighlight } from '@/hooks/useStreamHighlight';\n\ninterface StreamRendererProps {\n  children: string;\n  className?: string;\n  enableTransformer?: boolean;\n  fallbackClassName?: string;\n  language: string;\n  style?: CSSProperties;\n  theme?: BuiltinTheme;\n}\n\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\n  const normalized: CSSProperties = {};\n  Object.entries(style).forEach(([key, value]) => {\n    const normalizedKey = key.replaceAll(/-([a-z])/g, (_, char) => char.toUpperCase());\n    (normalized as Record<string, string | number>)[normalizedKey] = value;\n  });\n  return normalized;\n};\n\nconst getTokenInlineStyle = (token: ThemedToken): CSSProperties => {\n  const rawStyle = token.htmlStyle || getTokenStyleObject(token);\n  const baseStyle = normalizeStyleKeys(rawStyle);\n  return { ...baseStyle, whiteSpace: 'pre' };\n};\n\nconst TokenSpan = memo(\n  ({ token }: { token: ThemedToken }) => {\n    return (\n      <span key={token.content} style={getTokenInlineStyle(token)}>\n        {token.content}\n      </span>\n    );\n  },\n  (prev, next) => prev.token === next.token,\n);\n\nconst TokenLine = memo(\n  ({ line }: { line: ThemedToken[] }) => {\n    if (!line.length) {\n      return (\n        <span className=\"line\">\n          <span style={{ whiteSpace: 'pre' }}>{'\\u00A0'}</span>\n        </span>\n      );\n    }\n\n    return (\n      <span className=\"line\">\n        {line.map((token, tokenIndex) => (\n          <TokenSpan key={`token-${tokenIndex}`} token={token} />\n        ))}\n      </span>\n    );\n  },\n  (prev, next) => prev.line === next.line,\n);\n\nconst StreamRenderer = memo<StreamRendererProps>(\n  ({ children, className, enableTransformer, fallbackClassName, language, style, theme }) => {\n    // Safely handle empty or invalid children\n    const safeChildren = children ?? '';\n\n    const streaming = useStreamHighlight(safeChildren, {\n      enableTransformer,\n      language,\n      streaming: true,\n      theme,\n    });\n\n    const lines = streaming?.lines;\n    const preStyle = streaming?.preStyle;\n\n    if (!lines || lines.length === 0) {\n      return (\n        <div className={fallbackClassName} dir=\"ltr\" style={style}>\n          <pre>\n            <code>{safeChildren}</code>\n          </pre>\n        </div>\n      );\n    }\n\n    return (\n      <div className={className} dir=\"ltr\" style={style}>\n        <pre className={cx('shiki', theme)} style={preStyle} tabIndex={0}>\n          <code style={{ display: 'flex', flexDirection: 'column', whiteSpace: 'pre' }}>\n            {lines.map((line, index) => (\n              <TokenLine key={`line-${index}`} line={line} />\n            ))}\n          </code>\n        </pre>\n      </div>\n    );\n  },\n);\n\nStreamRenderer.displayName = 'StreamRenderer';\n\nexport default StreamRenderer;\n"],"mappings":";;;;;;;AAoBA,MAAM,sBAAsB,UAA0D;CACpF,MAAM,aAA4B,EAAE;AACpC,QAAO,QAAQ,MAAM,CAAC,SAAS,CAAC,KAAK,WAAW;EAC9C,MAAM,gBAAgB,IAAI,WAAW,cAAc,GAAG,SAAS,KAAK,aAAa,CAAC;AACjF,aAA+C,iBAAiB;GACjE;AACF,QAAO;;AAGT,MAAM,uBAAuB,UAAsC;AAGjE,QAAO;EAAE,GADS,mBADD,MAAM,aAAa,oBAAoB,MAAM,CAEzC;EAAE,YAAY;EAAO;;AAG5C,MAAM,YAAY,MACf,EAAE,YAAoC;AACrC,QACE,oBAAC,QAAD;EAA0B,OAAO,oBAAoB,MAAM;YACxD,MAAM;EACF,EAFI,MAAM,QAEV;IAGV,MAAM,SAAS,KAAK,UAAU,KAAK,MACrC;AAED,MAAM,YAAY,MACf,EAAE,WAAoC;AACrC,KAAI,CAAC,KAAK,OACR,QACE,oBAAC,QAAD;EAAM,WAAU;YACd,oBAAC,QAAD;GAAM,OAAO,EAAE,YAAY,OAAO;aAAG;GAAgB,CAAA;EAChD,CAAA;AAIX,QACE,oBAAC,QAAD;EAAM,WAAU;YACb,KAAK,KAAK,OAAO,eAChB,oBAAC,WAAD,EAA8C,OAAS,EAAvC,SAAS,aAA8B,CACvD;EACG,CAAA;IAGV,MAAM,SAAS,KAAK,SAAS,KAAK,KACpC;AAED,MAAM,iBAAiB,MACpB,EAAE,UAAU,WAAW,mBAAmB,mBAAmB,UAAU,OAAO,YAAY;CAEzF,MAAM,eAAe,YAAY;CAEjC,MAAM,YAAY,mBAAmB,cAAc;EACjD;EACA;EACA,WAAW;EACX;EACD,CAAC;CAEF,MAAM,QAAQ,WAAW;CACzB,MAAM,WAAW,WAAW;AAE5B,KAAI,CAAC,SAAS,MAAM,WAAW,EAC7B,QACE,oBAAC,OAAD;EAAK,WAAW;EAAmB,KAAI;EAAa;YAClD,oBAAC,OAAD,EAAA,UACE,oBAAC,QAAD,EAAA,UAAO,cAAoB,CAAA,EACvB,CAAA;EACF,CAAA;AAIV,QACE,oBAAC,OAAD;EAAgB;EAAW,KAAI;EAAa;YAC1C,oBAAC,OAAD;GAAK,WAAW,GAAG,SAAS,MAAM;GAAE,OAAO;GAAU,UAAU;aAC7D,oBAAC,QAAD;IAAM,OAAO;KAAE,SAAS;KAAQ,eAAe;KAAU,YAAY;KAAO;cACzE,MAAM,KAAK,MAAM,UAChB,oBAAC,WAAD,EAAuC,MAAQ,EAA/B,QAAQ,QAAuB,CAC/C;IACG,CAAA;GACH,CAAA;EACF,CAAA;EAGX;AAED,eAAe,cAAc"}
+{"version":3,"file":"StreamRenderer.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/StreamRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { getTokenStyleObject } from '@shikijs/core';\nimport { cx } from 'antd-style';\nimport type { CSSProperties } from 'react';\nimport { memo } from 'react';\nimport type { BuiltinTheme, ThemedToken } from 'shiki';\n\nimport { useStreamHighlight } from '@/hooks/useStreamHighlight';\n\ninterface StreamRendererProps {\n  children: string;\n  className?: string;\n  enableTransformer?: boolean;\n  fallbackClassName?: string;\n  language: string;\n  style?: CSSProperties;\n  theme?: BuiltinTheme;\n}\n\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\n  const normalized: CSSProperties = {};\n  Object.entries(style).forEach(([key, value]) => {\n    const normalizedKey = key.replaceAll(/-([a-z])/g, (_, char) => char.toUpperCase());\n    (normalized as Record<string, string | number>)[normalizedKey] = value;\n  });\n  return normalized;\n};\n\nconst getTokenInlineStyle = (token: ThemedToken): CSSProperties => {\n  const rawStyle = token.htmlStyle || getTokenStyleObject(token);\n  const baseStyle = normalizeStyleKeys(rawStyle);\n  return { ...baseStyle, whiteSpace: 'pre' };\n};\n\nconst TokenSpan = memo(\n  ({ token }: { token: ThemedToken }) => {\n    return (\n      <span key={token.content} style={getTokenInlineStyle(token)}>\n        {token.content}\n      </span>\n    );\n  },\n  (prev, next) => prev.token === next.token,\n);\n\nconst TokenLine = memo(\n  ({ line }: { line: ThemedToken[] }) => {\n    if (!line.length) {\n      return (\n        <span className=\"line\">\n          <span style={{ whiteSpace: 'pre' }}>{'\\u00A0'}</span>\n        </span>\n      );\n    }\n\n    return (\n      <span className=\"line\">\n        {line.map((token, tokenIndex) => (\n          <TokenSpan key={`token-${tokenIndex}`} token={token} />\n        ))}\n      </span>\n    );\n  },\n  (prev, next) => prev.line === next.line,\n);\n\nconst StreamRenderer = memo<StreamRendererProps>(\n  ({ children, className, enableTransformer, fallbackClassName, language, style, theme }) => {\n    // Safely handle empty or invalid children\n    const safeChildren = children ?? '';\n\n    const streaming = useStreamHighlight(safeChildren, {\n      enableTransformer,\n      language,\n      streaming: true,\n      theme,\n    });\n\n    const lines = streaming?.lines;\n    const preStyle = streaming?.preStyle;\n\n    if (!lines || lines.length === 0) {\n      return (\n        <div className={fallbackClassName} dir=\"ltr\" style={style}>\n          <pre>\n            <code>{safeChildren}</code>\n          </pre>\n        </div>\n      );\n    }\n\n    return (\n      <div className={className} dir=\"ltr\" style={style}>\n        <pre className={cx('shiki', theme)} style={preStyle} tabIndex={0}>\n          <code style={{ display: 'flex', flexDirection: 'column', whiteSpace: 'pre' }}>\n            {lines.map((line, index) => (\n              <TokenLine key={`line-${index}`} line={line} />\n            ))}\n          </code>\n        </pre>\n      </div>\n    );\n  },\n);\n\nStreamRenderer.displayName = 'StreamRenderer';\n\nexport default StreamRenderer;\n"],"mappings":";;;;;;;AAoBA,MAAM,sBAAsB,UAA0D;CACpF,MAAM,aAA4B,CAAC;CACnC,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;EAC9C,MAAM,gBAAgB,IAAI,WAAW,cAAc,GAAG,SAAS,KAAK,YAAY,CAAC;EACjF,WAAgD,iBAAiB;CACnE,CAAC;CACD,OAAO;AACT;AAEA,MAAM,uBAAuB,UAAsC;CACjE,MAAM,WAAW,MAAM,aAAa,oBAAoB,KAAK;CAE7D,OAAO;EAAE,GADS,mBAAmB,QACjB;EAAG,YAAY;CAAM;AAC3C;AAEA,MAAM,YAAY,MACf,EAAE,YAAoC;CACrC,OACE,oBAAC,QAAD;EAA0B,OAAO,oBAAoB,KAAK;YACvD,MAAM;CACH,GAFK,MAAM,OAEX;AAEV,IACC,MAAM,SAAS,KAAK,UAAU,KAAK,KACtC;AAEA,MAAM,YAAY,MACf,EAAE,WAAoC;CACrC,IAAI,CAAC,KAAK,QACR,OACE,oBAAC,QAAD;EAAM,WAAU;YACd,oBAAC,QAAD;GAAM,OAAO,EAAE,YAAY,MAAM;aAAI;EAAe,CAAA;CAChD,CAAA;CAIV,OACE,oBAAC,QAAD;EAAM,WAAU;YACb,KAAK,KAAK,OAAO,eAChB,oBAAC,WAAD,EAA8C,MAAQ,GAAtC,SAAS,YAA6B,CACvD;CACG,CAAA;AAEV,IACC,MAAM,SAAS,KAAK,SAAS,KAAK,IACrC;AAEA,MAAM,iBAAiB,MACpB,EAAE,UAAU,WAAW,mBAAmB,mBAAmB,UAAU,OAAO,YAAY;CAEzF,MAAM,eAAe,YAAY;CAEjC,MAAM,YAAY,mBAAmB,cAAc;EACjD;EACA;EACA,WAAW;EACX;CACF,CAAC;CAED,MAAM,QAAQ,WAAW;CACzB,MAAM,WAAW,WAAW;CAE5B,IAAI,CAAC,SAAS,MAAM,WAAW,GAC7B,OACE,oBAAC,OAAD;EAAK,WAAW;EAAmB,KAAI;EAAa;YAClD,oBAAC,OAAD,EAAA,UACE,oBAAC,QAAD,EAAA,UAAO,aAAmB,CAAA,EACvB,CAAA;CACF,CAAA;CAIT,OACE,oBAAC,OAAD;EAAgB;EAAW,KAAI;EAAa;YAC1C,oBAAC,OAAD;GAAK,WAAW,GAAG,SAAS,KAAK;GAAG,OAAO;GAAU,UAAU;aAC7D,oBAAC,QAAD;IAAM,OAAO;KAAE,SAAS;KAAQ,eAAe;KAAU,YAAY;IAAM;cACxE,MAAM,KAAK,MAAM,UAChB,oBAAC,WAAD,EAAuC,KAAO,GAA9B,QAAQ,OAAsB,CAC/C;GACG,CAAA;EACH,CAAA;CACF,CAAA;AAET,CACF;AAEA,eAAe,cAAc"}

package/es/Highlighter/SyntaxHighlighter/index.d.mts

@@ -1,8 +1,6 @@
 import { SyntaxHighlighterProps } from "../type.mjs";
-import * as _$react from "react";
-
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: _$react.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: import("react").NamedExoticComponent<SyntaxHighlighterProps>;
 //#endregion
-export { SyntaxHighlighter };
+export { SyntaxHighlighter as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Highlighter/SyntaxHighlighter/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport type { SyntaxHighlighterProps } from '../type';\nimport StaticRenderer from './StaticRenderer';\nimport StreamRenderer from './StreamRenderer';\nimport { variants } from './style';\n\nconst SyntaxHighlighter = memo<SyntaxHighlighterProps>(\n  ({\n    animated,\n    children,\n    className,\n    enableTransformer,\n    language,\n    style,\n    theme,\n    variant = 'borderless',\n  }) => {\n    const isDefaultTheme = theme === 'lobe-theme' || !theme;\n    const showBackground = !isDefaultTheme && variant === 'filled';\n    const resolvedTheme = isDefaultTheme ? undefined : theme;\n\n    const shikiClassName = cx(\n      variants({ animated, shiki: true, showBackground, variant }),\n      className,\n    );\n    const fallbackClassName = cx(\n      variants({ animated, shiki: false, showBackground, variant }),\n      className,\n    );\n\n    if (animated) {\n      return (\n        <StreamRenderer\n          className={shikiClassName}\n          enableTransformer={enableTransformer}\n          fallbackClassName={fallbackClassName}\n          language={language}\n          style={style}\n          theme={resolvedTheme}\n        >\n          {children}\n        </StreamRenderer>\n      );\n    }\n\n    return (\n      <StaticRenderer\n        className={shikiClassName}\n        enableTransformer={enableTransformer}\n        fallbackClassName={fallbackClassName}\n        language={language}\n        style={style}\n        theme={resolvedTheme}\n      >\n        {children}\n      </StaticRenderer>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children && prevProps.language === nextProps.language,\n);\n\nSyntaxHighlighter.displayName = 'SyntaxHighlighter';\n\nexport default SyntaxHighlighter;\n"],"mappings":";;;;;;;;AAUA,MAAM,oBAAoB,MACvB,EACC,UACA,UACA,WACA,mBACA,UACA,OACA,OACA,UAAU,mBACN;CACJ,MAAM,iBAAiB,UAAU,gBAAgB,CAAC;CAClD,MAAM,iBAAiB,CAAC,kBAAkB,YAAY;CACtD,MAAM,gBAAgB,iBAAiB,KAAA,IAAY;CAEnD,MAAM,iBAAiB,GACrB,SAAS;EAAE;EAAU,OAAO;EAAM;EAAgB;EAAS,CAAC,EAC5D,UACD;CACD,MAAM,oBAAoB,GACxB,SAAS;EAAE;EAAU,OAAO;EAAO;EAAgB;EAAS,CAAC,EAC7D,UACD;AAED,KAAI,SACF,QACE,oBAAC,gBAAD;EACE,WAAW;EACQ;EACA;EACT;EACH;EACP,OAAO;EAEN;EACc,CAAA;AAIrB,QACE,oBAAC,gBAAD;EACE,WAAW;EACQ;EACA;EACT;EACH;EACP,OAAO;EAEN;EACc,CAAA;IAGpB,WAAW,cACV,UAAU,aAAa,UAAU,YAAY,UAAU,aAAa,UAAU,SACjF;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport type { SyntaxHighlighterProps } from '../type';\nimport StaticRenderer from './StaticRenderer';\nimport StreamRenderer from './StreamRenderer';\nimport { variants } from './style';\n\nconst SyntaxHighlighter = memo<SyntaxHighlighterProps>(\n  ({\n    animated,\n    children,\n    className,\n    enableTransformer,\n    language,\n    style,\n    theme,\n    variant = 'borderless',\n  }) => {\n    const isDefaultTheme = theme === 'lobe-theme' || !theme;\n    const showBackground = !isDefaultTheme && variant === 'filled';\n    const resolvedTheme = isDefaultTheme ? undefined : theme;\n\n    const shikiClassName = cx(\n      variants({ animated, shiki: true, showBackground, variant }),\n      className,\n    );\n    const fallbackClassName = cx(\n      variants({ animated, shiki: false, showBackground, variant }),\n      className,\n    );\n\n    if (animated) {\n      return (\n        <StreamRenderer\n          className={shikiClassName}\n          enableTransformer={enableTransformer}\n          fallbackClassName={fallbackClassName}\n          language={language}\n          style={style}\n          theme={resolvedTheme}\n        >\n          {children}\n        </StreamRenderer>\n      );\n    }\n\n    return (\n      <StaticRenderer\n        className={shikiClassName}\n        enableTransformer={enableTransformer}\n        fallbackClassName={fallbackClassName}\n        language={language}\n        style={style}\n        theme={resolvedTheme}\n      >\n        {children}\n      </StaticRenderer>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children && prevProps.language === nextProps.language,\n);\n\nSyntaxHighlighter.displayName = 'SyntaxHighlighter';\n\nexport default SyntaxHighlighter;\n"],"mappings":";;;;;;;;AAUA,MAAM,oBAAoB,MACvB,EACC,UACA,UACA,WACA,mBACA,UACA,OACA,OACA,UAAU,mBACN;CACJ,MAAM,iBAAiB,UAAU,gBAAgB,CAAC;CAClD,MAAM,iBAAiB,CAAC,kBAAkB,YAAY;CACtD,MAAM,gBAAgB,iBAAiB,KAAA,IAAY;CAEnD,MAAM,iBAAiB,GACrB,SAAS;EAAE;EAAU,OAAO;EAAM;EAAgB;CAAQ,CAAC,GAC3D,SACF;CACA,MAAM,oBAAoB,GACxB,SAAS;EAAE;EAAU,OAAO;EAAO;EAAgB;CAAQ,CAAC,GAC5D,SACF;CAEA,IAAI,UACF,OACE,oBAAC,gBAAD;EACE,WAAW;EACQ;EACA;EACT;EACH;EACP,OAAO;EAEN;CACa,CAAA;CAIpB,OACE,oBAAC,gBAAD;EACE,WAAW;EACQ;EACA;EACT;EACH;EACP,OAAO;EAEN;CACa,CAAA;AAEpB,IACC,WAAW,cACV,UAAU,aAAa,UAAU,YAAY,UAAU,aAAa,UAAU,QAClF;AAEA,kBAAkB,cAAc"}

package/es/Highlighter/SyntaxHighlighter/style.mjs

@@ -160,6 +160,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Highlighter/SyntaxHighlighter/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { fadeIn } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    animated: css`\n      .animate-fade-in,\n      .katex-html > .base,\n      span.line > span,\n      code:not(:has(span.line)) {\n        opacity: 1;\n        animation: ${fadeIn} 1s ease-in-out;\n      }\n\n      /* 只对 .base 级别的 span 应用流式动画，不要穿透到内部 */\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    `,\n\n    noBackground: css`\n      pre {\n        background: transparent !important;\n      }\n    `,\n\n    noPadding: css`\n      pre {\n        padding: 0;\n      }\n    `,\n\n    padding: css`\n      pre {\n        padding: 16px;\n      }\n    `,\n    root: css`\n      direction: ltr;\n      margin: 0;\n      padding: 0;\n      text-align: start;\n\n      pre {\n        overflow-x: auto;\n        margin: 0;\n      }\n    `,\n    shiki: cx(\n      'ant-highlighter-highlighter-shiki',\n      css`\n        pre {\n          user-select: none;\n\n          code {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n\n            .line {\n              user-select: text;\n\n              display: block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ${cssVar.colorFillTertiary};\n\n            &.warning {\n              background: ${cssVar.colorWarningBg};\n            }\n\n            &.error {\n              background: ${cssVar.colorErrorBg};\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n            border: 1px solid ${cssVar.colorBorderSecondary};\n            border-radius: ${cssVar.borderRadius};\n\n            background: ${cssVar.colorFillTertiary};\n          }\n\n          .diff {\n            &.remove {\n              background: ${cssVar.colorErrorBg};\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorErrorText};\n              }\n            }\n\n            &.add {\n              background: ${cssVar.colorSuccessBg};\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorSuccessText};\n              }\n            }\n          }\n        }\n      `,\n    ),\n    unshiki: css`\n      color: ${cssVar.colorTextDescription};\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    animated: false,\n    shiki: true,\n    showBackground: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    shiki: {\n      false: styles.unshiki,\n      true: styles.shiki,\n    },\n    showBackground: {\n      false: styles.noBackground,\n      true: null,\n    },\n    animated: {\n      true: styles.animated,\n      false: null,\n    },\n    variant: {\n      filled: styles.padding,\n      outlined: styles.padding,\n      borderless: styles.noPadding,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,UAAU,GAAG;;;;;;qBAMI,OAAO;;;;;;;;;EAUxB,cAAc,GAAG;;;;;EAMjB,WAAW,GAAG;;;;;EAMd,SAAS,GAAG;;;;;EAKZ,MAAM,GAAG;;;;;;;;;;;EAWT,OAAO,GACL,qCACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BiB,OAAO,kBAAkB;;;4BAGvB,OAAO,eAAe;;;;4BAItB,OAAO,aAAa;;;;;;;gCAOhB,OAAO,qBAAqB;6BAC/B,OAAO,aAAa;;0BAEvB,OAAO,kBAAkB;;;;;4BAKvB,OAAO,aAAa;;;;;;;;;;yBAUvB,OAAO,eAAe;;;;;4BAKnB,OAAO,eAAe;;;;;;;;;;yBAUzB,OAAO,iBAAiB;;;;;QAM5C;EACD,SAAS,GAAG;eACD,OAAO,qBAAqB;;EAExC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,gBAAgB;EAChB,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,gBAAgB;GACd,OAAO,OAAO;GACd,MAAM;GACP;EACD,UAAU;GACR,MAAM,OAAO;GACb,OAAO;GACR;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Highlighter/SyntaxHighlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { fadeIn } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    animated: css`\n      .animate-fade-in,\n      .katex-html > .base,\n      span.line > span,\n      code:not(:has(span.line)) {\n        opacity: 1;\n        animation: ${fadeIn} 1s ease-in-out;\n      }\n\n      /* 只对 .base 级别的 span 应用流式动画，不要穿透到内部 */\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    `,\n\n    noBackground: css`\n      pre {\n        background: transparent !important;\n      }\n    `,\n\n    noPadding: css`\n      pre {\n        padding: 0;\n      }\n    `,\n\n    padding: css`\n      pre {\n        padding: 16px;\n      }\n    `,\n    root: css`\n      direction: ltr;\n      margin: 0;\n      padding: 0;\n      text-align: start;\n\n      pre {\n        overflow-x: auto;\n        margin: 0;\n      }\n    `,\n    shiki: cx(\n      'ant-highlighter-highlighter-shiki',\n      css`\n        pre {\n          user-select: none;\n\n          code {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n\n            .line {\n              user-select: text;\n\n              display: block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ${cssVar.colorFillTertiary};\n\n            &.warning {\n              background: ${cssVar.colorWarningBg};\n            }\n\n            &.error {\n              background: ${cssVar.colorErrorBg};\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n            border: 1px solid ${cssVar.colorBorderSecondary};\n            border-radius: ${cssVar.borderRadius};\n\n            background: ${cssVar.colorFillTertiary};\n          }\n\n          .diff {\n            &.remove {\n              background: ${cssVar.colorErrorBg};\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorErrorText};\n              }\n            }\n\n            &.add {\n              background: ${cssVar.colorSuccessBg};\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorSuccessText};\n              }\n            }\n          }\n        }\n      `,\n    ),\n    unshiki: css`\n      color: ${cssVar.colorTextDescription};\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    animated: false,\n    shiki: true,\n    showBackground: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    shiki: {\n      false: styles.unshiki,\n      true: styles.shiki,\n    },\n    showBackground: {\n      false: styles.noBackground,\n      true: null,\n    },\n    animated: {\n      true: styles.animated,\n      false: null,\n    },\n    variant: {\n      filled: styles.padding,\n      outlined: styles.padding,\n      borderless: styles.noPadding,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,UAAU,GAAG;;;;;;qBAMI,OAAO;;;;;;;;;EAUxB,cAAc,GAAG;;;;;EAMjB,WAAW,GAAG;;;;;EAMd,SAAS,GAAG;;;;;EAKZ,MAAM,GAAG;;;;;;;;;;;EAWT,OAAO,GACL,qCACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BiB,OAAO,kBAAkB;;;4BAGvB,OAAO,eAAe;;;;4BAItB,OAAO,aAAa;;;;;;;gCAOhB,OAAO,qBAAqB;6BAC/B,OAAO,aAAa;;0BAEvB,OAAO,kBAAkB;;;;;4BAKvB,OAAO,aAAa;;;;;;;;;;yBAUvB,OAAO,eAAe;;;;;4BAKnB,OAAO,eAAe;;;;;;;;;;yBAUzB,OAAO,iBAAiB;;;;;OAM7C;EACA,SAAS,GAAG;eACD,OAAO,qBAAqB;;CAEzC;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,gBAAgB;EAChB,SAAS;CACX;CAEA,UAAU;EACR,OAAO;GACL,OAAO,OAAO;GACd,MAAM,OAAO;EACf;EACA,gBAAgB;GACd,OAAO,OAAO;GACd,MAAM;EACR;EACA,UAAU;GACR,MAAM,OAAO;GACb,OAAO;EACT;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;CACF;AACF,CAAC"}

package/es/Highlighter/const.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"const.mjs","names":[],"sources":["../../src/Highlighter/const.ts"],"sourcesContent":["import { bundledLanguagesInfo, bundledThemesInfo } from 'shiki';\n\ninterface HighlighterThemeItem {\n  displayName: string;\n  id: string;\n}\n\nexport const highlighterThemes: HighlighterThemeItem[] = [\n  {\n    displayName: 'Lobe Theme',\n    id: 'lobe-theme',\n  },\n  ...bundledThemesInfo.map((item) => ({\n    displayName: item.displayName,\n    id: item.id,\n  })),\n];\n\nexport const FALLBACK_LANG = 'plaintext';\n\nexport const getCodeLanguageByInput = (input: string): string => {\n  if (!input) {\n    return 'plaintext';\n  }\n  const inputLang = input.toLocaleLowerCase();\n\n  const matchLang = bundledLanguagesInfo.find(\n    (lang) => lang.id === inputLang || lang.aliases?.includes(inputLang),\n  );\n  return matchLang?.id || 'plaintext';\n};\n\nexport const getCodeLanguageFilename = (input: string): string => {\n  if (!input) {\n    return 'Plaintext';\n  }\n  const inputLang = input.toLocaleLowerCase();\n\n  const matchLang = bundledLanguagesInfo.find(\n    (lang) => lang.id === inputLang || lang.aliases?.includes(inputLang),\n  );\n  const type = matchLang?.aliases?.[0] || matchLang?.id || 'txt';\n  return `*.${type}`;\n};\n\nexport const getCodeLanguageDisplayName = (input: string): string => {\n  if (!input) {\n    return 'Plaintext';\n  }\n  const inputLang = input.toLocaleLowerCase();\n\n  const matchLang = bundledLanguagesInfo.find(\n    (lang) => lang.id === inputLang || lang.aliases?.includes(inputLang),\n  );\n  return matchLang?.name || 'Plaintext';\n};\n"],"mappings":";;AAOA,MAAa,oBAA4C,CACvD;CACE,aAAa;CACb,IAAI;CACL,EACD,GAAG,kBAAkB,KAAK,UAAU;CAClC,aAAa,KAAK;CAClB,IAAI,KAAK;CACV,EAAE,CACJ;AAED,MAAa,gBAAgB;AAE7B,MAAa,0BAA0B,UAA0B;AAC/D,KAAI,CAAC,MACH,QAAO;CAET,MAAM,YAAY,MAAM,mBAAmB;AAK3C,QAHkB,qBAAqB,MACpC,SAAS,KAAK,OAAO,aAAa,KAAK,SAAS,SAAS,UAAU,CAEtD,EAAE,MAAM;;AAG1B,MAAa,2BAA2B,UAA0B;AAChE,KAAI,CAAC,MACH,QAAO;CAET,MAAM,YAAY,MAAM,mBAAmB;CAE3C,MAAM,YAAY,qBAAqB,MACpC,SAAS,KAAK,OAAO,aAAa,KAAK,SAAS,SAAS,UAAU,CACrE;AAED,QAAO,KADM,WAAW,UAAU,MAAM,WAAW,MAAM;;AAI3D,MAAa,8BAA8B,UAA0B;AACnE,KAAI,CAAC,MACH,QAAO;CAET,MAAM,YAAY,MAAM,mBAAmB;AAK3C,QAHkB,qBAAqB,MACpC,SAAS,KAAK,OAAO,aAAa,KAAK,SAAS,SAAS,UAAU,CAEtD,EAAE,QAAQ"}
+{"version":3,"file":"const.mjs","names":[],"sources":["../../src/Highlighter/const.ts"],"sourcesContent":["import { bundledLanguagesInfo, bundledThemesInfo } from 'shiki';\n\ninterface HighlighterThemeItem {\n  displayName: string;\n  id: string;\n}\n\nexport const highlighterThemes: HighlighterThemeItem[] = [\n  {\n    displayName: 'Lobe Theme',\n    id: 'lobe-theme',\n  },\n  ...bundledThemesInfo.map((item) => ({\n    displayName: item.displayName,\n    id: item.id,\n  })),\n];\n\nexport const FALLBACK_LANG = 'plaintext';\n\nexport const getCodeLanguageByInput = (input: string): string => {\n  if (!input) {\n    return 'plaintext';\n  }\n  const inputLang = input.toLocaleLowerCase();\n\n  const matchLang = bundledLanguagesInfo.find(\n    (lang) => lang.id === inputLang || lang.aliases?.includes(inputLang),\n  );\n  return matchLang?.id || 'plaintext';\n};\n\nexport const getCodeLanguageFilename = (input: string): string => {\n  if (!input) {\n    return 'Plaintext';\n  }\n  const inputLang = input.toLocaleLowerCase();\n\n  const matchLang = bundledLanguagesInfo.find(\n    (lang) => lang.id === inputLang || lang.aliases?.includes(inputLang),\n  );\n  const type = matchLang?.aliases?.[0] || matchLang?.id || 'txt';\n  return `*.${type}`;\n};\n\nexport const getCodeLanguageDisplayName = (input: string): string => {\n  if (!input) {\n    return 'Plaintext';\n  }\n  const inputLang = input.toLocaleLowerCase();\n\n  const matchLang = bundledLanguagesInfo.find(\n    (lang) => lang.id === inputLang || lang.aliases?.includes(inputLang),\n  );\n  return matchLang?.name || 'Plaintext';\n};\n"],"mappings":";;AAOA,MAAa,oBAA4C,CACvD;CACE,aAAa;CACb,IAAI;AACN,GACA,GAAG,kBAAkB,KAAK,UAAU;CAClC,aAAa,KAAK;CAClB,IAAI,KAAK;AACX,EAAE,CACJ;AAEA,MAAa,gBAAgB;AAE7B,MAAa,0BAA0B,UAA0B;CAC/D,IAAI,CAAC,OACH,OAAO;CAET,MAAM,YAAY,MAAM,kBAAkB;CAK1C,OAHkB,qBAAqB,MACpC,SAAS,KAAK,OAAO,aAAa,KAAK,SAAS,SAAS,SAAS,CAEtD,CAAC,EAAE,MAAM;AAC1B;AAEA,MAAa,2BAA2B,UAA0B;CAChE,IAAI,CAAC,OACH,OAAO;CAET,MAAM,YAAY,MAAM,kBAAkB;CAE1C,MAAM,YAAY,qBAAqB,MACpC,SAAS,KAAK,OAAO,aAAa,KAAK,SAAS,SAAS,SAAS,CACrE;CAEA,OAAO,KADM,WAAW,UAAU,MAAM,WAAW,MAAM;AAE3D;AAEA,MAAa,8BAA8B,UAA0B;CACnE,IAAI,CAAC,OACH,OAAO;CAET,MAAM,YAAY,MAAM,kBAAkB;CAK1C,OAHkB,qBAAqB,MACpC,SAAS,KAAK,OAAO,aAAa,KAAK,SAAS,SAAS,SAAS,CAEtD,CAAC,EAAE,QAAQ;AAC5B"}

package/es/Highlighter/index.d.mts

@@ -1,5 +1,5 @@
 import { highlighterThemes } from "./const.mjs";
 import { HighlighterProps, SyntaxHighlighterProps } from "./type.mjs";
 import { Highlighter } from "./Highlighter.mjs";
-import { SyntaxHighlighter } from "./SyntaxHighlighter/index.mjs";
-export { HighlighterProps, SyntaxHighlighter, SyntaxHighlighterProps, Highlighter as default, highlighterThemes };
+import SyntaxHighlighter from "./SyntaxHighlighter/index.mjs";
+export { type HighlighterProps, SyntaxHighlighter, type SyntaxHighlighterProps, Highlighter as default, highlighterThemes };

package/es/Highlighter/index.mjs

@@ -1,4 +1,4 @@
 import { highlighterThemes } from "./const.mjs";
 import SyntaxHighlighter from "./SyntaxHighlighter/index.mjs";
-import Highlighter from "./Highlighter.mjs";
+import { Highlighter } from "./Highlighter.mjs";
 export { SyntaxHighlighter, Highlighter as default, highlighterThemes };

package/es/Highlighter/style.mjs

@@ -164,6 +164,6 @@ const bodyVariants = cva(styles.bodyRoot, {
 	} }
 });
 //#endregion
-export { actionsHoverCls, bodyVariants, headerVariants, styles, variants };
+export { actionsHoverCls, bodyVariants, expandCls, headerVariants, langHoverCls, prefix, styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Highlighter/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Highlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 动态类名常量（用于 className）\nexport const actionsHoverCls = 'ant-highlighter-highlighter-hover-actions';\nexport const langHoverCls = 'ant-highlighter-highlighter-hover-lang';\nexport const expandCls = 'ant-highlighter-highlighter-body-expand';\nexport const prefix = 'ant-highlighter';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: cx(\n      actionsHoverCls,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n      `,\n    ),\n    bodyCollapsed: css`\n      height: 0;\n      opacity: 0;\n    `,\n    bodyExpand: cx(expandCls),\n    bodyRoot: css`\n      overflow: hidden;\n      transition: opacity 0.25s ${cssVar.motionEaseOut};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    headerBorderless: css`\n      padding-inline: 0;\n    `,\n\n    headerFilled: css`\n      background: transparent;\n    `,\n\n    headerOutlined: css`\n      & + .${expandCls} {\n        border-block-start: 1px solid ${cssVar.colorFillQuaternary};\n      }\n    `,\n\n    headerRoot: css`\n      cursor: pointer;\n      position: relative;\n      padding: 4px;\n    `,\n\n    lang: cx(\n      langHoverCls,\n      lobeStaticStylish.blur,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ${cssVar.fontFamilyCode};\n        color: ${cssVar.colorTextSecondary};\n\n        opacity: 0;\n        background: ${cssVar.colorFillQuaternary};\n\n        transition: opacity 0.1s;\n      `,\n    ),\n    nowrap: css`\n      pre,\n      code {\n        text-wrap: nowrap;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        .languageTitle {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        &:hover {\n          .languageTitle {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .${actionsHoverCls} {\n            opacity: 1;\n          }\n\n          .${langHoverCls} {\n            opacity: 1;\n          }\n        }\n\n        pre {\n          height: 100%;\n          font-size: 12px;\n        }\n\n        code {\n          background: transparent !important;\n        }\n      `,\n    ),\n    shadow: lobeStaticStylish.shadow,\n    wrap: css`\n      pre,\n      code {\n        text-wrap: wrap;\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n    wrap: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    wrap: {\n      false: styles.nowrap,\n      true: styles.wrap,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.headerRoot, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: cx(styles.headerFilled, styles.headerOutlined),\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n});\n\nexport const bodyVariants = cva(styles.bodyRoot, {\n  defaultVariants: {\n    expand: true,\n  },\n  variants: {\n    expand: {\n      false: styles.bodyCollapsed,\n      true: styles.bodyExpand,\n    },\n  },\n});\n"],"mappings":";;;;AAMA,MAAa,kBAAkB;AAC/B,MAAa,eAAe;AAC5B,MAAa,YAAY;AACzB,MAAa,SAAS;AAEtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GACP,iBACA,GAAG;;;;;;;QAQJ;EACD,eAAe,GAAG;;;;EAIlB,YAAY,GAAG,UAAU;EACzB,UAAU,GAAG;;kCAEiB,OAAO,cAAc;;EAEnD,YAAYA,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,2BAClB,GAAG;sBACa,OAAO,oBAAoB;QAE5C;EACD,kBAAkB,GAAG;;;EAIrB,cAAc,GAAG;;;EAIjB,gBAAgB,GAAG;aACV,UAAU;wCACiB,OAAO,oBAAoB;;;EAI/D,YAAY,GAAG;;;;;EAMf,MAAM,GACJ,cACAA,cAAkB,MAClB,GAAG;;;;;;uBAMc,OAAO,eAAe;iBAC5B,OAAO,mBAAmB;;;sBAGrB,OAAO,oBAAoB;;;QAI5C;EACD,QAAQ,GAAG;;;;;;EAMX,UAAUA,cAAkB;EAC5B,MAAM,GACJ,QACA,GAAG;;;;;;yBAMgB,OAAO,aAAa;;6CAEA,OAAO,cAAc;;;;;;;6BAOrC,OAAO,gBAAgB;;;;;qCAKf,OAAO,gBAAgB;;;;;;;;;;;;;aAa/C,gBAAgB;;;;aAIhB,aAAa;;;;;;;;;;;;;QAcrB;EACD,QAAQA,cAAkB;EAC1B,MAAM,GAAG;;;;;;EAMV;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACT,MAAM;EACP;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,MAAM;GACJ,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACF;CACF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,YAAY;CACnD,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,GAAG,OAAO,cAAc,OAAO,eAAe;EACtD,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,iBAAiB,EACf,QAAQ,MACT;CACD,UAAU,EACR,QAAQ;EACN,OAAO,OAAO;EACd,MAAM,OAAO;EACd,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Highlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 动态类名常量（用于 className）\nexport const actionsHoverCls = 'ant-highlighter-highlighter-hover-actions';\nexport const langHoverCls = 'ant-highlighter-highlighter-hover-lang';\nexport const expandCls = 'ant-highlighter-highlighter-body-expand';\nexport const prefix = 'ant-highlighter';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: cx(\n      actionsHoverCls,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n      `,\n    ),\n    bodyCollapsed: css`\n      height: 0;\n      opacity: 0;\n    `,\n    bodyExpand: cx(expandCls),\n    bodyRoot: css`\n      overflow: hidden;\n      transition: opacity 0.25s ${cssVar.motionEaseOut};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    headerBorderless: css`\n      padding-inline: 0;\n    `,\n\n    headerFilled: css`\n      background: transparent;\n    `,\n\n    headerOutlined: css`\n      & + .${expandCls} {\n        border-block-start: 1px solid ${cssVar.colorFillQuaternary};\n      }\n    `,\n\n    headerRoot: css`\n      cursor: pointer;\n      position: relative;\n      padding: 4px;\n    `,\n\n    lang: cx(\n      langHoverCls,\n      lobeStaticStylish.blur,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ${cssVar.fontFamilyCode};\n        color: ${cssVar.colorTextSecondary};\n\n        opacity: 0;\n        background: ${cssVar.colorFillQuaternary};\n\n        transition: opacity 0.1s;\n      `,\n    ),\n    nowrap: css`\n      pre,\n      code {\n        text-wrap: nowrap;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        .languageTitle {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        &:hover {\n          .languageTitle {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .${actionsHoverCls} {\n            opacity: 1;\n          }\n\n          .${langHoverCls} {\n            opacity: 1;\n          }\n        }\n\n        pre {\n          height: 100%;\n          font-size: 12px;\n        }\n\n        code {\n          background: transparent !important;\n        }\n      `,\n    ),\n    shadow: lobeStaticStylish.shadow,\n    wrap: css`\n      pre,\n      code {\n        text-wrap: wrap;\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n    wrap: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    wrap: {\n      false: styles.nowrap,\n      true: styles.wrap,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.headerRoot, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: cx(styles.headerFilled, styles.headerOutlined),\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n});\n\nexport const bodyVariants = cva(styles.bodyRoot, {\n  defaultVariants: {\n    expand: true,\n  },\n  variants: {\n    expand: {\n      false: styles.bodyCollapsed,\n      true: styles.bodyExpand,\n    },\n  },\n});\n"],"mappings":";;;;AAMA,MAAa,kBAAkB;AAC/B,MAAa,eAAe;AAC5B,MAAa,YAAY;AACzB,MAAa,SAAS;AAEtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GACP,iBACA,GAAG;;;;;;;OAQL;EACA,eAAe,GAAG;;;;EAIlB,YAAY,GAAG,SAAS;EACxB,UAAU,GAAG;;kCAEiB,OAAO,cAAc;;EAEnD,YAAYA,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,2BAClB,GAAG;sBACa,OAAO,oBAAoB;OAE7C;EACA,kBAAkB,GAAG;;;EAIrB,cAAc,GAAG;;;EAIjB,gBAAgB,GAAG;aACV,UAAU;wCACiB,OAAO,oBAAoB;;;EAI/D,YAAY,GAAG;;;;;EAMf,MAAM,GACJ,cACAA,cAAkB,MAClB,GAAG;;;;;;uBAMc,OAAO,eAAe;iBAC5B,OAAO,mBAAmB;;;sBAGrB,OAAO,oBAAoB;;;OAI7C;EACA,QAAQ,GAAG;;;;;;EAMX,UAAUA,cAAkB;EAC5B,MAAM,GACJ,QACA,GAAG;;;;;;yBAMgB,OAAO,aAAa;;6CAEA,OAAO,cAAc;;;;;;;6BAOrC,OAAO,gBAAgB;;;;;qCAKf,OAAO,gBAAgB;;;;;;;;;;;;;aAa/C,gBAAgB;;;;aAIhB,aAAa;;;;;;;;;;;;;OActB;EACA,QAAQA,cAAkB;EAC1B,MAAM,GAAG;;;;;;CAMX;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACT,MAAM;CACR;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,iBAAiB,IAAI,OAAO,YAAY;CACnD,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,GAAG,OAAO,cAAc,OAAO,cAAc;EACrD,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,iBAAiB,EACf,QAAQ,KACV;CACA,UAAU,EACR,QAAQ;EACN,OAAO,OAAO;EACd,MAAM,OAAO;CACf,EACF;AACF,CAAC"}

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

@@ -59,5 +59,5 @@ declare const _default: {
   type: string;
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=lobe-theme.d.mts.map

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

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

@@ -1,9 +1,10 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { DivProps } from "../types/index.mjs";
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../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;

package/es/Hotkey/Hotkey.d.mts

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

package/es/Hotkey/Hotkey.mjs

@@ -101,7 +101,8 @@ const Hotkey = memo(({ variant = "filled", classNames, styles: customStyles, key
 	const [keysGroup, setKeysGroup] = useState(() => splitKeysByPlus(keys));
 	const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);
 	useEffect(() => {
-		setKeysGroup(splitKeysByPlus(keys));
+		const newValue = splitKeysByPlus(keys);
+		setKeysGroup(newValue);
 	}, [keys]);
 	const mapping = useMemo(() => mappingKey(isAppleDevice), [isAppleDevice]);
 	return /* @__PURE__ */ jsx(FlexBasic_default, {

package/es/Hotkey/Hotkey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Hotkey.mjs","names":["Flexbox"],"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.CommandOrControl]: isAppleDevice ? (\n    <Icon icon={Command} size={{ size: '0.95em' }} />\n  ) : (\n    'Ctrl'\n  ),\n  [KeyMapEnum.Ctrl]: isAppleDevice ? <Icon icon={ChevronUpIcon} /> : 'Ctrl',\n  [KeyMapEnum.Control]: 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        horizontal\n        align={'center'}\n        className={className}\n        gap={isBorderless ? 6 : 2}\n        style={style}\n        {...rest}\n      >\n        {compact || isBorderless ? (\n          <Center\n            horizontal\n            as={'kbd'}\n            gap={6}\n            style={customStyles?.kbdStyle}\n            className={cx(\n              variants({ inverseTheme, isDarkMode, variant }),\n              classNames?.kbdClassName,\n            )}\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              key={index}\n              style={customStyles?.kbdStyle}\n              className={cx(\n                variants({ inverseTheme, isDarkMode, variant }),\n                classNames?.kbdClassName,\n              )}\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":";;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,mBAA4B;EAC7C,WAAW,MAAM,gBAAgB,oBAAC,MAAD;EAAM,MAAM;EAAQ,MAAM,EAAE,MAAM,UAAU;EAAI,CAAA,GAAG;EACpF,WAAW,YAAY,gBAAgB,oBAAC,MAAD,EAAM,MAAM,QAAU,CAAA,GAAG;EAChE,WAAW,mBAAmB,gBAC7B,oBAAC,MAAD;EAAM,MAAM;EAAS,MAAM,EAAE,MAAM,UAAU;EAAI,CAAA,GAEjD;EAED,WAAW,OAAO,gBAAgB,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA,GAAG;EAClE,WAAW,UAAU,gBAAgB,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA,GAAG;EACrE,WAAW,OAAO,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA;EAC/C,WAAW,QAAQ,gBAAgB,oBAAC,MAAD,EAAM,MAAM,oBAAsB,CAAA,GAAG;EACxE,WAAW,YAAY,oBAAC,MAAD;EAAM,MAAM;EAAe,MAAM;GAAE,MAAM;GAAS,aAAa;GAAM;EAAI,CAAA;EAChG,WAAW,OAAO,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA;EAC/C,WAAW,OAAO,gBACjB,oBAAC,MAAD;EAAM,MAAM;EAAS,MAAM,EAAE,MAAM,UAAU;EAAI,CAAA,GAEjD,oBAAC,MAAD,EAAM,MAAM,aAAe,CAAA;EAE5B,WAAW,cAAc,oBAAC,MAAD;EAAM,MAAM;EAAW,MAAM;GAAE,MAAM;GAAS,aAAa;GAAM;EAAI,CAAA;EAC9F,WAAW,MAAM,gBAAgB,oBAAC,MAAD;EAAM,MAAM;EAAS,MAAM,EAAE,MAAM,UAAU;EAAI,CAAA,GAAG;EACrF,WAAW,aACV,oBAAC,MAAD;EAAM,MAAM;EAAgB,MAAM;GAAE,MAAM;GAAS,aAAa;GAAM;EAAI,CAAA;EAE3E,WAAW,mBACV,oBAAC,MAAD;EAAM,MAAM;EAAsB,MAAM;GAAE,MAAM;GAAS,aAAa;GAAM;EAAI,CAAA;EAEjF,WAAW,kBACV,oBAAC,MAAD;EAAM,MAAM;EAAqB,MAAM;GAAE,MAAM;GAAS,aAAa;GAAM;EAAI,CAAA;EAEhF,WAAW,QAAQ,oBAAC,MAAD,EAAM,MAAM,gBAAkB,CAAA;EACjD,WAAW,QAAQ,gBAClB,oBAAC,MAAD;EAAM,MAAM;EAAgB,MAAM;GAAE,MAAM;GAAU,aAAa;GAAM;EAAI,CAAA,GAE3E;EAED,WAAW,QAAQ,oBAAC,MAAD,EAAM,MAAM,WAAa,CAAA;EAC5C,WAAW,MAAM,gBAAgB,oBAAC,MAAD,EAAM,MAAM,sBAAwB,CAAA,GAAG;EACxE,WAAW,KAAK,oBAAC,MAAD,EAAM,MAAM,aAAe,CAAA;EAC3C,WAAW,QAAQ;EACnB,WAAW,SAAS;EACpB,WAAW,QAAQ;EACnB,WAAW,YAAY;EACvB,WAAW,QAAQ;EACnB,WAAW,YAAY;EACvB,WAAW,YAAY;EACvB,WAAW,cAAc;EACzB,WAAW,eAAe;EAC1B,WAAW,QAAQ;EACnB,WAAW,QAAQ;CACrB;AAED,MAAM,SAAS,MACZ,EACC,UAAU,UACV,YACA,QAAQ,cACR,MACA,cACA,SACA,SACA,WACA,OACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CACrC,MAAM,eAAe,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,eAAe,gBAAgB,KAAK,CAAC;CACvE,MAAM,gBAAgB,cAAc,mBAAmB,QAAQ,EAAE,CAAC,QAAQ,CAAC;AAE3E,iBAAgB;AAEd,eADiB,gBAAgB,KACZ,CAAC;IACrB,CAAC,KAAK,CAAC;CAEV,MAAM,UAA+B,cAAc,WAAW,cAAc,EAAE,CAAC,cAAc,CAAC;AAE9F,QACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACI;EACX,KAAK,eAAe,IAAI;EACjB;EACP,GAAI;YAEH,WAAW,eACV,oBAAC,QAAD;GACE,YAAA;GACA,IAAI;GACJ,KAAK;GACL,OAAO,cAAc;GACrB,WAAW,GACT,SAAS;IAAE;IAAc;IAAY;IAAS,CAAC,EAC/C,YAAY,aACb;aAEA,UAAU,KAAK,KAAK,UACnB,oBAAC,OAAD,EAAA,UAAkB,QAAQ,QAAQ,UAAU,IAAI,EAAO,EAA7C,MAA6C,CACvD;GACK,CAAA,GAET,UAAU,KAAK,KAAK,UAClB,oBAAC,QAAD;GACE,IAAI;GAEJ,OAAO,cAAc;GACrB,WAAW,GACT,SAAS;IAAE;IAAc;IAAY;IAAS,CAAC,EAC/C,YAAY,aACb;aAEA,QAAQ,QAAQ,UAAU,IAAI;GACxB,EARF,MAQE,CACT;EAEI,CAAA;EAGf;AAED,OAAO,cAAc"}
+{"version":3,"file":"Hotkey.mjs","names":["Flexbox"],"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.CommandOrControl]: isAppleDevice ? (\n    <Icon icon={Command} size={{ size: '0.95em' }} />\n  ) : (\n    'Ctrl'\n  ),\n  [KeyMapEnum.Ctrl]: isAppleDevice ? <Icon icon={ChevronUpIcon} /> : 'Ctrl',\n  [KeyMapEnum.Control]: 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        horizontal\n        align={'center'}\n        className={className}\n        gap={isBorderless ? 6 : 2}\n        style={style}\n        {...rest}\n      >\n        {compact || isBorderless ? (\n          <Center\n            horizontal\n            as={'kbd'}\n            gap={6}\n            style={customStyles?.kbdStyle}\n            className={cx(\n              variants({ inverseTheme, isDarkMode, variant }),\n              classNames?.kbdClassName,\n            )}\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              key={index}\n              style={customStyles?.kbdStyle}\n              className={cx(\n                variants({ inverseTheme, isDarkMode, variant }),\n                classNames?.kbdClassName,\n              )}\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":";;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,mBAA4B;EAC7C,WAAW,MAAM,gBAAgB,oBAAC,MAAD;EAAM,MAAM;EAAQ,MAAM,EAAE,MAAM,SAAS;CAAI,CAAA,IAAI;EACpF,WAAW,YAAY,gBAAgB,oBAAC,MAAD,EAAM,MAAM,OAAS,CAAA,IAAI;EAChE,WAAW,mBAAmB,gBAC7B,oBAAC,MAAD;EAAM,MAAM;EAAS,MAAM,EAAE,MAAM,SAAS;CAAI,CAAA,IAEhD;EAED,WAAW,OAAO,gBAAgB,oBAAC,MAAD,EAAM,MAAM,cAAgB,CAAA,IAAI;EAClE,WAAW,UAAU,gBAAgB,oBAAC,MAAD,EAAM,MAAM,cAAgB,CAAA,IAAI;EACrE,WAAW,OAAO,oBAAC,MAAD,EAAM,MAAM,cAAgB,CAAA;EAC9C,WAAW,QAAQ,gBAAgB,oBAAC,MAAD,EAAM,MAAM,mBAAqB,CAAA,IAAI;EACxE,WAAW,YAAY,oBAAC,MAAD;EAAM,MAAM;EAAe,MAAM;GAAE,MAAM;GAAS,aAAa;EAAK;CAAI,CAAA;EAC/F,WAAW,OAAO,oBAAC,MAAD,EAAM,MAAM,cAAgB,CAAA;EAC9C,WAAW,OAAO,gBACjB,oBAAC,MAAD;EAAM,MAAM;EAAS,MAAM,EAAE,MAAM,SAAS;CAAI,CAAA,IAEhD,oBAAC,MAAD,EAAM,MAAM,YAAc,CAAA;EAE3B,WAAW,cAAc,oBAAC,MAAD;EAAM,MAAM;EAAW,MAAM;GAAE,MAAM;GAAS,aAAa;EAAK;CAAI,CAAA;EAC7F,WAAW,MAAM,gBAAgB,oBAAC,MAAD;EAAM,MAAM;EAAS,MAAM,EAAE,MAAM,SAAS;CAAI,CAAA,IAAI;EACrF,WAAW,aACV,oBAAC,MAAD;EAAM,MAAM;EAAgB,MAAM;GAAE,MAAM;GAAS,aAAa;EAAK;CAAI,CAAA;EAE1E,WAAW,mBACV,oBAAC,MAAD;EAAM,MAAM;EAAsB,MAAM;GAAE,MAAM;GAAS,aAAa;EAAK;CAAI,CAAA;EAEhF,WAAW,kBACV,oBAAC,MAAD;EAAM,MAAM;EAAqB,MAAM;GAAE,MAAM;GAAS,aAAa;EAAK;CAAI,CAAA;EAE/E,WAAW,QAAQ,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA;EAChD,WAAW,QAAQ,gBAClB,oBAAC,MAAD;EAAM,MAAM;EAAgB,MAAM;GAAE,MAAM;GAAU,aAAa;EAAK;CAAI,CAAA,IAE1E;EAED,WAAW,QAAQ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;EAC3C,WAAW,MAAM,gBAAgB,oBAAC,MAAD,EAAM,MAAM,qBAAuB,CAAA,IAAI;EACxE,WAAW,KAAK,oBAAC,MAAD,EAAM,MAAM,YAAc,CAAA;EAC1C,WAAW,QAAQ;EACnB,WAAW,SAAS;EACpB,WAAW,QAAQ;EACnB,WAAW,YAAY;EACvB,WAAW,QAAQ;EACnB,WAAW,YAAY;EACvB,WAAW,YAAY;EACvB,WAAW,cAAc;EACzB,WAAW,eAAe;EAC1B,WAAW,QAAQ;EACnB,WAAW,QAAQ;AACtB;AAEA,MAAM,SAAS,MACZ,EACC,UAAU,UACV,YACA,QAAQ,cACR,MACA,cACA,SACA,SACA,WACA,OACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,eAAe,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,eAAe,gBAAgB,IAAI,CAAC;CACtE,MAAM,gBAAgB,cAAc,mBAAmB,OAAO,GAAG,CAAC,OAAO,CAAC;CAE1E,gBAAgB;EACd,MAAM,WAAW,gBAAgB,IAAI;EACrC,aAAa,QAAQ;CACvB,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,UAA+B,cAAc,WAAW,aAAa,GAAG,CAAC,aAAa,CAAC;CAE7F,OACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACI;EACX,KAAK,eAAe,IAAI;EACjB;EACP,GAAI;YAEH,WAAW,eACV,oBAAC,QAAD;GACE,YAAA;GACA,IAAI;GACJ,KAAK;GACL,OAAO,cAAc;GACrB,WAAW,GACT,SAAS;IAAE;IAAc;IAAY;GAAQ,CAAC,GAC9C,YAAY,YACd;aAEC,UAAU,KAAK,KAAK,UACnB,oBAAC,OAAD,EAAA,UAAkB,QAAQ,QAAQ,UAAU,GAAG,EAAO,GAA5C,KAA4C,CACvD;EACK,CAAA,IAER,UAAU,KAAK,KAAK,UAClB,oBAAC,QAAD;GACE,IAAI;GAEJ,OAAO,cAAc;GACrB,WAAW,GACT,SAAS;IAAE;IAAc;IAAY;GAAQ,CAAC,GAC9C,YAAY,YACd;aAEC,QAAQ,QAAQ,UAAU,GAAG;EACxB,GARD,KAQC,CACT;CAEI,CAAA;AAEb,CACF;AAEA,OAAO,cAAc"}

package/es/Hotkey/const.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"const.mjs","names":[],"sources":["../../src/Hotkey/const.ts"],"sourcesContent":["export const KeyMapEnum = {\n  Alt: 'alt',\n  Backquote: 'backquote', // `\n  Backslash: 'backslash', // \\\n  Backspace: 'backspace',\n  BracketLeft: 'bracketleft', // [\n  BracketRight: 'bracketright', // ]\n  Comma: 'comma',\n  CommandOrControl: 'commandorcontrol',\n  Control: 'control',\n  Ctrl: 'ctrl',\n  Down: 'down',\n  Enter: 'enter',\n  Equal: 'equal', // =\n  Esc: 'esc',\n  Left: 'left',\n  LeftClick: 'left-click',\n  LeftDoubleClick: 'left-double-click',\n  Meta: 'meta', // Command on Mac, Win on Win\n  MiddleClick: 'middle-click',\n  Minus: 'minus', // -\n  Mod: 'mod', // Command on Mac, Ctrl on Win\n  Period: 'period', // .\n  Plus: 'equal', // +\n  QuestionMark: 'slash', // ?\n  Quote: 'quote', // '\n  Right: 'right',\n  RightClick: 'right-click',\n  RightDoubleClick: 'right-double-click',\n  Semicolon: 'semicolon', // ;\n  Shift: 'shift',\n  Slash: 'slash', // /\n  Space: 'space',\n  Tab: 'tab',\n  Up: 'up',\n} as const;\n"],"mappings":";AAAA,MAAa,aAAa;CACxB,KAAK;CACL,WAAW;CACX,WAAW;CACX,WAAW;CACX,aAAa;CACb,cAAc;CACd,OAAO;CACP,kBAAkB;CAClB,SAAS;CACT,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,KAAK;CACL,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,MAAM;CACN,aAAa;CACb,OAAO;CACP,KAAK;CACL,QAAQ;CACR,MAAM;CACN,cAAc;CACd,OAAO;CACP,OAAO;CACP,YAAY;CACZ,kBAAkB;CAClB,WAAW;CACX,OAAO;CACP,OAAO;CACP,OAAO;CACP,KAAK;CACL,IAAI;CACL"}
+{"version":3,"file":"const.mjs","names":[],"sources":["../../src/Hotkey/const.ts"],"sourcesContent":["export const KeyMapEnum = {\n  Alt: 'alt',\n  Backquote: 'backquote', // `\n  Backslash: 'backslash', // \\\n  Backspace: 'backspace',\n  BracketLeft: 'bracketleft', // [\n  BracketRight: 'bracketright', // ]\n  Comma: 'comma',\n  CommandOrControl: 'commandorcontrol',\n  Control: 'control',\n  Ctrl: 'ctrl',\n  Down: 'down',\n  Enter: 'enter',\n  Equal: 'equal', // =\n  Esc: 'esc',\n  Left: 'left',\n  LeftClick: 'left-click',\n  LeftDoubleClick: 'left-double-click',\n  Meta: 'meta', // Command on Mac, Win on Win\n  MiddleClick: 'middle-click',\n  Minus: 'minus', // -\n  Mod: 'mod', // Command on Mac, Ctrl on Win\n  Period: 'period', // .\n  Plus: 'equal', // +\n  QuestionMark: 'slash', // ?\n  Quote: 'quote', // '\n  Right: 'right',\n  RightClick: 'right-click',\n  RightDoubleClick: 'right-double-click',\n  Semicolon: 'semicolon', // ;\n  Shift: 'shift',\n  Slash: 'slash', // /\n  Space: 'space',\n  Tab: 'tab',\n  Up: 'up',\n} as const;\n"],"mappings":";AAAA,MAAa,aAAa;CACxB,KAAK;CACL,WAAW;CACX,WAAW;CACX,WAAW;CACX,aAAa;CACb,cAAc;CACd,OAAO;CACP,kBAAkB;CAClB,SAAS;CACT,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,KAAK;CACL,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,MAAM;CACN,aAAa;CACb,OAAO;CACP,KAAK;CACL,QAAQ;CACR,MAAM;CACN,cAAc;CACd,OAAO;CACP,OAAO;CACP,YAAY;CACZ,kBAAkB;CAClB,WAAW;CACX,OAAO;CACP,OAAO;CACP,OAAO;CACP,KAAK;CACL,IAAI;AACN"}

package/es/Hotkey/index.d.mts

@@ -1,5 +1,5 @@
 import { KeyMapEnum } from "./const.mjs";
 import { HotkeyProps } from "./type.mjs";
-import { Hotkey } from "./Hotkey.mjs";
+import Hotkey from "./Hotkey.mjs";
 import { combineKeys } from "./utils.mjs";
-export { HotkeyProps, KeyMapEnum, combineKeys, Hotkey as default };
+export { type HotkeyProps, KeyMapEnum, combineKeys, Hotkey as default };

package/es/Hotkey/style.mjs

@@ -69,6 +69,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Hotkey/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"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\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});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAY,GAAG;QACXA,cAAkB,8BAA8B;;;EAGpD,QAAQA,cAAkB;EAC1B,kBAAkB,GAAG;eACV,OAAO,kBAAkB;uCACD,OAAO,iBAAiB;;EAE3D,mBAAmB,GAAG;eACX,OAAO,kBAAkB;uCACD,OAAO,iBAAiB;;EAE3D,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;uBAQU,OAAO,eAAe;;qBAExB,OAAO,WAAW;;;eAGxB,OAAO,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;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"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\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});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAY,GAAG;QACXA,cAAkB,8BAA8B;;;EAGpD,QAAQA,cAAkB;EAC1B,kBAAkB,GAAG;eACV,OAAO,kBAAkB;uCACD,OAAO,iBAAiB;;EAE3D,mBAAmB,GAAG;eACX,OAAO,kBAAkB;uCACD,OAAO,iBAAiB;;EAE3D,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;uBAQU,OAAO,eAAe;;qBAExB,OAAO,WAAW;;;eAGxB,OAAO,mBAAmB;;;;CAIvC;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,cAAc;EACd,YAAY;CACd,GACA;EACE,OAAO,OAAO;EACd,cAAc;EACd,YAAY;CACd,CACF;CACA,iBAAiB;EACf,cAAc;EACd,YAAY;EACZ,SAAS;CACX;CAEA,UAAU;EACR,cAAc;GACZ,OAAO;GACP,MAAM;EACR;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/Hotkey/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { CSSProperties } from "react";
-
 //#region src/Hotkey/type.d.ts
 interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
   classNames?: {

package/es/Hotkey/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Hotkey/utils.ts"],"sourcesContent":["import { KeyMapEnum } from './const';\n\n// https://superuser.com/questions/1238058/key-combination-order\nexport const NORMATIVE_MODIFIER = [\n  // win: Ctrl ,mac: Control\n  KeyMapEnum.Ctrl,\n  KeyMapEnum.Control,\n  KeyMapEnum.CommandOrControl,\n\n  //  win: Win ,mac: Command\n  KeyMapEnum.Meta,\n\n  // Mod should have same priority as Ctrl since it represents Ctrl on Windows\n  KeyMapEnum.Mod,\n\n  // win: Alt ,mac: Option\n  KeyMapEnum.Alt,\n\n  // win: Shift ,mac: Shift\n  KeyMapEnum.Shift,\n];\n\nconst orderMap = Object.fromEntries(NORMATIVE_MODIFIER.map((key, index) => [key, index]));\n\nexport const splitKeysByPlus = (keys: string): string[] => {\n  return keys\n    .replaceAll('++', `+${KeyMapEnum.Equal}`)\n    .split('+')\n    .sort((x, y) => {\n      const idxX = orderMap[x.toLowerCase()] ?? orderMap.length;\n      const idxY = orderMap[y.toLowerCase()] ?? orderMap.length;\n\n      return idxX - idxY;\n    });\n};\n\nexport const startCase = (str: string): string => {\n  return str\n    .replaceAll(/([A-Z])/g, ' $1')\n    .replace(/^./, (s) => s.toUpperCase())\n    .trim();\n};\n\nexport const checkIsAppleDevice = (isApple?: boolean) => {\n  if (isApple !== undefined) {\n    return isApple;\n  }\n\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n    return false; // 处理 SSR 环境\n  }\n\n  const userAgent = navigator.userAgent.toLowerCase();\n  return /mac|iphone|ipod|ipad|ios/i.test(userAgent);\n};\n\nexport const combineKeys = (keys: string[]): string => keys.join('+');\n"],"mappings":";;AAGA,MAAa,qBAAqB;CAEhC,WAAW;CACX,WAAW;CACX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;CACZ;AAED,MAAM,WAAW,OAAO,YAAY,mBAAmB,KAAK,KAAK,UAAU,CAAC,KAAK,MAAM,CAAC,CAAC;AAEzF,MAAa,mBAAmB,SAA2B;AACzD,QAAO,KACJ,WAAW,MAAM,IAAI,WAAW,QAAQ,CACxC,MAAM,IAAI,CACV,MAAM,GAAG,MAAM;AAId,UAHa,SAAS,EAAE,aAAa,KAAK,SAAS,WACtC,SAAS,EAAE,aAAa,KAAK,SAAS;GAGnD;;AAGN,MAAa,aAAa,QAAwB;AAChD,QAAO,IACJ,WAAW,YAAY,MAAM,CAC7B,QAAQ,OAAO,MAAM,EAAE,aAAa,CAAC,CACrC,MAAM;;AAGX,MAAa,sBAAsB,YAAsB;AACvD,KAAI,YAAY,KAAA,EACd,QAAO;AAGT,KAAI,OAAO,WAAW,eAAe,OAAO,cAAc,YACxD,QAAO;CAGT,MAAM,YAAY,UAAU,UAAU,aAAa;AACnD,QAAO,4BAA4B,KAAK,UAAU;;AAGpD,MAAa,eAAe,SAA2B,KAAK,KAAK,IAAI"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Hotkey/utils.ts"],"sourcesContent":["import { KeyMapEnum } from './const';\n\n// https://superuser.com/questions/1238058/key-combination-order\nexport const NORMATIVE_MODIFIER = [\n  // win: Ctrl ,mac: Control\n  KeyMapEnum.Ctrl,\n  KeyMapEnum.Control,\n  KeyMapEnum.CommandOrControl,\n\n  //  win: Win ,mac: Command\n  KeyMapEnum.Meta,\n\n  // Mod should have same priority as Ctrl since it represents Ctrl on Windows\n  KeyMapEnum.Mod,\n\n  // win: Alt ,mac: Option\n  KeyMapEnum.Alt,\n\n  // win: Shift ,mac: Shift\n  KeyMapEnum.Shift,\n];\n\nconst orderMap = Object.fromEntries(NORMATIVE_MODIFIER.map((key, index) => [key, index]));\n\nexport const splitKeysByPlus = (keys: string): string[] => {\n  return keys\n    .replaceAll('++', `+${KeyMapEnum.Equal}`)\n    .split('+')\n    .sort((x, y) => {\n      const idxX = orderMap[x.toLowerCase()] ?? orderMap.length;\n      const idxY = orderMap[y.toLowerCase()] ?? orderMap.length;\n\n      return idxX - idxY;\n    });\n};\n\nexport const startCase = (str: string): string => {\n  return str\n    .replaceAll(/([A-Z])/g, ' $1')\n    .replace(/^./, (s) => s.toUpperCase())\n    .trim();\n};\n\nexport const checkIsAppleDevice = (isApple?: boolean) => {\n  if (isApple !== undefined) {\n    return isApple;\n  }\n\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n    return false; // 处理 SSR 环境\n  }\n\n  const userAgent = navigator.userAgent.toLowerCase();\n  return /mac|iphone|ipod|ipad|ios/i.test(userAgent);\n};\n\nexport const combineKeys = (keys: string[]): string => keys.join('+');\n"],"mappings":";;AAGA,MAAa,qBAAqB;CAEhC,WAAW;CACX,WAAW;CACX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;AACb;AAEA,MAAM,WAAW,OAAO,YAAY,mBAAmB,KAAK,KAAK,UAAU,CAAC,KAAK,KAAK,CAAC,CAAC;AAExF,MAAa,mBAAmB,SAA2B;CACzD,OAAO,KACJ,WAAW,MAAM,IAAI,WAAW,OAAO,CAAC,CACxC,MAAM,GAAG,CAAC,CACV,MAAM,GAAG,MAAM;EAId,QAHa,SAAS,EAAE,YAAY,MAAM,SAAS,WACtC,SAAS,EAAE,YAAY,MAAM,SAAS;CAGrD,CAAC;AACL;AAEA,MAAa,aAAa,QAAwB;CAChD,OAAO,IACJ,WAAW,YAAY,KAAK,CAAC,CAC7B,QAAQ,OAAO,MAAM,EAAE,YAAY,CAAC,CAAC,CACrC,KAAK;AACV;AAEA,MAAa,sBAAsB,YAAsB;CACvD,IAAI,YAAY,KAAA,GACd,OAAO;CAGT,IAAI,OAAO,WAAW,eAAe,OAAO,cAAc,aACxD,OAAO;CAGT,MAAM,YAAY,UAAU,UAAU,YAAY;CAClD,OAAO,4BAA4B,KAAK,SAAS;AACnD;AAEA,MAAa,eAAe,SAA2B,KAAK,KAAK,GAAG"}

package/es/HotkeyInput/HotkeyInput.d.mts

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