@jinmi/ui 0.0.0-stage → 6.0.1

package/es/EmojiPicker/EmojiPicker.mjs

@@ -0,0 +1,208 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Icon from "../Icon/Icon.mjs";
+import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
+import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
+import { useTranslation } from "../i18n/useTranslation.mjs";
+import Popover from "../base-ui/Popover/Popover.mjs";
+import Avatar from "../base-ui/Avatar/index.mjs";
+import Tabs from "../base-ui/Tabs/Tabs.mjs";
+import emojiPicker_default from "../i18n/resources/en/emojiPicker.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";
+import { cx, useTheme } from "antd-style";
+import useMergeState from "use-merge-value";
+import { SmileIcon, TrashIcon, UploadIcon } from "lucide-react";
+import chroma from "chroma-js";
+import data from "@emoji-mart/data";
+import Picker from "@emoji-mart/react";
+import { getLobeIconCDN } from "@lobehub/icons/es/features/getLobeIconCDN/index.js";
+import { toc } from "@lobehub/icons/es/toc.js";
+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, allowModelAvatar, texts, onDelete, compressSize = 256, customEmojis, className, loading, onUpload, customTabs = [], popupClassName, popupStyle, customRender, open, defaultOpen = false, onOpenChange, popupProps, shape, contentProps, ...rest }) => {
+	const ref = useRef(null);
+	const { t } = useTranslation(emojiPicker_default);
+	const [visible, setVisible] = useMergeState(defaultOpen, {
+		defaultValue: defaultOpen,
+		onChange: onOpenChange,
+		value: open
+	});
+	const [tab, setTab] = useState("emoji");
+	const theme = useTheme();
+	const pickerCssVariables = useMemo(() => ({
+		"--emoji-picker-rgb-accent": chroma(theme.colorPrimary).rgb().join(", "),
+		"--emoji-picker-rgb-background": chroma(theme.colorBgElevated).rgb().join(", ")
+	}), [theme.colorPrimary, theme.colorBgElevated]);
+	const { data: i18n } = useSWR(locale, async () => await import(
+		/* @vite-ignore */
+		`@emoji-mart/data/i18n/${locale.split("-")[0]}.json`
+), {
+		revalidateOnFocus: false,
+		revalidateOnMount: false
+	});
+	const [ava, setAva] = useMergeState(defaultAvatar, {
+		defaultValue: defaultAvatar,
+		onChange,
+		value
+	});
+	const handleAvatarChange = (emoji) => {
+		setAva(emoji);
+		setVisible(false);
+	};
+	const mergedCustomEmojis = useMemo(() => {
+		if (!allowModelAvatar) return customEmojis;
+		const modelEmojisCategory = {
+			id: "models",
+			name: "Models / Providers",
+			emojis: toc.filter((item) => item.group !== "application").map((item) => ({
+				id: item.id.toLowerCase(),
+				name: item.title,
+				keywords: [
+					item.title,
+					item.id,
+					item.fullTitle
+				],
+				skins: [{ src: getLobeIconCDN(item.id, {
+					format: "avatar",
+					cdn: "aliyun"
+				}) }]
+			}))
+		};
+		return customEmojis ? [modelEmojisCategory, ...customEmojis] : [modelEmojisCategory];
+	}, [allowModelAvatar, customEmojis]);
+	const emojiText = texts?.emoji ?? t("emojiPicker.emoji");
+	const uploadText = texts?.upload ?? t("emojiPicker.upload");
+	const deleteText = texts?.delete ?? t("emojiPicker.delete");
+	const items = [
+		!(typeof allowUpload === "object" && allowUpload?.enableEmoji === false) && {
+			key: "emoji",
+			label: /* @__PURE__ */ jsx(Tooltip, {
+				title: emojiText,
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: SmileIcon,
+					size: {
+						size: 20,
+						strokeWidth: 2.5
+					}
+				})
+			})
+		},
+		allowUpload && {
+			key: "upload",
+			label: /* @__PURE__ */ jsx(Tooltip, {
+				title: uploadText,
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: UploadIcon,
+					size: {
+						size: 20,
+						strokeWidth: 2.5
+					}
+				})
+			})
+		},
+		...customTabs.map((tab) => ({
+			key: tab.value,
+			label: tab.label
+		}))
+	].filter(Boolean);
+	const showTabs = allowDelete || items && items.length > 1;
+	const content = /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(styles.picker, popupClassName),
+		ref,
+		style: {
+			minWidth: 310,
+			paddingTop: showTabs ? 4 : 0,
+			...pickerCssVariables,
+			...popupStyle
+		},
+		...contentProps,
+		children: [
+			showTabs && /* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
+				align: "center",
+				className: styles.tabs,
+				justify: "space-between",
+				paddingInline: 10,
+				children: [/* @__PURE__ */ jsx(Tabs, {
+					activeKey: tab,
+					items,
+					variant: "square",
+					classNames: {
+						indicator: styles.tabsIndicator,
+						list: styles.tabsList,
+						root: styles.tabsRoot,
+						tab: styles.tab
+					},
+					onChange: (key) => setTab(key)
+				}), allowDelete && /* @__PURE__ */ jsx(ActionIcon, {
+					icon: TrashIcon,
+					title: deleteText,
+					size: {
+						blockSize: 32,
+						size: 18
+					},
+					onClick: () => {
+						handleAvatarChange(defaultAvatar);
+						onDelete?.();
+					}
+				})]
+			}),
+			tab === "emoji" && /* @__PURE__ */ jsx(Picker, {
+				custom: mergedCustomEmojis,
+				data,
+				i18n,
+				icons: "outline",
+				locale: locale.split("-")[0],
+				navPosition: showTabs ? "bottom" : "top",
+				previewPosition: "none",
+				skinTonePosition: "none",
+				theme: theme.isDarkMode ? "dark" : "light",
+				onEmojiSelect: (e) => handleAvatarChange(e.src || e.native)
+			}),
+			tab === "upload" && /* @__PURE__ */ jsx(AvatarUploader, {
+				compressSize,
+				shape,
+				texts,
+				onChange: handleAvatarChange,
+				onUpload
+			}),
+			customTabs.map((item) => tab === item.value && /* @__PURE__ */ jsx(FlexBasic_default, {
+				padding: 10,
+				children: item.render(handleAvatarChange)
+			}, item.value))
+		]
+	});
+	return /* @__PURE__ */ jsx(Popover, {
+		className: cx(styles.popover),
+		content,
+		defaultOpen,
+		open: visible,
+		placement: "bottom",
+		trigger: "click",
+		classNames: {
+			content: styles.popover,
+			root: styles.positioner
+		},
+		onOpenChange: (v) => {
+			if (loading) return;
+			setVisible(v);
+		},
+		...popupProps,
+		children: customRender ? customRender(ava) : /* @__PURE__ */ jsx(Avatar, {
+			avatar: ava,
+			className: cx(styles.root, className),
+			loading,
+			shape,
+			...rest
+		})
+	});
+});
+EmojiPicker.displayName = "EmojiPicker";
+//#endregion
+export { EmojiPicker as default };
+
+//# sourceMappingURL=EmojiPicker.mjs.map

package/es/EmojiPicker/EmojiPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.mjs","names":["emojiPickerMessages","Flexbox"],"sources":["../../src/EmojiPicker/EmojiPicker.tsx"],"sourcesContent":["'use client';\r\n\r\nimport data from '@emoji-mart/data';\r\nimport Picker from '@emoji-mart/react';\r\nimport { getLobeIconCDN } from '@lobehub/icons/es/features/getLobeIconCDN';\r\nimport { toc } from '@lobehub/icons/es/toc';\r\nimport { cx, useTheme } from 'antd-style';\r\nimport chroma from 'chroma-js';\r\nimport { SmileIcon, TrashIcon, UploadIcon } from 'lucide-react';\r\nimport { memo, useMemo, useRef, useState } from 'react';\r\nimport useSWR from 'swr';\r\nimport useMergeState from 'use-merge-value';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport Avatar from '@/base-ui/Avatar';\r\nimport Tabs, { type TabsProps } from '@/base-ui/Tabs';\r\nimport { Flexbox } from '@/Flex';\r\nimport emojiPickerMessages from '@/i18n/resources/en/emojiPicker';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\nimport Icon from '@/Icon';\r\nimport Popover from '@/Popover';\r\nimport Tooltip from '@/Tooltip';\r\n\r\nimport AvatarUploader from './AvatarUploader';\r\nimport { styles } from './style';\r\nimport { type EmojiPickerProps } from './type';\r\n\r\nconst DEFAULT_AVATAR = '🤖';\r\n\r\nconst EmojiPicker = memo<EmojiPickerProps>(\r\n  ({\r\n    value,\r\n    defaultAvatar = DEFAULT_AVATAR,\r\n    onChange,\r\n    locale = 'en-US',\r\n    allowUpload,\r\n    allowDelete,\r\n    allowModelAvatar,\r\n    texts,\r\n    onDelete,\r\n    compressSize = 256,\r\n    customEmojis,\r\n    className,\r\n    loading,\r\n    onUpload,\r\n    customTabs = [],\r\n    popupClassName,\r\n    popupStyle,\r\n    customRender,\r\n    open,\r\n    defaultOpen = false,\r\n    onOpenChange,\r\n    popupProps,\r\n    shape,\r\n    contentProps,\r\n    ...rest\r\n  }) => {\r\n    const ref = useRef<HTMLDivElement>(null);\r\n    const { t } = useTranslation(emojiPickerMessages);\r\n    const [visible, setVisible] = useMergeState(defaultOpen, {\r\n      defaultValue: defaultOpen,\r\n      onChange: onOpenChange,\r\n      value: open,\r\n    });\r\n    const [tab, setTab] = useState<'emoji' | 'upload'>('emoji');\r\n\r\n    const theme = useTheme();\r\n    const pickerCssVariables = useMemo<Record<string, string>>(\r\n      () => ({\r\n        '--emoji-picker-rgb-accent': chroma(theme.colorPrimary).rgb().join(', '),\r\n        '--emoji-picker-rgb-background': chroma(theme.colorBgElevated).rgb().join(', '),\r\n      }),\r\n      [theme.colorPrimary, theme.colorBgElevated],\r\n    );\r\n\r\n    const { data: i18n } = useSWR(\r\n      locale,\r\n      async () =>\r\n        await import(/* @vite-ignore */ `@emoji-mart/data/i18n/${locale.split('-')[0]}.json`),\r\n      { revalidateOnFocus: false, revalidateOnMount: false },\r\n    );\r\n\r\n    const [ava, setAva] = useMergeState(defaultAvatar, {\r\n      defaultValue: defaultAvatar,\r\n      onChange,\r\n      value,\r\n    });\r\n\r\n    const handleAvatarChange = (emoji: string) => {\r\n      setAva(emoji);\r\n      setVisible(false);\r\n    };\r\n\r\n    // Generate model avatars from @lobehub/icons when allowModelAvatar is enabled\r\n    const mergedCustomEmojis = useMemo(() => {\r\n      if (!allowModelAvatar) return customEmojis;\r\n\r\n      const modelIcons = toc.filter((item) => item.group !== 'application');\r\n\r\n      const modelEmojisCategory = {\r\n        id: 'models',\r\n        name: 'Models / Providers',\r\n        emojis: modelIcons.map((item) => ({\r\n          id: item.id.toLowerCase(),\r\n          name: item.title,\r\n          keywords: [item.title, item.id, item.fullTitle],\r\n          skins: [{ src: getLobeIconCDN(item.id, { format: 'avatar', cdn: 'aliyun' }) }],\r\n        })),\r\n      };\r\n\r\n      return customEmojis ? [modelEmojisCategory, ...customEmojis] : [modelEmojisCategory];\r\n    }, [allowModelAvatar, customEmojis]);\r\n\r\n    const emojiText = texts?.emoji ?? t('emojiPicker.emoji');\r\n    const uploadText = texts?.upload ?? t('emojiPicker.upload');\r\n    const deleteText = texts?.delete ?? t('emojiPicker.delete');\r\n\r\n    const hideEmojiTab = typeof allowUpload === 'object' && allowUpload?.enableEmoji === false;\r\n\r\n    const items: TabsProps['items'] = [\r\n      !hideEmojiTab && {\r\n        key: 'emoji',\r\n        label: (\r\n          <Tooltip title={emojiText}>\r\n            <Icon icon={SmileIcon} size={{ size: 20, strokeWidth: 2.5 }} />\r\n          </Tooltip>\r\n        ),\r\n      },\r\n      allowUpload && {\r\n        key: 'upload',\r\n        label: (\r\n          <Tooltip title={uploadText}>\r\n            <Icon icon={UploadIcon} size={{ size: 20, strokeWidth: 2.5 }} />\r\n          </Tooltip>\r\n        ),\r\n      },\r\n      ...customTabs.map((tab) => ({ key: tab.value, label: tab.label })),\r\n    ].filter(Boolean) as TabsProps['items'];\r\n\r\n    const showTabs = allowDelete || (items && items.length > 1);\r\n\r\n    const content = (\r\n      <Flexbox\r\n        className={cx(styles.picker, popupClassName)}\r\n        ref={ref}\r\n        style={{\r\n          minWidth: 310,\r\n          paddingTop: showTabs ? 4 : 0,\r\n          ...pickerCssVariables,\r\n          ...popupStyle,\r\n        }}\r\n        {...contentProps}\r\n      >\r\n        {showTabs && (\r\n          <Flexbox\r\n            horizontal\r\n            align={'center'}\r\n            className={styles.tabs}\r\n            justify={'space-between'}\r\n            paddingInline={10}\r\n          >\r\n            <Tabs\r\n              activeKey={tab}\r\n              items={items}\r\n              variant={'square'}\r\n              classNames={{\r\n                indicator: styles.tabsIndicator,\r\n                list: styles.tabsList,\r\n                root: styles.tabsRoot,\r\n                tab: styles.tab,\r\n              }}\r\n              onChange={(key) => setTab(key as any)}\r\n            />\r\n            {allowDelete && (\r\n              <ActionIcon\r\n                icon={TrashIcon}\r\n                title={deleteText}\r\n                size={{\r\n                  blockSize: 32,\r\n                  size: 18,\r\n                }}\r\n                onClick={() => {\r\n                  handleAvatarChange(defaultAvatar);\r\n                  onDelete?.();\r\n                }}\r\n              />\r\n            )}\r\n          </Flexbox>\r\n        )}\r\n        {tab === 'emoji' && (\r\n          <Picker\r\n            custom={mergedCustomEmojis}\r\n            data={data}\r\n            i18n={i18n}\r\n            icons={'outline'}\r\n            locale={locale.split('-')[0]}\r\n            navPosition={showTabs ? 'bottom' : 'top'}\r\n            previewPosition={'none'}\r\n            skinTonePosition={'none'}\r\n            theme={theme.isDarkMode ? 'dark' : 'light'}\r\n            onEmojiSelect={(e: any) => handleAvatarChange(e.src || e.native)}\r\n          />\r\n        )}\r\n        {tab === 'upload' && (\r\n          <AvatarUploader\r\n            compressSize={compressSize}\r\n            shape={shape}\r\n            texts={texts}\r\n            onChange={handleAvatarChange}\r\n            onUpload={onUpload}\r\n          />\r\n        )}\r\n        {customTabs.map(\r\n          (item) =>\r\n            tab === item.value && (\r\n              <Flexbox key={item.value} padding={10}>\r\n                {item.render(handleAvatarChange)}\r\n              </Flexbox>\r\n            ),\r\n        )}\r\n      </Flexbox>\r\n    );\r\n\r\n    return (\r\n      <Popover\r\n        className={cx(styles.popover)}\r\n        content={content}\r\n        defaultOpen={defaultOpen}\r\n        open={visible}\r\n        placement={'bottom'}\r\n        trigger={'click'}\r\n        classNames={{\r\n          content: styles.popover,\r\n          root: styles.positioner,\r\n        }}\r\n        onOpenChange={(v) => {\r\n          if (loading) return;\r\n          setVisible(v);\r\n        }}\r\n        {...popupProps}\r\n      >\r\n        {customRender ? (\r\n          customRender(ava)\r\n        ) : (\r\n          <Avatar\r\n            avatar={ava}\r\n            className={cx(styles.root, className)}\r\n            loading={loading}\r\n            shape={shape}\r\n            {...rest}\r\n          />\r\n        )}\r\n      </Popover>\r\n    );\r\n  },\r\n);\r\n\r\nEmojiPicker.displayName = 'EmojiPicker';\r\n\r\nexport default EmojiPicker;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,iBAAiB;AAEvB,MAAM,cAAc,MACjB,EACC,OACA,gBAAgB,gBAChB,UACA,SAAS,SACT,aACA,aACA,kBACA,OACA,UACA,eAAe,KACf,cACA,WACA,SACA,UACA,aAAa,CAAC,GACd,gBACA,YACA,cACA,MACA,cAAc,OACd,cACA,YACA,OACA,cACA,GAAG,WACC;CACJ,MAAM,MAAM,OAAuB,IAAI;CACvC,MAAM,EAAE,MAAM,eAAeA,mBAAmB;CAChD,MAAM,CAAC,SAAS,cAAc,cAAc,aAAa;EACvD,cAAc;EACd,UAAU;EACV,OAAO;CACT,CAAC;CACD,MAAM,CAAC,KAAK,UAAU,SAA6B,OAAO;CAE1D,MAAM,QAAQ,SAAS;CACvB,MAAM,qBAAqB,eAClB;EACL,6BAA6B,OAAO,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;EACvE,iCAAiC,OAAO,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;CAChF,IACA,CAAC,MAAM,cAAc,MAAM,eAAe,CAC5C;CAEA,MAAM,EAAE,MAAM,SAAS,OACrB,QACA,YACE,MAAM;;EAA0B,yBAAyB,OAAO,MAAM,GAAG,CAAC,CAAC,GAAG;GAChF;EAAE,mBAAmB;EAAO,mBAAmB;CAAM,CACvD;CAEA,MAAM,CAAC,KAAK,UAAU,cAAc,eAAe;EACjD,cAAc;EACd;EACA;CACF,CAAC;CAED,MAAM,sBAAsB,UAAkB;EAC5C,OAAO,KAAK;EACZ,WAAW,KAAK;CAClB;CAGA,MAAM,qBAAqB,cAAc;EACvC,IAAI,CAAC,kBAAkB,OAAO;EAI9B,MAAM,sBAAsB;GAC1B,IAAI;GACJ,MAAM;GACN,QALiB,IAAI,QAAQ,SAAS,KAAK,UAAU,aAKpC,CAAC,CAAC,KAAK,UAAU;IAChC,IAAI,KAAK,GAAG,YAAY;IACxB,MAAM,KAAK;IACX,UAAU;KAAC,KAAK;KAAO,KAAK;KAAI,KAAK;IAAS;IAC9C,OAAO,CAAC,EAAE,KAAK,eAAe,KAAK,IAAI;KAAE,QAAQ;KAAU,KAAK;IAAS,CAAC,EAAE,CAAC;GAC/E,EAAE;EACJ;EAEA,OAAO,eAAe,CAAC,qBAAqB,GAAG,YAAY,IAAI,CAAC,mBAAmB;CACrF,GAAG,CAAC,kBAAkB,YAAY,CAAC;CAEnC,MAAM,YAAY,OAAO,SAAS,EAAE,mBAAmB;CACvD,MAAM,aAAa,OAAO,UAAU,EAAE,oBAAoB;CAC1D,MAAM,aAAa,OAAO,UAAU,EAAE,oBAAoB;CAI1D,MAAM,QAA4B;EAChC,EAHmB,OAAO,gBAAgB,YAAY,aAAa,gBAAgB,UAGlE;GACf,KAAK;GACL,OACE,oBAAC,SAAD;IAAS,OAAO;IACd,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAW,MAAM;MAAE,MAAM;MAAI,aAAa;KAAI;IAAI,CAAA;GACvD,CAAA;EAEb;EACA,eAAe;GACb,KAAK;GACL,OACE,oBAAC,SAAD;IAAS,OAAO;IACd,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAY,MAAM;MAAE,MAAM;MAAI,aAAa;KAAI;IAAI,CAAA;GACxD,CAAA;EAEb;EACA,GAAG,WAAW,KAAK,SAAS;GAAE,KAAK,IAAI;GAAO,OAAO,IAAI;EAAM,EAAE;CACnE,CAAC,CAAC,OAAO,OAAO;CAEhB,MAAM,WAAW,eAAgB,SAAS,MAAM,SAAS;CAEzD,MAAM,UACJ,qBAACC,mBAAD;EACE,WAAW,GAAG,OAAO,QAAQ,cAAc;EACtC;EACL,OAAO;GACL,UAAU;GACV,YAAY,WAAW,IAAI;GAC3B,GAAG;GACH,GAAG;EACL;EACA,GAAI;EATN,UAAA;GAWG,YACC,qBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,OAAO;IAClB,SAAS;IACT,eAAe;IALjB,UAAA,CAOE,oBAAC,MAAD;KACE,WAAW;KACJ;KACP,SAAS;KACT,YAAY;MACV,WAAW,OAAO;MAClB,MAAM,OAAO;MACb,MAAM,OAAO;MACb,KAAK,OAAO;KACd;KACA,WAAW,QAAQ,OAAO,GAAU;IACrC,CAAA,GACA,eACC,oBAAC,YAAD;KACE,MAAM;KACN,OAAO;KACP,MAAM;MACJ,WAAW;MACX,MAAM;KACR;KACA,eAAe;MACb,mBAAmB,aAAa;MAChC,WAAW;KACb;IACD,CAAA,CAEI;;GAEV,QAAQ,WACP,oBAAC,QAAD;IACE,QAAQ;IACF;IACA;IACN,OAAO;IACP,QAAQ,OAAO,MAAM,GAAG,CAAC,CAAC;IAC1B,aAAa,WAAW,WAAW;IACnC,iBAAiB;IACjB,kBAAkB;IAClB,OAAO,MAAM,aAAa,SAAS;IACnC,gBAAgB,MAAW,mBAAmB,EAAE,OAAO,EAAE,MAAM;GAChE,CAAA;GAEF,QAAQ,YACP,oBAAC,gBAAD;IACgB;IACP;IACA;IACP,UAAU;IACA;GACX,CAAA;GAEF,WAAW,KACT,SACC,QAAQ,KAAK,SACX,oBAACA,mBAAD;IAA0B,SAAS;IAChC,UAAA,KAAK,OAAO,kBAAkB;GACxB,GAFK,KAAK,KAEV,CAEf;EACO;;CAGX,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,OAAO,OAAO;EACnB;EACI;EACb,MAAM;EACN,WAAW;EACX,SAAS;EACT,YAAY;GACV,SAAS,OAAO;GAChB,MAAM,OAAO;EACf;EACA,eAAe,MAAM;GACnB,IAAI,SAAS;GACb,WAAW,CAAC;EACd;EACA,GAAI;EAEH,UAAA,eACC,aAAa,GAAG,IAEhB,oBAAC,QAAD;GACE,QAAQ;GACR,WAAW,GAAG,OAAO,MAAM,SAAS;GAC3B;GACF;GACP,GAAI;EACL,CAAA;CAEI,CAAA;AAEb,CACF;AAEA,YAAY,cAAc"}

package/es/EmojiPicker/index.d.mts

@@ -0,0 +1,3 @@
+import { AvatarUploaderProps, EmojiPickerCustomEmoji, EmojiPickerCustomTab, EmojiPickerProps } from "./type.mjs";
+import EmojiPicker from "./EmojiPicker.mjs";
+export { type AvatarUploaderProps, type EmojiPickerCustomEmoji, type EmojiPickerCustomTab, type EmojiPickerProps, EmojiPicker as default };

package/es/EmojiPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/EmojiPicker/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/EmojiPicker/index.mjs

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

package/es/EmojiPicker/style.mjs

@@ -0,0 +1,69 @@
+import { createStaticStyles } from "antd-style";
+//#region src/EmojiPicker/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	picker: css`
+    position: relative;
+
+    em-emoji-picker {
+      --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);
+      --shadow: none;
+      --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);
+      --border-radius: 0;
+    }
+  `,
+	popover: css`
+    overflow: hidden;
+    padding: 0;
+  `,
+	positioner: css`
+    width: fit-content !important;
+  `,
+	root: css`
+    position: relative;
+    transition: background 150ms ${cssVar.motionEaseOut};
+
+    &:hover {
+      background: ${cssVar.colorFillSecondary};
+    }
+  `,
+	tab: css`
+    && {
+      width: 32px;
+      height: 32px;
+      padding: 0;
+      border-radius: ${cssVar.borderRadius};
+
+      transition: background-color 100ms ease-out;
+    }
+
+    &&:hover:not([data-disabled]) {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	tabs: css`
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+  `,
+	tabsIndicator: css`
+    && {
+      height: 3px;
+      border-start-start-radius: 3px;
+      border-start-end-radius: 3px;
+    }
+  `,
+	tabsList: css`
+    && {
+      gap: 8px;
+      padding: 4px;
+      box-shadow: none;
+    }
+  `,
+	tabsRoot: css`
+    && {
+      width: auto;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/EmojiPicker/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/EmojiPicker/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  picker: css`\r\n    position: relative;\r\n\r\n    em-emoji-picker {\r\n      --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);\r\n      --shadow: none;\r\n      --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);\r\n      --border-radius: 0;\r\n    }\r\n  `,\r\n  popover: css`\r\n    overflow: hidden;\r\n    padding: 0;\r\n  `,\r\n  positioner: css`\r\n    width: fit-content !important;\r\n  `,\r\n  root: css`\r\n    position: relative;\r\n    transition: background 150ms ${cssVar.motionEaseOut};\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n  `,\r\n  tab: css`\r\n    && {\r\n      width: 32px;\r\n      height: 32px;\r\n      padding: 0;\r\n      border-radius: ${cssVar.borderRadius};\r\n\r\n      transition: background-color 100ms ease-out;\r\n    }\r\n\r\n    &&:hover:not([data-disabled]) {\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n  `,\r\n  tabs: css`\r\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\r\n  `,\r\n  tabsIndicator: css`\r\n    && {\r\n      height: 3px;\r\n      border-start-start-radius: 3px;\r\n      border-start-end-radius: 3px;\r\n    }\r\n  `,\r\n  tabsList: css`\r\n    && {\r\n      gap: 8px;\r\n      padding: 4px;\r\n      box-shadow: none;\r\n    }\r\n  `,\r\n  tabsRoot: css`\r\n    && {\r\n      width: auto;\r\n    }\r\n  `,\r\n}));\r\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,KAAK,GAAG;;;;;uBAKa,OAAO,aAAa;;;;;;oBAMvB,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;kCACuB,OAAO,qBAAqB;;CAE5D,eAAe,GAAG;;;;;;;CAOlB,UAAU,GAAG;;;;;;;CAOb,UAAU,GAAG;;;;;AAKf,EAAE"}

package/es/EmojiPicker/type.d.mts

@@ -0,0 +1,69 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import { AvatarProps } from "../base-ui/Avatar/type.mjs";
+import "../base-ui/Avatar/index.mjs";
+import { PopoverProps } from "../base-ui/Popover/type.mjs";
+import "../Popover/index.mjs";
+import { CSSProperties, ReactNode } from "react";
+//#region src/EmojiPicker/type.d.ts
+interface AvatarUploaderProps {
+  compressSize?: number;
+  onChange: (avatar: string) => void;
+  onUpload?: (file: File) => void;
+  shape?: 'circle' | 'square';
+  texts?: {
+    draggerDesc?: string;
+    fileTypeError?: string;
+    uploadBtn?: string;
+  };
+}
+interface EmojiPickerCustomEmoji {
+  emojis: [{
+    id: string;
+    keywords?: string[];
+    name: string;
+    skins: {
+      src: string;
+    }[];
+  }];
+  id: string;
+  name: string;
+}
+interface EmojiPickerCustomTab {
+  label: ReactNode;
+  render: (handleAvatarChange: (avatar: string) => void) => ReactNode;
+  value: string;
+}
+interface EmojiPickerProps extends Omit<AvatarProps, 'onChange' | 'avatar'> {
+  allowDelete?: boolean;
+  allowModelAvatar?: boolean;
+  allowUpload?: boolean | {
+    enableEmoji?: boolean;
+  };
+  compressSize?: number;
+  contentProps?: Omit<FlexboxProps, 'className' | 'ref' | 'style'>;
+  customEmojis?: EmojiPickerCustomEmoji[];
+  customRender?: (avatar: string) => ReactNode;
+  customTabs?: EmojiPickerCustomTab[];
+  defaultAvatar?: string;
+  defaultOpen?: boolean;
+  loading?: boolean;
+  locale?: string;
+  onChange?: (emoji: string) => void;
+  onDelete?: () => void;
+  onOpenChange?: (open: boolean) => void;
+  onUpload?: AvatarUploaderProps['onUpload'];
+  open?: boolean;
+  popupClassName?: string;
+  popupProps?: Omit<PopoverProps, 'onOpenChange' | 'defaultOpen' | 'content' | 'open' | 'trigger' | 'children'>;
+  popupStyle?: CSSProperties;
+  size?: number;
+  texts?: AvatarUploaderProps['texts'] & {
+    delete?: string;
+    emoji?: string;
+    upload?: string;
+  };
+  value?: string;
+}
+//#endregion
+export { AvatarUploaderProps, EmojiPickerCustomEmoji, EmojiPickerCustomTab, EmojiPickerProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Empty/Empty.d.mts

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

package/es/Empty/Empty.mjs

@@ -0,0 +1,130 @@
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import Text from "../Text/Text.mjs";
+import FluentEmoji from "../FluentEmoji/FluentEmoji.mjs";
+import { styles } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar, cx } from "antd-style";
+import { Plus } from "lucide-react";
+//#region src/Empty/Empty.tsx
+const Empty = memo(({ title, description, icon, iconColor, emoji, image, imageSize = 48, action, actionProps, titleProps, descriptionProps, align, imageProps, children, type = "default", variant = "default", className, onClick, ref, style, ...rest }) => {
+	const isPage = type === "page";
+	const alignValue = align || (isPage ? "flex-start" : "center");
+	const isCenter = alignValue === "center";
+	const isClickable = !isPage && variant === "dashed" && !!onClick;
+	const resolvedIcon = icon ?? (isClickable ? Plus : void 0);
+	const iconSize = isPage ? 36 : variant === "dashed" ? 20 : 32;
+	const cover = useMemo(() => {
+		if (image) return image;
+		if (emoji) return /* @__PURE__ */ jsx(FluentEmoji, {
+			emoji,
+			size: imageSize,
+			type: "anim"
+		});
+		if (!resolvedIcon) return null;
+		return /* @__PURE__ */ jsx(Icon, {
+			color: iconColor,
+			icon: resolvedIcon,
+			size: {
+				size: iconSize,
+				strokeWidth: isPage ? 1.25 : 2
+			}
+		});
+	}, [
+		image,
+		emoji,
+		imageSize,
+		resolvedIcon,
+		isPage,
+		iconColor,
+		iconSize
+	]);
+	const rootClassName = cx(isPage ? styles.rootPage : styles.root, !isPage && variant === "dashed" && styles.dashed, isClickable && styles.dashedClickable, className);
+	const handleKeyDown = (event) => {
+		if (!isClickable) return;
+		if (event.key !== "Enter" && event.key !== " ") return;
+		event.preventDefault();
+		onClick?.(event);
+	};
+	const rootStyle = {
+		color: !isPage && variant === "dashed" ? cssVar.colorTextTertiary : cssVar.colorTextQuaternary,
+		...style
+	};
+	const titleNode = title && /* @__PURE__ */ jsx(Text, {
+		align: isCenter ? "center" : void 0,
+		color: cssVar.colorText,
+		fontSize: isPage ? 18 : 14,
+		weight: isPage ? 600 : 500,
+		style: {
+			marginBottom: isPage ? 4 : 0,
+			marginTop: isPage ? 0 : variant === "dashed" ? 6 : 8
+		},
+		...titleProps,
+		children: title
+	});
+	const descriptionNode = description && /* @__PURE__ */ jsx(Text, {
+		align: isCenter ? "center" : void 0,
+		color: cssVar.colorTextTertiary,
+		fontSize: 13,
+		style: { maxWidth: isPage ? "52ch" : "34ch" },
+		...descriptionProps,
+		children: description
+	});
+	if (isPage) return /* @__PURE__ */ jsxs("div", {
+		className: rootClassName,
+		ref,
+		style: {
+			alignItems: alignValue,
+			...rootStyle
+		},
+		onClick,
+		...rest,
+		children: [cover && /* @__PURE__ */ jsx("div", {
+			...imageProps,
+			children: cover
+		}), /* @__PURE__ */ jsxs("div", { children: [
+			titleNode,
+			descriptionNode,
+			children,
+			action && /* @__PURE__ */ jsx("div", {
+				className: styles.extraPage,
+				...actionProps,
+				children: action
+			})
+		] })]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: rootClassName,
+		ref,
+		role: isClickable ? "button" : void 0,
+		style: {
+			alignItems: alignValue,
+			textAlign: isCenter ? "center" : void 0,
+			...rootStyle
+		},
+		tabIndex: isClickable ? 0 : void 0,
+		onClick,
+		onKeyDown: handleKeyDown,
+		...rest,
+		children: [
+			cover && /* @__PURE__ */ jsx("div", {
+				...imageProps,
+				children: cover
+			}),
+			titleNode,
+			descriptionNode,
+			children,
+			action && /* @__PURE__ */ jsx("div", {
+				className: styles.action,
+				...actionProps,
+				children: action
+			})
+		]
+	});
+});
+Empty.displayName = "Empty";
+//#endregion
+export { Empty as default };
+
+//# sourceMappingURL=Empty.mjs.map

package/es/Empty/Empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.mjs","names":[],"sources":["../../src/Empty/Empty.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { Plus } from 'lucide-react';\r\nimport { type KeyboardEvent, memo, useMemo } from 'react';\r\n\r\nimport FluentEmoji from '@/FluentEmoji';\r\nimport Icon from '@/Icon';\r\nimport Text from '@/Text';\r\n\r\nimport { styles } from './style';\r\nimport type { EmptyProps } from './type';\r\n\r\nconst Empty = memo<EmptyProps>(\r\n  ({\r\n    title,\r\n    description,\r\n    icon,\r\n    iconColor,\r\n    emoji,\r\n    image,\r\n    imageSize = 48,\r\n    action,\r\n    actionProps,\r\n    titleProps,\r\n    descriptionProps,\r\n    align,\r\n    imageProps,\r\n    children,\r\n    type = 'default',\r\n    variant = 'default',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    style,\r\n    ...rest\r\n  }) => {\r\n    const isPage = type === 'page';\r\n    const alignValue = align || (isPage ? 'flex-start' : 'center');\r\n    const isCenter = alignValue === 'center';\r\n\r\n    const isClickable = !isPage && variant === 'dashed' && !!onClick;\r\n    const resolvedIcon = icon ?? (isClickable ? Plus : undefined);\r\n\r\n    const iconSize = isPage ? 36 : variant === 'dashed' ? 20 : 32;\r\n\r\n    const cover = useMemo(() => {\r\n      if (image) return image;\r\n      if (emoji) return <FluentEmoji emoji={emoji} size={imageSize} type={'anim'} />;\r\n      if (!resolvedIcon) return null;\r\n\r\n      return (\r\n        <Icon\r\n          color={iconColor}\r\n          icon={resolvedIcon}\r\n          size={{ size: iconSize, strokeWidth: isPage ? 1.25 : 2 }}\r\n        />\r\n      );\r\n    }, [image, emoji, imageSize, resolvedIcon, isPage, iconColor, iconSize]);\r\n\r\n    const rootClassName = cx(\r\n      isPage ? styles.rootPage : styles.root,\r\n      !isPage && variant === 'dashed' && styles.dashed,\r\n      isClickable && styles.dashedClickable,\r\n      className,\r\n    );\r\n\r\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!isClickable) return;\r\n      if (event.key !== 'Enter' && event.key !== ' ') return;\r\n\r\n      event.preventDefault();\r\n      (onClick as (event: unknown) => void)?.(event);\r\n    };\r\n\r\n    const rootStyle: EmptyProps['style'] = {\r\n      color:\r\n        !isPage && variant === 'dashed' ? cssVar.colorTextTertiary : cssVar.colorTextQuaternary,\r\n      ...style,\r\n    };\r\n\r\n    const titleNode = title && (\r\n      <Text\r\n        align={isCenter ? 'center' : undefined}\r\n        color={cssVar.colorText}\r\n        fontSize={isPage ? 18 : 14}\r\n        weight={isPage ? 600 : 500}\r\n        style={{\r\n          marginBottom: isPage ? 4 : 0,\r\n          marginTop: isPage ? 0 : variant === 'dashed' ? 6 : 8,\r\n        }}\r\n        {...titleProps}\r\n      >\r\n        {title}\r\n      </Text>\r\n    );\r\n\r\n    const descriptionNode = description && (\r\n      <Text\r\n        align={isCenter ? 'center' : undefined}\r\n        color={cssVar.colorTextTertiary}\r\n        fontSize={13}\r\n        style={{ maxWidth: isPage ? '52ch' : '34ch' }}\r\n        {...descriptionProps}\r\n      >\r\n        {description}\r\n      </Text>\r\n    );\r\n\r\n    if (isPage) {\r\n      return (\r\n        <div\r\n          className={rootClassName}\r\n          ref={ref}\r\n          style={{ alignItems: alignValue, ...rootStyle }}\r\n          onClick={onClick}\r\n          {...rest}\r\n        >\r\n          {cover && <div {...imageProps}>{cover}</div>}\r\n          <div>\r\n            {titleNode}\r\n            {descriptionNode}\r\n            {children}\r\n            {action && (\r\n              <div className={styles.extraPage} {...actionProps}>\r\n                {action}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={rootClassName}\r\n        ref={ref}\r\n        role={isClickable ? 'button' : undefined}\r\n        style={{ alignItems: alignValue, textAlign: isCenter ? 'center' : undefined, ...rootStyle }}\r\n        tabIndex={isClickable ? 0 : undefined}\r\n        onClick={onClick}\r\n        onKeyDown={handleKeyDown}\r\n        {...rest}\r\n      >\r\n        {cover && <div {...imageProps}>{cover}</div>}\r\n        {titleNode}\r\n        {descriptionNode}\r\n        {children}\r\n        {action && (\r\n          <div className={styles.action} {...actionProps}>\r\n            {action}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nEmpty.displayName = 'Empty';\r\n\r\nexport default Empty;\r\n"],"mappings":";;;;;;;;;;AAaA,MAAM,QAAQ,MACX,EACC,OACA,aACA,MACA,WACA,OACA,OACA,YAAY,IACZ,QACA,aACA,YACA,kBACA,OACA,YACA,UACA,OAAO,WACP,UAAU,WACV,WACA,SACA,KACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,SAAS;CACxB,MAAM,aAAa,UAAU,SAAS,eAAe;CACrD,MAAM,WAAW,eAAe;CAEhC,MAAM,cAAc,CAAC,UAAU,YAAY,YAAY,CAAC,CAAC;CACzD,MAAM,eAAe,SAAS,cAAc,OAAO,KAAA;CAEnD,MAAM,WAAW,SAAS,KAAK,YAAY,WAAW,KAAK;CAE3D,MAAM,QAAQ,cAAc;EAC1B,IAAI,OAAO,OAAO;EAClB,IAAI,OAAO,OAAO,oBAAC,aAAD;GAAoB;GAAO,MAAM;GAAW,MAAM;EAAS,CAAA;EAC7E,IAAI,CAAC,cAAc,OAAO;EAE1B,OACE,oBAAC,MAAD;GACE,OAAO;GACP,MAAM;GACN,MAAM;IAAE,MAAM;IAAU,aAAa,SAAS,OAAO;GAAE;EACxD,CAAA;CAEL,GAAG;EAAC;EAAO;EAAO;EAAW;EAAc;EAAQ;EAAW;CAAQ,CAAC;CAEvE,MAAM,gBAAgB,GACpB,SAAS,OAAO,WAAW,OAAO,MAClC,CAAC,UAAU,YAAY,YAAY,OAAO,QAC1C,eAAe,OAAO,iBACtB,SACF;CAEA,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,CAAC,aAAa;EAClB,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;EAEhD,MAAM,eAAe;EACrB,UAAwC,KAAK;CAC/C;CAEA,MAAM,YAAiC;EACrC,OACE,CAAC,UAAU,YAAY,WAAW,OAAO,oBAAoB,OAAO;EACtE,GAAG;CACL;CAEA,MAAM,YAAY,SAChB,oBAAC,MAAD;EACE,OAAO,WAAW,WAAW,KAAA;EAC7B,OAAO,OAAO;EACd,UAAU,SAAS,KAAK;EACxB,QAAQ,SAAS,MAAM;EACvB,OAAO;GACL,cAAc,SAAS,IAAI;GAC3B,WAAW,SAAS,IAAI,YAAY,WAAW,IAAI;EACrD;EACA,GAAI;EAEH,UAAA;CACG,CAAA;CAGR,MAAM,kBAAkB,eACtB,oBAAC,MAAD;EACE,OAAO,WAAW,WAAW,KAAA;EAC7B,OAAO,OAAO;EACd,UAAU;EACV,OAAO,EAAE,UAAU,SAAS,SAAS,OAAO;EAC5C,GAAI;EAEH,UAAA;CACG,CAAA;CAGR,IAAI,QACF,OACE,qBAAC,OAAD;EACE,WAAW;EACN;EACL,OAAO;GAAE,YAAY;GAAY,GAAG;EAAU;EACrC;EACT,GAAI;EALN,UAAA,CAOG,SAAS,oBAAC,OAAD;GAAK,GAAI;GAAa,UAAA;EAAW,CAAA,GAC3C,qBAAC,OAAD,EAAA,UAAA;GACG;GACA;GACA;GACA,UACC,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAW,GAAI;IACnC,UAAA;GACE,CAAA;EAEJ,EAAA,CAAA,CACF;;CAIT,OACE,qBAAC,OAAD;EACE,WAAW;EACN;EACL,MAAM,cAAc,WAAW,KAAA;EAC/B,OAAO;GAAE,YAAY;GAAY,WAAW,WAAW,WAAW,KAAA;GAAW,GAAG;EAAU;EAC1F,UAAU,cAAc,IAAI,KAAA;EACnB;EACT,WAAW;EACX,GAAI;EARN,UAAA;GAUG,SAAS,oBAAC,OAAD;IAAK,GAAI;IAAa,UAAA;GAAW,CAAA;GAC1C;GACA;GACA;GACA,UACC,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAQ,GAAI;IAChC,UAAA;GACE,CAAA;EAEJ;;AAET,CACF;AAEA,MAAM,cAAc"}

package/es/Empty/index.d.mts

@@ -0,0 +1,3 @@
+import { EmptyProps } from "./type.mjs";
+import Empty from "./Empty.mjs";
+export { type EmptyProps, Empty as default };

package/es/Empty/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Empty/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Empty/index.mjs

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

package/es/Empty/style.mjs

@@ -0,0 +1,48 @@
+import { createStaticStyles } from "antd-style";
+//#region src/Empty/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	action: css`
+    margin-block-start: 8px;
+  `,
+	dashed: css`
+    padding-block: 24px;
+    padding-inline: 16px;
+    border: 1px dashed ${cssVar.colorBorder};
+    border-radius: ${cssVar.borderRadiusLG};
+  `,
+	dashedClickable: css`
+    cursor: pointer;
+    transition:
+      border-color 0.15s,
+      background 0.15s;
+
+    &:hover {
+      border-color: ${cssVar.colorTextTertiary};
+      background: ${cssVar.colorFillQuaternary};
+    }
+  `,
+	extraPage: css`
+    display: flex;
+    gap: 8px;
+    margin-block-start: 14px;
+  `,
+	root: css`
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    align-items: center;
+
+    padding-block: 16px;
+    padding-inline: 8px;
+  `,
+	rootPage: css`
+    display: flex;
+    gap: 20px;
+    align-items: flex-start;
+    padding: 8px;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Empty/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Empty/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  action: css`\r\n    margin-block-start: 8px;\r\n  `,\r\n  dashed: css`\r\n    padding-block: 24px;\r\n    padding-inline: 16px;\r\n    border: 1px dashed ${cssVar.colorBorder};\r\n    border-radius: ${cssVar.borderRadiusLG};\r\n  `,\r\n  dashedClickable: css`\r\n    cursor: pointer;\r\n    transition:\r\n      border-color 0.15s,\r\n      background 0.15s;\r\n\r\n    &:hover {\r\n      border-color: ${cssVar.colorTextTertiary};\r\n      background: ${cssVar.colorFillQuaternary};\r\n    }\r\n  `,\r\n  extraPage: css`\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-block-start: 14px;\r\n  `,\r\n  root: css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n    align-items: center;\r\n\r\n    padding-block: 16px;\r\n    padding-inline: 8px;\r\n  `,\r\n  rootPage: css`\r\n    display: flex;\r\n    gap: 20px;\r\n    align-items: flex-start;\r\n    padding: 8px;\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;CAGX,QAAQ,GAAG;;;yBAGY,OAAO,YAAY;qBACvB,OAAO,eAAe;;CAEzC,iBAAiB,GAAG;;;;;;;sBAOA,OAAO,kBAAkB;oBAC3B,OAAO,oBAAoB;;;CAG7C,WAAW,GAAG;;;;;CAKd,MAAM,GAAG;;;;;;;;;CAST,UAAU,GAAG;;;;;;AAMf,EAAE"}

package/es/Empty/type.d.mts

@@ -0,0 +1,27 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { TextProps } from "../Text/type.mjs";
+import "../Text/index.mjs";
+import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
+//#region src/Empty/type.d.ts
+interface EmptyProps extends Omit<ComponentProps<'div'>, 'title'> {
+  action?: ReactNode;
+  actionProps?: Omit<ComponentProps<'div'>, 'children'>;
+  align?: CSSProperties['alignItems'];
+  description?: ReactNode;
+  descriptionProps?: Omit<TextProps, 'children'>;
+  emoji?: string;
+  icon?: IconProps['icon'];
+  iconColor?: IconProps['color'];
+  image?: ReactNode;
+  imageProps?: Omit<ComponentProps<'div'>, 'children'>;
+  imageSize?: number;
+  ref?: Ref<HTMLDivElement>;
+  title?: ReactNode;
+  titleProps?: Omit<TextProps, 'children'>;
+  type?: 'default' | 'page';
+  variant?: 'default' | 'dashed';
+}
+//#endregion
+export { EmptyProps };
+//# sourceMappingURL=type.d.mts.map

package/es/FileTypeIcon/FileTypeIcon.d.mts

@@ -0,0 +1,7 @@
+import { FileTypeIconProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/FileTypeIcon/FileTypeIcon.d.ts
+declare const FileTypeIcon: FC<FileTypeIconProps>;
+//#endregion
+export { FileTypeIcon as default };
+//# sourceMappingURL=FileTypeIcon.d.mts.map