@lobehub/ui 5.6.3 → 5.6.5

package/es/EmojiPicker/AvatarUploader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarUploader.mjs","names":["emojiPickerMessages","Flexbox","Center","Icon","Text","Tag","Button"],"sources":["../../src/EmojiPicker/AvatarUploader.tsx"],"sourcesContent":["'use client';\n\nimport { type GetProp, message, Upload, type UploadProps } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { ChevronLeftIcon, ImageUpIcon } from 'lucide-react';\nimport { memo, useCallback, useRef, useState } from 'react';\nimport AvatarEditor from 'react-avatar-editor';\n\nimport Button from '@/Button';\nimport { Center, Flexbox } from '@/Flex';\nimport emojiPickerMessages from '@/i18n/resources/en/emojiPicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport Tag from '@/Tag';\nimport Text from '@/Text';\n\nimport { type AvatarUploaderProps } from './type';\n\ntype FileType = Parameters<GetProp<UploadProps, 'beforeUpload'>>[0];\n\nconst { Dragger } = Upload;\n\nconst createUploadImageHandler = (onUploadImage: (base64: string) => void) => (file: any) => {\n  const reader = new FileReader();\n  reader.readAsDataURL(file);\n  reader.addEventListener('load', () => {\n    onUploadImage(String(reader.result));\n  });\n};\n\nconst AvatarUploader = memo<AvatarUploaderProps>(\n  ({ shape, onChange, texts, compressSize = 256, onUpload }) => {\n    const editor = useRef<any>(null);\n    const [previewImage, setPreviewImage] = useState('');\n    const { t } = useTranslation(emojiPickerMessages);\n\n    const fileTypeErrorText = texts?.fileTypeError ?? t('emojiPicker.fileTypeError');\n    const draggerDescText = texts?.draggerDesc ?? t('emojiPicker.draggerDesc');\n    const uploadBtnText = texts?.uploadBtn ?? t('emojiPicker.uploadBtn');\n\n    const beforeUpload = useCallback(\n      (file: FileType) => {\n        const isJpgOrPng =\n          file.type === 'image/jpeg' ||\n          file.type === 'image/png' ||\n          file.type === 'image/gif' ||\n          file.type === 'image/webp';\n        if (!isJpgOrPng) {\n          message.error(fileTypeErrorText);\n          return;\n        }\n        return createUploadImageHandler((avatar) => {\n          setPreviewImage(avatar);\n        })(file);\n      },\n      [fileTypeErrorText],\n    );\n\n    const handleUpload = () => {\n      if (!editor.current) return;\n      const canvasScaled = editor.current.getImageScaledToCanvas() as HTMLCanvasElement;\n      const dataUrl = canvasScaled.toDataURL();\n      onChange(dataUrl);\n\n      if (!onUpload) return;\n\n      // 使用 toBlob 直接获取 Blob，然后创建 File 对象\n      canvasScaled.toBlob(\n        (blob) => {\n          if (blob) {\n            const file = new File([blob], 'avatar.webp', { type: 'image/webp' });\n            onUpload(file);\n          }\n        },\n        'image/webp',\n        0.95,\n      ); // 0.95 是图片质量\n    };\n\n    return (\n      <Flexbox padding={10} style={{ position: 'relative' }} width={'100%'}>\n        {!previewImage && (\n          <Dragger\n            accept={'image'}\n            beforeUpload={beforeUpload}\n            itemRender={() => void 0}\n            maxCount={1}\n            multiple={false}\n          >\n            <Center gap={16} height={compressSize} width={compressSize}>\n              <Icon color={cssVar.colorTextDescription} icon={ImageUpIcon} size={48} />\n              <Text color={cssVar.colorTextSecondary}>{draggerDescText}</Text>\n              <Center horizontal gap={4}>\n                <Tag>JPG</Tag>\n                <Tag>PNG</Tag>\n                <Tag>GIF</Tag>\n                <Tag>WEBP</Tag>\n              </Center>\n            </Center>\n          </Dragger>\n        )}\n        {previewImage && (\n          <Center gap={8} style={{ position: 'relative' }} width={'100%'}>\n            <AvatarEditor\n              border={0}\n              borderRadius={shape === 'square' ? undefined : compressSize / 2}\n              height={compressSize}\n              image={previewImage}\n              ref={editor}\n              width={compressSize}\n            />\n\n            <Flexbox horizontal gap={8} style={{ position: 'relative' }} width={'100%'}>\n              <Button\n                icon={ChevronLeftIcon}\n                style={{ flex: 'none' }}\n                onClick={() => setPreviewImage('')}\n              />\n              <Button style={{ flex: 1, fontWeight: 500 }} type={'primary'} onClick={handleUpload}>\n                {uploadBtnText}\n              </Button>\n            </Flexbox>\n          </Center>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarUploader.displayName = 'AvatarUploader';\n\nexport default AvatarUploader;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAM,EAAE,YAAY;AAEpB,MAAM,4BAA4B,mBAA6C,SAAc;CAC3F,MAAM,SAAS,IAAI,YAAY;AAC/B,QAAO,cAAc,KAAK;AAC1B,QAAO,iBAAiB,cAAc;AACpC,gBAAc,OAAO,OAAO,OAAO,CAAC;GACpC;;AAGJ,MAAM,iBAAiB,MACpB,EAAE,OAAO,UAAU,OAAO,eAAe,KAAK,eAAe;CAC5D,MAAM,SAAS,OAAY,KAAK;CAChC,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;CACpD,MAAM,EAAE,MAAM,eAAeA,oBAAoB;CAEjD,MAAM,oBAAoB,OAAO,iBAAiB,EAAE,4BAA4B;CAChF,MAAM,kBAAkB,OAAO,eAAe,EAAE,0BAA0B;CAC1E,MAAM,gBAAgB,OAAO,aAAa,EAAE,wBAAwB;CAEpE,MAAM,eAAe,aAClB,SAAmB;AAMlB,MAAI,EAJF,KAAK,SAAS,gBACd,KAAK,SAAS,eACd,KAAK,SAAS,eACd,KAAK,SAAS,eACC;AACf,WAAQ,MAAM,kBAAkB;AAChC;;AAEF,SAAO,0BAA0B,WAAW;AAC1C,mBAAgB,OAAO;IACvB,CAAC,KAAK;IAEV,CAAC,kBAAkB,CACpB;CAED,MAAM,qBAAqB;AACzB,MAAI,CAAC,OAAO,QAAS;EACrB,MAAM,eAAe,OAAO,QAAQ,wBAAwB;AAE5D,WADgB,aAAa,WAAW,CACvB;AAEjB,MAAI,CAAC,SAAU;AAGf,eAAa,QACV,SAAS;AACR,OAAI,KAEF,UADa,IAAI,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC,CACtD;KAGlB,cACA,IACD;;AAGH,QACE,qBAACC;EAAQ,SAAS;EAAI,OAAO,EAAE,UAAU,YAAY;EAAE,OAAO;aAC3D,CAAC,gBACA,oBAAC;GACC,QAAQ;GACM;GACd,kBAAkB,KAAK;GACvB,UAAU;GACV,UAAU;aAEV,qBAACC;IAAO,KAAK;IAAI,QAAQ;IAAc,OAAO;;KAC5C,oBAACC;MAAK,OAAO,OAAO;MAAsB,MAAM;MAAa,MAAM;OAAM;KACzE,oBAACC;MAAK,OAAO,OAAO;gBAAqB;OAAuB;KAChE,qBAACF;MAAO;MAAW,KAAK;;OACtB,oBAACG,yBAAI,QAAS;OACd,oBAACA,yBAAI,QAAS;OACd,oBAACA,yBAAI,QAAS;OACd,oBAACA,yBAAI,SAAU;;OACR;;KACF;IACD,EAEX,gBACC,qBAACH;GAAO,KAAK;GAAG,OAAO,EAAE,UAAU,YAAY;GAAE,OAAO;cACtD,oBAAC;IACC,QAAQ;IACR,cAAc,UAAU,WAAW,SAAY,eAAe;IAC9D,QAAQ;IACR,OAAO;IACP,KAAK;IACL,OAAO;KACP,EAEF,qBAACD;IAAQ;IAAW,KAAK;IAAG,OAAO,EAAE,UAAU,YAAY;IAAE,OAAO;eAClE,oBAACK;KACC,MAAM;KACN,OAAO,EAAE,MAAM,QAAQ;KACvB,eAAe,gBAAgB,GAAG;MAClC,EACF,oBAACA;KAAO,OAAO;MAAE,MAAM;MAAG,YAAY;MAAK;KAAE,MAAM;KAAW,SAAS;eACpE;MACM;KACD;IACH;GAEH;EAGf;AAED,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"AvatarUploader.mjs","names":["emojiPickerMessages","Flexbox","Tag","Button"],"sources":["../../src/EmojiPicker/AvatarUploader.tsx"],"sourcesContent":["'use client';\n\nimport { type GetProp, message, Upload, type UploadProps } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { ChevronLeftIcon, ImageUpIcon } from 'lucide-react';\nimport { memo, useCallback, useRef, useState } from 'react';\nimport AvatarEditor from 'react-avatar-editor';\n\nimport Button from '@/Button';\nimport { Center, Flexbox } from '@/Flex';\nimport emojiPickerMessages from '@/i18n/resources/en/emojiPicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport Tag from '@/Tag';\nimport Text from '@/Text';\n\nimport { type AvatarUploaderProps } from './type';\n\ntype FileType = Parameters<GetProp<UploadProps, 'beforeUpload'>>[0];\n\nconst { Dragger } = Upload;\n\nconst createUploadImageHandler = (onUploadImage: (base64: string) => void) => (file: any) => {\n  const reader = new FileReader();\n  reader.readAsDataURL(file);\n  reader.addEventListener('load', () => {\n    onUploadImage(String(reader.result));\n  });\n};\n\nconst AvatarUploader = memo<AvatarUploaderProps>(\n  ({ shape, onChange, texts, compressSize = 256, onUpload }) => {\n    const editor = useRef<any>(null);\n    const [previewImage, setPreviewImage] = useState('');\n    const { t } = useTranslation(emojiPickerMessages);\n\n    const fileTypeErrorText = texts?.fileTypeError ?? t('emojiPicker.fileTypeError');\n    const draggerDescText = texts?.draggerDesc ?? t('emojiPicker.draggerDesc');\n    const uploadBtnText = texts?.uploadBtn ?? t('emojiPicker.uploadBtn');\n\n    const beforeUpload = useCallback(\n      (file: FileType) => {\n        const isJpgOrPng =\n          file.type === 'image/jpeg' ||\n          file.type === 'image/png' ||\n          file.type === 'image/gif' ||\n          file.type === 'image/webp';\n        if (!isJpgOrPng) {\n          message.error(fileTypeErrorText);\n          return;\n        }\n        return createUploadImageHandler((avatar) => {\n          setPreviewImage(avatar);\n        })(file);\n      },\n      [fileTypeErrorText],\n    );\n\n    const handleUpload = () => {\n      if (!editor.current) return;\n      const canvasScaled = editor.current.getImageScaledToCanvas() as HTMLCanvasElement;\n      const dataUrl = canvasScaled.toDataURL();\n      onChange(dataUrl);\n\n      if (!onUpload) return;\n\n      // 使用 toBlob 直接获取 Blob，然后创建 File 对象\n      canvasScaled.toBlob(\n        (blob) => {\n          if (blob) {\n            const file = new File([blob], 'avatar.webp', { type: 'image/webp' });\n            onUpload(file);\n          }\n        },\n        'image/webp',\n        0.95,\n      ); // 0.95 是图片质量\n    };\n\n    return (\n      <Flexbox padding={10} style={{ position: 'relative' }} width={'100%'}>\n        {!previewImage && (\n          <Dragger\n            accept={'image'}\n            beforeUpload={beforeUpload}\n            itemRender={() => void 0}\n            maxCount={1}\n            multiple={false}\n          >\n            <Center gap={16} height={compressSize} width={compressSize}>\n              <Icon color={cssVar.colorTextDescription} icon={ImageUpIcon} size={48} />\n              <Text color={cssVar.colorTextSecondary}>{draggerDescText}</Text>\n              <Center horizontal gap={4}>\n                <Tag>JPG</Tag>\n                <Tag>PNG</Tag>\n                <Tag>GIF</Tag>\n                <Tag>WEBP</Tag>\n              </Center>\n            </Center>\n          </Dragger>\n        )}\n        {previewImage && (\n          <Center gap={8} style={{ position: 'relative' }} width={'100%'}>\n            <AvatarEditor\n              border={0}\n              borderRadius={shape === 'square' ? undefined : compressSize / 2}\n              height={compressSize}\n              image={previewImage}\n              ref={editor}\n              width={compressSize}\n            />\n\n            <Flexbox horizontal gap={8} style={{ position: 'relative' }} width={'100%'}>\n              <Button\n                icon={ChevronLeftIcon}\n                style={{ flex: 'none' }}\n                onClick={() => setPreviewImage('')}\n              />\n              <Button style={{ flex: 1, fontWeight: 500 }} type={'primary'} onClick={handleUpload}>\n                {uploadBtnText}\n              </Button>\n            </Flexbox>\n          </Center>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarUploader.displayName = 'AvatarUploader';\n\nexport default AvatarUploader;\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,EAAE,YAAY;AAEpB,MAAM,4BAA4B,mBAA6C,SAAc;CAC3F,MAAM,SAAS,IAAI,YAAY;AAC/B,QAAO,cAAc,KAAK;AAC1B,QAAO,iBAAiB,cAAc;AACpC,gBAAc,OAAO,OAAO,OAAO,CAAC;GACpC;;AAGJ,MAAM,iBAAiB,MACpB,EAAE,OAAO,UAAU,OAAO,eAAe,KAAK,eAAe;CAC5D,MAAM,SAAS,OAAY,KAAK;CAChC,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;CACpD,MAAM,EAAE,MAAM,eAAeA,oBAAoB;CAEjD,MAAM,oBAAoB,OAAO,iBAAiB,EAAE,4BAA4B;CAChF,MAAM,kBAAkB,OAAO,eAAe,EAAE,0BAA0B;CAC1E,MAAM,gBAAgB,OAAO,aAAa,EAAE,wBAAwB;CAEpE,MAAM,eAAe,aAClB,SAAmB;AAMlB,MAAI,EAJF,KAAK,SAAS,gBACd,KAAK,SAAS,eACd,KAAK,SAAS,eACd,KAAK,SAAS,eACC;AACf,WAAQ,MAAM,kBAAkB;AAChC;;AAEF,SAAO,0BAA0B,WAAW;AAC1C,mBAAgB,OAAO;IACvB,CAAC,KAAK;IAEV,CAAC,kBAAkB,CACpB;CAED,MAAM,qBAAqB;AACzB,MAAI,CAAC,OAAO,QAAS;EACrB,MAAM,eAAe,OAAO,QAAQ,wBAAwB;AAE5D,WADgB,aAAa,WAAW,CACvB;AAEjB,MAAI,CAAC,SAAU;AAGf,eAAa,QACV,SAAS;AACR,OAAI,KAEF,UADa,IAAI,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC,CACtD;KAGlB,cACA,IACD;;AAGH,QACE,qBAACC,mBAAD;EAAS,SAAS;EAAI,OAAO,EAAE,UAAU,YAAY;EAAE,OAAO;YAA9D,CACG,CAAC,gBACA,oBAAC,SAAD;GACE,QAAQ;GACM;GACd,kBAAkB,KAAK;GACvB,UAAU;GACV,UAAU;aAEV,qBAAC,QAAD;IAAQ,KAAK;IAAI,QAAQ;IAAc,OAAO;cAA9C;KACE,oBAAC,MAAD;MAAM,OAAO,OAAO;MAAsB,MAAM;MAAa,MAAM;MAAM,CAAA;KACzE,oBAAC,MAAD;MAAM,OAAO,OAAO;gBAAqB;MAAuB,CAAA;KAChE,qBAAC,QAAD;MAAQ,YAAA;MAAW,KAAK;gBAAxB;OACE,oBAACC,OAAD,EAAA,UAAK,OAAS,CAAA;OACd,oBAACA,OAAD,EAAA,UAAK,OAAS,CAAA;OACd,oBAACA,OAAD,EAAA,UAAK,OAAS,CAAA;OACd,oBAACA,OAAD,EAAA,UAAK,QAAU,CAAA;OACR;;KACF;;GACD,CAAA,EAEX,gBACC,qBAAC,QAAD;GAAQ,KAAK;GAAG,OAAO,EAAE,UAAU,YAAY;GAAE,OAAO;aAAxD,CACE,oBAAC,cAAD;IACE,QAAQ;IACR,cAAc,UAAU,WAAW,KAAA,IAAY,eAAe;IAC9D,QAAQ;IACR,OAAO;IACP,KAAK;IACL,OAAO;IACP,CAAA,EAEF,qBAACD,mBAAD;IAAS,YAAA;IAAW,KAAK;IAAG,OAAO,EAAE,UAAU,YAAY;IAAE,OAAO;cAApE,CACE,oBAACE,UAAD;KACE,MAAM;KACN,OAAO,EAAE,MAAM,QAAQ;KACvB,eAAe,gBAAgB,GAAG;KAClC,CAAA,EACF,oBAACA,UAAD;KAAQ,OAAO;MAAE,MAAM;MAAG,YAAY;MAAK;KAAE,MAAM;KAAW,SAAS;eACpE;KACM,CAAA,CACD;MACH;KAEH;;EAGf;AAED,eAAe,cAAc"}

package/es/EmojiPicker/EmojiPicker.d.mts

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

package/es/EmojiPicker/EmojiPicker.mjs

@@ -1,15 +1,14 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import Tooltip_default from "../Tooltip/Tooltip.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import Avatar_default from "../Avatar/index.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Tooltip from "../Tooltip/Tooltip.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import Avatar from "../Avatar/index.mjs";
 import { useTranslation } from "../i18n/useTranslation.mjs";
 import emojiPicker_default from "../i18n/resources/en/emojiPicker.mjs";
-import Popover_default from "../base-ui/Popover/Popover.mjs";
-import Tabs_default from "../Tabs/Tabs.mjs";
-import AvatarUploader_default from "./AvatarUploader.mjs";
+import Popover from "../base-ui/Popover/Popover.mjs";
+import Tabs from "../Tabs/Tabs.mjs";
+import AvatarUploader from "./AvatarUploader.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,7 +19,6 @@ import chroma from "chroma-js";
 import data from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
 import useSWR from "swr";
-
 //#region src/EmojiPicker/EmojiPicker.tsx
 const DEFAULT_AVATAR = "🤖";
 const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, locale = "en-US", allowUpload, allowDelete, texts, onDelete, compressSize = 256, customEmojis, className, loading, onUpload, customTabs = [], popupClassName, popupStyle, customRender, open, defaultOpen = false, onOpenChange, popupProps, shape, contentProps, ...rest }) => {
@@ -56,9 +54,9 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 	const items = [
 		!(typeof allowUpload === "object" && allowUpload?.enableEmoji === false) && {
 			key: "emoji",
-			label: /* @__PURE__ */ jsx(Tooltip_default, {
+			label: /* @__PURE__ */ jsx(Tooltip, {
 				title: emojiText,
-				children: /* @__PURE__ */ jsx(Icon_default, {
+				children: /* @__PURE__ */ jsx(Icon, {
 					icon: SmileIcon,
 					size: {
 						size: 20,
@@ -69,9 +67,9 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 		},
 		allowUpload && {
 			key: "upload",
-			label: /* @__PURE__ */ jsx(Tooltip_default, {
+			label: /* @__PURE__ */ jsx(Tooltip, {
 				title: uploadText,
-				children: /* @__PURE__ */ jsx(Icon_default, {
+				children: /* @__PURE__ */ jsx(Icon, {
 					icon: UploadIcon,
 					size: {
 						size: 20,
@@ -80,9 +78,9 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 				})
 			})
 		},
-		...customTabs.map((tab$1) => ({
-			key: tab$1.value,
-			label: tab$1.label
+		...customTabs.map((tab) => ({
+			key: tab.value,
+			label: tab.label
 		}))
 	].filter(Boolean);
 	const showTabs = allowDelete || items && items.length > 1;
@@ -103,13 +101,13 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 				className: styles.tabs,
 				justify: "space-between",
 				paddingInline: 10,
-				children: [/* @__PURE__ */ jsx(Tabs_default, {
+				children: [/* @__PURE__ */ jsx(Tabs, {
 					compact: true,
 					activeKey: tab,
 					items,
 					size: "small",
 					onChange: (key) => setTab(key)
-				}), allowDelete && /* @__PURE__ */ jsx(ActionIcon_default, {
+				}), allowDelete && /* @__PURE__ */ jsx(ActionIcon, {
 					icon: TrashIcon,
 					title: deleteText,
 					size: {
@@ -134,7 +132,7 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 				theme: theme.isDarkMode ? "dark" : "light",
 				onEmojiSelect: (e) => handleAvatarChange(e.src || e.native)
 			}),
-			tab === "upload" && /* @__PURE__ */ jsx(AvatarUploader_default, {
+			tab === "upload" && /* @__PURE__ */ jsx(AvatarUploader, {
 				compressSize,
 				shape,
 				texts,
@@ -147,7 +145,7 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 			}, item.value))
 		]
 	});
-	return /* @__PURE__ */ jsx(Popover_default, {
+	return /* @__PURE__ */ jsx(Popover, {
 		className: cx(styles.popover),
 		content,
 		defaultOpen,
@@ -163,7 +161,7 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 			setVisible(v);
 		},
 		...popupProps,
-		children: customRender ? customRender(ava) : /* @__PURE__ */ jsx(Avatar_default, {
+		children: customRender ? customRender(ava) : /* @__PURE__ */ jsx(Avatar, {
 			avatar: ava,
 			className: cx(styles.root, className),
 			loading,
@@ -173,8 +171,7 @@ const EmojiPicker = memo(({ value, defaultAvatar = DEFAULT_AVATAR, onChange, loc
 	});
 });
 EmojiPicker.displayName = "EmojiPicker";
-var EmojiPicker_default = EmojiPicker;
-
 //#endregion
-export { EmojiPicker_default as default };
+export { EmojiPicker as default };
+
 //# sourceMappingURL=EmojiPicker.mjs.map

package/es/EmojiPicker/EmojiPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.mjs","names":["emojiPickerMessages","items: TabsProps['items']","Tooltip","Icon","tab","Flexbox","Tabs","ActionIcon","AvatarUploader","Popover","Avatar"],"sources":["../../src/EmojiPicker/EmojiPicker.tsx"],"sourcesContent":["'use client';\n\nimport data from '@emoji-mart/data';\nimport Picker from '@emoji-mart/react';\nimport { cx, useTheme } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { SmileIcon, TrashIcon, UploadIcon } from 'lucide-react';\nimport { memo, useMemo, useRef, useState } from 'react';\nimport useSWR from 'swr';\nimport useMergeState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport Avatar from '@/Avatar';\nimport { Flexbox } from '@/Flex';\nimport emojiPickerMessages from '@/i18n/resources/en/emojiPicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport Popover from '@/Popover';\nimport Tabs, { type TabsProps } from '@/Tabs';\nimport Tooltip from '@/Tooltip';\n\nimport AvatarUploader from './AvatarUploader';\nimport { styles } from './style';\nimport { type EmojiPickerProps } from './type';\n\nconst DEFAULT_AVATAR = '🤖';\n\nconst EmojiPicker = memo<EmojiPickerProps>(\n  ({\n    value,\n    defaultAvatar = DEFAULT_AVATAR,\n    onChange,\n    locale = 'en-US',\n    allowUpload,\n    allowDelete,\n    texts,\n    onDelete,\n    compressSize = 256,\n    customEmojis,\n    className,\n    loading,\n    onUpload,\n    customTabs = [],\n    popupClassName,\n    popupStyle,\n    customRender,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    popupProps,\n    shape,\n    contentProps,\n    ...rest\n  }) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const { t } = useTranslation(emojiPickerMessages);\n    const [visible, setVisible] = useMergeState(defaultOpen, {\n      defaultValue: defaultOpen,\n      onChange: onOpenChange,\n      value: open,\n    });\n    const [tab, setTab] = useState<'emoji' | 'upload'>('emoji');\n\n    const theme = useTheme();\n    const pickerCssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--emoji-picker-rgb-accent': chroma(theme.colorPrimary).rgb().join(', '),\n        '--emoji-picker-rgb-background': chroma(theme.colorBgElevated).rgb().join(', '),\n      }),\n      [theme.colorPrimary, theme.colorBgElevated],\n    );\n\n    const { data: i18n } = useSWR(\n      locale,\n      async () => await import(`@emoji-mart/data/i18n/${locale.split('-')[0]}.json`),\n      { revalidateOnFocus: false, revalidateOnMount: false },\n    );\n\n    const [ava, setAva] = useMergeState(defaultAvatar, {\n      defaultValue: defaultAvatar,\n      onChange,\n      value,\n    });\n\n    const handleAvatarChange = (emoji: string) => {\n      setAva(emoji);\n      setVisible(false);\n    };\n\n    const emojiText = texts?.emoji ?? t('emojiPicker.emoji');\n    const uploadText = texts?.upload ?? t('emojiPicker.upload');\n    const deleteText = texts?.delete ?? t('emojiPicker.delete');\n\n    const hideEmojiTab = typeof allowUpload === 'object' && allowUpload?.enableEmoji === false;\n\n    const items: TabsProps['items'] = [\n      !hideEmojiTab && {\n        key: 'emoji',\n        label: (\n          <Tooltip title={emojiText}>\n            <Icon icon={SmileIcon} size={{ size: 20, strokeWidth: 2.5 }} />\n          </Tooltip>\n        ),\n      },\n      allowUpload && {\n        key: 'upload',\n        label: (\n          <Tooltip title={uploadText}>\n            <Icon icon={UploadIcon} size={{ size: 20, strokeWidth: 2.5 }} />\n          </Tooltip>\n        ),\n      },\n      ...customTabs.map((tab) => ({ key: tab.value, label: tab.label })),\n    ].filter(Boolean) as TabsProps['items'];\n\n    const showTabs = allowDelete || (items && items.length > 1);\n\n    const content = (\n      <Flexbox\n        className={cx(styles.picker, popupClassName)}\n        ref={ref}\n        style={{\n          minWidth: 310,\n          paddingTop: showTabs ? 4 : 0,\n          ...pickerCssVariables,\n          ...popupStyle,\n        }}\n        {...contentProps}\n      >\n        {showTabs && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={styles.tabs}\n            justify={'space-between'}\n            paddingInline={10}\n          >\n            <Tabs\n              compact\n              activeKey={tab}\n              items={items}\n              size={'small'}\n              onChange={(key) => setTab(key as any)}\n            />\n            {allowDelete && (\n              <ActionIcon\n                icon={TrashIcon}\n                title={deleteText}\n                size={{\n                  blockSize: 32,\n                  size: 18,\n                }}\n                onClick={() => {\n                  handleAvatarChange(defaultAvatar);\n                  onDelete?.();\n                }}\n              />\n            )}\n          </Flexbox>\n        )}\n        {tab === 'emoji' && (\n          <Picker\n            custom={customEmojis}\n            data={data}\n            i18n={i18n}\n            icons={'outline'}\n            locale={locale.split('-')[0]}\n            navPosition={showTabs ? 'bottom' : 'top'}\n            previewPosition={'none'}\n            skinTonePosition={'none'}\n            theme={theme.isDarkMode ? 'dark' : 'light'}\n            onEmojiSelect={(e: any) => handleAvatarChange(e.src || e.native)}\n          />\n        )}\n        {tab === 'upload' && (\n          <AvatarUploader\n            compressSize={compressSize}\n            shape={shape}\n            texts={texts}\n            onChange={handleAvatarChange}\n            onUpload={onUpload}\n          />\n        )}\n        {customTabs.map(\n          (item) =>\n            tab === item.value && (\n              <Flexbox key={item.value} padding={10}>\n                {item.render(handleAvatarChange)}\n              </Flexbox>\n            ),\n        )}\n      </Flexbox>\n    );\n\n    return (\n      <Popover\n        className={cx(styles.popover)}\n        content={content}\n        defaultOpen={defaultOpen}\n        open={visible}\n        placement={'bottom'}\n        trigger={'click'}\n        classNames={{\n          content: styles.popover,\n          root: styles.positioner,\n        }}\n        onOpenChange={(v) => {\n          if (loading) return;\n          setVisible(v);\n        }}\n        {...popupProps}\n      >\n        {customRender ? (\n          customRender(ava)\n        ) : (\n          <Avatar\n            avatar={ava}\n            className={cx(styles.root, className)}\n            loading={loading}\n            shape={shape}\n            {...rest}\n          />\n        )}\n      </Popover>\n    );\n  },\n);\n\nEmojiPicker.displayName = 'EmojiPicker';\n\nexport default EmojiPicker;\n"],"mappings":"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"}
+{"version":3,"file":"EmojiPicker.mjs","names":["emojiPickerMessages","Flexbox"],"sources":["../../src/EmojiPicker/EmojiPicker.tsx"],"sourcesContent":["'use client';\n\nimport data from '@emoji-mart/data';\nimport Picker from '@emoji-mart/react';\nimport { cx, useTheme } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { SmileIcon, TrashIcon, UploadIcon } from 'lucide-react';\nimport { memo, useMemo, useRef, useState } from 'react';\nimport useSWR from 'swr';\nimport useMergeState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport Avatar from '@/Avatar';\nimport { Flexbox } from '@/Flex';\nimport emojiPickerMessages from '@/i18n/resources/en/emojiPicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport Popover from '@/Popover';\nimport Tabs, { type TabsProps } from '@/Tabs';\nimport Tooltip from '@/Tooltip';\n\nimport AvatarUploader from './AvatarUploader';\nimport { styles } from './style';\nimport { type EmojiPickerProps } from './type';\n\nconst DEFAULT_AVATAR = '🤖';\n\nconst EmojiPicker = memo<EmojiPickerProps>(\n  ({\n    value,\n    defaultAvatar = DEFAULT_AVATAR,\n    onChange,\n    locale = 'en-US',\n    allowUpload,\n    allowDelete,\n    texts,\n    onDelete,\n    compressSize = 256,\n    customEmojis,\n    className,\n    loading,\n    onUpload,\n    customTabs = [],\n    popupClassName,\n    popupStyle,\n    customRender,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    popupProps,\n    shape,\n    contentProps,\n    ...rest\n  }) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const { t } = useTranslation(emojiPickerMessages);\n    const [visible, setVisible] = useMergeState(defaultOpen, {\n      defaultValue: defaultOpen,\n      onChange: onOpenChange,\n      value: open,\n    });\n    const [tab, setTab] = useState<'emoji' | 'upload'>('emoji');\n\n    const theme = useTheme();\n    const pickerCssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--emoji-picker-rgb-accent': chroma(theme.colorPrimary).rgb().join(', '),\n        '--emoji-picker-rgb-background': chroma(theme.colorBgElevated).rgb().join(', '),\n      }),\n      [theme.colorPrimary, theme.colorBgElevated],\n    );\n\n    const { data: i18n } = useSWR(\n      locale,\n      async () => await import(`@emoji-mart/data/i18n/${locale.split('-')[0]}.json`),\n      { revalidateOnFocus: false, revalidateOnMount: false },\n    );\n\n    const [ava, setAva] = useMergeState(defaultAvatar, {\n      defaultValue: defaultAvatar,\n      onChange,\n      value,\n    });\n\n    const handleAvatarChange = (emoji: string) => {\n      setAva(emoji);\n      setVisible(false);\n    };\n\n    const emojiText = texts?.emoji ?? t('emojiPicker.emoji');\n    const uploadText = texts?.upload ?? t('emojiPicker.upload');\n    const deleteText = texts?.delete ?? t('emojiPicker.delete');\n\n    const hideEmojiTab = typeof allowUpload === 'object' && allowUpload?.enableEmoji === false;\n\n    const items: TabsProps['items'] = [\n      !hideEmojiTab && {\n        key: 'emoji',\n        label: (\n          <Tooltip title={emojiText}>\n            <Icon icon={SmileIcon} size={{ size: 20, strokeWidth: 2.5 }} />\n          </Tooltip>\n        ),\n      },\n      allowUpload && {\n        key: 'upload',\n        label: (\n          <Tooltip title={uploadText}>\n            <Icon icon={UploadIcon} size={{ size: 20, strokeWidth: 2.5 }} />\n          </Tooltip>\n        ),\n      },\n      ...customTabs.map((tab) => ({ key: tab.value, label: tab.label })),\n    ].filter(Boolean) as TabsProps['items'];\n\n    const showTabs = allowDelete || (items && items.length > 1);\n\n    const content = (\n      <Flexbox\n        className={cx(styles.picker, popupClassName)}\n        ref={ref}\n        style={{\n          minWidth: 310,\n          paddingTop: showTabs ? 4 : 0,\n          ...pickerCssVariables,\n          ...popupStyle,\n        }}\n        {...contentProps}\n      >\n        {showTabs && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={styles.tabs}\n            justify={'space-between'}\n            paddingInline={10}\n          >\n            <Tabs\n              compact\n              activeKey={tab}\n              items={items}\n              size={'small'}\n              onChange={(key) => setTab(key as any)}\n            />\n            {allowDelete && (\n              <ActionIcon\n                icon={TrashIcon}\n                title={deleteText}\n                size={{\n                  blockSize: 32,\n                  size: 18,\n                }}\n                onClick={() => {\n                  handleAvatarChange(defaultAvatar);\n                  onDelete?.();\n                }}\n              />\n            )}\n          </Flexbox>\n        )}\n        {tab === 'emoji' && (\n          <Picker\n            custom={customEmojis}\n            data={data}\n            i18n={i18n}\n            icons={'outline'}\n            locale={locale.split('-')[0]}\n            navPosition={showTabs ? 'bottom' : 'top'}\n            previewPosition={'none'}\n            skinTonePosition={'none'}\n            theme={theme.isDarkMode ? 'dark' : 'light'}\n            onEmojiSelect={(e: any) => handleAvatarChange(e.src || e.native)}\n          />\n        )}\n        {tab === 'upload' && (\n          <AvatarUploader\n            compressSize={compressSize}\n            shape={shape}\n            texts={texts}\n            onChange={handleAvatarChange}\n            onUpload={onUpload}\n          />\n        )}\n        {customTabs.map(\n          (item) =>\n            tab === item.value && (\n              <Flexbox key={item.value} padding={10}>\n                {item.render(handleAvatarChange)}\n              </Flexbox>\n            ),\n        )}\n      </Flexbox>\n    );\n\n    return (\n      <Popover\n        className={cx(styles.popover)}\n        content={content}\n        defaultOpen={defaultOpen}\n        open={visible}\n        placement={'bottom'}\n        trigger={'click'}\n        classNames={{\n          content: styles.popover,\n          root: styles.positioner,\n        }}\n        onOpenChange={(v) => {\n          if (loading) return;\n          setVisible(v);\n        }}\n        {...popupProps}\n      >\n        {customRender ? (\n          customRender(ava)\n        ) : (\n          <Avatar\n            avatar={ava}\n            className={cx(styles.root, className)}\n            loading={loading}\n            shape={shape}\n            {...rest}\n          />\n        )}\n      </Popover>\n    );\n  },\n);\n\nEmojiPicker.displayName = 'EmojiPicker';\n\nexport default EmojiPicker;\n"],"mappings":"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"}

package/es/EmojiPicker/index.mjs

@@ -1,3 +1,2 @@
-import EmojiPicker_default from "./EmojiPicker.mjs";
-
-export { EmojiPicker_default as default };
+import EmojiPicker from "./EmojiPicker.mjs";
+export { EmojiPicker as default };

package/es/EmojiPicker/style.mjs

@@ -1,8 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/EmojiPicker/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	picker: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	picker: css`
     position: relative;
 
     em-emoji-picker {
@@ -12,23 +11,23 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       --border-radius: 0;
     }
   `,
-	popover: css$1`
+	popover: css`
     overflow: hidden;
     padding: 0;
   `,
-	positioner: css$1`
+	positioner: css`
     width: fit-content !important;
   `,
-	root: css$1`
+	root: css`
     position: relative;
-    transition: background 150ms ${cssVar$1.motionEaseOut};
+    transition: background 150ms ${cssVar.motionEaseOut};
 
     &:hover {
-      background: ${cssVar$1.colorFillSecondary};
+      background: ${cssVar.colorFillSecondary};
     }
   `,
-	tabs: css$1`
-    border-block-end: 1px solid ${cssVar$1.colorBorderSecondary};
+	tabs: css`
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
 
     .ant-tabs-tab {
       display: flex;
@@ -41,7 +40,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     }
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/EmojiPicker/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/EmojiPicker/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  picker: css`\n    position: relative;\n\n    em-emoji-picker {\n      --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);\n      --shadow: none;\n      --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);\n      --border-radius: 0;\n    }\n  `,\n  popover: css`\n    overflow: hidden;\n    padding: 0;\n  `,\n  positioner: css`\n    width: fit-content !important;\n  `,\n  root: css`\n    position: relative;\n    transition: background 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  tabs: css`\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    .ant-tabs-tab {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0 !important;\n    }\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;;;;;;;;;;CAUX,SAAS,KAAG;;;;CAIZ,YAAY,KAAG;;;CAGf,MAAM,KAAG;;mCAEwBA,SAAO,cAAc;;;oBAGpCA,SAAO,mBAAmB;;;CAG5C,MAAM,KAAG;kCACuBA,SAAO,qBAAqB;;;;;;;;;;;;CAY7D,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/EmojiPicker/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  picker: css`\n    position: relative;\n\n    em-emoji-picker {\n      --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);\n      --shadow: none;\n      --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);\n      --border-radius: 0;\n    }\n  `,\n  popover: css`\n    overflow: hidden;\n    padding: 0;\n  `,\n  positioner: css`\n    width: fit-content !important;\n  `,\n  root: css`\n    position: relative;\n    transition: background 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  tabs: css`\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    .ant-tabs-tab {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0 !important;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;CAUX,SAAS,GAAG;;;;CAIZ,YAAY,GAAG;;;CAGf,MAAM,GAAG;;mCAEwB,OAAO,cAAc;;;oBAGpC,OAAO,mBAAmB;;;CAG5C,MAAM,GAAG;kCACuB,OAAO,qBAAqB;;;;;;;;;;;;CAY7D,EAAE"}

package/es/EmojiPicker/type.d.mts

@@ -1,7 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
 import { AvatarProps } from "../Avatar/type.mjs";
 import { PopoverProps } from "../base-ui/Popover/type.mjs";
-import "../Popover/index.mjs";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/EmojiPicker/type.d.ts

package/es/Empty/Empty.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Block_default from "../Block/Block.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import Text_default from "../Text/Text.mjs";
-import FluentEmoji_default from "../FluentEmoji/FluentEmoji.mjs";
+import Block from "../Block/Block.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Text from "../Text/Text.mjs";
+import FluentEmoji from "../FluentEmoji/FluentEmoji.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Empty } from "antd";
 import { cssVar, useThemeMode } from "antd-style";
-
 //#region src/Empty/Empty.tsx
 const Empty$1 = ({ title, description, icon, image, emoji, imageSize = 48, iconColor, action, children, imageProps, align, actionProps, type = "default", titleProps, descriptionProps, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -16,7 +14,7 @@ const Empty$1 = ({ title, description, icon, image, emoji, imageSize = 48, iconC
 	const alignValue = align || (isPage ? "flex-start" : "center");
 	const isCenter = alignValue === "center";
 	const fallbackImage = Empty.PRESENTED_IMAGE_SIMPLE;
-	const cover = image || emoji || icon ? image ? image : /* @__PURE__ */ jsxs(Block_default, {
+	const cover = image || emoji || icon ? image ? image : /* @__PURE__ */ jsxs(Block, {
 		align: "center",
 		flex: "none",
 		height: imageSize,
@@ -28,11 +26,11 @@ const Empty$1 = ({ title, description, icon, image, emoji, imageSize = 48, iconC
 			marginBottom: 4,
 			...imageProps?.style
 		},
-		children: [icon && /* @__PURE__ */ jsx(Icon_default, {
+		children: [icon && /* @__PURE__ */ jsx(Icon, {
 			icon,
 			size: imageSize * .66,
 			color: iconColor || (isDarkMode ? cssVar.colorTextQuaternary : cssVar.colorTextSecondary)
-		}), emoji && /* @__PURE__ */ jsx(FluentEmoji_default, {
+		}), emoji && /* @__PURE__ */ jsx(FluentEmoji, {
 			emoji,
 			size: imageSize * .75,
 			type: "anim"
@@ -48,13 +46,13 @@ const Empty$1 = ({ title, description, icon, image, emoji, imageSize = 48, iconC
 			/* @__PURE__ */ jsxs(FlexBasic_default, {
 				align: alignValue,
 				gap: isPage ? 4 : 1,
-				children: [title && /* @__PURE__ */ jsx(Text_default, {
+				children: [title && /* @__PURE__ */ jsx(Text, {
 					align: isCenter ? "center" : void 0,
 					fontSize: isPage ? 24 : 16,
 					weight: "bold",
 					...titleProps,
 					children: title
-				}), description && /* @__PURE__ */ jsx(Text_default, {
+				}), description && /* @__PURE__ */ jsx(Text, {
 					align: isCenter ? "center" : void 0,
 					color: isPage ? cssVar.colorTextSecondary : cssVar.colorTextDescription,
 					fontSize: isPage ? 16 : 14,
@@ -72,8 +70,7 @@ const Empty$1 = ({ title, description, icon, image, emoji, imageSize = 48, iconC
 	});
 };
 Empty$1.displayName = "Empty";
-var Empty_default = Empty$1;
-
 //#endregion
-export { Empty_default as default };
+export { Empty$1 as default };
+
 //# sourceMappingURL=Empty.mjs.map

package/es/Empty/Empty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Empty.mjs","names":["Empty: FC<EmptyProps>","AntEmpty","Block","Icon","FluentEmoji","Flexbox","Text","Empty"],"sources":["../../src/Empty/Empty.tsx"],"sourcesContent":["'use client';\n\nimport { Empty as AntEmpty } from 'antd';\nimport { cssVar, useThemeMode } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Text from '@/Text';\n\nimport type { EmptyProps } from './type';\n\nconst Empty: FC<EmptyProps> = ({\n  title,\n  description,\n  icon,\n  image,\n  emoji,\n  imageSize = 48,\n  iconColor,\n  action,\n  children,\n  imageProps,\n  align,\n  actionProps,\n  type = 'default',\n  titleProps,\n  descriptionProps,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n  const isPage = type === 'page';\n  const alignValue = align || (isPage ? 'flex-start' : 'center');\n  const isCenter = alignValue === 'center';\n\n  const fallbackImage = AntEmpty.PRESENTED_IMAGE_SIMPLE;\n  const hasImage = image || emoji || icon;\n  const cover = hasImage ? (\n    image ? (\n      image\n    ) : (\n      <Block\n        align={'center'}\n        flex={'none'}\n        height={imageSize}\n        justify=\"center\"\n        variant={'outlined'}\n        width={imageSize}\n        {...imageProps}\n        style={{\n          marginBottom: 4,\n          ...imageProps?.style,\n        }}\n      >\n        {icon && (\n          <Icon\n            icon={icon}\n            size={imageSize * 0.66}\n            color={\n              iconColor || (isDarkMode ? cssVar.colorTextQuaternary : cssVar.colorTextSecondary)\n            }\n          />\n        )}\n        {emoji && <FluentEmoji emoji={emoji} size={imageSize * 0.75} type={'anim'} />}\n      </Block>\n    )\n  ) : (\n    fallbackImage\n  );\n\n  return (\n    <Flexbox align={alignValue} gap={8} padding={16} {...rest}>\n      {cover}\n      <Flexbox align={alignValue} gap={isPage ? 4 : 1}>\n        {title && (\n          <Text\n            align={isCenter ? 'center' : undefined}\n            fontSize={isPage ? 24 : 16}\n            weight={'bold'}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        )}\n        {description && (\n          <Text\n            align={isCenter ? 'center' : undefined}\n            color={isPage ? cssVar.colorTextSecondary : cssVar.colorTextDescription}\n            fontSize={isPage ? 16 : 14}\n            {...descriptionProps}\n          >\n            {description}\n          </Text>\n        )}\n      </Flexbox>\n      {children}\n      {action && (\n        <Flexbox gap={4} {...actionProps}>\n          {action}\n        </Flexbox>\n      )}\n    </Flexbox>\n  );\n};\n\nEmpty.displayName = 'Empty';\n\nexport default Empty;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,WAAyB,EAC7B,OACA,aACA,MACA,OACA,OACA,YAAY,IACZ,WACA,QACA,UACA,YACA,OACA,aACA,OAAO,WACP,YACA,kBACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CACrC,MAAM,SAAS,SAAS;CACxB,MAAM,aAAa,UAAU,SAAS,eAAe;CACrD,MAAM,WAAW,eAAe;CAEhC,MAAM,gBAAgBC,MAAS;CAE/B,MAAM,QADW,SAAS,SAAS,OAEjC,QACE,QAEA,qBAACC;EACC,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAQ;EACR,SAAS;EACT,OAAO;EACP,GAAI;EACJ,OAAO;GACL,cAAc;GACd,GAAG,YAAY;GAChB;aAEA,QACC,oBAACC;GACO;GACN,MAAM,YAAY;GAClB,OACE,cAAc,aAAa,OAAO,sBAAsB,OAAO;IAEjE,EAEH,SAAS,oBAACC;GAAmB;GAAO,MAAM,YAAY;GAAM,MAAM;IAAU;GACvE,GAGV;AAGF,QACE,qBAACC;EAAQ,OAAO;EAAY,KAAK;EAAG,SAAS;EAAI,GAAI;;GAClD;GACD,qBAACA;IAAQ,OAAO;IAAY,KAAK,SAAS,IAAI;eAC3C,SACC,oBAACC;KACC,OAAO,WAAW,WAAW;KAC7B,UAAU,SAAS,KAAK;KACxB,QAAQ;KACR,GAAI;eAEH;MACI,EAER,eACC,oBAACA;KACC,OAAO,WAAW,WAAW;KAC7B,OAAO,SAAS,OAAO,qBAAqB,OAAO;KACnD,UAAU,SAAS,KAAK;KACxB,GAAI;eAEH;MACI;KAED;GACT;GACA,UACC,oBAACD;IAAQ,KAAK;IAAG,GAAI;cAClB;KACO;;GAEJ;;AAId,QAAM,cAAc;AAEpB,oBAAeE"}
+{"version":3,"file":"Empty.mjs","names":["Empty","AntEmpty","Flexbox"],"sources":["../../src/Empty/Empty.tsx"],"sourcesContent":["'use client';\n\nimport { Empty as AntEmpty } from 'antd';\nimport { cssVar, useThemeMode } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Text from '@/Text';\n\nimport type { EmptyProps } from './type';\n\nconst Empty: FC<EmptyProps> = ({\n  title,\n  description,\n  icon,\n  image,\n  emoji,\n  imageSize = 48,\n  iconColor,\n  action,\n  children,\n  imageProps,\n  align,\n  actionProps,\n  type = 'default',\n  titleProps,\n  descriptionProps,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n  const isPage = type === 'page';\n  const alignValue = align || (isPage ? 'flex-start' : 'center');\n  const isCenter = alignValue === 'center';\n\n  const fallbackImage = AntEmpty.PRESENTED_IMAGE_SIMPLE;\n  const hasImage = image || emoji || icon;\n  const cover = hasImage ? (\n    image ? (\n      image\n    ) : (\n      <Block\n        align={'center'}\n        flex={'none'}\n        height={imageSize}\n        justify=\"center\"\n        variant={'outlined'}\n        width={imageSize}\n        {...imageProps}\n        style={{\n          marginBottom: 4,\n          ...imageProps?.style,\n        }}\n      >\n        {icon && (\n          <Icon\n            icon={icon}\n            size={imageSize * 0.66}\n            color={\n              iconColor || (isDarkMode ? cssVar.colorTextQuaternary : cssVar.colorTextSecondary)\n            }\n          />\n        )}\n        {emoji && <FluentEmoji emoji={emoji} size={imageSize * 0.75} type={'anim'} />}\n      </Block>\n    )\n  ) : (\n    fallbackImage\n  );\n\n  return (\n    <Flexbox align={alignValue} gap={8} padding={16} {...rest}>\n      {cover}\n      <Flexbox align={alignValue} gap={isPage ? 4 : 1}>\n        {title && (\n          <Text\n            align={isCenter ? 'center' : undefined}\n            fontSize={isPage ? 24 : 16}\n            weight={'bold'}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        )}\n        {description && (\n          <Text\n            align={isCenter ? 'center' : undefined}\n            color={isPage ? cssVar.colorTextSecondary : cssVar.colorTextDescription}\n            fontSize={isPage ? 16 : 14}\n            {...descriptionProps}\n          >\n            {description}\n          </Text>\n        )}\n      </Flexbox>\n      {children}\n      {action && (\n        <Flexbox gap={4} {...actionProps}>\n          {action}\n        </Flexbox>\n      )}\n    </Flexbox>\n  );\n};\n\nEmpty.displayName = 'Empty';\n\nexport default Empty;\n"],"mappings":";;;;;;;;;;AAcA,MAAMA,WAAyB,EAC7B,OACA,aACA,MACA,OACA,OACA,YAAY,IACZ,WACA,QACA,UACA,YACA,OACA,aACA,OAAO,WACP,YACA,kBACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CACrC,MAAM,SAAS,SAAS;CACxB,MAAM,aAAa,UAAU,SAAS,eAAe;CACrD,MAAM,WAAW,eAAe;CAEhC,MAAM,gBAAgBC,MAAS;CAE/B,MAAM,QADW,SAAS,SAAS,OAEjC,QACE,QAEA,qBAAC,OAAD;EACE,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAQ;EACR,SAAS;EACT,OAAO;EACP,GAAI;EACJ,OAAO;GACL,cAAc;GACd,GAAG,YAAY;GAChB;YAXH,CAaG,QACC,oBAAC,MAAD;GACQ;GACN,MAAM,YAAY;GAClB,OACE,cAAc,aAAa,OAAO,sBAAsB,OAAO;GAEjE,CAAA,EAEH,SAAS,oBAAC,aAAD;GAAoB;GAAO,MAAM,YAAY;GAAM,MAAM;GAAU,CAAA,CACvE;MAGV;AAGF,QACE,qBAACC,mBAAD;EAAS,OAAO;EAAY,KAAK;EAAG,SAAS;EAAI,GAAI;YAArD;GACG;GACD,qBAACA,mBAAD;IAAS,OAAO;IAAY,KAAK,SAAS,IAAI;cAA9C,CACG,SACC,oBAAC,MAAD;KACE,OAAO,WAAW,WAAW,KAAA;KAC7B,UAAU,SAAS,KAAK;KACxB,QAAQ;KACR,GAAI;eAEH;KACI,CAAA,EAER,eACC,oBAAC,MAAD;KACE,OAAO,WAAW,WAAW,KAAA;KAC7B,OAAO,SAAS,OAAO,qBAAqB,OAAO;KACnD,UAAU,SAAS,KAAK;KACxB,GAAI;eAEH;KACI,CAAA,CAED;;GACT;GACA,UACC,oBAACA,mBAAD;IAAS,KAAK;IAAG,GAAI;cAClB;IACO,CAAA;GAEJ;;;AAId,QAAM,cAAc"}

package/es/Empty/index.mjs

@@ -1,3 +1,2 @@
-import Empty_default from "./Empty.mjs";
-
-export { Empty_default as default };
+import Empty from "./Empty.mjs";
+export { Empty as default };

package/es/Empty/type.d.mts

@@ -1,11 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { BlockProps } from "../Block/type.mjs";
-import "../Block/index.mjs";
 import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
 import { TextProps } from "../Text/type.mjs";
-import "../Text/index.mjs";
 import { ReactNode } from "react";
 
 //#region src/Empty/type.d.ts

package/es/FileTypeIcon/FileTypeIcon.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Center_default from "../Flex/Center.mjs";
+"use client";
+import Center from "../Flex/Center.mjs";
 import { styles } from "./style.mjs";
-import FileIcon_default from "./components/FileIcon.mjs";
-import FolderIcon_default from "./components/FolderIcon.mjs";
+import FileIcon from "./components/FileIcon.mjs";
+import FolderIcon from "./components/FolderIcon.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx, useThemeMode } from "antd-style";
-
 //#region src/FileTypeIcon/FileTypeIcon.tsx
 const FileTypeIcon = ({ icon, color, filetype, type = "file", size = 48, style, variant, className, ref, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -22,7 +20,7 @@ const FileTypeIcon = ({ icon, color, filetype, type = "file", size = 48, style,
 		isDarkMode,
 		color
 	]);
-	const content = type === "file" ? /* @__PURE__ */ jsx(FileIcon_default, {
+	const content = type === "file" ? /* @__PURE__ */ jsx(FileIcon, {
 		filetypeShort,
 		fontSize,
 		hasIcon: !!icon,
@@ -30,7 +28,7 @@ const FileTypeIcon = ({ icon, color, filetype, type = "file", size = 48, style,
 		isMono,
 		size,
 		...rest
-	}) : /* @__PURE__ */ jsx(FolderIcon_default, {
+	}) : /* @__PURE__ */ jsx(FolderIcon, {
 		filetype,
 		fontSize,
 		hasIcon: !!icon,
@@ -40,7 +38,7 @@ const FileTypeIcon = ({ icon, color, filetype, type = "file", size = 48, style,
 		...rest
 	});
 	if (!icon) return content;
-	return /* @__PURE__ */ jsxs(Center_default, {
+	return /* @__PURE__ */ jsxs(Center, {
 		className: cx(styles.container, className),
 		flex: "none",
 		height: size,
@@ -59,8 +57,7 @@ const FileTypeIcon = ({ icon, color, filetype, type = "file", size = 48, style,
 	});
 };
 FileTypeIcon.displayName = "FileTypeIcon";
-var FileTypeIcon_default = FileTypeIcon;
-
 //#endregion
-export { FileTypeIcon_default as default };
+export { FileTypeIcon as default };
+
 //# sourceMappingURL=FileTypeIcon.mjs.map

package/es/FileTypeIcon/FileTypeIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileTypeIcon.mjs","names":["FileTypeIcon: FC<FileTypeIconProps>","FileIcon","FolderIcon","Center"],"sources":["../../src/FileTypeIcon/FileTypeIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useThemeMode } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\n\nimport FileIcon from './components/FileIcon';\nimport FolderIcon from './components/FolderIcon';\nimport { styles } from './style';\nimport type { FileTypeIconProps } from './type';\n\nconst FileTypeIcon: FC<FileTypeIconProps> = ({\n  icon,\n  color,\n  filetype,\n  type = 'file',\n  size = 48,\n  style,\n  variant,\n  className,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n  const isMono = variant === 'mono';\n\n  const filetypeShort = useMemo(\n    () => (filetype && filetype.length > 4 ? filetype.slice(0, 4) : filetype),\n    [filetype],\n  );\n\n  const fontSize = useMemo(() => {\n    if (filetypeShort && filetypeShort.length > 3) {\n      return 24 / (4 + (filetypeShort.length - 3));\n    }\n    return 6;\n  }, [filetypeShort]);\n\n  const iconColor = useMemo(\n    () =>\n      isMono ? (isDarkMode ? cssVar.colorFill : cssVar.colorBgContainer) : color || cssVar.geekblue,\n    [isMono, isDarkMode, color],\n  );\n\n  const content =\n    type === 'file' ? (\n      <FileIcon\n        filetypeShort={filetypeShort}\n        fontSize={fontSize}\n        hasIcon={!!icon}\n        iconColor={iconColor}\n        isMono={isMono}\n        size={size}\n        {...rest}\n      />\n    ) : (\n      <FolderIcon\n        filetype={filetype}\n        fontSize={fontSize}\n        hasIcon={!!icon}\n        iconColor={iconColor}\n        isMono={isMono}\n        size={size}\n        {...rest}\n      />\n    );\n\n  if (!icon) return content;\n\n  return (\n    <Center\n      className={cx(styles.container, className)}\n      flex={'none'}\n      height={size}\n      ref={ref}\n      style={style}\n      width={size}\n      {...rest}\n    >\n      <div\n        className={styles.inner}\n        style={{\n          fontSize: size / 2.4,\n          top: type === 'file' ? '20%' : '16%',\n        }}\n      >\n        {icon}\n      </div>\n      {content}\n    </Center>\n  );\n};\n\nFileTypeIcon.displayName = 'FileTypeIcon';\n\nexport default FileTypeIcon;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,gBAAuC,EAC3C,MACA,OACA,UACA,OAAO,QACP,OAAO,IACP,OACA,SACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CACrC,MAAM,SAAS,YAAY;CAE3B,MAAM,gBAAgB,cACb,YAAY,SAAS,SAAS,IAAI,SAAS,MAAM,GAAG,EAAE,GAAG,UAChE,CAAC,SAAS,CACX;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,iBAAiB,cAAc,SAAS,EAC1C,QAAO,MAAM,KAAK,cAAc,SAAS;AAE3C,SAAO;IACN,CAAC,cAAc,CAAC;CAEnB,MAAM,YAAY,cAEd,SAAU,aAAa,OAAO,YAAY,OAAO,mBAAoB,SAAS,OAAO,UACvF;EAAC;EAAQ;EAAY;EAAM,CAC5B;CAED,MAAM,UACJ,SAAS,SACP,oBAACC;EACgB;EACL;EACV,SAAS,CAAC,CAAC;EACA;EACH;EACF;EACN,GAAI;GACJ,GAEF,oBAACC;EACW;EACA;EACV,SAAS,CAAC,CAAC;EACA;EACH;EACF;EACN,GAAI;GACJ;AAGN,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,qBAACC;EACC,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,MAAM;EACN,QAAQ;EACH;EACE;EACP,OAAO;EACP,GAAI;aAEJ,oBAAC;GACC,WAAW,OAAO;GAClB,OAAO;IACL,UAAU,OAAO;IACjB,KAAK,SAAS,SAAS,QAAQ;IAChC;aAEA;IACG,EACL;GACM;;AAIb,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"FileTypeIcon.mjs","names":[],"sources":["../../src/FileTypeIcon/FileTypeIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useThemeMode } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\n\nimport FileIcon from './components/FileIcon';\nimport FolderIcon from './components/FolderIcon';\nimport { styles } from './style';\nimport type { FileTypeIconProps } from './type';\n\nconst FileTypeIcon: FC<FileTypeIconProps> = ({\n  icon,\n  color,\n  filetype,\n  type = 'file',\n  size = 48,\n  style,\n  variant,\n  className,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n  const isMono = variant === 'mono';\n\n  const filetypeShort = useMemo(\n    () => (filetype && filetype.length > 4 ? filetype.slice(0, 4) : filetype),\n    [filetype],\n  );\n\n  const fontSize = useMemo(() => {\n    if (filetypeShort && filetypeShort.length > 3) {\n      return 24 / (4 + (filetypeShort.length - 3));\n    }\n    return 6;\n  }, [filetypeShort]);\n\n  const iconColor = useMemo(\n    () =>\n      isMono ? (isDarkMode ? cssVar.colorFill : cssVar.colorBgContainer) : color || cssVar.geekblue,\n    [isMono, isDarkMode, color],\n  );\n\n  const content =\n    type === 'file' ? (\n      <FileIcon\n        filetypeShort={filetypeShort}\n        fontSize={fontSize}\n        hasIcon={!!icon}\n        iconColor={iconColor}\n        isMono={isMono}\n        size={size}\n        {...rest}\n      />\n    ) : (\n      <FolderIcon\n        filetype={filetype}\n        fontSize={fontSize}\n        hasIcon={!!icon}\n        iconColor={iconColor}\n        isMono={isMono}\n        size={size}\n        {...rest}\n      />\n    );\n\n  if (!icon) return content;\n\n  return (\n    <Center\n      className={cx(styles.container, className)}\n      flex={'none'}\n      height={size}\n      ref={ref}\n      style={style}\n      width={size}\n      {...rest}\n    >\n      <div\n        className={styles.inner}\n        style={{\n          fontSize: size / 2.4,\n          top: type === 'file' ? '20%' : '16%',\n        }}\n      >\n        {icon}\n      </div>\n      {content}\n    </Center>\n  );\n};\n\nFileTypeIcon.displayName = 'FileTypeIcon';\n\nexport default FileTypeIcon;\n"],"mappings":";;;;;;;;;AAYA,MAAM,gBAAuC,EAC3C,MACA,OACA,UACA,OAAO,QACP,OAAO,IACP,OACA,SACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CACrC,MAAM,SAAS,YAAY;CAE3B,MAAM,gBAAgB,cACb,YAAY,SAAS,SAAS,IAAI,SAAS,MAAM,GAAG,EAAE,GAAG,UAChE,CAAC,SAAS,CACX;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,iBAAiB,cAAc,SAAS,EAC1C,QAAO,MAAM,KAAK,cAAc,SAAS;AAE3C,SAAO;IACN,CAAC,cAAc,CAAC;CAEnB,MAAM,YAAY,cAEd,SAAU,aAAa,OAAO,YAAY,OAAO,mBAAoB,SAAS,OAAO,UACvF;EAAC;EAAQ;EAAY;EAAM,CAC5B;CAED,MAAM,UACJ,SAAS,SACP,oBAAC,UAAD;EACiB;EACL;EACV,SAAS,CAAC,CAAC;EACA;EACH;EACF;EACN,GAAI;EACJ,CAAA,GAEF,oBAAC,YAAD;EACY;EACA;EACV,SAAS,CAAC,CAAC;EACA;EACH;EACF;EACN,GAAI;EACJ,CAAA;AAGN,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,qBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,MAAM;EACN,QAAQ;EACH;EACE;EACP,OAAO;EACP,GAAI;YAPN,CASE,oBAAC,OAAD;GACE,WAAW,OAAO;GAClB,OAAO;IACL,UAAU,OAAO;IACjB,KAAK,SAAS,SAAS,QAAQ;IAChC;aAEA;GACG,CAAA,EACL,QACM;;;AAIb,aAAa,cAAc"}

package/es/FileTypeIcon/components/FileIcon.mjs

@@ -1,7 +1,6 @@
 import { styles } from "../style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
-
 //#region src/FileTypeIcon/components/FileIcon.tsx
 const FileIcon = ({ size, isMono, hasIcon, iconColor, filetypeShort, className, fontSize, style, ...rest }) => {
 	return /* @__PURE__ */ jsxs("svg", {
@@ -40,8 +39,7 @@ const FileIcon = ({ size, isMono, hasIcon, iconColor, filetypeShort, className,
 		]
 	});
 };
-var FileIcon_default = FileIcon;
-
 //#endregion
-export { FileIcon_default as default };
+export { FileIcon as default };
+
 //# sourceMappingURL=FileIcon.mjs.map

package/es/FileTypeIcon/components/FileIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileIcon.mjs","names":["FileIcon: FC<FileIconProps>"],"sources":["../../../src/FileTypeIcon/components/FileIcon.tsx"],"sourcesContent":["import { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport type { SvgProps } from '@/types';\n\nimport { styles } from '../style';\n\ninterface FileIconProps extends SvgProps {\n  filetypeShort?: string;\n  fontSize?: number;\n  hasIcon?: boolean;\n  iconColor?: string;\n  isMono?: boolean;\n  size?: number;\n}\n\nconst FileIcon: FC<FileIconProps> = ({\n  size,\n  isMono,\n  hasIcon,\n  iconColor,\n  filetypeShort,\n  className,\n  fontSize,\n  style,\n  ...rest\n}) => {\n  return (\n    <svg\n      className={cx(styles.icon, !hasIcon && className)}\n      height={size}\n      style={hasIcon ? undefined : style}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path d=\"M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6z\" fill={iconColor} />\n      <path\n        d=\"M14 2l6 6h-4a2 2 0 01-2-2V2z\"\n        fill={isMono ? cssVar.colorFill : '#fff'}\n        fillOpacity=\".5\"\n      />\n      {filetypeShort && (\n        <text\n          fill={isMono ? cssVar.colorTextSecondary : '#fff'}\n          fontSize={fontSize}\n          fontWeight=\"bold\"\n          textAnchor=\"middle\"\n          x=\"50%\"\n          y=\"70%\"\n        >\n          {filetypeShort.toUpperCase()}\n        </text>\n      )}\n      <path\n        d=\"M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6z\"\n        fill={'transparent'}\n        stroke={cssVar.colorFillSecondary}\n        strokeWidth={0.5}\n      />\n    </svg>\n  );\n};\n\nexport default FileIcon;\n"],"mappings":";;;;;AAgBA,MAAMA,YAA+B,EACnC,MACA,QACA,SACA,WACA,eACA,WACA,UACA,OACA,GAAG,WACC;AACJ,QACE,qBAAC;EACC,WAAW,GAAG,OAAO,MAAM,CAAC,WAAW,UAAU;EACjD,QAAQ;EACR,OAAO,UAAU,SAAY;EAC7B,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;;GAEJ,oBAAC;IAAK,GAAE;IAA4D,MAAM;KAAa;GACvF,oBAAC;IACC,GAAE;IACF,MAAM,SAAS,OAAO,YAAY;IAClC,aAAY;KACZ;GACD,iBACC,oBAAC;IACC,MAAM,SAAS,OAAO,qBAAqB;IACjC;IACV,YAAW;IACX,YAAW;IACX,GAAE;IACF,GAAE;cAED,cAAc,aAAa;KACvB;GAET,oBAAC;IACC,GAAE;IACF,MAAM;IACN,QAAQ,OAAO;IACf,aAAa;KACb;;GACE;;AAIV,uBAAe"}
+{"version":3,"file":"FileIcon.mjs","names":[],"sources":["../../../src/FileTypeIcon/components/FileIcon.tsx"],"sourcesContent":["import { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport type { SvgProps } from '@/types';\n\nimport { styles } from '../style';\n\ninterface FileIconProps extends SvgProps {\n  filetypeShort?: string;\n  fontSize?: number;\n  hasIcon?: boolean;\n  iconColor?: string;\n  isMono?: boolean;\n  size?: number;\n}\n\nconst FileIcon: FC<FileIconProps> = ({\n  size,\n  isMono,\n  hasIcon,\n  iconColor,\n  filetypeShort,\n  className,\n  fontSize,\n  style,\n  ...rest\n}) => {\n  return (\n    <svg\n      className={cx(styles.icon, !hasIcon && className)}\n      height={size}\n      style={hasIcon ? undefined : style}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path d=\"M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6z\" fill={iconColor} />\n      <path\n        d=\"M14 2l6 6h-4a2 2 0 01-2-2V2z\"\n        fill={isMono ? cssVar.colorFill : '#fff'}\n        fillOpacity=\".5\"\n      />\n      {filetypeShort && (\n        <text\n          fill={isMono ? cssVar.colorTextSecondary : '#fff'}\n          fontSize={fontSize}\n          fontWeight=\"bold\"\n          textAnchor=\"middle\"\n          x=\"50%\"\n          y=\"70%\"\n        >\n          {filetypeShort.toUpperCase()}\n        </text>\n      )}\n      <path\n        d=\"M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6z\"\n        fill={'transparent'}\n        stroke={cssVar.colorFillSecondary}\n        strokeWidth={0.5}\n      />\n    </svg>\n  );\n};\n\nexport default FileIcon;\n"],"mappings":";;;;AAgBA,MAAM,YAA+B,EACnC,MACA,QACA,SACA,WACA,eACA,WACA,UACA,OACA,GAAG,WACC;AACJ,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,CAAC,WAAW,UAAU;EACjD,QAAQ;EACR,OAAO,UAAU,KAAA,IAAY;EAC7B,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YAPN;GASE,oBAAC,QAAD;IAAM,GAAE;IAA4D,MAAM;IAAa,CAAA;GACvF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,SAAS,OAAO,YAAY;IAClC,aAAY;IACZ,CAAA;GACD,iBACC,oBAAC,QAAD;IACE,MAAM,SAAS,OAAO,qBAAqB;IACjC;IACV,YAAW;IACX,YAAW;IACX,GAAE;IACF,GAAE;cAED,cAAc,aAAa;IACvB,CAAA;GAET,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;IACN,QAAQ,OAAO;IACf,aAAa;IACb,CAAA;GACE"}

package/es/FileTypeIcon/components/FolderIcon.mjs

@@ -1,7 +1,6 @@
 import { styles } from "../style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
-
 //#region src/FileTypeIcon/components/FolderIcon.tsx
 const FolderIcon = ({ size, isMono, hasIcon, iconColor, filetype, className, fontSize, style, ...rest }) => {
 	return /* @__PURE__ */ jsxs("svg", {
@@ -28,8 +27,7 @@ const FolderIcon = ({ size, isMono, hasIcon, iconColor, filetype, className, fon
 		})]
 	});
 };
-var FolderIcon_default = FolderIcon;
-
 //#endregion
-export { FolderIcon_default as default };
+export { FolderIcon as default };
+
 //# sourceMappingURL=FolderIcon.mjs.map

package/es/FileTypeIcon/components/FolderIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.mjs","names":["FolderIcon: FC<FolderIconProps>"],"sources":["../../../src/FileTypeIcon/components/FolderIcon.tsx"],"sourcesContent":["import { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport type { SvgProps } from '@/types';\n\nimport { styles } from '../style';\n\ninterface FolderIconProps extends SvgProps {\n  filetype?: string;\n  fontSize?: number;\n  hasIcon?: boolean;\n  iconColor?: string;\n  isMono?: boolean;\n  size?: number;\n}\n\nconst FolderIcon: FC<FolderIconProps> = ({\n  size,\n  isMono,\n  hasIcon,\n  iconColor,\n  filetype,\n  className,\n  fontSize,\n  style,\n  ...rest\n}) => {\n  return (\n    <svg\n      className={cx(styles.icon, !hasIcon && className)}\n      height={size}\n      style={hasIcon ? undefined : style}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path\n        d=\"M10.46 5.076l-.92-.752A1.446 1.446 0 008.626 4H3.429c-.38 0-.743.147-1.01.41A1.386 1.386 0 002 5.4v13.2c0 .371.15.727.418.99.268.262.632.41 1.01.41h17.143c.38 0 .743-.148 1.01-.41.268-.263.419-.619.419-.99V6.8c0-.371-.15-.727-.418-.99a1.444 1.444 0 00-1.01-.41h-9.198c-.334 0-.657-.115-.914-.324z\"\n        fill={iconColor}\n        stroke={cssVar.colorFillSecondary}\n        strokeWidth={0.5}\n      />\n      {!hasIcon && filetype && (\n        <text\n          fill={isMono ? cssVar.colorTextSecondary : '#fff'}\n          fontSize={fontSize}\n          fontWeight=\"bold\"\n          textAnchor=\"middle\"\n          x=\"50%\"\n          y=\"70%\"\n        >\n          {filetype.toUpperCase()}\n        </text>\n      )}\n    </svg>\n  );\n};\n\nexport default FolderIcon;\n"],"mappings":";;;;;AAgBA,MAAMA,cAAmC,EACvC,MACA,QACA,SACA,WACA,UACA,WACA,UACA,OACA,GAAG,WACC;AACJ,QACE,qBAAC;EACC,WAAW,GAAG,OAAO,MAAM,CAAC,WAAW,UAAU;EACjD,QAAQ;EACR,OAAO,UAAU,SAAY;EAC7B,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;aAEJ,oBAAC;GACC,GAAE;GACF,MAAM;GACN,QAAQ,OAAO;GACf,aAAa;IACb,EACD,CAAC,WAAW,YACX,oBAAC;GACC,MAAM,SAAS,OAAO,qBAAqB;GACjC;GACV,YAAW;GACX,YAAW;GACX,GAAE;GACF,GAAE;aAED,SAAS,aAAa;IAClB;GAEL;;AAIV,yBAAe"}
+{"version":3,"file":"FolderIcon.mjs","names":[],"sources":["../../../src/FileTypeIcon/components/FolderIcon.tsx"],"sourcesContent":["import { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport type { SvgProps } from '@/types';\n\nimport { styles } from '../style';\n\ninterface FolderIconProps extends SvgProps {\n  filetype?: string;\n  fontSize?: number;\n  hasIcon?: boolean;\n  iconColor?: string;\n  isMono?: boolean;\n  size?: number;\n}\n\nconst FolderIcon: FC<FolderIconProps> = ({\n  size,\n  isMono,\n  hasIcon,\n  iconColor,\n  filetype,\n  className,\n  fontSize,\n  style,\n  ...rest\n}) => {\n  return (\n    <svg\n      className={cx(styles.icon, !hasIcon && className)}\n      height={size}\n      style={hasIcon ? undefined : style}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path\n        d=\"M10.46 5.076l-.92-.752A1.446 1.446 0 008.626 4H3.429c-.38 0-.743.147-1.01.41A1.386 1.386 0 002 5.4v13.2c0 .371.15.727.418.99.268.262.632.41 1.01.41h17.143c.38 0 .743-.148 1.01-.41.268-.263.419-.619.419-.99V6.8c0-.371-.15-.727-.418-.99a1.444 1.444 0 00-1.01-.41h-9.198c-.334 0-.657-.115-.914-.324z\"\n        fill={iconColor}\n        stroke={cssVar.colorFillSecondary}\n        strokeWidth={0.5}\n      />\n      {!hasIcon && filetype && (\n        <text\n          fill={isMono ? cssVar.colorTextSecondary : '#fff'}\n          fontSize={fontSize}\n          fontWeight=\"bold\"\n          textAnchor=\"middle\"\n          x=\"50%\"\n          y=\"70%\"\n        >\n          {filetype.toUpperCase()}\n        </text>\n      )}\n    </svg>\n  );\n};\n\nexport default FolderIcon;\n"],"mappings":";;;;AAgBA,MAAM,cAAmC,EACvC,MACA,QACA,SACA,WACA,UACA,WACA,UACA,OACA,GAAG,WACC;AACJ,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,CAAC,WAAW,UAAU;EACjD,QAAQ;EACR,OAAO,UAAU,KAAA,IAAY;EAC7B,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YAPN,CASE,oBAAC,QAAD;GACE,GAAE;GACF,MAAM;GACN,QAAQ,OAAO;GACf,aAAa;GACb,CAAA,EACD,CAAC,WAAW,YACX,oBAAC,QAAD;GACE,MAAM,SAAS,OAAO,qBAAqB;GACjC;GACV,YAAW;GACX,YAAW;GACX,GAAE;GACF,GAAE;aAED,SAAS,aAAa;GAClB,CAAA,CAEL"}

package/es/FileTypeIcon/index.mjs

@@ -1,3 +1,2 @@
-import FileTypeIcon_default from "./FileTypeIcon.mjs";
-
-export { FileTypeIcon_default as default };
+import FileTypeIcon from "./FileTypeIcon.mjs";
+export { FileTypeIcon as default };

package/es/FileTypeIcon/style.mjs

@@ -1,23 +1,22 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/FileTypeIcon/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css }) => {
 	return {
-		container: css$1`
+		container: css`
       position: relative;
     `,
-		icon: css$1`
+		icon: css`
       position: relative;
       flex: none;
       line-height: 1;
     `,
-		inner: css$1`
+		inner: css`
       position: absolute;
       z-index: 1;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/FileTypeIcon/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FileTypeIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n    `,\n    icon: css`\n      position: relative;\n      flex: none;\n      line-height: 1;\n    `,\n    inner: css`\n      position: absolute;\n      z-index: 1;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO;EACL,WAAW,KAAG;;;EAGd,MAAM,KAAG;;;;;EAKT,OAAO,KAAG;;;;EAIX;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FileTypeIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n    `,\n    icon: css`\n      position: relative;\n      flex: none;\n      line-height: 1;\n    `,\n    inner: css`\n      position: absolute;\n      z-index: 1;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,WAAW,GAAG;;;EAGd,MAAM,GAAG;;;;;EAKT,OAAO,GAAG;;;;EAIX;EACD"}

package/es/Flex/Center.mjs

@@ -1,6 +1,5 @@
 import FlexBasic_default from "./FlexBasic.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Flex/Center.tsx
 const Center = ({ children, ref, ...props }) => /* @__PURE__ */ jsx(FlexBasic_default, {
 	...props,
@@ -9,8 +8,7 @@ const Center = ({ children, ref, ...props }) => /* @__PURE__ */ jsx(FlexBasic_de
 	ref,
 	children
 });
-var Center_default = Center;
-
 //#endregion
-export { Center_default as default };
+export { Center as default };
+
 //# sourceMappingURL=Center.mjs.map