@lobehub/ui 3.4.2 → 3.4.3

package/es/Alert/Alert.mjs

@@ -0,0 +1,173 @@
+'use client';
+
+import Accordion_default from "../Accordion/Accordion.mjs";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Icon_default from "../Icon/Icon.mjs";
+import AccordionItem_default from "../Accordion/AccordionItem.mjs";
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import { useStyles } from "./style.mjs";
+import { Alert } from "antd";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { AlertTriangle, CheckCircle, Info, X, XCircle } from "lucide-react";
+import { camelCase } from "lodash-es";
+
+//#region src/Alert/Alert.tsx
+const typeIcons = {
+	error: XCircle,
+	info: Info,
+	secondary: AlertTriangle,
+	success: CheckCircle,
+	warning: AlertTriangle
+};
+const colors = (theme, type = "info", ...keys) => {
+	if (type === "secondary") return theme[camelCase(["color", ...keys].join("-"))];
+	return theme[camelCase([
+		"color",
+		type,
+		...keys
+	].join("-"))];
+};
+const Alert$1 = memo(({ closable = false, description, showIcon = true, type = "info", glass, icon, colorfulText = true, iconProps, style, extra, classNames, styles: customStyles, text, extraDefaultExpand = false, extraIsolate, banner, variant = "filled", ref, ...rest }) => {
+	const { theme, styles, cx } = useStyles({
+		closable: !!closable,
+		hasTitle: !!description,
+		showIcon: !!showIcon
+	});
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			colorfulText: true,
+			glass: false,
+			variant: "filled"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			glass: {
+				false: null,
+				true: styles.glass
+			},
+			colorfulText: {
+				false: null,
+				true: styles.colorfulText
+			},
+			hasExtra: {
+				false: null,
+				true: styles.hasExtra
+			}
+		}
+	}), [styles]);
+	const extraVariants = useMemo(() => cva(styles.extra, {
+		defaultVariants: { variant: "filled" },
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			banner: {
+				false: null,
+				true: styles.banner
+			}
+		}
+	}), [styles]);
+	const extraHeaderVariants = useMemo(() => cva(styles.extraHeader, {
+		defaultVariants: { variant: "filled" },
+		variants: { variant: {
+			filled: null,
+			outlined: null,
+			borderless: styles.borderlessExtraHeader
+		} }
+	}), [styles]);
+	const alert = /* @__PURE__ */ jsx(Alert, {
+		banner,
+		className: cx(variants({
+			colorfulText,
+			glass,
+			hasExtra: Boolean(!extraIsolate && !!extra),
+			variant
+		}), classNames?.alert),
+		closable: typeof closable === "boolean" ? closable : {
+			closeIcon: /* @__PURE__ */ jsx(ActionIcon_default, {
+				color: colors(theme, type),
+				icon: X,
+				size: "small"
+			}),
+			...closable
+		},
+		description,
+		icon: /* @__PURE__ */ jsx(Icon_default, {
+			color: type === "secondary" ? theme.colorTextSecondary : void 0,
+			icon: typeIcons[type] || icon,
+			size: description ? 24 : 18,
+			...iconProps
+		}),
+		ref,
+		showIcon,
+		style: {
+			background: colors(theme, type, "fillTertiary"),
+			borderColor: colors(theme, type, "fillSecondary"),
+			color: colorfulText ? colors(theme, type) : void 0,
+			...style,
+			...customStyles?.alert
+		},
+		type: type === "secondary" ? "info" : type,
+		...rest
+	});
+	if (!extra) return alert;
+	if (extraIsolate) return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: classNames?.container,
+		gap: 8,
+		children: [alert, extra]
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: classNames?.container,
+		style: customStyles?.container,
+		children: [alert, /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: extraVariants({
+				banner,
+				variant
+			}),
+			style: {
+				background: colors(theme, type, "fillTertiary"),
+				borderColor: colors(theme, type, "fillSecondary"),
+				color: colors(theme, type),
+				fontSize: description ? 14 : 12
+			},
+			children: /* @__PURE__ */ jsx(Accordion_default, {
+				defaultExpandedKeys: extraDefaultExpand ? ["extra"] : [],
+				children: /* @__PURE__ */ jsx(AccordionItem_default, {
+					classNames: {
+						content: classNames?.extraContent,
+						header: extraHeaderVariants({ variant })
+					},
+					itemKey: "extra",
+					styles: {
+						content: {
+							fontSize: 12,
+							...customStyles?.extraContent
+						},
+						header: { borderColor: colors(theme, type, "fillSecondary") },
+						indicator: { color: colors(theme, type) },
+						title: {
+							color: colors(theme, type),
+							fontSize: 12
+						}
+					},
+					title: text?.detail || "Show Details",
+					children: extra
+				})
+			})
+		})]
+	});
+});
+Alert$1.displayName = "Alert";
+var Alert_default = Alert$1;
+
+//#endregion
+export { Alert_default as default };
+//# sourceMappingURL=Alert.mjs.map

package/es/Alert/Alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","names":["Alert","AntdAlert","ActionIcon","Icon","Flexbox","Accordion","AccordionItem"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport { Alert as AntdAlert } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { camelCase } from 'lodash-es';\nimport { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport { Accordion, AccordionItem } from '@/Accordion';\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { useStyles } from './style';\nimport type { AlertProps } from './type';\n\nconst typeIcons = {\n  error: XCircle,\n  info: Info,\n  secondary: AlertTriangle,\n  success: CheckCircle,\n  warning: AlertTriangle,\n};\n\nconst colors = (theme: any, type: string = 'info', ...keys: string[]) => {\n  if (type === 'secondary') return theme[camelCase(['color', ...keys].join('-'))] as string;\n  return theme[camelCase(['color', type, ...keys].join('-'))] as string;\n};\n\nconst Alert = memo<AlertProps>(\n  ({\n    closable = false,\n    description,\n    showIcon = true,\n    type = 'info',\n    glass,\n    icon,\n    colorfulText = true,\n    iconProps,\n    style,\n    extra,\n    classNames,\n    styles: customStyles,\n    text,\n    extraDefaultExpand = false,\n    extraIsolate,\n    banner,\n    variant = 'filled',\n    ref,\n    ...rest\n  }) => {\n    const { theme, styles, cx } = useStyles({\n      closable: !!closable,\n      hasTitle: !!description,\n      showIcon: !!showIcon,\n    });\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            colorfulText: true,\n            glass: false,\n            variant: 'filled',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            glass: {\n              false: null,\n              true: styles.glass,\n            },\n            colorfulText: {\n              false: null,\n              true: styles.colorfulText,\n            },\n            hasExtra: {\n              false: null,\n              true: styles.hasExtra,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const extraVariants = useMemo(\n      () =>\n        cva(styles.extra, {\n          defaultVariants: {\n            variant: 'filled',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            banner: {\n              false: null,\n              true: styles.banner,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const extraHeaderVariants = useMemo(\n      () =>\n        cva(styles.extraHeader, {\n          defaultVariants: {\n            variant: 'filled',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: null,\n              outlined: null,\n              borderless: styles.borderlessExtraHeader,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const isInsideExtra = Boolean(!extraIsolate && !!extra);\n\n    const alert = (\n      <AntdAlert\n        banner={banner}\n        className={cx(\n          variants({\n            colorfulText,\n            glass,\n            hasExtra: isInsideExtra,\n            variant,\n          }),\n          classNames?.alert,\n        )}\n        closable={\n          typeof closable === 'boolean'\n            ? closable\n            : {\n                closeIcon: <ActionIcon color={colors(theme, type)} icon={X} size={'small'} />,\n                ...closable,\n              }\n        }\n        description={description}\n        icon={\n          <Icon\n            color={type === 'secondary' ? theme.colorTextSecondary : undefined}\n            icon={typeIcons[type] || icon}\n            size={description ? 24 : 18}\n            {...iconProps}\n          />\n        }\n        ref={ref}\n        showIcon={showIcon}\n        style={{\n          background: colors(theme, type, 'fillTertiary'),\n          borderColor: colors(theme, type, 'fillSecondary'),\n          color: colorfulText ? colors(theme, type) : undefined,\n          ...style,\n          ...customStyles?.alert,\n        }}\n        type={type === 'secondary' ? 'info' : type}\n        {...rest}\n      />\n    );\n\n    if (!extra) return alert;\n\n    if (extraIsolate)\n      return (\n        <Flexbox className={classNames?.container} gap={8}>\n          {alert}\n          {extra}\n        </Flexbox>\n      );\n\n    return (\n      <Flexbox className={classNames?.container} style={customStyles?.container}>\n        {alert}\n        <Flexbox\n          className={extraVariants({ banner, variant })}\n          style={{\n            background: colors(theme, type, 'fillTertiary'),\n            borderColor: colors(theme, type, 'fillSecondary'),\n            color: colors(theme, type),\n            fontSize: description ? 14 : 12,\n          }}\n        >\n          <Accordion defaultExpandedKeys={extraDefaultExpand ? ['extra'] : []}>\n            <AccordionItem\n              classNames={{\n                content: classNames?.extraContent,\n                header: extraHeaderVariants({ variant }),\n              }}\n              itemKey={'extra'}\n              styles={{\n                content: {\n                  fontSize: 12,\n                  ...customStyles?.extraContent,\n                },\n                header: {\n                  borderColor: colors(theme, type, 'fillSecondary'),\n                },\n                indicator: {\n                  color: colors(theme, type),\n                },\n                title: {\n                  color: colors(theme, type),\n                  fontSize: 12,\n                },\n              }}\n              title={text?.detail || 'Show Details'}\n            >\n              {extra}\n            </AccordionItem>\n          </Accordion>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":"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"}

package/es/Alert/index.d.mts

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

package/es/Alert/index.mjs

@@ -0,0 +1,3 @@
+import Alert_default from "./Alert.mjs";
+
+export { Alert_default as default };

package/es/Alert/style.mjs

@@ -0,0 +1,102 @@
+import { createStyles } from "antd-style";
+
+//#region src/Alert/style.ts
+const useStyles = createStyles(({ cx: cx$1, token, css: css$1, prefixCls, stylish }, { closable, hasTitle, showIcon }) => {
+	const baseBlockPadding = hasTitle ? 16 : 8;
+	const baseInlinePadding = hasTitle ? 16 : 12;
+	return {
+		banner: css$1`
+        border: none !important;
+        border-radius: 0 !important;
+      `,
+		borderless: css$1`
+        padding: 0 !important;
+        border: none !important;
+        background: transparent !important;
+      `,
+		borderlessExtraHeader: css$1`
+        margin-block-start: ${baseBlockPadding}px;
+        padding-inline: 0;
+      `,
+		colorfulText: css$1`
+        .${prefixCls}-alert-message,.${prefixCls}-alert-description {
+          color: inherit;
+        }
+      `,
+		expandText: css$1`
+        padding-inline-end: 12px;
+
+        &:hover {
+          cursor: pointer;
+        }
+      `,
+		extra: css$1`
+        position: relative;
+
+        overflow: hidden;
+
+        max-width: 100%;
+        border: 1px solid;
+        border-block-start: none;
+        border-end-start-radius: ${token.borderRadiusLG}px;
+        border-end-end-radius: ${token.borderRadiusLG}px;
+      `,
+		extraHeader: css$1`
+        border-block-start: 1px dashed;
+        border-radius: 0;
+        background: transparent !important;
+      `,
+		filled: css$1``,
+		glass: stylish.blur,
+		hasExtra: css$1`
+        border-block-end: none;
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
+      `,
+		outlined: css$1`
+        background: transparent !important;
+      `,
+		root: cx$1(css$1`
+          position: relative;
+
+          display: flex;
+          flex-direction: row;
+          gap: ${hasTitle ? 12 : 8}px;
+          align-items: flex-start;
+
+          max-width: 100%;
+          padding-block: ${baseBlockPadding}px;
+          padding-inline: ${showIcon ? baseInlinePadding * .75 : baseInlinePadding}px
+            ${closable ? baseInlinePadding * .75 : baseInlinePadding}px;
+
+          .${prefixCls}-alert-title {
+            font-weight: ${hasTitle ? 500 : 400};
+            line-height: 24px;
+            color: inherit;
+            word-break: normal;
+          }
+          .${prefixCls}-alert-icon {
+            display: flex;
+            align-items: center;
+            height: 24px;
+            margin: 0;
+          }
+          .${prefixCls}-alert-close-icon {
+            display: flex;
+            align-items: center;
+            height: 24px;
+            margin: 0;
+          }
+        `, hasTitle && css$1`
+            .${prefixCls}-alert-description {
+              line-height: 1.5;
+              word-break: normal;
+              opacity: 0.75;
+            }
+          `)
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Alert/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Alert/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(\n  (\n    { cx, token, css, prefixCls, stylish },\n    {\n      closable,\n      hasTitle,\n      showIcon,\n    }: { closable?: boolean; hasTitle?: boolean; showIcon?: boolean },\n  ) => {\n    const baseBlockPadding = hasTitle ? 16 : 8;\n    const baseInlinePadding = hasTitle ? 16 : 12;\n    return {\n      banner: css`\n        border: none !important;\n        border-radius: 0 !important;\n      `,\n      borderless: css`\n        padding: 0 !important;\n        border: none !important;\n        background: transparent !important;\n      `,\n      borderlessExtraHeader: css`\n        margin-block-start: ${baseBlockPadding}px;\n        padding-inline: 0;\n      `,\n      colorfulText: css`\n        .${prefixCls}-alert-message,.${prefixCls}-alert-description {\n          color: inherit;\n        }\n      `,\n      expandText: css`\n        padding-inline-end: 12px;\n\n        &:hover {\n          cursor: pointer;\n        }\n      `,\n      extra: css`\n        position: relative;\n\n        overflow: hidden;\n\n        max-width: 100%;\n        border: 1px solid;\n        border-block-start: none;\n        border-end-start-radius: ${token.borderRadiusLG}px;\n        border-end-end-radius: ${token.borderRadiusLG}px;\n      `,\n      extraHeader: css`\n        border-block-start: 1px dashed;\n        border-radius: 0;\n        background: transparent !important;\n      `,\n      filled: css``,\n      glass: stylish.blur,\n      hasExtra: css`\n        border-block-end: none;\n        border-end-start-radius: 0;\n        border-end-end-radius: 0;\n      `,\n      outlined: css`\n        background: transparent !important;\n      `,\n      root: cx(\n        css`\n          position: relative;\n\n          display: flex;\n          flex-direction: row;\n          gap: ${hasTitle ? 12 : 8}px;\n          align-items: flex-start;\n\n          max-width: 100%;\n          padding-block: ${baseBlockPadding}px;\n          padding-inline: ${showIcon ? baseInlinePadding * 0.75 : baseInlinePadding}px\n            ${closable ? baseInlinePadding * 0.75 : baseInlinePadding}px;\n\n          .${prefixCls}-alert-title {\n            font-weight: ${hasTitle ? 500 : 400};\n            line-height: 24px;\n            color: inherit;\n            word-break: normal;\n          }\n          .${prefixCls}-alert-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n          .${prefixCls}-alert-close-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n        `,\n        hasTitle &&\n          css`\n            .${prefixCls}-alert-description {\n              line-height: 1.5;\n              word-break: normal;\n              opacity: 0.75;\n            }\n          `,\n      ),\n    };\n  },\n);\n"],"mappings":";;;AAEA,MAAa,YAAY,cAErB,EAAE,UAAI,OAAO,YAAK,WAAW,WAC7B,EACE,UACA,UACA,eAEC;CACH,MAAM,mBAAmB,WAAW,KAAK;CACzC,MAAM,oBAAoB,WAAW,KAAK;AAC1C,QAAO;EACL,QAAQ,KAAG;;;;EAIX,YAAY,KAAG;;;;;EAKf,uBAAuB,KAAG;8BACF,iBAAiB;;;EAGzC,cAAc,KAAG;WACZ,UAAU,kBAAkB,UAAU;;;;EAI3C,YAAY,KAAG;;;;;;;EAOf,OAAO,KAAG;;;;;;;;mCAQmB,MAAM,eAAe;iCACvB,MAAM,eAAe;;EAEhD,aAAa,KAAG;;;;;EAKhB,QAAQ,KAAG;EACX,OAAO,QAAQ;EACf,UAAU,KAAG;;;;;EAKb,UAAU,KAAG;;;EAGb,MAAMA,KACJ,KAAG;;;;;iBAKM,WAAW,KAAK,EAAE;;;;2BAIR,iBAAiB;4BAChB,WAAW,oBAAoB,MAAO,kBAAkB;cACtE,WAAW,oBAAoB,MAAO,kBAAkB;;aAEzD,UAAU;2BACI,WAAW,MAAM,IAAI;;;;;aAKnC,UAAU;;;;;;aAMV,UAAU;;;;;;WAOf,YACE,KAAG;eACE,UAAU;;;;;YAMlB;EACF;EAEJ"}

package/es/Alert/type.d.mts

@@ -0,0 +1,35 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { AlertProps } from "antd";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { AlertRef } from "antd/lib/alert/Alert";
+
+//#region src/Alert/type.d.ts
+interface AlertProps$1 extends Omit<AlertProps, 'icon' | 'type'> {
+  classNames?: {
+    alert?: string;
+    container?: string;
+    extraContent?: string;
+  };
+  colorfulText?: boolean;
+  extra?: ReactNode;
+  extraDefaultExpand?: boolean;
+  extraIsolate?: boolean;
+  glass?: boolean;
+  icon?: IconProps['icon'];
+  iconProps?: Omit<IconProps, 'icon'>;
+  ref?: Ref<AlertRef>;
+  styles?: {
+    alert?: CSSProperties;
+    container?: CSSProperties;
+    extraContent?: CSSProperties;
+  };
+  text?: {
+    detail?: string;
+  };
+  type?: 'success' | 'info' | 'warning' | 'error' | 'secondary';
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { AlertProps$1 as AlertProps };
+//# sourceMappingURL=type.d.mts.map

package/es/AutoComplete/Select.d.mts

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

package/es/AutoComplete/Select.mjs

@@ -0,0 +1,40 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import { AutoComplete } from "antd";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/AutoComplete/Select.tsx
+const AutoComplete$1 = memo(({ variant, shadow, className, ...rest }) => {
+	const { styles, cx, theme } = useStyles();
+	return /* @__PURE__ */ jsx(AutoComplete, {
+		className: cx(useMemo(() => cva(styles.root, {
+			defaultVariants: { shadow: false },
+			variants: {
+				variant: {
+					filled: styles.filled,
+					outlined: styles.outlined,
+					borderless: styles.borderless,
+					underlined: null
+				},
+				shadow: {
+					false: null,
+					true: styles.shadow
+				}
+			}
+		}), [styles])({
+			shadow,
+			variant: variant || (theme.isDarkMode ? "filled" : "outlined")
+		}), className),
+		variant: variant || (theme.isDarkMode ? "filled" : "outlined"),
+		...rest
+	});
+});
+AutoComplete$1.displayName = "AutoComplete";
+var Select_default = AutoComplete$1;
+
+//#endregion
+export { Select_default as default };
+//# sourceMappingURL=Select.mjs.map

package/es/AutoComplete/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { useStyles } from './style';\nimport { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { styles, cx, theme } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          shadow: false,\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          variant: {\n            filled: styles.filled,\n            outlined: styles.outlined,\n            borderless: styles.borderless,\n            underlined: null,\n          },\n          shadow: {\n            false: null,\n            true: styles.shadow,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  return (\n    <AntAutoComplete\n      className={cx(\n        variants({ shadow, variant: variant || (theme.isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      variant={variant || (theme.isDarkMode ? 'filled' : 'outlined')}\n      {...rest}\n    />\n  );\n});\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;AA0BzC,QACE,oBAACC;EACC,WAAW,GA1BE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB,EACf,QAAQ,OACT;GAED,UAAU;IACR,SAAS;KACP,QAAQ,OAAO;KACf,UAAU,OAAO;KACjB,YAAY,OAAO;KACnB,YAAY;KACb;IACD,QAAQ;KACN,OAAO;KACP,MAAM,OAAO;KACd;IACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAKc;GAAE;GAAQ,SAAS,YAAY,MAAM,aAAa,WAAW;GAAa,CAAC,EACpF,UACD;EACD,SAAS,YAAY,MAAM,aAAa,WAAW;EACnD,GAAI;GACJ;EAEJ;AAEF,eAAa,cAAc;AAE3B,qBAAeD"}

package/es/AutoComplete/index.d.mts

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

package/es/AutoComplete/index.mjs

@@ -0,0 +1,3 @@
+import Select_default from "./Select.mjs";
+
+export { Select_default as default };

package/es/AutoComplete/style.mjs

@@ -0,0 +1,40 @@
+import { createStyles } from "antd-style";
+
+//#region src/AutoComplete/style.ts
+const useStyles = createStyles(({ prefixCls, css: css$1, stylish }) => {
+	return {
+		borderless: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.variantBorderless}
+        }
+      }
+    `,
+		filled: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.variantFilled}
+        }
+      }
+    `,
+		outlined: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.variantOutlined}
+        }
+      }
+    `,
+		root: css$1``,
+		shadow: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.shadow}
+        }
+      }
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/AutoComplete/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/AutoComplete/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ prefixCls, css, stylish }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.variantOutlined}\n        }\n      }\n    `,\n    root: css``,\n    shadow: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.shadow}\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,WAAW,YAAK,cAAc;AACrE,QAAO;EACL,YAAY,KAAG;UACT,UAAU;aACP,UAAU;YACX,QAAQ,kBAAkB;;;;EAIlC,QAAQ,KAAG;UACL,UAAU;aACP,UAAU;YACX,QAAQ,cAAc;;;;EAI9B,UAAU,KAAG;UACP,UAAU;aACP,UAAU;YACX,QAAQ,gBAAgB;;;;EAIhC,MAAM,KAAG;EACT,QAAQ,KAAG;UACL,UAAU;aACP,UAAU;YACX,QAAQ,OAAO;;;;EAIxB;EACD"}

package/es/AutoComplete/type.d.mts

@@ -0,0 +1,9 @@
+import { AutoCompleteProps } from "antd";
+
+//#region src/AutoComplete/type.d.ts
+interface AutoCompleteProps$1 extends AutoCompleteProps {
+  shadow?: boolean;
+}
+//#endregion
+export { AutoCompleteProps$1 as AutoCompleteProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Avatar/Avatar.mjs

@@ -0,0 +1,110 @@
+'use client';
+
+import Center_default from "../Flex/Center.mjs";
+import Icon_default from "../Icon/Icon.mjs";
+import Img_default from "../Img/index.mjs";
+import FluentEmoji_default from "../FluentEmoji/FluentEmoji.mjs";
+import { useStyles } from "./style.mjs";
+import { Avatar } from "antd";
+import { isValidElement, memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { readableColor } from "polished";
+import { getEmoji } from "@lobehub/fluent-emoji";
+
+//#region src/Avatar/Avatar.tsx
+const Avatar$1 = memo(({ bordered, className, avatar, title, animation, borderedColor, size = 48, shape = "square", background, style, unoptimized, alt, variant = "borderless", shadow, loading, sliceText = true, emojiScaleWithBackground = true, ref, ...rest }) => {
+	const isStringAvatar = typeof avatar === "string";
+	const isDefaultAntAvatar = useMemo(() => Boolean(avatar && ([
+		"/",
+		"http",
+		"data:"
+	].some((index) => isStringAvatar && avatar.startsWith(index)) || isValidElement(avatar))), [avatar, isStringAvatar]);
+	const emoji = useMemo(() => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar), [
+		avatar,
+		isStringAvatar,
+		isDefaultAntAvatar
+	]);
+	const { styles, cx, theme } = useStyles();
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			shadow: false,
+			variant: "borderless"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			}
+		}
+	}), [styles]);
+	const text = String(isDefaultAntAvatar ? title : avatar);
+	const imgAlt = alt || title || "avatar";
+	const defualtAvatar = typeof avatar === "string" ? /* @__PURE__ */ jsx(Img_default, {
+		alt: imgAlt,
+		height: size,
+		loading: "lazy",
+		src: avatar,
+		unoptimized,
+		width: size
+	}) : avatar;
+	const hasBackground = background && background !== "transparent" && background !== "rgba(0,0,0,0)" && background !== null;
+	const customAvatar = useMemo(() => emoji ? /* @__PURE__ */ jsx(FluentEmoji_default, {
+		emoji,
+		size: emojiScaleWithBackground ? hasBackground ? size * .85 : size : size * .85,
+		type: animation ? "anim" : "3d",
+		unoptimized
+	}) : sliceText ? (text || title)?.toUpperCase().slice(0, 2) : (text || title)?.toUpperCase(), [
+		animation,
+		emoji,
+		hasBackground,
+		size,
+		sliceText,
+		text,
+		title,
+		unoptimized,
+		emojiScaleWithBackground
+	]);
+	return /* @__PURE__ */ jsxs(Avatar, {
+		alt: imgAlt,
+		className: cx(variants({
+			shadow,
+			variant
+		}), className),
+		draggable: false,
+		ref,
+		shape,
+		size,
+		src: isDefaultAntAvatar ? defualtAvatar : void 0,
+		style: {
+			background: isDefaultAntAvatar || !!emoji ? background : background || theme.colorBorder,
+			boxShadow: bordered ? `${theme.colorBgLayout} 0 0 0 2px, ${borderedColor || theme.colorTextTertiary} 0 0 0 4px` : void 0,
+			color: readableColor(background || theme.colorBorder),
+			cursor: rest?.onClick ? "pointer" : void 0,
+			fontSize: size * (emoji ? .7 : .5),
+			...style
+		},
+		...rest,
+		children: [loading && /* @__PURE__ */ jsx(Center_default, {
+			className: styles.loading,
+			height: "100%",
+			width: "100%",
+			children: /* @__PURE__ */ jsx(Icon_default, {
+				icon: Loader2,
+				spin: true
+			})
+		}), !isDefaultAntAvatar && customAvatar]
+	});
+});
+Avatar$1.displayName = "Avatar";
+var Avatar_default = Avatar$1;
+
+//#endregion
+export { Avatar_default as default };
+//# sourceMappingURL=Avatar.mjs.map

package/es/Avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["Avatar","Img","FluentEmoji","AntAvatar","Center","Icon"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { readableColor } from 'polished';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\n\nimport { useStyles } from './style';\nimport type { AvatarProps } from './type';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(\n      () =>\n        Boolean(\n          avatar &&\n          (['/', 'http', 'data:'].some((index) => isStringAvatar && avatar.startsWith(index)) ||\n            isValidElement(avatar)),\n        ),\n      [avatar, isStringAvatar],\n    );\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const { styles, cx, theme } = useStyles();\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            shadow: false,\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defualtAvatar =\n      typeof avatar === 'string' ? (\n        <Img\n          alt={imgAlt}\n          height={size}\n          loading={'lazy'}\n          src={avatar}\n          unoptimized={unoptimized}\n          width={size}\n        />\n      ) : (\n        avatar\n      );\n\n    const hasBackground =\n      background &&\n      background !== 'transparent' &&\n      background !== 'rgba(0,0,0,0)' &&\n      background !== null;\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={emojiScaleWithBackground ? (hasBackground ? size * 0.85 : size) : size * 0.85}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : sliceText ? (\n          (text || title)?.toUpperCase().slice(0, 2)\n        ) : (\n          (text || title)?.toUpperCase()\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar ? defualtAvatar : undefined}\n        style={{\n          background: isDefaultAntAvatar || !!emoji ? background : background || theme.colorBorder,\n          boxShadow: bordered\n            ? `${theme.colorBgLayout} 0 0 0 2px, ${borderedColor || theme.colorTextTertiary} 0 0 0 4px`\n            : undefined,\n          color: readableColor(background || theme.colorBorder),\n          cursor: rest?.onClick ? 'pointer' : undefined,\n          fontSize: size * (emoji ? 0.7 : 0.5),\n          ...style,\n        }}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon icon={Loader2} spin />\n          </Center>\n        )}\n        {!isDefaultAntAvatar && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAM,qBAAqB,cAEvB,QACE,WACC;EAAC;EAAK;EAAQ;EAAQ,CAAC,MAAM,UAAU,kBAAkB,OAAO,WAAW,MAAM,CAAC,IACjF,eAAe,OAAO,EACzB,EACH,CAAC,QAAQ,eAAe,CACzB;CAED,MAAM,QAAQ,cACN,UAAU,CAAC,sBAAsB,kBAAkB,SAAS,OAAO,EACzE;EAAC;EAAQ;EAAgB;EAAmB,CAC7C;CAED,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;CAEzC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,OAAO,OAAO,qBAAqB,QAAQ,OAAO;CAExD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBACJ,OAAO,WAAW,WAChB,oBAACC;EACC,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;GACP,GAEF;CAGJ,MAAM,gBACJ,cACA,eAAe,iBACf,eAAe,mBACf,eAAe;CAEjB,MAAM,eAAe,cAEjB,QACE,oBAACC;EACQ;EACP,MAAM,2BAA4B,gBAAgB,OAAO,MAAO,OAAQ,OAAO;EAC/E,MAAM,YAAY,SAAS;EACd;GACb,GACA,aACD,QAAQ,QAAQ,aAAa,CAAC,MAAM,GAAG,EAAE,IAEzC,QAAQ,QAAQ,aAAa,EAElC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,qBAACC;EACC,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,WAAW;EACN;EACE;EACD;EACN,KAAK,qBAAqB,gBAAgB;EAC1C,OAAO;GACL,YAAY,sBAAsB,CAAC,CAAC,QAAQ,aAAa,cAAc,MAAM;GAC7E,WAAW,WACP,GAAG,MAAM,cAAc,cAAc,iBAAiB,MAAM,kBAAkB,cAC9E;GACJ,OAAO,cAAc,cAAc,MAAM,YAAY;GACrD,QAAQ,MAAM,UAAU,YAAY;GACpC,UAAU,QAAQ,QAAQ,KAAM;GAChC,GAAG;GACJ;EACD,GAAI;aAEH,WACC,oBAACC;GAAO,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAACC;IAAK,MAAM;IAAS;KAAO;IACrB,EAEV,CAAC,sBAAsB;GACd;EAGjB;AAED,SAAO,cAAc;AAErB,qBAAeL"}

package/es/Avatar/AvatarGroup/index.d.mts

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