@lobehub/ui 5.6.2 → 5.6.4

package/es/Form/components/FormGroup.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
-import Collapse_default from "../../Collapse/Collapse.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Collapse from "../../Collapse/Collapse.mjs";
 import { groupStyles, titleVariants } from "../style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
 import { isUndefined } from "es-toolkit/compat";
-
 //#region src/Form/components/FormGroup.tsx
 const FormGroup = memo(({ className, icon, title, children, extra, variant = "borderless", defaultActive = true, collapsible, active, keyValue = "group", onCollapse, desc, ...rest }) => {
 	const { mobile } = useResponsive();
@@ -19,7 +17,7 @@ const FormGroup = memo(({ className, icon, title, children, extra, variant = "bo
 		horizontal: true,
 		className: cx(titleVariants({ variant }), styles.titleMobile),
 		gap: 8,
-		children: [icon && /* @__PURE__ */ jsx(Icon_default, { icon }), title]
+		children: [icon && /* @__PURE__ */ jsx(Icon, { icon }), title]
 	});
 	if (mobile) return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		className,
@@ -33,7 +31,7 @@ const FormGroup = memo(({ className, icon, title, children, extra, variant = "bo
 			children
 		})]
 	});
-	return /* @__PURE__ */ jsx(Collapse_default, {
+	return /* @__PURE__ */ jsx(Collapse, {
 		activeKey: isUndefined(active) ? void 0 : active ? [keyValue] : [],
 		className,
 		collapsible: defaultCollapsible,
@@ -56,8 +54,7 @@ const FormGroup = memo(({ className, icon, title, children, extra, variant = "bo
 	});
 });
 FormGroup.displayName = "FormGroup";
-var FormGroup_default = FormGroup;
-
 //#endregion
-export { FormGroup_default as default };
+export { FormGroup as default };
+
 //# sourceMappingURL=FormGroup.mjs.map

package/es/Form/components/FormGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.mjs","names":["Flexbox","Icon","Collapse"],"sources":["../../../src/Form/components/FormGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport Collapse from '@/Collapse';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { groupStyles, titleVariants } from '../style';\nimport type { FormGroupProps } from '../type';\n\nconst FormGroup = memo<FormGroupProps>(\n  ({\n    className,\n    icon,\n    title,\n    children,\n    extra,\n    variant = 'borderless',\n    defaultActive = true,\n    collapsible,\n    active,\n    keyValue = 'group',\n    onCollapse,\n    desc,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const styles = groupStyles;\n    const isBorderless = variant === 'borderless';\n\n    const defaultCollapsible = isUndefined(collapsible) ? !isBorderless : collapsible;\n\n    const titleContent = (\n      <Flexbox horizontal className={cx(titleVariants({ variant }), styles.titleMobile)} gap={8}>\n        {icon && <Icon icon={icon} />}\n        {title}\n      </Flexbox>\n    );\n\n    if (mobile)\n      return (\n        <Flexbox className={className}>\n          <Flexbox horizontal className={styles.mobileGroupHeader} justify={'space-between'}>\n            {titleContent}\n            {extra}\n          </Flexbox>\n          <div className={styles.mobileGroupBody}>{children}</div>\n        </Flexbox>\n      );\n\n    return (\n      <Collapse\n        activeKey={isUndefined(active) ? undefined : active ? [keyValue] : []}\n        className={className}\n        collapsible={defaultCollapsible}\n        defaultActiveKey={defaultActive ? [keyValue] : undefined}\n        variant={variant}\n        classNames={{\n          header: isBorderless ? styles.titleBorderless : undefined,\n          title: isBorderless ? styles.titleBorderless : undefined,\n        }}\n        items={[\n          {\n            children,\n            desc,\n            extra,\n            icon,\n            key: keyValue,\n            label: title,\n          },\n        ]}\n        onChange={(v) => onCollapse?.(v.length > 0)}\n        {...rest}\n      />\n    );\n  },\n);\n\nFormGroup.displayName = 'FormGroup';\n\nexport default FormGroup;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,WACA,MACA,OACA,UACA,OACA,UAAU,cACV,gBAAgB,MAChB,aACA,QACA,WAAW,SACX,YACA,MACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,SAAS;CACf,MAAM,eAAe,YAAY;CAEjC,MAAM,qBAAqB,YAAY,YAAY,GAAG,CAAC,eAAe;CAEtE,MAAM,eACJ,qBAACA;EAAQ;EAAW,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,OAAO,YAAY;EAAE,KAAK;aACrF,QAAQ,oBAACC,gBAAW,OAAQ,EAC5B;GACO;AAGZ,KAAI,OACF,QACE,qBAACD;EAAmB;aAClB,qBAACA;GAAQ;GAAW,WAAW,OAAO;GAAmB,SAAS;cAC/D,cACA;IACO,EACV,oBAAC;GAAI,WAAW,OAAO;GAAkB;IAAe;GAChD;AAGd,QACE,oBAACE;EACC,WAAW,YAAY,OAAO,GAAG,SAAY,SAAS,CAAC,SAAS,GAAG,EAAE;EAC1D;EACX,aAAa;EACb,kBAAkB,gBAAgB,CAAC,SAAS,GAAG;EACtC;EACT,YAAY;GACV,QAAQ,eAAe,OAAO,kBAAkB;GAChD,OAAO,eAAe,OAAO,kBAAkB;GAChD;EACD,OAAO,CACL;GACE;GACA;GACA;GACA;GACA,KAAK;GACL,OAAO;GACR,CACF;EACD,WAAW,MAAM,aAAa,EAAE,SAAS,EAAE;EAC3C,GAAI;GACJ;EAGP;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"FormGroup.mjs","names":["Flexbox"],"sources":["../../../src/Form/components/FormGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport Collapse from '@/Collapse';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { groupStyles, titleVariants } from '../style';\nimport type { FormGroupProps } from '../type';\n\nconst FormGroup = memo<FormGroupProps>(\n  ({\n    className,\n    icon,\n    title,\n    children,\n    extra,\n    variant = 'borderless',\n    defaultActive = true,\n    collapsible,\n    active,\n    keyValue = 'group',\n    onCollapse,\n    desc,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const styles = groupStyles;\n    const isBorderless = variant === 'borderless';\n\n    const defaultCollapsible = isUndefined(collapsible) ? !isBorderless : collapsible;\n\n    const titleContent = (\n      <Flexbox horizontal className={cx(titleVariants({ variant }), styles.titleMobile)} gap={8}>\n        {icon && <Icon icon={icon} />}\n        {title}\n      </Flexbox>\n    );\n\n    if (mobile)\n      return (\n        <Flexbox className={className}>\n          <Flexbox horizontal className={styles.mobileGroupHeader} justify={'space-between'}>\n            {titleContent}\n            {extra}\n          </Flexbox>\n          <div className={styles.mobileGroupBody}>{children}</div>\n        </Flexbox>\n      );\n\n    return (\n      <Collapse\n        activeKey={isUndefined(active) ? undefined : active ? [keyValue] : []}\n        className={className}\n        collapsible={defaultCollapsible}\n        defaultActiveKey={defaultActive ? [keyValue] : undefined}\n        variant={variant}\n        classNames={{\n          header: isBorderless ? styles.titleBorderless : undefined,\n          title: isBorderless ? styles.titleBorderless : undefined,\n        }}\n        items={[\n          {\n            children,\n            desc,\n            extra,\n            icon,\n            key: keyValue,\n            label: title,\n          },\n        ]}\n        onChange={(v) => onCollapse?.(v.length > 0)}\n        {...rest}\n      />\n    );\n  },\n);\n\nFormGroup.displayName = 'FormGroup';\n\nexport default FormGroup;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,WACA,MACA,OACA,UACA,OACA,UAAU,cACV,gBAAgB,MAChB,aACA,QACA,WAAW,SACX,YACA,MACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,SAAS;CACf,MAAM,eAAe,YAAY;CAEjC,MAAM,qBAAqB,YAAY,YAAY,GAAG,CAAC,eAAe;CAEtE,MAAM,eACJ,qBAACA,mBAAD;EAAS,YAAA;EAAW,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,OAAO,YAAY;EAAE,KAAK;YAAxF,CACG,QAAQ,oBAAC,MAAD,EAAY,MAAQ,CAAA,EAC5B,MACO;;AAGZ,KAAI,OACF,QACE,qBAACA,mBAAD;EAAoB;YAApB,CACE,qBAACA,mBAAD;GAAS,YAAA;GAAW,WAAW,OAAO;GAAmB,SAAS;aAAlE,CACG,cACA,MACO;MACV,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAkB;GAAe,CAAA,CAChD;;AAGd,QACE,oBAAC,UAAD;EACE,WAAW,YAAY,OAAO,GAAG,KAAA,IAAY,SAAS,CAAC,SAAS,GAAG,EAAE;EAC1D;EACX,aAAa;EACb,kBAAkB,gBAAgB,CAAC,SAAS,GAAG,KAAA;EACtC;EACT,YAAY;GACV,QAAQ,eAAe,OAAO,kBAAkB,KAAA;GAChD,OAAO,eAAe,OAAO,kBAAkB,KAAA;GAChD;EACD,OAAO,CACL;GACE;GACA;GACA;GACA;GACA,KAAK;GACL,OAAO;GACR,CACF;EACD,WAAW,MAAM,aAAa,EAAE,SAAS,EAAE;EAC3C,GAAI;EACJ,CAAA;EAGP;AAED,UAAU,cAAc"}

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

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

package/es/Form/components/FormItem.mjs

@@ -1,26 +1,24 @@
-'use client';
-
+"use client";
 import { itemVariants } from "../style.mjs";
-import FormDivider_default from "./FormDivider.mjs";
-import FormTitle_default from "./FormTitle.mjs";
+import FormDivider from "./FormDivider.mjs";
+import FormTitle from "./FormTitle.mjs";
 import { memo, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Form } from "antd";
 import { cx } from "antd-style";
-
 //#region src/Form/components/FormItem.tsx
 const { Item } = Form;
 const FormItem = memo(({ desc, tag, minWidth, avatar, className, label, children, divider, layout, variant, ...rest }) => {
 	const cssVariables = useMemo(() => ({ "--form-item-min-width": minWidth !== void 0 && minWidth !== null && minWidth !== "" ? typeof minWidth === "number" ? `${minWidth}px` : minWidth : "" }), [minWidth]);
 	const hasMinWidth = minWidth !== void 0 && minWidth !== null && minWidth !== "";
 	const { style: restStyle, ...restProps } = rest;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [divider && /* @__PURE__ */ jsx(FormDivider_default, { visible: variant !== "borderless" }), /* @__PURE__ */ jsx(Item, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [divider && /* @__PURE__ */ jsx(FormDivider, { visible: variant !== "borderless" }), /* @__PURE__ */ jsx(Item, {
 		className: cx(itemVariants({
 			divider,
 			itemMinWidth: hasMinWidth,
 			layout
 		}), className),
-		label: /* @__PURE__ */ jsx(FormTitle_default, {
+		label: /* @__PURE__ */ jsx(FormTitle, {
 			avatar,
 			desc,
 			tag,
@@ -36,8 +34,7 @@ const FormItem = memo(({ desc, tag, minWidth, avatar, className, label, children
 	})] });
 });
 FormItem.displayName = "FormItem";
-var FormItem_default = FormItem;
-
 //#endregion
-export { FormItem_default as default };
+export { FormItem as default };
+
 //# sourceMappingURL=FormItem.mjs.map

package/es/Form/components/FormItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.mjs","names":["FormDivider","FormTitle"],"sources":["../../../src/Form/components/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { itemVariants } from '../style';\nimport type { FormItemProps } from '../type';\nimport FormDivider from './FormDivider';\nimport FormTitle from './FormTitle';\n\nconst { Item } = Form;\n\nconst FormItem = memo<FormItemProps>(\n  ({\n    desc,\n    tag,\n    minWidth,\n    avatar,\n    className,\n    label,\n    children,\n    divider,\n    layout,\n    variant,\n    ...rest\n  }) => {\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--form-item-min-width':\n          minWidth !== undefined && minWidth !== null && minWidth !== ''\n            ? typeof minWidth === 'number'\n              ? `${minWidth}px`\n              : minWidth\n            : '',\n      }),\n      [minWidth],\n    );\n\n    const hasMinWidth = minWidth !== undefined && minWidth !== null && minWidth !== '';\n    const { style: restStyle, ...restProps } = rest;\n\n    return (\n      <>\n        {divider && <FormDivider visible={variant !== 'borderless'} />}\n        <Item\n          className={cx(itemVariants({ divider, itemMinWidth: hasMinWidth, layout }), className)}\n          label={<FormTitle avatar={avatar} desc={desc} tag={tag} title={label} />}\n          layout={layout}\n          style={{\n            ...cssVariables,\n            ...restStyle,\n          }}\n          {...restProps}\n        >\n          {children}\n        </Item>\n      </>\n    );\n  },\n);\n\nFormItem.displayName = 'FormItem';\n\nexport default FormItem;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,EAAE,SAAS;AAEjB,MAAM,WAAW,MACd,EACC,MACA,KACA,UACA,QACA,WACA,OACA,UACA,SACA,QACA,SACA,GAAG,WACC;CACJ,MAAM,eAAe,eACZ,EACL,yBACE,aAAa,UAAa,aAAa,QAAQ,aAAa,KACxD,OAAO,aAAa,WAClB,GAAG,SAAS,MACZ,WACF,IACP,GACD,CAAC,SAAS,CACX;CAED,MAAM,cAAc,aAAa,UAAa,aAAa,QAAQ,aAAa;CAChF,MAAM,EAAE,OAAO,WAAW,GAAG,cAAc;AAE3C,QACE,8CACG,WAAW,oBAACA,uBAAY,SAAS,YAAY,eAAgB,EAC9D,oBAAC;EACC,WAAW,GAAG,aAAa;GAAE;GAAS,cAAc;GAAa;GAAQ,CAAC,EAAE,UAAU;EACtF,OAAO,oBAACC;GAAkB;GAAc;GAAW;GAAK,OAAO;IAAS;EAChE;EACR,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EAEH;GACI,IACN;EAGR;AAED,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"FormItem.mjs","names":[],"sources":["../../../src/Form/components/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { itemVariants } from '../style';\nimport type { FormItemProps } from '../type';\nimport FormDivider from './FormDivider';\nimport FormTitle from './FormTitle';\n\nconst { Item } = Form;\n\nconst FormItem = memo<FormItemProps>(\n  ({\n    desc,\n    tag,\n    minWidth,\n    avatar,\n    className,\n    label,\n    children,\n    divider,\n    layout,\n    variant,\n    ...rest\n  }) => {\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--form-item-min-width':\n          minWidth !== undefined && minWidth !== null && minWidth !== ''\n            ? typeof minWidth === 'number'\n              ? `${minWidth}px`\n              : minWidth\n            : '',\n      }),\n      [minWidth],\n    );\n\n    const hasMinWidth = minWidth !== undefined && minWidth !== null && minWidth !== '';\n    const { style: restStyle, ...restProps } = rest;\n\n    return (\n      <>\n        {divider && <FormDivider visible={variant !== 'borderless'} />}\n        <Item\n          className={cx(itemVariants({ divider, itemMinWidth: hasMinWidth, layout }), className)}\n          label={<FormTitle avatar={avatar} desc={desc} tag={tag} title={label} />}\n          layout={layout}\n          style={{\n            ...cssVariables,\n            ...restStyle,\n          }}\n          {...restProps}\n        >\n          {children}\n        </Item>\n      </>\n    );\n  },\n);\n\nFormItem.displayName = 'FormItem';\n\nexport default FormItem;\n"],"mappings":";;;;;;;;;AAWA,MAAM,EAAE,SAAS;AAEjB,MAAM,WAAW,MACd,EACC,MACA,KACA,UACA,QACA,WACA,OACA,UACA,SACA,QACA,SACA,GAAG,WACC;CACJ,MAAM,eAAe,eACZ,EACL,yBACE,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa,KACxD,OAAO,aAAa,WAClB,GAAG,SAAS,MACZ,WACF,IACP,GACD,CAAC,SAAS,CACX;CAED,MAAM,cAAc,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa;CAChF,MAAM,EAAE,OAAO,WAAW,GAAG,cAAc;AAE3C,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,WAAW,oBAAC,aAAD,EAAa,SAAS,YAAY,cAAgB,CAAA,EAC9D,oBAAC,MAAD;EACE,WAAW,GAAG,aAAa;GAAE;GAAS,cAAc;GAAa;GAAQ,CAAC,EAAE,UAAU;EACtF,OAAO,oBAAC,WAAD;GAAmB;GAAc;GAAW;GAAK,OAAO;GAAS,CAAA;EAChE;EACR,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EAEH;EACI,CAAA,CACN,EAAA,CAAA;EAGR;AAED,SAAS,cAAc"}

package/es/Form/components/FormProvider.mjs

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { createContext, memo, use } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Form/components/FormProvider.tsx
 const FormContext = createContext({});
 const FormProvider = memo(({ children, config }) => {
@@ -14,7 +12,7 @@ const FormProvider = memo(({ children, config }) => {
 const useFormContext = () => {
 	return use(FormContext);
 };
-
 //#endregion
 export { FormProvider, useFormContext };
+
 //# sourceMappingURL=FormProvider.mjs.map

package/es/Form/components/FormProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormProvider.mjs","names":[],"sources":["../../../src/Form/components/FormProvider.tsx"],"sourcesContent":["'use client';\n\nimport { type FormProps } from 'antd';\nimport { createContext, memo, type ReactNode, use } from 'react';\n\ninterface FormContentConfig {\n  form?: FormProps['form'];\n  initialValues?: FormProps['initialValues'];\n  submitLoading?: boolean;\n}\n\nexport const FormContext = createContext<FormContentConfig>({});\n\nexport const FormProvider = memo<{ children: ReactNode; config: FormContentConfig }>(\n  ({ children, config }) => {\n    return <FormContext value={config}>{children}</FormContext>;\n  },\n);\n\nexport const useFormContext = () => {\n  return use(FormContext);\n};\n"],"mappings":";;;;;;AAWA,MAAa,cAAc,cAAiC,EAAE,CAAC;AAE/D,MAAa,eAAe,MACzB,EAAE,UAAU,aAAa;AACxB,QAAO,oBAAC;EAAY,OAAO;EAAS;GAAuB;EAE9D;AAED,MAAa,uBAAuB;AAClC,QAAO,IAAI,YAAY"}
+{"version":3,"file":"FormProvider.mjs","names":[],"sources":["../../../src/Form/components/FormProvider.tsx"],"sourcesContent":["'use client';\n\nimport { type FormProps } from 'antd';\nimport { createContext, memo, type ReactNode, use } from 'react';\n\ninterface FormContentConfig {\n  form?: FormProps['form'];\n  initialValues?: FormProps['initialValues'];\n  submitLoading?: boolean;\n}\n\nexport const FormContext = createContext<FormContentConfig>({});\n\nexport const FormProvider = memo<{ children: ReactNode; config: FormContentConfig }>(\n  ({ children, config }) => {\n    return <FormContext value={config}>{children}</FormContext>;\n  },\n);\n\nexport const useFormContext = () => {\n  return use(FormContext);\n};\n"],"mappings":";;;;AAWA,MAAa,cAAc,cAAiC,EAAE,CAAC;AAE/D,MAAa,eAAe,MACzB,EAAE,UAAU,aAAa;AACxB,QAAO,oBAAC,aAAD;EAAa,OAAO;EAAS;EAAuB,CAAA;EAE9D;AAED,MAAa,uBAAuB;AAClC,QAAO,IAAI,YAAY"}

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

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

package/es/Form/components/FormSubmitFooter.mjs

@@ -1,9 +1,8 @@
-'use client';
-
+"use client";
 import { useMotionComponent } from "../../MotionProvider/index.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
-import Button_default from "../../Button/Button.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Button$1 from "../../Button/Button.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
 import { submitFooterStyles } from "../style.mjs";
 import form_default from "../../i18n/resources/en/form.mjs";
@@ -15,7 +14,6 @@ import { Form } from "antd";
 import { cssVar, cx } from "antd-style";
 import { InfoIcon } from "lucide-react";
 import isEqual from "fast-deep-equal";
-
 //#region src/Form/components/FormSubmitFooter.tsx
 const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset, saveButtonProps, resetButtonProps, enableUnsavedWarning, children, texts, className, ...rest }) => {
 	const Motion = useMotionComponent();
@@ -53,7 +51,7 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 		unsavedWarningText
 	]);
 	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		(float || hasUnsavedChanges) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon_default, {
+		(float || hasUnsavedChanges) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
 			color: cssVar.colorTextDescription,
 			icon: InfoIcon,
 			size: 12,
@@ -68,7 +66,7 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 			children: unsavedText
 		})] }),
 		children,
-		enableReset && (float || hasUnsavedChanges) && /* @__PURE__ */ jsx(Button_default, {
+		enableReset && (float || hasUnsavedChanges) && /* @__PURE__ */ jsx(Button$1, {
 			htmlType: "button",
 			shape: float ? "round" : void 0,
 			variant: "filled",
@@ -80,7 +78,7 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 			...resetButtonProps,
 			children: resetText
 		}),
-		/* @__PURE__ */ jsx(Button_default, {
+		/* @__PURE__ */ jsx(Button$1, {
 			htmlType: "submit",
 			loading: submitLoading,
 			shape: float ? "round" : void 0,
@@ -131,8 +129,7 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 	});
 });
 FormSubmitFooter.displayName = "FormSubmitFooter";
-var FormSubmitFooter_default = FormSubmitFooter;
-
 //#endregion
-export { FormSubmitFooter_default as default };
+export { FormSubmitFooter as default };
+
 //# sourceMappingURL=FormSubmitFooter.mjs.map

package/es/Form/components/FormSubmitFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","Icon","Button","Flexbox"],"sources":["../../../src/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport isEqual from 'fast-deep-equal';\nimport { InfoIcon } from 'lucide-react';\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { submitFooterStyles } from '../style';\nimport { type FormSubmitFooterProps } from '../type';\nimport { useFormContext } from './FormProvider';\nimport { merge, removeUndefined } from './merge';\n\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\n  ({\n    enableReset = true,\n    buttonProps,\n    float,\n    onReset,\n    saveButtonProps,\n    resetButtonProps,\n    enableUnsavedWarning,\n    children,\n    texts,\n    className,\n    ...rest\n  }) => {\n    const Motion = useMotionComponent();\n    const { form, initialValues, submitLoading } = useFormContext();\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n    const values = Form.useWatch([], form) || {};\n    const { t } = useTranslation(formMessages);\n\n    const styles = submitFooterStyles;\n\n    const v = useMemo(() => removeUndefined(values), [values]);\n\n    const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);\n\n    const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);\n\n    useEffect(() => {\n      setHasUnsavedChanges(!isEqual(mergedV, initialV));\n    }, [mergedV, initialV, submitLoading]);\n\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\n    const resetText = texts?.reset ?? t('form.reset');\n    const submitText = texts?.submit ?? t('form.submit');\n\n    const fn = (e: BeforeUnloadEvent) => {\n      if (hasUnsavedChanges) {\n        e.returnValue = unsavedWarningText;\n      } else {\n        delete e.returnValue;\n      }\n    };\n\n    useEffect(() => {\n      if (!enableUnsavedWarning) return;\n      if (typeof window === 'undefined' || !hasUnsavedChanges) return;\n      // 添加离开页面的提示\n      window.addEventListener('beforeunload', fn);\n      return () => window.removeEventListener('beforeunload', fn);\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\n\n    const content = (\n      <>\n        {(float || hasUnsavedChanges) && (\n          <>\n            <Icon\n              color={cssVar.colorTextDescription}\n              icon={InfoIcon}\n              size={12}\n              style={{ marginLeft: 8 }}\n            />\n            <span\n              style={{\n                color: cssVar.colorTextDescription,\n                flex: 'none',\n                fontSize: 12,\n                marginRight: float ? 16 : 4,\n              }}\n            >\n              {unsavedText}\n            </span>\n          </>\n        )}\n        {children}\n        {enableReset && (float || hasUnsavedChanges) && (\n          <Button\n            htmlType=\"button\"\n            shape={float ? 'round' : undefined}\n            variant={'filled'}\n            onClick={() => {\n              onReset?.(v, initialV);\n              form?.resetFields();\n            }}\n            {...buttonProps}\n            {...resetButtonProps}\n          >\n            {resetText}\n          </Button>\n        )}\n        <Button\n          htmlType=\"submit\"\n          loading={submitLoading}\n          shape={float ? 'round' : undefined}\n          type=\"primary\"\n          {...buttonProps}\n          {...saveButtonProps}\n        >\n          {submitText}\n        </Button>\n      </>\n    );\n\n    if (!float)\n      return (\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          justify={'flex-end'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      );\n\n    return (\n      <Motion.div\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\n        className={styles.floatFooter}\n        initial={'hidden'}\n        transition={{ duration: 0.1, ease: 'easeOut' }}\n        variants={{\n          hidden: {\n            opacity: 0,\n            x: '-50%',\n            y: 20,\n          },\n          visible: {\n            opacity: 1,\n            x: '-50%',\n            y: 0,\n          },\n        }}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={className}\n          gap={8}\n          justify={'center'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      </Motion.div>\n    );\n  },\n);\n\nFormSubmitFooter.displayName = 'FormSubmitFooter';\n\nexport default FormSubmitFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,oBAAoB;CACnC,MAAM,EAAE,MAAM,eAAe,kBAAkB,gBAAgB;CAC/D,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,SAAS,KAAK,SAAS,EAAE,EAAE,KAAK,IAAI,EAAE;CAC5C,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,SAAS;CAEf,MAAM,IAAI,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC;CAE1D,MAAM,WAAW,cAAc,gBAAgB,cAAc,EAAE,CAAC,cAAc,CAAC;CAE/E,MAAM,UAAU,cAAc,MAAM,UAAU,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;AAEhE,iBAAgB;AACd,uBAAqB,CAAC,QAAQ,SAAS,SAAS,CAAC;IAChD;EAAC;EAAS;EAAU;EAAc,CAAC;CAEtC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,sBAAsB;CAC5E,MAAM,cAAc,OAAO,WAAW,EAAE,sBAAsB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,aAAa;CACjD,MAAM,aAAa,OAAO,UAAU,EAAE,cAAc;CAEpD,MAAM,MAAM,MAAyB;AACnC,MAAI,kBACF,GAAE,cAAc;MAEhB,QAAO,EAAE;;AAIb,iBAAgB;AACd,MAAI,CAAC,qBAAsB;AAC3B,MAAI,OAAO,WAAW,eAAe,CAAC,kBAAmB;AAEzD,SAAO,iBAAiB,gBAAgB,GAAG;AAC3C,eAAa,OAAO,oBAAoB,gBAAgB,GAAG;IAC1D;EAAC;EAAsB;EAAmB;EAAmB,CAAC;CAEjE,MAAM,UACJ;GACI,SAAS,sBACT,8CACE,oBAACC;GACC,OAAO,OAAO;GACd,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,GAAG;IACxB,EACF,oBAAC;GACC,OAAO;IACL,OAAO,OAAO;IACd,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;IACI,IACN;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAACC;GACC,UAAS;GACT,OAAO,QAAQ,UAAU;GACzB,SAAS;GACT,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,GAAI;GACJ,GAAI;aAEH;IACM;EAEX,oBAACA;GACC,UAAS;GACT,SAAS;GACT,OAAO,QAAQ,UAAU;GACzB,MAAK;GACL,GAAI;GACJ,GAAI;aAEH;IACM;KACR;AAGL,KAAI,CAAC,MACH,QACE,oBAACC;EACC;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL,SAAS;EACT,GAAI;YAEH;GACO;AAGd,QACE,oBAAC,OAAO;EACN,SAAS,oBAAoB,YAAY;EACzC,WAAW,OAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;GAAW;EAC9C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACD,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACF;YAED,oBAACA;GACC;GACA,OAAO;GACI;GACX,KAAK;GACL,SAAS;GACT,GAAI;aAEH;IACO;GACC;EAGlB;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","Button","Flexbox"],"sources":["../../../src/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport isEqual from 'fast-deep-equal';\nimport { InfoIcon } from 'lucide-react';\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { submitFooterStyles } from '../style';\nimport { type FormSubmitFooterProps } from '../type';\nimport { useFormContext } from './FormProvider';\nimport { merge, removeUndefined } from './merge';\n\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\n  ({\n    enableReset = true,\n    buttonProps,\n    float,\n    onReset,\n    saveButtonProps,\n    resetButtonProps,\n    enableUnsavedWarning,\n    children,\n    texts,\n    className,\n    ...rest\n  }) => {\n    const Motion = useMotionComponent();\n    const { form, initialValues, submitLoading } = useFormContext();\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n    const values = Form.useWatch([], form) || {};\n    const { t } = useTranslation(formMessages);\n\n    const styles = submitFooterStyles;\n\n    const v = useMemo(() => removeUndefined(values), [values]);\n\n    const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);\n\n    const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);\n\n    useEffect(() => {\n      setHasUnsavedChanges(!isEqual(mergedV, initialV));\n    }, [mergedV, initialV, submitLoading]);\n\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\n    const resetText = texts?.reset ?? t('form.reset');\n    const submitText = texts?.submit ?? t('form.submit');\n\n    const fn = (e: BeforeUnloadEvent) => {\n      if (hasUnsavedChanges) {\n        e.returnValue = unsavedWarningText;\n      } else {\n        delete e.returnValue;\n      }\n    };\n\n    useEffect(() => {\n      if (!enableUnsavedWarning) return;\n      if (typeof window === 'undefined' || !hasUnsavedChanges) return;\n      // 添加离开页面的提示\n      window.addEventListener('beforeunload', fn);\n      return () => window.removeEventListener('beforeunload', fn);\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\n\n    const content = (\n      <>\n        {(float || hasUnsavedChanges) && (\n          <>\n            <Icon\n              color={cssVar.colorTextDescription}\n              icon={InfoIcon}\n              size={12}\n              style={{ marginLeft: 8 }}\n            />\n            <span\n              style={{\n                color: cssVar.colorTextDescription,\n                flex: 'none',\n                fontSize: 12,\n                marginRight: float ? 16 : 4,\n              }}\n            >\n              {unsavedText}\n            </span>\n          </>\n        )}\n        {children}\n        {enableReset && (float || hasUnsavedChanges) && (\n          <Button\n            htmlType=\"button\"\n            shape={float ? 'round' : undefined}\n            variant={'filled'}\n            onClick={() => {\n              onReset?.(v, initialV);\n              form?.resetFields();\n            }}\n            {...buttonProps}\n            {...resetButtonProps}\n          >\n            {resetText}\n          </Button>\n        )}\n        <Button\n          htmlType=\"submit\"\n          loading={submitLoading}\n          shape={float ? 'round' : undefined}\n          type=\"primary\"\n          {...buttonProps}\n          {...saveButtonProps}\n        >\n          {submitText}\n        </Button>\n      </>\n    );\n\n    if (!float)\n      return (\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          justify={'flex-end'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      );\n\n    return (\n      <Motion.div\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\n        className={styles.floatFooter}\n        initial={'hidden'}\n        transition={{ duration: 0.1, ease: 'easeOut' }}\n        variants={{\n          hidden: {\n            opacity: 0,\n            x: '-50%',\n            y: 20,\n          },\n          visible: {\n            opacity: 1,\n            x: '-50%',\n            y: 0,\n          },\n        }}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={className}\n          gap={8}\n          justify={'center'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      </Motion.div>\n    );\n  },\n);\n\nFormSubmitFooter.displayName = 'FormSubmitFooter';\n\nexport default FormSubmitFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,oBAAoB;CACnC,MAAM,EAAE,MAAM,eAAe,kBAAkB,gBAAgB;CAC/D,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,SAAS,KAAK,SAAS,EAAE,EAAE,KAAK,IAAI,EAAE;CAC5C,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,SAAS;CAEf,MAAM,IAAI,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC;CAE1D,MAAM,WAAW,cAAc,gBAAgB,cAAc,EAAE,CAAC,cAAc,CAAC;CAE/E,MAAM,UAAU,cAAc,MAAM,UAAU,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;AAEhE,iBAAgB;AACd,uBAAqB,CAAC,QAAQ,SAAS,SAAS,CAAC;IAChD;EAAC;EAAS;EAAU;EAAc,CAAC;CAEtC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,sBAAsB;CAC5E,MAAM,cAAc,OAAO,WAAW,EAAE,sBAAsB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,aAAa;CACjD,MAAM,aAAa,OAAO,UAAU,EAAE,cAAc;CAEpD,MAAM,MAAM,MAAyB;AACnC,MAAI,kBACF,GAAE,cAAc;MAEhB,QAAO,EAAE;;AAIb,iBAAgB;AACd,MAAI,CAAC,qBAAsB;AAC3B,MAAI,OAAO,WAAW,eAAe,CAAC,kBAAmB;AAEzD,SAAO,iBAAiB,gBAAgB,GAAG;AAC3C,eAAa,OAAO,oBAAoB,gBAAgB,GAAG;IAC1D;EAAC;EAAsB;EAAmB;EAAmB,CAAC;CAEjE,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA;GACI,SAAS,sBACT,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;GACE,OAAO,OAAO;GACd,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,GAAG;GACxB,CAAA,EACF,oBAAC,QAAD;GACE,OAAO;IACL,OAAO,OAAO;IACd,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;GACI,CAAA,CACN,EAAA,CAAA;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAACC,UAAD;GACE,UAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,SAAS;GACT,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,GAAI;GACJ,GAAI;aAEH;GACM,CAAA;EAEX,oBAACA,UAAD;GACE,UAAS;GACT,SAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAK;GACL,GAAI;GACJ,GAAI;aAEH;GACM,CAAA;EACR,EAAA,CAAA;AAGL,KAAI,CAAC,MACH,QACE,oBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL,SAAS;EACT,GAAI;YAEH;EACO,CAAA;AAGd,QACE,oBAAC,OAAO,KAAR;EACE,SAAS,oBAAoB,YAAY;EACzC,WAAW,OAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;GAAW;EAC9C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACD,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACF;YAED,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACI;GACX,KAAK;GACL,SAAS;GACT,GAAI;aAEH;GACO,CAAA;EACC,CAAA;EAGlB;AAED,iBAAiB,cAAc"}

package/es/Form/components/FormTitle.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Tag_default from "../../Tag/Tag.mjs";
+import Tag from "../../Tag/Tag.mjs";
 import { titleStyles } from "../style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Form/components/FormTitle.tsx
 const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -23,7 +21,7 @@ const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles,
 				direction: "horizontal",
 				gap: 8,
 				style: customStyles?.title,
-				children: [title, tag && /* @__PURE__ */ jsx(Tag_default, {
+				children: [title, tag && /* @__PURE__ */ jsx(Tag, {
 					className: classNames?.tag,
 					style: customStyles?.tag,
 					children: tag
@@ -37,8 +35,7 @@ const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles,
 	});
 };
 FormTitle.displayName = "FormTitle";
-var FormTitle_default = FormTitle;
-
 //#endregion
-export { FormTitle_default as default };
+export { FormTitle as default };
+
 //# sourceMappingURL=FormTitle.mjs.map

package/es/Form/components/FormTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormTitle.mjs","names":["FormTitle: FC<FormTitleProps>","Flexbox","styles","Tag"],"sources":["../../../src/Form/components/FormTitle.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Tag from '@/Tag';\n\nimport { titleStyles as styles } from '../style';\nimport type { FormTitleProps } from '../type';\n\nconst FormTitle: FC<FormTitleProps> = ({\n  tag,\n  title,\n  desc,\n  avatar,\n  classNames,\n  styles: customStyles,\n  ...rest\n}) => {\n  return (\n    <Flexbox horizontal align={`center`} gap={8} {...rest}>\n      {avatar}\n      <Flexbox\n        className={cx(styles.content, classNames?.content)}\n        gap={8}\n        style={customStyles?.content}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(styles.title, classNames?.title)}\n          direction={'horizontal'}\n          gap={8}\n          style={customStyles?.title}\n        >\n          {title}\n          {tag && (\n            <Tag className={classNames?.tag} style={customStyles?.tag}>\n              {tag}\n            </Tag>\n          )}\n        </Flexbox>\n        {desc && (\n          <small className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n            {desc}\n          </small>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nFormTitle.displayName = 'FormTitle';\n\nexport default FormTitle;\n"],"mappings":";;;;;;;;;AAWA,MAAMA,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,GAAG,WACC;AACJ,QACE,qBAACC;EAAQ;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;aAC9C,QACD,qBAACA;GACC,WAAW,GAAGC,YAAO,SAAS,YAAY,QAAQ;GAClD,KAAK;GACL,OAAO,cAAc;cAErB,qBAACD;IACC,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,MAAM;IAC9C,WAAW;IACX,KAAK;IACL,OAAO,cAAc;eAEpB,OACA,OACC,oBAACC;KAAI,WAAW,YAAY;KAAK,OAAO,cAAc;eACnD;MACG;KAEA,EACT,QACC,oBAAC;IAAM,WAAW,GAAGD,YAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACvE;KACK;IAEF;GACF;;AAId,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"FormTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/Form/components/FormTitle.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Tag from '@/Tag';\n\nimport { titleStyles as styles } from '../style';\nimport type { FormTitleProps } from '../type';\n\nconst FormTitle: FC<FormTitleProps> = ({\n  tag,\n  title,\n  desc,\n  avatar,\n  classNames,\n  styles: customStyles,\n  ...rest\n}) => {\n  return (\n    <Flexbox horizontal align={`center`} gap={8} {...rest}>\n      {avatar}\n      <Flexbox\n        className={cx(styles.content, classNames?.content)}\n        gap={8}\n        style={customStyles?.content}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(styles.title, classNames?.title)}\n          direction={'horizontal'}\n          gap={8}\n          style={customStyles?.title}\n        >\n          {title}\n          {tag && (\n            <Tag className={classNames?.tag} style={customStyles?.tag}>\n              {tag}\n            </Tag>\n          )}\n        </Flexbox>\n        {desc && (\n          <small className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n            {desc}\n          </small>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nFormTitle.displayName = 'FormTitle';\n\nexport default FormTitle;\n"],"mappings":";;;;;;;AAWA,MAAM,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;YAAjD,CACG,QACD,qBAACA,mBAAD;GACE,WAAW,GAAGC,YAAO,SAAS,YAAY,QAAQ;GAClD,KAAK;GACL,OAAO,cAAc;aAHvB,CAKE,qBAACD,mBAAD;IACE,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,MAAM;IAC9C,WAAW;IACX,KAAK;IACL,OAAO,cAAc;cALvB,CAOG,OACA,OACC,oBAAC,KAAD;KAAK,WAAW,YAAY;KAAK,OAAO,cAAc;eACnD;KACG,CAAA,CAEA;OACT,QACC,oBAAC,SAAD;IAAO,WAAW,GAAGA,YAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACvE;IACK,CAAA,CAEF;KACF;;;AAId,UAAU,cAAc"}

package/es/Form/components/merge.mjs

@@ -1,5 +1,4 @@
-import { isEmpty, isObject, mergeWith, pickBy } from "es-toolkit/compat";
-
+import { isObject, mergeWith, pickBy } from "es-toolkit/compat";
 //#region src/Form/components/merge.ts
 const removeUndefined = (obj) => {
 	if (!isObject(obj)) return obj;
@@ -17,7 +16,7 @@ const removeUndefined = (obj) => {
 const merge$1 = (target, source) => mergeWith({}, target, source, (obj, src) => {
 	if (Array.isArray(obj)) return src;
 });
-
 //#endregion
 export { merge$1 as merge, removeUndefined };
+
 //# sourceMappingURL=merge.mjs.map

package/es/Form/components/merge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"merge.mjs","names":["merge: typeof _merge"],"sources":["../../../src/Form/components/merge.ts"],"sourcesContent":["import { isEmpty, isObject, type merge as _merge, mergeWith, pickBy } from 'es-toolkit/compat';\n\nexport const removeUndefined = (obj: any): any => {\n  if (!isObject(obj)) return obj;\n\n  if (Array.isArray(obj)) {\n    return obj.map((item) => removeUndefined(item)).filter((item) => item !== undefined);\n  }\n\n  return pickBy(\n    Object.entries(obj).reduce((acc: any, [key, value]) => {\n      acc[key] = removeUndefined(value);\n      return acc;\n    }, {}),\n    (value) => value !== undefined,\n  );\n};\n\n/**\n * 用于合并对象，如果是数组则直接替换\n * @param target\n * @param source\n */\nexport const merge: typeof _merge = <T = object>(target: T, source: T) =>\n  mergeWith({}, target, source, (obj, src) => {\n    if (Array.isArray(obj)) return src;\n  });\n\ntype MergeableItem = {\n  [key: string]: any;\n  id: string;\n};\n\n/**\n * Merge two arrays based on id, preserving metadata from default items\n * @param defaultItems Items with default configuration and metadata\n * @param userItems User-defined items with higher priority\n */\nexport const mergeArrayById = <T extends MergeableItem>(defaultItems: T[], userItems: T[]): T[] => {\n  // Create a map of default items for faster lookup\n  const defaultItemsMap = new Map(defaultItems.map((item) => [item.id, item]));\n\n  // 使用 Map 存储合并结果，这样重复 ID 的后项会自然覆盖前项\n  const mergedItemsMap = new Map<string, T>();\n\n  // Process user items with default metadata\n  for (const userItem of userItems) {\n    const defaultItem = defaultItemsMap.get(userItem.id);\n    if (!defaultItem) {\n      mergedItemsMap.set(userItem.id, userItem);\n      continue;\n    }\n\n    const mergedItem: T = { ...defaultItem };\n    for (const [key, value] of Object.entries(userItem)) {\n      if (value !== null && value !== undefined && !(typeof value === 'object' && isEmpty(value))) {\n        // @ts-expect-error\n        mergedItem[key] = value;\n      }\n\n      if (typeof value === 'object' && !isEmpty(value)) {\n        // @ts-expect-error\n        mergedItem[key] = merge(defaultItem[key], value);\n      }\n    }\n\n    mergedItemsMap.set(userItem.id, mergedItem);\n  }\n\n  // 添加只在默认配置中存在的项\n  for (const item of defaultItems) {\n    if (!mergedItemsMap.has(item.id)) {\n      mergedItemsMap.set(item.id, item);\n    }\n  }\n\n  return [...mergedItemsMap.values()];\n};\n"],"mappings":";;;AAEA,MAAa,mBAAmB,QAAkB;AAChD,KAAI,CAAC,SAAS,IAAI,CAAE,QAAO;AAE3B,KAAI,MAAM,QAAQ,IAAI,CACpB,QAAO,IAAI,KAAK,SAAS,gBAAgB,KAAK,CAAC,CAAC,QAAQ,SAAS,SAAS,OAAU;AAGtF,QAAO,OACL,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAU,CAAC,KAAK,WAAW;AACrD,MAAI,OAAO,gBAAgB,MAAM;AACjC,SAAO;IACN,EAAE,CAAC,GACL,UAAU,UAAU,OACtB;;;;;;;AAQH,MAAaA,WAAoC,QAAW,WAC1D,UAAU,EAAE,EAAE,QAAQ,SAAS,KAAK,QAAQ;AAC1C,KAAI,MAAM,QAAQ,IAAI,CAAE,QAAO;EAC/B"}
+{"version":3,"file":"merge.mjs","names":["merge"],"sources":["../../../src/Form/components/merge.ts"],"sourcesContent":["import { isEmpty, isObject, type merge as _merge, mergeWith, pickBy } from 'es-toolkit/compat';\n\nexport const removeUndefined = (obj: any): any => {\n  if (!isObject(obj)) return obj;\n\n  if (Array.isArray(obj)) {\n    return obj.map((item) => removeUndefined(item)).filter((item) => item !== undefined);\n  }\n\n  return pickBy(\n    Object.entries(obj).reduce((acc: any, [key, value]) => {\n      acc[key] = removeUndefined(value);\n      return acc;\n    }, {}),\n    (value) => value !== undefined,\n  );\n};\n\n/**\n * 用于合并对象，如果是数组则直接替换\n * @param target\n * @param source\n */\nexport const merge: typeof _merge = <T = object>(target: T, source: T) =>\n  mergeWith({}, target, source, (obj, src) => {\n    if (Array.isArray(obj)) return src;\n  });\n\ntype MergeableItem = {\n  [key: string]: any;\n  id: string;\n};\n\n/**\n * Merge two arrays based on id, preserving metadata from default items\n * @param defaultItems Items with default configuration and metadata\n * @param userItems User-defined items with higher priority\n */\nexport const mergeArrayById = <T extends MergeableItem>(defaultItems: T[], userItems: T[]): T[] => {\n  // Create a map of default items for faster lookup\n  const defaultItemsMap = new Map(defaultItems.map((item) => [item.id, item]));\n\n  // 使用 Map 存储合并结果，这样重复 ID 的后项会自然覆盖前项\n  const mergedItemsMap = new Map<string, T>();\n\n  // Process user items with default metadata\n  for (const userItem of userItems) {\n    const defaultItem = defaultItemsMap.get(userItem.id);\n    if (!defaultItem) {\n      mergedItemsMap.set(userItem.id, userItem);\n      continue;\n    }\n\n    const mergedItem: T = { ...defaultItem };\n    for (const [key, value] of Object.entries(userItem)) {\n      if (value !== null && value !== undefined && !(typeof value === 'object' && isEmpty(value))) {\n        // @ts-expect-error\n        mergedItem[key] = value;\n      }\n\n      if (typeof value === 'object' && !isEmpty(value)) {\n        // @ts-expect-error\n        mergedItem[key] = merge(defaultItem[key], value);\n      }\n    }\n\n    mergedItemsMap.set(userItem.id, mergedItem);\n  }\n\n  // 添加只在默认配置中存在的项\n  for (const item of defaultItems) {\n    if (!mergedItemsMap.has(item.id)) {\n      mergedItemsMap.set(item.id, item);\n    }\n  }\n\n  return [...mergedItemsMap.values()];\n};\n"],"mappings":";;AAEA,MAAa,mBAAmB,QAAkB;AAChD,KAAI,CAAC,SAAS,IAAI,CAAE,QAAO;AAE3B,KAAI,MAAM,QAAQ,IAAI,CACpB,QAAO,IAAI,KAAK,SAAS,gBAAgB,KAAK,CAAC,CAAC,QAAQ,SAAS,SAAS,KAAA,EAAU;AAGtF,QAAO,OACL,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAU,CAAC,KAAK,WAAW;AACrD,MAAI,OAAO,gBAAgB,MAAM;AACjC,SAAO;IACN,EAAE,CAAC,GACL,UAAU,UAAU,KAAA,EACtB;;;;;;;AAQH,MAAaA,WAAoC,QAAW,WAC1D,UAAU,EAAE,EAAE,QAAQ,SAAS,KAAK,QAAQ;AAC1C,KAAI,MAAM,QAAQ,IAAI,CAAE,QAAO;EAC/B"}

package/es/Form/index.mjs

@@ -1,22 +1,19 @@
-'use client';
-
-import FormGroup_default from "./components/FormGroup.mjs";
-import FormTitle_default from "./components/FormTitle.mjs";
-import FormItem_default from "./components/FormItem.mjs";
-import FormSubmitFooter_default from "./components/FormSubmitFooter.mjs";
-import Form_default$1 from "./Form.mjs";
-import { Form } from "antd";
-
+"use client";
+import FormGroup from "./components/FormGroup.mjs";
+import FormTitle from "./components/FormTitle.mjs";
+import FormItem from "./components/FormItem.mjs";
+import FormSubmitFooter from "./components/FormSubmitFooter.mjs";
+import Form$2 from "./Form.mjs";
+import { Form as Form$1 } from "antd";
 //#region src/Form/index.ts
-const Form$1 = Form_default$1;
-Form$1.Item = FormItem_default;
-Form$1.Group = FormGroup_default;
-Form$1.Title = FormTitle_default;
-Form$1.useForm = Form.useForm;
-Form$1.Provider = Form.Provider;
-Form$1.SubmitFooter = FormSubmitFooter_default;
-var Form_default = Form$1;
-
+const Form = Form$2;
+Form.Item = FormItem;
+Form.Group = FormGroup;
+Form.Title = FormTitle;
+Form.useForm = Form$1.useForm;
+Form.Provider = Form$1.Provider;
+Form.SubmitFooter = FormSubmitFooter;
 //#endregion
-export { FormGroup_default as FormGroup, FormItem_default as FormItem, FormSubmitFooter_default as FormSubmitFooter, FormTitle_default as FormTitle, Form_default as default };
+export { FormGroup, FormItem, FormSubmitFooter, FormTitle, Form as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/Form/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Form","FormParent","FormItem","FormGroup","FormTitle","AntForm","FormSubmitFooter"],"sources":["../../src/Form/index.ts"],"sourcesContent":["'use client';\n\nimport { Form as AntForm, type FormInstance } from 'antd';\nimport { type ReactNode, type RefAttributes } from 'react';\n\nimport FormGroup from './components/FormGroup';\nimport FormItem from './components/FormItem';\nimport FormSubmitFooter from './components/FormSubmitFooter';\nimport FormTitle from './components/FormTitle';\nimport FormParent from './Form';\nimport { type FormProps } from './type';\n\ninterface IForm {\n  (props: FormProps & RefAttributes<FormInstance>): ReactNode;\n  Group: typeof FormGroup;\n  Item: typeof FormItem;\n  Provider: typeof AntForm.Provider;\n  SubmitFooter: typeof FormSubmitFooter;\n  Title: typeof FormTitle;\n  useForm: typeof AntForm.useForm;\n}\n\nconst Form = FormParent as unknown as IForm;\n\nForm.Item = FormItem;\nForm.Group = FormGroup;\nForm.Title = FormTitle;\nForm.useForm = AntForm.useForm;\nForm.Provider = AntForm.Provider;\nForm.SubmitFooter = FormSubmitFooter;\n\nexport default Form;\nexport { default as FormGroup } from './components/FormGroup';\nexport { default as FormItem } from './components/FormItem';\nexport { default as FormSubmitFooter } from './components/FormSubmitFooter';\nexport { default as FormTitle } from './components/FormTitle';\nexport type * from './type';\n"],"mappings":";;;;;;;;;;AAsBA,MAAMA,SAAOC;AAEb,OAAK,OAAOC;AACZ,OAAK,QAAQC;AACb,OAAK,QAAQC;AACb,OAAK,UAAUC,KAAQ;AACvB,OAAK,WAAWA,KAAQ;AACxB,OAAK,eAAeC;AAEpB,mBAAeN"}
+{"version":3,"file":"index.mjs","names":["FormParent","AntForm"],"sources":["../../src/Form/index.ts"],"sourcesContent":["'use client';\n\nimport { Form as AntForm, type FormInstance } from 'antd';\nimport { type ReactNode, type RefAttributes } from 'react';\n\nimport FormGroup from './components/FormGroup';\nimport FormItem from './components/FormItem';\nimport FormSubmitFooter from './components/FormSubmitFooter';\nimport FormTitle from './components/FormTitle';\nimport FormParent from './Form';\nimport { type FormProps } from './type';\n\ninterface IForm {\n  (props: FormProps & RefAttributes<FormInstance>): ReactNode;\n  Group: typeof FormGroup;\n  Item: typeof FormItem;\n  Provider: typeof AntForm.Provider;\n  SubmitFooter: typeof FormSubmitFooter;\n  Title: typeof FormTitle;\n  useForm: typeof AntForm.useForm;\n}\n\nconst Form = FormParent as unknown as IForm;\n\nForm.Item = FormItem;\nForm.Group = FormGroup;\nForm.Title = FormTitle;\nForm.useForm = AntForm.useForm;\nForm.Provider = AntForm.Provider;\nForm.SubmitFooter = FormSubmitFooter;\n\nexport default Form;\nexport { default as FormGroup } from './components/FormGroup';\nexport { default as FormItem } from './components/FormItem';\nexport { default as FormSubmitFooter } from './components/FormSubmitFooter';\nexport { default as FormTitle } from './components/FormTitle';\nexport type * from './type';\n"],"mappings":";;;;;;;;AAsBA,MAAM,OAAOA;AAEb,KAAK,OAAO;AACZ,KAAK,QAAQ;AACb,KAAK,QAAQ;AACb,KAAK,UAAUC,OAAQ;AACvB,KAAK,WAAWA,OAAQ;AACxB,KAAK,eAAe"}

package/es/Form/style.mjs

@@ -1,32 +1,31 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, responsive } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Form/style.ts
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	borderless: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	borderless: css`
     gap: 48px;
     .${prefixCls}-collapse .${prefixCls}-collapse-header {
       padding-block-end: 16px;
-      border-block-end: 1px solid ${cssVar$1.colorBorderSecondary};
+      border-block-end: 1px solid ${cssVar.colorBorderSecondary};
     }
 
     .${prefixCls}-collapse-body {
       padding-inline: 0 !important;
     }
   `,
-	filled: css$1`
+	filled: css`
     .${prefixCls}-collapse-body {
       padding-block: 0 !important;
     }
   `,
-	outlined: css$1`
+	outlined: css`
     .${prefixCls}-collapse-body {
       padding-block: 0 !important;
     }
   `,
-	root: css$1`
+	root: css`
     position: relative;
 
     display: flex;
@@ -65,7 +64,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     }
 
     .${prefixCls}-collapse-item {
-      border-radius: ${cssVar$1.borderRadius} !important;
+      border-radius: ${cssVar.borderRadius} !important;
     }
 
     ${responsive.sm} {
@@ -81,24 +80,24 @@ const variants = cva(styles.root, {
 		borderless: styles.borderless
 	} }
 });
-const flatGroupStyles = createStaticStyles(({ cx: cx$1, css: css$1, cssVar: cssVar$1 }) => {
+const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => {
 	return {
-		borderless: cx$1(staticStylish.variantBorderlessWithoutHover, css$1`
+		borderless: cx(staticStylish.variantBorderlessWithoutHover, css`
         padding-inline: 0;
       `),
-		filled: cx$1(staticStylish.variantFilledWithoutHover, css$1`
-        background: ${cssVar$1.colorFillQuaternary};
+		filled: cx(staticStylish.variantFilledWithoutHover, css`
+        background: ${cssVar.colorFillQuaternary};
       `),
-		mobile: css$1`
+		mobile: css`
       padding-block: 0;
       padding-inline: 16px;
       border-radius: 0;
-      background: ${cssVar$1.colorBgContainer};
+      background: ${cssVar.colorBgContainer};
     `,
 		outlined: staticStylish.variantOutlinedWithoutHover,
-		root: css$1`
+		root: css`
       padding-inline: 16px;
-      border-radius: ${cssVar$1.borderRadiusLG};
+      border-radius: ${cssVar.borderRadiusLG};
     `
 	};
 });
@@ -110,36 +109,36 @@ const flatGroupVariants = cva(flatGroupStyles.root, {
 		borderless: flatGroupStyles.borderless
 	} }
 });
-const footerStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
-	return { root: css$1`
+createStaticStyles(({ css, cssVar }) => {
+	return { root: css`
       ${responsive.sm} {
         padding: 16px;
-        border-block-start: 1px solid ${cssVar$1.colorBorderSecondary};
-        background: ${cssVar$1.colorBgContainer};
+        border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+        background: ${cssVar.colorBgContainer};
       }
     ` };
 });
-const groupStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const groupStyles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		mobileGroupBody: css$1`
+		mobileGroupBody: css`
       padding-block: 0;
       padding-inline: 16px;
-      background: ${cssVar$1.colorBgContainer};
+      background: ${cssVar.colorBgContainer};
     `,
-		mobileGroupHeader: css$1`
+		mobileGroupHeader: css`
       padding: 16px;
-      background: ${cssVar$1.colorBgLayout};
+      background: ${cssVar.colorBgLayout};
     `,
-		title: css$1`
+		title: css`
       align-items: center;
       font-size: 16px;
       font-weight: bold;
     `,
-		titleBorderless: css$1`
+		titleBorderless: css`
       font-size: 18px;
       font-weight: bold;
     `,
-		titleMobile: css$1`
+		titleMobile: css`
       ${responsive.sm} {
         font-size: 14px;
         font-weight: 400;
@@ -156,18 +155,18 @@ const titleVariants = cva(groupStyles.title, {
 		borderless: groupStyles.titleBorderless
 	} }
 });
-const itemStyles = createStaticStyles(({ css: css$1 }) => ({
-	itemMinWidth: css$1`
+const itemStyles = createStaticStyles(({ css }) => ({
+	itemMinWidth: css`
     &.${prefixCls}-form-item .${prefixCls}-form-item-control {
       width: var(--form-item-min-width) !important;
     }
   `,
-	itemNoDivider: css$1`
+	itemNoDivider: css`
     &:not(:first-child) {
       padding-block-start: 0;
     }
   `,
-	root: css$1`
+	root: css`
     &.${prefixCls}-form-item {
       padding-block: 16px;
       padding-inline: 0;
@@ -202,7 +201,7 @@ const itemStyles = createStaticStyles(({ css: css$1 }) => ({
       }
     }
   `,
-	verticalLayout: css$1`
+	verticalLayout: css`
     &.${prefixCls}-form-item {
       .${prefixCls}-row {
         align-items: stretch;
@@ -231,8 +230,8 @@ const itemVariants = cva(itemStyles.root, {
 		}
 	}
 });
-const submitFooterStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	floatFooter: css$1`
+const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({
+	floatFooter: css`
     position: fixed;
     z-index: 1000;
     inset-block-end: 24px;
@@ -241,40 +240,40 @@ const submitFooterStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 })
 
     width: max-content;
     padding: 8px;
-    border: 1px solid ${cssVar$1.colorBorderSecondary};
+    border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 48px;
 
-    background: ${cssVar$1.colorBgContainer};
-    box-shadow: ${cssVar$1.boxShadowSecondary};
+    background: ${cssVar.colorBgContainer};
+    box-shadow: ${cssVar.boxShadowSecondary};
   `,
-	footer: css$1`
+	footer: css`
     ${responsive.sm} {
-      margin-block-start: calc(-1 * ${cssVar$1.borderRadius});
+      margin-block-start: calc(-1 * ${cssVar.borderRadius});
       padding: 16px;
-      border-block-start: 1px solid ${cssVar$1.colorBorderSecondary};
-      background: ${cssVar$1.colorBgContainer};
+      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+      background: ${cssVar.colorBgContainer};
     }
   `
 }));
-const titleStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	content: css$1`
+const titleStyles = createStaticStyles(({ css, cssVar }) => ({
+	content: css`
     position: relative;
     text-align: start;
   `,
-	desc: css$1`
+	desc: css`
     display: block;
 
     line-height: 1.44;
-    color: ${cssVar$1.colorTextDescription};
+    color: ${cssVar.colorTextDescription};
     word-wrap: break-word;
     white-space: pre-wrap;
   `,
-	title: css$1`
+	title: css`
     font-weight: 500;
     line-height: 1;
   `
 }));
-
 //#endregion
 export { flatGroupStyles, flatGroupVariants, groupStyles, itemVariants, submitFooterStyles, titleStyles, titleVariants, variants };
+
 //# sourceMappingURL=style.mjs.map