@lobehub/ui 4.4.5 → 4.5.0

package/es/ContextMenu/style.mjs

@@ -0,0 +1,151 @@
+import { createStaticStyles } from "antd-style";
+
+//#region src/ContextMenu/style.ts
+const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
+	danger: css$1`
+    color: ${cssVar$1.colorError} !important;
+
+    &:hover {
+      background: ${cssVar$1.colorErrorBg} !important;
+    }
+  `,
+	extra: css$1`
+    margin-inline-start: auto;
+    padding-inline-start: 16px;
+    font-size: 12px;
+    color: ${cssVar$1.colorTextTertiary};
+  `,
+	groupLabel: css$1`
+    user-select: none;
+
+    padding-block: 8px 4px;
+    padding-inline: 12px;
+
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    color: ${cssVar$1.colorTextTertiary};
+    text-transform: uppercase;
+  `,
+	icon: css$1`
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+
+    width: 16px;
+    height: 16px;
+    margin-inline-end: 8px;
+  `,
+	item: css$1`
+    cursor: pointer;
+    user-select: none;
+
+    position: relative;
+
+    display: flex;
+    align-items: center;
+
+    width: 100%;
+    min-height: 36px;
+    padding-block: 8px;
+    padding-inline: 12px;
+    border-radius: ${cssVar$1.borderRadius};
+
+    font-size: 14px;
+    line-height: 20px;
+    color: ${cssVar$1.colorText};
+
+    outline: none;
+
+    transition: all 150ms ${cssVar$1.motionEaseOut};
+
+    &:hover {
+      background: ${cssVar$1.colorFillTertiary};
+    }
+
+    &:active {
+      background: ${cssVar$1.colorFillSecondary};
+    }
+
+    &[data-disabled] {
+      cursor: not-allowed;
+      color: ${cssVar$1.colorTextDisabled};
+      opacity: 0.5;
+
+      &:hover {
+        background: transparent;
+      }
+    }
+
+    &[data-highlighted]:not([data-disabled]) {
+      background: ${cssVar$1.colorFillTertiary};
+    }
+
+    &[data-state='open']:not([data-disabled]),
+    &[data-open]:not([data-disabled]),
+    &[aria-expanded='true']:not([data-disabled]) {
+      background: ${cssVar$1.colorFillTertiary};
+    }
+  `,
+	itemContent: css$1`
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    gap: 0;
+    align-items: center;
+  `,
+	label: css$1`
+    overflow: hidden;
+    flex: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	popup: css$1`
+    min-width: 200px;
+    padding: 4px;
+    border-radius: ${cssVar$1.borderRadius};
+
+    background: ${cssVar$1.colorBgElevated};
+    outline: none;
+    box-shadow:
+      0 0 15px 0 #00000008,
+      0 2px 30px 0 #00000014,
+      0 0 0 1px ${cssVar$1.colorBorder} inset;
+
+    animation: context-menu-fade-in 150ms ${cssVar$1.motionEaseOut};
+
+    @keyframes context-menu-fade-in {
+      from {
+        transform: scale(0.96);
+        opacity: 0;
+      }
+
+      to {
+        transform: scale(1);
+        opacity: 1;
+      }
+    }
+  `,
+	separator: css$1`
+    height: 1px;
+    margin-block: 4px;
+    margin-inline: 0;
+    background: ${cssVar$1.colorBorderSecondary};
+  `,
+	submenuArrow: css$1`
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+
+    width: 20px;
+    height: 20px;
+    margin-inline-start: auto;
+    padding-inline-start: 8px;
+  `
+}));
+
+//#endregion
+export { styles };
+//# sourceMappingURL=style.mjs.map

package/es/ContextMenu/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/ContextMenu/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 200px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorderSecondary};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;qBAaUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;;CAQhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAe/D,WAAW,KAAG;;;;kBAIEA,SAAO,qBAAqB;;CAG5C,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/CopyButton/CopyButton.d.mts

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

package/es/DatePicker/DatePicker.d.mts

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

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react33 from "react";
+import * as react17 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react33.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react17.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelBody, DraggablePanelBodyProps };
 //# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react34 from "react";
+import * as react18 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react34.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react18.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelContainer, DraggablePanelContainerProps };
 //# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react35 from "react";
+import * as react15 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react35.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react15.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelFooter, DraggablePanelFooterProps };
 //# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react36 from "react";
+import * as react16 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
 interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
@@ -9,7 +9,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   setPin?: (pin: boolean) => void;
   title?: string;
 }
-declare const DraggablePanelHeader: react36.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react16.NamedExoticComponent<DraggablePanelHeaderProps>;
 //#endregion
 export { DraggablePanelHeader, DraggablePanelHeaderProps };
 //# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggableSideNav/DraggableSideNav.d.mts

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

package/es/Drawer/Drawer.d.mts

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

package/es/Dropdown/Dropdown.d.mts

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

package/es/EditableText/EditableText.d.mts

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

package/es/EmojiPicker/EmojiPicker.d.mts

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

package/es/Flex/FlexBasic.d.mts

@@ -1,8 +1,8 @@
 import { FlexBasicProps } from "./type.mjs";
-import * as react27 from "react";
+import * as react13 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react27.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react13.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react63 from "react";
+import * as react0 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react63.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react0.NamedExoticComponent<FontLoaderProps>;
 //#endregion
 export { FontLoader, FontLoaderProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Footer/Footer.d.mts

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

package/es/Form/components/FormGroup.d.mts

@@ -1,8 +1,8 @@
 import { FormGroupProps } from "../type.mjs";
-import * as react22 from "react";
+import * as react60 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react22.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react60.NamedExoticComponent<FormGroupProps>;
 //#endregion
 export { FormGroup };
 //# sourceMappingURL=FormGroup.d.mts.map

package/es/Form/components/FormItem.d.mts

@@ -1,8 +1,8 @@
 import { FormItemProps } from "../type.mjs";
-import * as react23 from "react";
+import * as react61 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react23.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react61.NamedExoticComponent<FormItemProps>;
 //#endregion
 export { FormItem };
 //# sourceMappingURL=FormItem.d.mts.map

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react24 from "react";
+import * as react62 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react24.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react62.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/FormModal/FormModal.d.mts

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

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

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

package/es/Highlighter/FullFeatured.mjs

@@ -2,6 +2,7 @@
 
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Text_default from "../Text/Text.mjs";
+import { stopPropagation } from "../utils/dom.mjs";
 import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
 import { getCodeLanguageDisplayName, getCodeLanguageFilename } from "./const.mjs";
 import CopyButton_default from "../CopyButton/CopyButton.mjs";
@@ -112,7 +113,7 @@ const HighlighterFullFeatured = memo(({ content, language, setLanguage, showLang
 				flex: "none",
 				gap: 4,
 				horizontal: true,
-				onClick: (e) => e.stopPropagation(),
+				onClick: stopPropagation,
 				children: [/* @__PURE__ */ jsx(FlexBasic_default, {
 					align: "center",
 					className: "panel-actions",

package/es/Highlighter/FullFeatured.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FullFeatured.mjs","names":["LangSelect","Flexbox","MaterialFileTypeIcon","Text","CopyButton","ActionIcon"],"sources":["../../src/Highlighter/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { ReactNode, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { getCodeLanguageDisplayName, getCodeLanguageFilename } from '@/Highlighter/const';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\n\nimport LangSelect from './LangSelect';\nimport { bodyVariants, headerVariants, variants } from './style';\nimport { HighlighterProps } from './type';\n\ninterface HeaderLanguageProps {\n  allowChangeLanguage: boolean;\n  displayName: string;\n  fileName?: string;\n  filetype: string;\n  icon?: ReactNode;\n  language: string;\n  setLanguage?: (language: string) => void;\n  showLanguage?: boolean;\n}\n\nconst HeaderLanguage = memo<HeaderLanguageProps>(\n  ({\n    allowChangeLanguage,\n    displayName,\n    fileName,\n    filetype,\n    icon,\n    language,\n    setLanguage,\n    showLanguage,\n  }) => {\n    if (!showLanguage) return null;\n\n    if (allowChangeLanguage && !fileName)\n      return <LangSelect onSelect={setLanguage} value={language.toLowerCase()} />;\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\n        horizontal\n        justify={'flex-start'}\n        paddingInline={8}\n      >\n        {icon || (\n          <MaterialFileTypeIcon\n            fallbackUnknownType={false}\n            filename={filetype}\n            size={18}\n            type={'file'}\n            variant={'raw'}\n          />\n        )}\n        <Text ellipsis fontSize={13}>\n          {displayName}\n        </Text>\n      </Flexbox>\n    );\n  },\n  (prev, next) =>\n    prev.allowChangeLanguage === next.allowChangeLanguage &&\n    prev.displayName === next.displayName &&\n    prev.fileName === next.fileName &&\n    prev.filetype === next.filetype &&\n    prev.icon === next.icon &&\n    prev.language === next.language &&\n    prev.setLanguage === next.setLanguage &&\n    prev.showLanguage === next.showLanguage,\n);\n\ninterface HighlighterFullFeaturedProps extends Omit<\n  HighlighterProps,\n  'children' | 'bodyRender' | 'enableTransformer'\n> {\n  content: string;\n  setLanguage?: (language: string) => void;\n}\n\nexport const HighlighterFullFeatured = memo<HighlighterFullFeaturedProps & { children: ReactNode }>(\n  ({\n    content,\n    language,\n    setLanguage,\n    showLanguage,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    allowChangeLanguage = false,\n    fileName,\n    icon,\n    actionsRender,\n    copyable,\n    variant,\n    shadow,\n    wrap,\n    defaultExpand = true,\n    children,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n    const contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return <CopyButton content={getContent} size={'small'} />;\n    }, [copyable, getContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize: 'small',\n        content,\n        getContent,\n        language,\n        originalNode: originalActions,\n      });\n    }, [actionsRender, content, getContent, language, originalActions]);\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageDisplayName(language);\n    }, [fileName, language]);\n\n    const filetype = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageFilename(language);\n    }, [fileName, language]);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant, wrap }), className)}\n        data-code-type=\"highlighter\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          horizontal\n          justify={'space-between'}\n          onClick={handleToggleExpand}\n          style={customStyles?.header}\n        >\n          <HeaderLanguage\n            allowChangeLanguage={allowChangeLanguage}\n            displayName={displayName}\n            fileName={fileName}\n            filetype={filetype}\n            icon={icon}\n            language={language}\n            setLanguage={setLanguage}\n            showLanguage={showLanguage}\n          />\n          <Flexbox\n            align={'center'}\n            flex={'none'}\n            gap={4}\n            horizontal\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Flexbox align={'center'} className={'panel-actions'} flex={'none'} gap={4} horizontal>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              onClick={handleToggleExpand}\n              size={'small'}\n            />\n          </Flexbox>\n        </Flexbox>\n        <Flexbox\n          className={cx(bodyVariants({ expand }), classNames?.body)}\n          style={customStyles?.body}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default HighlighterFullFeatured;\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAM,iBAAiB,MACpB,EACC,qBACA,aACA,UACA,UACA,MACA,UACA,aACA,mBACI;AACJ,KAAI,CAAC,aAAc,QAAO;AAE1B,KAAI,uBAAuB,CAAC,SAC1B,QAAO,oBAACA;EAAW,UAAU;EAAa,OAAO,SAAS,aAAa;GAAI;AAE7E,QACE,qBAACC;EACC,OAAO;EACP,WAAW;EACX,MAAM;EACN,KAAK;EACL;EACA,SAAS;EACT,eAAe;aAEd,QACC,oBAACC;GACC,qBAAqB;GACrB,UAAU;GACV,MAAM;GACN,MAAM;GACN,SAAS;IACT,EAEJ,oBAACC;GAAK;GAAS,UAAU;aACtB;IACI;GACC;IAGb,MAAM,SACL,KAAK,wBAAwB,KAAK,uBAClC,KAAK,gBAAgB,KAAK,eAC1B,KAAK,aAAa,KAAK,YACvB,KAAK,aAAa,KAAK,YACvB,KAAK,SAAS,KAAK,QACnB,KAAK,aAAa,KAAK,YACvB,KAAK,gBAAgB,KAAK,eAC1B,KAAK,iBAAiB,KAAK,aAC9B;AAUD,MAAa,0BAA0B,MACpC,EACC,SACA,UACA,aACA,cACA,WACA,YACA,QAAQ,cACR,OACA,sBAAsB,OACtB,UACA,MACA,eACA,UACA,SACA,QACA,MACA,gBAAgB,MAChB,UACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc;CACnD,MAAM,aAAa,OAAO,QAAQ;AAElC,iBAAgB;AACd,aAAW,UAAU;IACpB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,kBAAkB,WAAW,SAAS,EAAE,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,oBAACC;GAAW,SAAS;GAAY,MAAM;IAAW;IACxD,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB,gBAAgB;GAChB;GACA;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAS;EAAY;EAAU;EAAgB,CAAC;CAEnE,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,SAAO,2BAA2B,SAAS;IAC1C,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,WAAW,cAAc;AAC7B,MAAI,SAAU,QAAO;AACrB,SAAO,wBAAwB,SAAS;IACvC,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,qBAAqB,kBAAkB;AAC3C,aAAW,SAAS,CAAC,KAAK;IACzB,EAAE,CAAC;AAEN,QACE,qBAACH;EACC,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS;GAAM,CAAC,EAAE,UAAU;EAC7D,kBAAe;EACR;EACP,GAAI;aAEJ,qBAACA;GACC,OAAO;GACP,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D;GACA,SAAS;GACT,SAAS;GACT,OAAO,cAAc;cAErB,oBAAC;IACsB;IACR;IACH;IACA;IACJ;IACI;IACG;IACC;KACd,EACF,qBAACA;IACC,OAAO;IACP,MAAM;IACN,KAAK;IACL;IACA,UAAU,MAAM,EAAE,iBAAiB;eAEnC,oBAACA;KAAQ,OAAO;KAAU,WAAW;KAAiB,MAAM;KAAQ,KAAK;KAAG;eACzE;MACO,EACV,oBAACI;KACC,MAAM,SAAS,cAAc;KAC7B,SAAS;KACT,MAAM;MACN;KACM;IACF,EACV,oBAACJ;GACC,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,EAAE,YAAY,KAAK;GACzD,OAAO,cAAc;GAEpB;IACO;GACF;EAGf;AAED,2BAAe"}
+{"version":3,"file":"FullFeatured.mjs","names":["LangSelect","Flexbox","MaterialFileTypeIcon","Text","CopyButton","ActionIcon"],"sources":["../../src/Highlighter/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { ReactNode, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { getCodeLanguageDisplayName, getCodeLanguageFilename } from '@/Highlighter/const';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport LangSelect from './LangSelect';\nimport { bodyVariants, headerVariants, variants } from './style';\nimport { HighlighterProps } from './type';\n\ninterface HeaderLanguageProps {\n  allowChangeLanguage: boolean;\n  displayName: string;\n  fileName?: string;\n  filetype: string;\n  icon?: ReactNode;\n  language: string;\n  setLanguage?: (language: string) => void;\n  showLanguage?: boolean;\n}\n\nconst HeaderLanguage = memo<HeaderLanguageProps>(\n  ({\n    allowChangeLanguage,\n    displayName,\n    fileName,\n    filetype,\n    icon,\n    language,\n    setLanguage,\n    showLanguage,\n  }) => {\n    if (!showLanguage) return null;\n\n    if (allowChangeLanguage && !fileName)\n      return <LangSelect onSelect={setLanguage} value={language.toLowerCase()} />;\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\n        horizontal\n        justify={'flex-start'}\n        paddingInline={8}\n      >\n        {icon || (\n          <MaterialFileTypeIcon\n            fallbackUnknownType={false}\n            filename={filetype}\n            size={18}\n            type={'file'}\n            variant={'raw'}\n          />\n        )}\n        <Text ellipsis fontSize={13}>\n          {displayName}\n        </Text>\n      </Flexbox>\n    );\n  },\n  (prev, next) =>\n    prev.allowChangeLanguage === next.allowChangeLanguage &&\n    prev.displayName === next.displayName &&\n    prev.fileName === next.fileName &&\n    prev.filetype === next.filetype &&\n    prev.icon === next.icon &&\n    prev.language === next.language &&\n    prev.setLanguage === next.setLanguage &&\n    prev.showLanguage === next.showLanguage,\n);\n\ninterface HighlighterFullFeaturedProps extends Omit<\n  HighlighterProps,\n  'children' | 'bodyRender' | 'enableTransformer'\n> {\n  content: string;\n  setLanguage?: (language: string) => void;\n}\n\nexport const HighlighterFullFeatured = memo<HighlighterFullFeaturedProps & { children: ReactNode }>(\n  ({\n    content,\n    language,\n    setLanguage,\n    showLanguage,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    allowChangeLanguage = false,\n    fileName,\n    icon,\n    actionsRender,\n    copyable,\n    variant,\n    shadow,\n    wrap,\n    defaultExpand = true,\n    children,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n    const contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return <CopyButton content={getContent} size={'small'} />;\n    }, [copyable, getContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize: 'small',\n        content,\n        getContent,\n        language,\n        originalNode: originalActions,\n      });\n    }, [actionsRender, content, getContent, language, originalActions]);\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageDisplayName(language);\n    }, [fileName, language]);\n\n    const filetype = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageFilename(language);\n    }, [fileName, language]);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant, wrap }), className)}\n        data-code-type=\"highlighter\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          horizontal\n          justify={'space-between'}\n          onClick={handleToggleExpand}\n          style={customStyles?.header}\n        >\n          <HeaderLanguage\n            allowChangeLanguage={allowChangeLanguage}\n            displayName={displayName}\n            fileName={fileName}\n            filetype={filetype}\n            icon={icon}\n            language={language}\n            setLanguage={setLanguage}\n            showLanguage={showLanguage}\n          />\n          <Flexbox align={'center'} flex={'none'} gap={4} horizontal onClick={stopPropagation}>\n            <Flexbox align={'center'} className={'panel-actions'} flex={'none'} gap={4} horizontal>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              onClick={handleToggleExpand}\n              size={'small'}\n            />\n          </Flexbox>\n        </Flexbox>\n        <Flexbox\n          className={cx(bodyVariants({ expand }), classNames?.body)}\n          style={customStyles?.body}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default HighlighterFullFeatured;\n"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,MAAM,iBAAiB,MACpB,EACC,qBACA,aACA,UACA,UACA,MACA,UACA,aACA,mBACI;AACJ,KAAI,CAAC,aAAc,QAAO;AAE1B,KAAI,uBAAuB,CAAC,SAC1B,QAAO,oBAACA;EAAW,UAAU;EAAa,OAAO,SAAS,aAAa;GAAI;AAE7E,QACE,qBAACC;EACC,OAAO;EACP,WAAW;EACX,MAAM;EACN,KAAK;EACL;EACA,SAAS;EACT,eAAe;aAEd,QACC,oBAACC;GACC,qBAAqB;GACrB,UAAU;GACV,MAAM;GACN,MAAM;GACN,SAAS;IACT,EAEJ,oBAACC;GAAK;GAAS,UAAU;aACtB;IACI;GACC;IAGb,MAAM,SACL,KAAK,wBAAwB,KAAK,uBAClC,KAAK,gBAAgB,KAAK,eAC1B,KAAK,aAAa,KAAK,YACvB,KAAK,aAAa,KAAK,YACvB,KAAK,SAAS,KAAK,QACnB,KAAK,aAAa,KAAK,YACvB,KAAK,gBAAgB,KAAK,eAC1B,KAAK,iBAAiB,KAAK,aAC9B;AAUD,MAAa,0BAA0B,MACpC,EACC,SACA,UACA,aACA,cACA,WACA,YACA,QAAQ,cACR,OACA,sBAAsB,OACtB,UACA,MACA,eACA,UACA,SACA,QACA,MACA,gBAAgB,MAChB,UACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc;CACnD,MAAM,aAAa,OAAO,QAAQ;AAElC,iBAAgB;AACd,aAAW,UAAU;IACpB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,kBAAkB,WAAW,SAAS,EAAE,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,oBAACC;GAAW,SAAS;GAAY,MAAM;IAAW;IACxD,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB,gBAAgB;GAChB;GACA;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAS;EAAY;EAAU;EAAgB,CAAC;CAEnE,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,SAAO,2BAA2B,SAAS;IAC1C,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,WAAW,cAAc;AAC7B,MAAI,SAAU,QAAO;AACrB,SAAO,wBAAwB,SAAS;IACvC,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,qBAAqB,kBAAkB;AAC3C,aAAW,SAAS,CAAC,KAAK;IACzB,EAAE,CAAC;AAEN,QACE,qBAACH;EACC,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS;GAAM,CAAC,EAAE,UAAU;EAC7D,kBAAe;EACR;EACP,GAAI;aAEJ,qBAACA;GACC,OAAO;GACP,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D;GACA,SAAS;GACT,SAAS;GACT,OAAO,cAAc;cAErB,oBAAC;IACsB;IACR;IACH;IACA;IACJ;IACI;IACG;IACC;KACd,EACF,qBAACA;IAAQ,OAAO;IAAU,MAAM;IAAQ,KAAK;IAAG;IAAW,SAAS;eAClE,oBAACA;KAAQ,OAAO;KAAU,WAAW;KAAiB,MAAM;KAAQ,KAAK;KAAG;eACzE;MACO,EACV,oBAACI;KACC,MAAM,SAAS,cAAc;KAC7B,SAAS;KACT,MAAM;MACN;KACM;IACF,EACV,oBAACJ;GACC,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,EAAE,YAAY,KAAK;GACzD,OAAO,cAAc;GAEpB;IACO;GACF;EAGf;AAED,2BAAe"}

package/es/Highlighter/Highlighter.d.mts

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

package/es/Highlighter/LangSelect.mjs

@@ -2,6 +2,7 @@
 
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Text_default from "../Text/Text.mjs";
+import { stopPropagation } from "../utils/dom.mjs";
 import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,7 +13,7 @@ import { bundledLanguagesInfo } from "shiki";
 const LangSelect = memo(({ ...rest }) => {
 	return /* @__PURE__ */ jsx(Select, {
 		className: "languageTitle",
-		onClick: (e) => e.stopPropagation(),
+		onClick: stopPropagation,
 		options: useMemo(() => [{
 			aliases: ["text", "txt"],
 			label: /* @__PURE__ */ jsxs(FlexBasic_default, {

package/es/Highlighter/LangSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LangSelect.mjs","names":["Flexbox","MaterialFileTypeIcon","Text","item"],"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';\n\nexport const LangSelect = memo<Omit<SelectProps, 'options'>>(({ ...rest }) => {\n  const options = useMemo(\n    () => [\n      {\n        aliases: ['text', 'txt'],\n        label: (\n          <Flexbox align={'center'} gap={4} horizontal>\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 align={'center'} gap={4} horizontal>\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      className={'languageTitle'}\n      onClick={(e) => e.stopPropagation()}\n      options={options}\n      showSearch\n      size={'small'}\n      style={{\n        maxWidth: 240,\n        width: '100%',\n      }}\n      suffixIcon={false}\n      variant={'borderless'}\n      {...rest}\n    />\n  );\n});\n\nexport default LangSelect;\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,aAAa,MAAoC,EAAE,GAAG,WAAW;AA+C5E,QACE,oBAAC;EACC,WAAW;EACX,UAAU,MAAM,EAAE,iBAAiB;EACnC,SAlDY,cACR,CACJ;GACE,SAAS,CAAC,QAAQ,MAAM;GACxB,OACE,qBAACA;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,qBAAqB;KACrB,UAAU;KACV,MAAM;KACN,MAAM;KACN,SAAS;MACT,EACF,oBAACC;KAAK;KAAS,UAAU;eAAI;MAEtB;KACC;GAEZ,OAAO;GACR,EACD,GAAG,qBAAqB,KAAK,UAAU;GACrC,SAAS,KAAK;GACd,OACE,qBAACF;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,qBAAqB;KACrB,UAAU,KAAK,MAAM,UAAU,MAAM,KAAK;KAC1C,MAAM;KACN,MAAM;KACN,SAAS;MACT,EACF,oBAACC;KAAK;KAAS,UAAU;eACtB,KAAK;MACD;KACC;GAEZ,QAAQ,KAAK,WAAW,CAAC,KAAK,GAAG,EAC9B,OAAO,QAAQ,CACf,KAAK,WAAS,KAAKC,SAAO,CAC1B,KAAK,IAAI;GACZ,OAAO,KAAK;GACb,EAAE,CACJ,EACD,EAAE,CACH;EAOG;EACA,MAAM;EACN,OAAO;GACL,UAAU;GACV,OAAO;GACR;EACD,YAAY;EACZ,SAAS;EACT,GAAI;GACJ;EAEJ;AAEF,yBAAe"}
+{"version":3,"file":"LangSelect.mjs","names":["Flexbox","MaterialFileTypeIcon","Text","item"],"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 align={'center'} gap={4} horizontal>\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 align={'center'} gap={4} horizontal>\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      className={'languageTitle'}\n      onClick={stopPropagation}\n      options={options}\n      showSearch\n      size={'small'}\n      style={{\n        maxWidth: 240,\n        width: '100%',\n      }}\n      suffixIcon={false}\n      variant={'borderless'}\n      {...rest}\n    />\n  );\n});\n\nexport default LangSelect;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,aAAa,MAAoC,EAAE,GAAG,WAAW;AA+C5E,QACE,oBAAC;EACC,WAAW;EACX,SAAS;EACT,SAlDY,cACR,CACJ;GACE,SAAS,CAAC,QAAQ,MAAM;GACxB,OACE,qBAACA;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,qBAAqB;KACrB,UAAU;KACV,MAAM;KACN,MAAM;KACN,SAAS;MACT,EACF,oBAACC;KAAK;KAAS,UAAU;eAAI;MAEtB;KACC;GAEZ,OAAO;GACR,EACD,GAAG,qBAAqB,KAAK,UAAU;GACrC,SAAS,KAAK;GACd,OACE,qBAACF;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,qBAAqB;KACrB,UAAU,KAAK,MAAM,UAAU,MAAM,KAAK;KAC1C,MAAM;KACN,MAAM;KACN,SAAS;MACT,EACF,oBAACC;KAAK;KAAS,UAAU;eACtB,KAAK;MACD;KACC;GAEZ,QAAQ,KAAK,WAAW,CAAC,KAAK,GAAG,EAC9B,OAAO,QAAQ,CACf,KAAK,WAAS,KAAKC,SAAO,CAC1B,KAAK,IAAI;GACZ,OAAO,KAAK;GACb,EAAE,CACJ,EACD,EAAE,CACH;EAOG;EACA,MAAM;EACN,OAAO;GACL,UAAU;GACV,OAAO;GACR;EACD,YAAY;EACZ,SAAS;EACT,GAAI;GACJ;EAEJ;AAEF,yBAAe"}

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

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

package/es/Hotkey/Hotkey.d.mts

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

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/Icon/Icon.d.mts

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

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react12 from "react";
+import * as react64 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react12.Context<IconContentConfig>;
-declare const IconProvider: react12.NamedExoticComponent<{
+declare const IconContext: react64.Context<IconContentConfig>;
+declare const IconProvider: react64.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

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

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/Input/Input.d.mts

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

package/es/Input/InputNumber.d.mts

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