@lobehub/ui 4.3.2 → 4.3.3

package/es/Form/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":["Form","FormItem","FormGroup","keys: (string | number)[]","AntForm","cx","FormFlatGroup"],"sources":["../../src/Form/Form.tsx"],"sourcesContent":["'use client';\n\nimport { Form as AntForm } from 'antd';\nimport { useResponsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport FormFlatGroup from './components/FormFlatGroup';\nimport FormGroup from './components/FormGroup';\nimport FormItem from './components/FormItem';\nimport { FormProvider } from './components/FormProvider';\nimport { useStyles } from './style';\nimport type { FormGroupItemType, FormItemProps, FormProps } from './type';\n\nconst Form = memo<FormProps>(\n  ({\n    className,\n    itemMinWidth,\n    footer,\n    form,\n    items = [],\n    children,\n    itemsType = 'group',\n    itemVariant,\n    variant = 'borderless',\n    classNames,\n    styles: customStyles,\n    gap,\n    style,\n    collapsible,\n    defaultActiveKey,\n    initialValues,\n    activeKey,\n    onCollapse,\n    onFinish,\n    ref,\n    layout,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const { cx, styles } = useStyles();\n    const [submitLoading, setSubmitLoading] = useState(false);\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: null,\n              outlined: null,\n              borderless: styles.borderless,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const mapFlat = useCallback(\n      (item: FormItemProps, itemIndex: number) => (\n        <FormItem\n          className={classNames?.item}\n          divider={itemIndex !== 0}\n          key={itemIndex}\n          minWidth={itemMinWidth}\n          style={customStyles?.item}\n          variant={variant}\n          {...item}\n        />\n      ),\n      [itemMinWidth, variant, classNames, customStyles],\n    );\n\n    const mapTree = useCallback(\n      (group: FormGroupItemType, groupIndex: number) => {\n        const key = group?.key || groupIndex;\n        return (\n          <FormGroup\n            active={activeKey && group?.key ? activeKey.includes(key) : undefined}\n            className={classNames?.group}\n            classNames={classNames}\n            collapsible={isUndefined(group.collapsible) ? collapsible : group.collapsible}\n            defaultActive={\n              defaultActiveKey && group?.key ? defaultActiveKey.includes(key) : group?.defaultActive\n            }\n            extra={group?.extra}\n            icon={group?.icon}\n            key={key}\n            keyValue={key}\n            onCollapse={(active) => {\n              let keys: (string | number)[] = activeKey || defaultActiveKey || [];\n              keys = keys.filter((k) => k !== key);\n              onCollapse?.(active ? [...keys, key] : keys);\n            }}\n            style={customStyles?.group}\n            styles={customStyles}\n            title={group.title}\n            variant={group?.variant || variant}\n          >\n            {Array.isArray(group.children)\n              ? group.children.filter((item) => !item.hidden).map((item, i) => mapFlat(item, i))\n              : group.children}\n          </FormGroup>\n        );\n      },\n      [activeKey, collapsible, defaultActiveKey, onCollapse, variant, classNames, customStyles],\n    );\n\n    return (\n      <FormProvider\n        config={{\n          form,\n          initialValues,\n          submitLoading,\n        }}\n      >\n        <AntForm\n          className={cx(variants({ variant }), className)}\n          colon={false}\n          form={form}\n          initialValues={initialValues}\n          layout={layout || (mobile ? 'vertical' : 'horizontal')}\n          onFinish={async (...finishProps) => {\n            if (!onFinish) return;\n            setSubmitLoading(true);\n            await onFinish(...finishProps);\n            setSubmitLoading(false);\n          }}\n          ref={ref}\n          style={{\n            gap,\n            ...style,\n          }}\n          variant={itemVariant}\n          {...rest}\n        >\n          {items && items?.length > 0 ? (\n            itemsType === 'group' ? (\n              (items as FormGroupItemType[])?.map((item, i) => mapTree(item, i))\n            ) : (\n              <FormFlatGroup\n                className={classNames?.group}\n                style={customStyles?.group}\n                variant={variant}\n              >\n                {(items as FormItemProps[])\n                  ?.filter((item) => !item.hidden)\n                  .map((item, i) => mapFlat(item, i))}\n              </FormFlatGroup>\n            )\n          ) : undefined}\n          {children}\n          {footer}\n        </AntForm>\n      </FormProvider>\n    );\n  },\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,SAAO,MACV,EACC,WACA,cACA,QACA,MACA,QAAQ,EAAE,EACV,UACA,YAAY,SACZ,aACA,UAAU,cACV,YACA,QAAQ,cACR,KACA,OACA,aACA,kBACA,eACA,WACA,YACA,UACA,KACA,QACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,UAAI,WAAW,WAAW;CAClC,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CAEzD,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB,EACf,SAAS,cACV;EAED,UAAU,EACR,SAAS;GACP,QAAQ;GACR,UAAU;GACV,YAAY,OAAO;GACpB,EACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,UAAU,aACb,MAAqB,cACpB,oBAACC;EACC,WAAW,YAAY;EACvB,SAAS,cAAc;EAEvB,UAAU;EACV,OAAO,cAAc;EACZ;EACT,GAAI;IAJC,UAKL,EAEJ;EAAC;EAAc;EAAS;EAAY;EAAa,CAClD;CAED,MAAM,UAAU,aACb,OAA0B,eAAuB;EAChD,MAAM,MAAM,OAAO,OAAO;AAC1B,SACE,oBAACC;GACC,QAAQ,aAAa,OAAO,MAAM,UAAU,SAAS,IAAI,GAAG;GAC5D,WAAW,YAAY;GACX;GACZ,aAAa,YAAY,MAAM,YAAY,GAAG,cAAc,MAAM;GAClE,eACE,oBAAoB,OAAO,MAAM,iBAAiB,SAAS,IAAI,GAAG,OAAO;GAE3E,OAAO,OAAO;GACd,MAAM,OAAO;GAEb,UAAU;GACV,aAAa,WAAW;IACtB,IAAIC,OAA4B,aAAa,oBAAoB,EAAE;AACnE,WAAO,KAAK,QAAQ,MAAM,MAAM,IAAI;AACpC,iBAAa,SAAS,CAAC,GAAG,MAAM,IAAI,GAAG,KAAK;;GAE9C,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO,MAAM;GACb,SAAS,OAAO,WAAW;aAE1B,MAAM,QAAQ,MAAM,SAAS,GAC1B,MAAM,SAAS,QAAQ,SAAS,CAAC,KAAK,OAAO,CAAC,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAChF,MAAM;KAdL,IAeK;IAGhB;EAAC;EAAW;EAAa;EAAkB;EAAY;EAAS;EAAY;EAAa,CAC1F;AAED,QACE,oBAAC;EACC,QAAQ;GACN;GACA;GACA;GACD;YAED,qBAACC;GACC,WAAWC,KAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,OAAO;GACD;GACS;GACf,QAAQ,WAAW,SAAS,aAAa;GACzC,UAAU,OAAO,GAAG,gBAAgB;AAClC,QAAI,CAAC,SAAU;AACf,qBAAiB,KAAK;AACtB,UAAM,SAAS,GAAG,YAAY;AAC9B,qBAAiB,MAAM;;GAEpB;GACL,OAAO;IACL;IACA,GAAG;IACJ;GACD,SAAS;GACT,GAAI;;IAEH,SAAS,OAAO,SAAS,IACxB,cAAc,UACX,OAA+B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAElE,oBAACC;KACC,WAAW,YAAY;KACvB,OAAO,cAAc;KACZ;eAEP,OACE,QAAQ,SAAS,CAAC,KAAK,OAAO,CAC/B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC;MACvB,GAEhB;IACH;IACA;;IACO;GACG;EAGpB;AAED,OAAK,cAAc;AAEnB,mBAAeN"}
+{"version":3,"file":"Form.mjs","names":["Form","FormItem","FormGroup","keys: (string | number)[]","AntForm","FormFlatGroup"],"sources":["../../src/Form/Form.tsx"],"sourcesContent":["'use client';\n\nimport { Form as AntForm } from 'antd';\nimport { cx, useResponsive } from 'antd-style';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo, useCallback, useState } from 'react';\n\nimport FormFlatGroup from './components/FormFlatGroup';\nimport FormGroup from './components/FormGroup';\nimport FormItem from './components/FormItem';\nimport { FormProvider } from './components/FormProvider';\nimport { variants } from './style';\nimport type { FormGroupItemType, FormItemProps, FormProps } from './type';\n\nconst Form = memo<FormProps>(\n  ({\n    className,\n    itemMinWidth,\n    footer,\n    form,\n    items = [],\n    children,\n    itemsType = 'group',\n    itemVariant,\n    variant = 'borderless',\n    classNames,\n    styles: customStyles,\n    gap,\n    style,\n    collapsible,\n    defaultActiveKey,\n    initialValues,\n    activeKey,\n    onCollapse,\n    onFinish,\n    ref,\n    layout,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const [submitLoading, setSubmitLoading] = useState(false);\n\n    const mapFlat = useCallback(\n      (item: FormItemProps, itemIndex: number) => (\n        <FormItem\n          className={classNames?.item}\n          divider={itemIndex !== 0}\n          key={itemIndex}\n          minWidth={itemMinWidth}\n          style={customStyles?.item}\n          variant={variant}\n          {...item}\n        />\n      ),\n      [itemMinWidth, variant, classNames, customStyles],\n    );\n\n    const mapTree = useCallback(\n      (group: FormGroupItemType, groupIndex: number) => {\n        const key = group?.key || groupIndex;\n        return (\n          <FormGroup\n            active={activeKey && group?.key ? activeKey.includes(key) : undefined}\n            className={classNames?.group}\n            classNames={classNames}\n            collapsible={isUndefined(group.collapsible) ? collapsible : group.collapsible}\n            defaultActive={\n              defaultActiveKey && group?.key ? defaultActiveKey.includes(key) : group?.defaultActive\n            }\n            extra={group?.extra}\n            icon={group?.icon}\n            key={key}\n            keyValue={key}\n            onCollapse={(active) => {\n              let keys: (string | number)[] = activeKey || defaultActiveKey || [];\n              keys = keys.filter((k) => k !== key);\n              onCollapse?.(active ? [...keys, key] : keys);\n            }}\n            style={customStyles?.group}\n            styles={customStyles}\n            title={group.title}\n            variant={group?.variant || variant}\n          >\n            {Array.isArray(group.children)\n              ? group.children.filter((item) => !item.hidden).map((item, i) => mapFlat(item, i))\n              : group.children}\n          </FormGroup>\n        );\n      },\n      [activeKey, collapsible, defaultActiveKey, onCollapse, variant, classNames, customStyles],\n    );\n\n    return (\n      <FormProvider\n        config={{\n          form,\n          initialValues,\n          submitLoading,\n        }}\n      >\n        <AntForm\n          className={cx(variants({ variant }), className)}\n          colon={false}\n          form={form}\n          initialValues={initialValues}\n          layout={layout || (mobile ? 'vertical' : 'horizontal')}\n          onFinish={async (...finishProps) => {\n            if (!onFinish) return;\n            setSubmitLoading(true);\n            await onFinish(...finishProps);\n            setSubmitLoading(false);\n          }}\n          ref={ref}\n          style={{\n            gap,\n            ...style,\n          }}\n          variant={itemVariant}\n          {...rest}\n        >\n          {items && items?.length > 0 ? (\n            itemsType === 'group' ? (\n              (items as FormGroupItemType[])?.map((item, i) => mapTree(item, i))\n            ) : (\n              <FormFlatGroup\n                className={classNames?.group}\n                style={customStyles?.group}\n                variant={variant}\n              >\n                {(items as FormItemProps[])\n                  ?.filter((item) => !item.hidden)\n                  .map((item, i) => mapFlat(item, i))}\n              </FormFlatGroup>\n            )\n          ) : undefined}\n          {children}\n          {footer}\n        </AntForm>\n      </FormProvider>\n    );\n  },\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAMA,SAAO,MACV,EACC,WACA,cACA,QACA,MACA,QAAQ,EAAE,EACV,UACA,YAAY,SACZ,aACA,UAAU,cACV,YACA,QAAQ,cACR,KACA,OACA,aACA,kBACA,eACA,WACA,YACA,UACA,KACA,QACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CAEzD,MAAM,UAAU,aACb,MAAqB,cACpB,oBAACC;EACC,WAAW,YAAY;EACvB,SAAS,cAAc;EAEvB,UAAU;EACV,OAAO,cAAc;EACZ;EACT,GAAI;IAJC,UAKL,EAEJ;EAAC;EAAc;EAAS;EAAY;EAAa,CAClD;CAED,MAAM,UAAU,aACb,OAA0B,eAAuB;EAChD,MAAM,MAAM,OAAO,OAAO;AAC1B,SACE,oBAACC;GACC,QAAQ,aAAa,OAAO,MAAM,UAAU,SAAS,IAAI,GAAG;GAC5D,WAAW,YAAY;GACX;GACZ,aAAa,YAAY,MAAM,YAAY,GAAG,cAAc,MAAM;GAClE,eACE,oBAAoB,OAAO,MAAM,iBAAiB,SAAS,IAAI,GAAG,OAAO;GAE3E,OAAO,OAAO;GACd,MAAM,OAAO;GAEb,UAAU;GACV,aAAa,WAAW;IACtB,IAAIC,OAA4B,aAAa,oBAAoB,EAAE;AACnE,WAAO,KAAK,QAAQ,MAAM,MAAM,IAAI;AACpC,iBAAa,SAAS,CAAC,GAAG,MAAM,IAAI,GAAG,KAAK;;GAE9C,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO,MAAM;GACb,SAAS,OAAO,WAAW;aAE1B,MAAM,QAAQ,MAAM,SAAS,GAC1B,MAAM,SAAS,QAAQ,SAAS,CAAC,KAAK,OAAO,CAAC,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAChF,MAAM;KAdL,IAeK;IAGhB;EAAC;EAAW;EAAa;EAAkB;EAAY;EAAS;EAAY;EAAa,CAC1F;AAED,QACE,oBAAC;EACC,QAAQ;GACN;GACA;GACA;GACD;YAED,qBAACC;GACC,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,OAAO;GACD;GACS;GACf,QAAQ,WAAW,SAAS,aAAa;GACzC,UAAU,OAAO,GAAG,gBAAgB;AAClC,QAAI,CAAC,SAAU;AACf,qBAAiB,KAAK;AACtB,UAAM,SAAS,GAAG,YAAY;AAC9B,qBAAiB,MAAM;;GAEpB;GACL,OAAO;IACL;IACA,GAAG;IACJ;GACD,SAAS;GACT,GAAI;;IAEH,SAAS,OAAO,SAAS,IACxB,cAAc,UACX,OAA+B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAElE,oBAACC;KACC,WAAW,YAAY;KACvB,OAAO,cAAc;KACZ;eAEP,OACE,QAAQ,SAAS,CAAC,KAAK,OAAO,CAC/B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC;MACvB,GAEhB;IACH;IACA;;IACO;GACG;EAGpB;AAED,OAAK,cAAc;AAEnB,mBAAeL"}

package/es/Form/components/FormDivider.mjs

@@ -2,19 +2,18 @@
 
 import { jsx } from "react/jsx-runtime";
 import { Divider } from "antd";
-import { createStyles } from "antd-style";
+import { createStaticStyles, cx } from "antd-style";
 
 //#region src/Form/components/FormDivider.tsx
-const useStyles = createStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css: css$1 }) => {
 	return { root: css$1`
       margin: 0;
       opacity: 0.66;
     ` };
 });
 const FormDivider = ({ visible = true, style, className, ...rest }) => {
-	const { cx: cx$1, styles } = useStyles();
 	return /* @__PURE__ */ jsx(Divider, {
-		className: cx$1(styles.root, className),
+		className: cx(styles.root, className),
 		style: {
 			opacity: visible ? 1 : 0,
 			...style

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

@@ -1 +1 @@
-{"version":3,"file":"FormDivider.mjs","names":["FormDivider: FC<FormDividerProps>","AntDivider","cx"],"sources":["../../../src/Form/components/FormDivider.tsx"],"sourcesContent":["'use client';\n\nimport { Divider as AntDivider } from 'antd';\nimport { createStyles } from 'antd-style';\nimport { type FC } from 'react';\n\nimport type { FormDividerProps } from '../type';\n\nconst useStyles = createStyles(({ css }) => {\n  return {\n    root: css`\n      margin: 0;\n      opacity: 0.66;\n    `,\n  };\n});\n\nconst FormDivider: FC<FormDividerProps> = ({ visible = true, style, className, ...rest }) => {\n  const { cx, styles } = useStyles();\n  return (\n    <AntDivider\n      className={cx(styles.root, className)}\n      style={{\n        opacity: visible ? 1 : 0,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nFormDivider.displayName = 'FormDivider';\n\nexport default FormDivider;\n"],"mappings":";;;;;;;AAQA,MAAM,YAAY,cAAc,EAAE,iBAAU;AAC1C,QAAO,EACL,MAAM,KAAG;;;OAIV;EACD;AAEF,MAAMA,eAAqC,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,WAAW;CAC3F,MAAM,EAAE,UAAI,WAAW,WAAW;AAClC,QACE,oBAACC;EACC,WAAWC,KAAG,OAAO,MAAM,UAAU;EACrC,OAAO;GACL,SAAS,UAAU,IAAI;GACvB,GAAG;GACJ;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"FormDivider.mjs","names":["FormDivider: FC<FormDividerProps>","AntDivider"],"sources":["../../../src/Form/components/FormDivider.tsx"],"sourcesContent":["'use client';\n\nimport { Divider as AntDivider } from 'antd';\nimport { createStaticStyles, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport type { FormDividerProps } from '../type';\n\nconst styles = createStaticStyles(({ css }) => {\n  return {\n    root: css`\n      margin: 0;\n      opacity: 0.66;\n    `,\n  };\n});\n\nconst FormDivider: FC<FormDividerProps> = ({ visible = true, style, className, ...rest }) => {\n  return (\n    <AntDivider\n      className={cx(styles.root, className)}\n      style={{\n        opacity: visible ? 1 : 0,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nFormDivider.displayName = 'FormDivider';\n\nexport default FormDivider;\n"],"mappings":";;;;;;;AAQA,MAAM,SAAS,oBAAoB,EAAE,iBAAU;AAC7C,QAAO,EACL,MAAM,KAAG;;;OAIV;EACD;AAEF,MAAMA,eAAqC,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,WAAW;AAC3F,QACE,oBAACC;EACC,WAAW,GAAG,OAAO,MAAM,UAAU;EACrC,OAAO;GACL,SAAS,UAAU,IAAI;GACvB,GAAG;GACJ;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAE1B,0BAAe"}

package/es/Form/components/FormFlatGroup.mjs

@@ -1,26 +1,16 @@
 'use client';
 
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { useFlatGroupStyles } from "../style.mjs";
-import { memo, useMemo } from "react";
+import { flatGroupStyles, flatGroupVariants } from "../style.mjs";
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useResponsive } from "antd-style";
-import { cva } from "class-variance-authority";
+import { cx, useResponsive } from "antd-style";
 
 //#region src/Form/components/FormFlatGroup.tsx
 const FormFlatGroup = memo(({ className, children, variant = "borderless", ...rest }) => {
 	const { mobile } = useResponsive();
-	const { cx: cx$1, styles } = useFlatGroupStyles(variant);
-	const vriants = useMemo(() => cva(styles.root, {
-		defaultVariants: { variant: "borderless" },
-		variants: { variant: {
-			filled: styles.filled,
-			outlined: styles.outlined,
-			borderless: styles.borderless
-		} }
-	}), [styles]);
 	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className: cx$1(mobile ? styles.mobile : vriants({ variant }), className),
+		className: cx(mobile ? flatGroupStyles.mobile : flatGroupVariants({ variant }), className),
 		...rest,
 		children
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"FormFlatGroup.mjs","names":["useStyles","Flexbox","cx"],"sources":["../../../src/Form/components/FormFlatGroup.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useFlatGroupStyles as useStyles } from '../style';\nimport type { FormFlatGroupProps } from '../type';\n\nconst FormFlatGroup = memo<FormFlatGroupProps>(\n  ({ className, children, variant = 'borderless', ...rest }) => {\n    const { mobile } = useResponsive();\n    const { cx, styles } = useStyles(variant);\n\n    const vriants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\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          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    return (\n      <Flexbox className={cx(mobile ? styles.mobile : vriants({ variant }), className)} {...rest}>\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFormFlatGroup.displayName = 'FormFlatGroup';\n\nexport default FormFlatGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,gBAAgB,MACnB,EAAE,WAAW,UAAU,UAAU,cAAc,GAAG,WAAW;CAC5D,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,UAAI,WAAWA,mBAAU,QAAQ;CAEzC,MAAM,UAAU,cAEZ,IAAI,OAAO,MAAM;EACf,iBAAiB,EACf,SAAS,cACV;EAED,UAAU,EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB,EACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;AAED,QACE,oBAACC;EAAQ,WAAWC,KAAG,SAAS,OAAO,SAAS,QAAQ,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;EACnF;GACO;EAGf;AAED,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"FormFlatGroup.mjs","names":["Flexbox"],"sources":["../../../src/Form/components/FormFlatGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { flatGroupStyles, flatGroupVariants } from '../style';\nimport type { FormFlatGroupProps } from '../type';\n\nconst FormFlatGroup = memo<FormFlatGroupProps>(\n  ({ className, children, variant = 'borderless', ...rest }) => {\n    const { mobile } = useResponsive();\n    const styles = flatGroupStyles;\n\n    return (\n      <Flexbox\n        className={cx(mobile ? styles.mobile : flatGroupVariants({ variant }), className)}\n        {...rest}\n      >\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFormFlatGroup.displayName = 'FormFlatGroup';\n\nexport default FormFlatGroup;\n"],"mappings":";;;;;;;;;AAUA,MAAM,gBAAgB,MACnB,EAAE,WAAW,UAAU,UAAU,cAAc,GAAG,WAAW;CAC5D,MAAM,EAAE,WAAW,eAAe;AAGlC,QACE,oBAACA;EACC,WAAW,GAAG,SAJH,gBAImB,SAAS,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACjF,GAAI;EAEH;GACO;EAGf;AAED,cAAc,cAAc;AAE5B,4BAAe"}

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

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

package/es/Form/components/FormGroup.mjs

@@ -3,28 +3,20 @@
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import Icon_default from "../../Icon/Icon.mjs";
 import Collapse_default from "../../Collapse/Collapse.mjs";
-import { useGroupStyles } from "../style.mjs";
-import { memo, useMemo } from "react";
+import { groupStyles, titleVariants } from "../style.mjs";
+import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useResponsive } from "antd-style";
-import { cva } from "class-variance-authority";
+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();
-	const { cx: cx$1, styles } = useGroupStyles(variant);
+	const styles = groupStyles;
 	const isBorderless = variant === "borderless";
 	const defaultCollapsible = isUndefined(collapsible) ? !isBorderless : collapsible;
 	const titleContent = /* @__PURE__ */ jsxs(FlexBasic_default, {
-		className: cx$1(useMemo(() => cva(styles.title, {
-			defaultVariants: { variant: "borderless" },
-			variants: { variant: {
-				filled: null,
-				outlined: null,
-				borderless: styles.titleBorderless
-			} }
-		}), [styles])({ variant }), styles.titleMobile),
+		className: cx(titleVariants({ variant }), styles.titleMobile),
 		gap: 8,
 		horizontal: true,
 		children: [icon && /* @__PURE__ */ jsx(Icon_default, { icon }), title]

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

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.mjs","names":["useStyles","Flexbox","cx","Icon","Collapse"],"sources":["../../../src/Form/components/FormGroup.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo, useMemo } from 'react';\n\nimport Collapse from '@/Collapse';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { useGroupStyles as useStyles } 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 { cx, styles } = useStyles(variant);\n    const isBorderless = variant === 'borderless';\n\n    const defaultCollapsible = isUndefined(collapsible) ? !isBorderless : collapsible;\n\n    const titleVariants = useMemo(\n      () =>\n        cva(styles.title, {\n          defaultVariants: {\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: null,\n              outlined: null,\n              borderless: styles.titleBorderless,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const titleContent = (\n      <Flexbox className={cx(titleVariants({ variant }), styles.titleMobile)} gap={8} horizontal>\n        {icon && <Icon icon={icon} />}\n        {title}\n      </Flexbox>\n    );\n\n    if (mobile)\n      return (\n        <Flexbox className={className}>\n          <Flexbox className={styles.mobileGroupHeader} horizontal 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        classNames={{\n          header: variant === 'borderless' ? styles.titleBorderless : undefined,\n          title: variant === 'borderless' ? styles.titleBorderless : undefined,\n        }}\n        collapsible={defaultCollapsible}\n        defaultActiveKey={defaultActive ? [keyValue] : undefined}\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        variant={variant}\n        {...rest}\n      />\n    );\n  },\n);\n\nFormGroup.displayName = 'FormGroup';\n\nexport default FormGroup;\n"],"mappings":";;;;;;;;;;;;;AAcA,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,EAAE,UAAI,WAAWA,eAAU,QAAQ;CACzC,MAAM,eAAe,YAAY;CAEjC,MAAM,qBAAqB,YAAY,YAAY,GAAG,CAAC,eAAe;CAqBtE,MAAM,eACJ,qBAACC;EAAQ,WAAWC,KApBA,cAElB,IAAI,OAAO,OAAO;GAChB,iBAAiB,EACf,SAAS,cACV;GAED,UAAU,EACR,SAAS;IACP,QAAQ;IACR,UAAU;IACV,YAAY,OAAO;IACpB,EACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAGsC,EAAE,SAAS,CAAC,EAAE,OAAO,YAAY;EAAE,KAAK;EAAG;aAC7E,QAAQ,oBAACC,gBAAW,OAAQ,EAC5B;GACO;AAGZ,KAAI,OACF,QACE,qBAACF;EAAmB;aAClB,qBAACA;GAAQ,WAAW,OAAO;GAAmB;GAAW,SAAS;cAC/D,cACA;IACO,EACV,oBAAC;GAAI,WAAW,OAAO;GAAkB;IAAe;GAChD;AAGd,QACE,oBAACG;EACC,WAAW,YAAY,OAAO,GAAG,SAAY,SAAS,CAAC,SAAS,GAAG,EAAE;EAC1D;EACX,YAAY;GACV,QAAQ,YAAY,eAAe,OAAO,kBAAkB;GAC5D,OAAO,YAAY,eAAe,OAAO,kBAAkB;GAC5D;EACD,aAAa;EACb,kBAAkB,gBAAgB,CAAC,SAAS,GAAG;EAC/C,OAAO,CACL;GACE;GACA;GACA;GACA;GACA,KAAK;GACL,OAAO;GACR,CACF;EACD,WAAW,MAAM,aAAa,EAAE,SAAS,EAAE;EAClC;EACT,GAAI;GACJ;EAGP;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"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 className={cx(titleVariants({ variant }), styles.titleMobile)} gap={8} horizontal>\n        {icon && <Icon icon={icon} />}\n        {title}\n      </Flexbox>\n    );\n\n    if (mobile)\n      return (\n        <Flexbox className={className}>\n          <Flexbox className={styles.mobileGroupHeader} horizontal 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        classNames={{\n          header: variant === 'borderless' ? styles.titleBorderless : undefined,\n          title: variant === 'borderless' ? styles.titleBorderless : undefined,\n        }}\n        collapsible={defaultCollapsible}\n        defaultActiveKey={defaultActive ? [keyValue] : undefined}\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        variant={variant}\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,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,OAAO,YAAY;EAAE,KAAK;EAAG;aAC7E,QAAQ,oBAACC,gBAAW,OAAQ,EAC5B;GACO;AAGZ,KAAI,OACF,QACE,qBAACD;EAAmB;aAClB,qBAACA;GAAQ,WAAW,OAAO;GAAmB;GAAW,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,YAAY;GACV,QAAQ,YAAY,eAAe,OAAO,kBAAkB;GAC5D,OAAO,YAAY,eAAe,OAAO,kBAAkB;GAC5D;EACD,aAAa;EACb,kBAAkB,gBAAgB,CAAC,SAAS,GAAG;EAC/C,OAAO,CACL;GACE;GACA;GACA;GACA;GACA,KAAK;GACL,OAAO;GACR,CACF;EACD,WAAW,MAAM,aAAa,EAAE,SAAS,EAAE;EAClC;EACT,GAAI;GACJ;EAGP;AAED,UAAU,cAAc;AAExB,wBAAe"}

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

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

package/es/Form/components/FormItem.mjs

@@ -1,42 +1,23 @@
 'use client';
 
-import { useItemStyles } from "../style.mjs";
+import { itemVariants } from "../style.mjs";
 import FormDivider_default from "./FormDivider.mjs";
 import FormTitle_default from "./FormTitle.mjs";
 import { memo, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Form } from "antd";
-import { cva } from "class-variance-authority";
+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 { cx, styles } = useItemStyles({ minWidth });
-	const variants = useMemo(() => cva(styles.root, {
-		defaultVariants: {
-			divider: false,
-			itemMinWidth: false,
-			layout: "vertical"
-		},
-		variants: {
-			itemMinWidth: {
-				true: styles.itemMinWidth,
-				false: null
-			},
-			divider: {
-				true: null,
-				false: styles.itemNoDivider
-			},
-			layout: {
-				vertical: styles.verticalLayout,
-				horizontal: null
-			}
-		}
-	}), [styles]);
+	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, {
-		className: cx(variants({
+		className: cx(itemVariants({
 			divider,
-			itemMinWidth: Boolean(minWidth),
+			itemMinWidth: hasMinWidth,
 			layout
 		}), className),
 		label: /* @__PURE__ */ jsx(FormTitle_default, {
@@ -46,7 +27,11 @@ const FormItem = memo(({ desc, tag, minWidth, avatar, className, label, children
 			title: label
 		}),
 		layout,
-		...rest,
+		style: {
+			...cssVariables,
+			...restStyle
+		},
+		...restProps,
 		children
 	})] });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"FormItem.mjs","names":["useStyles","FormDivider","FormTitle"],"sources":["../../../src/Form/components/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { useItemStyles as useStyles } 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 { cx, styles } = useStyles({ minWidth });\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            divider: false,\n            itemMinWidth: false,\n            layout: 'vertical',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            itemMinWidth: {\n              true: styles.itemMinWidth,\n              false: null,\n            },\n            divider: {\n              true: null,\n              false: styles.itemNoDivider,\n            },\n            layout: {\n              vertical: styles.verticalLayout,\n              horizontal: null,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    return (\n      <>\n        {divider && <FormDivider visible={variant !== 'borderless'} />}\n        <Item\n          className={cx(variants({ divider, itemMinWidth: Boolean(minWidth), layout }), className)}\n          label={<FormTitle avatar={avatar} desc={desc} tag={tag} title={label} />}\n          layout={layout}\n          {...rest}\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,IAAI,WAAWA,cAAU,EAAE,UAAU,CAAC;CAE9C,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,SAAS;GACT,cAAc;GACd,QAAQ;GACT;EAED,UAAU;GACR,cAAc;IACZ,MAAM,OAAO;IACb,OAAO;IACR;GACD,SAAS;IACP,MAAM;IACN,OAAO,OAAO;IACf;GACD,QAAQ;IACN,UAAU,OAAO;IACjB,YAAY;IACb;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;AAED,QACE,8CACG,WAAW,oBAACC,uBAAY,SAAS,YAAY,eAAgB,EAC9D,oBAAC;EACC,WAAW,GAAG,SAAS;GAAE;GAAS,cAAc,QAAQ,SAAS;GAAE;GAAQ,CAAC,EAAE,UAAU;EACxF,OAAO,oBAACC;GAAkB;GAAc;GAAW;GAAK,OAAO;IAAS;EAChE;EACR,GAAI;EAEH;GACI,IACN;EAGR;AAED,SAAS,cAAc;AAEvB,uBAAe"}
+{"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"}

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

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

package/es/Form/components/FormSubmitFooter.mjs

@@ -5,13 +5,14 @@ import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import Icon_default from "../../Icon/Icon.mjs";
 import Button_default from "../../Button/Button.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
-import { useSubmitFooterStyles } from "../style.mjs";
+import { submitFooterStyles } from "../style.mjs";
 import { useFormContext } from "./FormProvider.mjs";
 import form_default from "../../i18n/resources/en/form.mjs";
 import { merge, removeUndefined } from "./merge.mjs";
 import { memo, useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Form } from "antd";
+import { cssVar, cx } from "antd-style";
 import { InfoIcon } from "lucide-react";
 import isEqual from "fast-deep-equal";
 
@@ -22,7 +23,7 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 	const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
 	const values = Form.useWatch([], form) || {};
 	const { t } = useTranslation(form_default);
-	const { cx, styles, theme } = useSubmitFooterStyles();
+	const styles = submitFooterStyles;
 	const v = useMemo(() => removeUndefined(values), [values]);
 	const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);
 	const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);
@@ -53,13 +54,13 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 	]);
 	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		(float || hasUnsavedChanges) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon_default, {
-			color: theme.colorTextDescription,
+			color: cssVar.colorTextDescription,
 			icon: InfoIcon,
 			size: 12,
 			style: { marginLeft: 8 }
 		}), /* @__PURE__ */ jsx("span", {
 			style: {
-				color: theme.colorTextDescription,
+				color: cssVar.colorTextDescription,
 				flex: "none",
 				fontSize: 12,
 				marginRight: float ? 16 : 4

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

@@ -1 +1 @@
-{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","useStyles","Icon","Button","Flexbox"],"sources":["../../../src/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\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 Icon from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { useSubmitFooterStyles as useStyles } 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 { cx, styles, theme } = useStyles();\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={theme.colorTextDescription}\n              icon={InfoIcon}\n              size={12}\n              style={{ marginLeft: 8 }}\n            />\n            <span\n              style={{\n                color: theme.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            onClick={() => {\n              onReset?.(v, initialV);\n              form?.resetFields();\n            }}\n            shape={float ? 'round' : undefined}\n            variant={'filled'}\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          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          horizontal\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          align={'center'}\n          className={className}\n          gap={8}\n          horizontal\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":";;;;;;;;;;;;;;;;;;AAmBA,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,EAAE,IAAI,QAAQ,UAAUC,uBAAW;CAEzC,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,MAAM;GACb,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,GAAG;IACxB,EACF,oBAAC;GACC,OAAO;IACL,OAAO,MAAM;IACb,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;IACI,IACN;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAACC;GACC,UAAS;GACT,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,OAAO,QAAQ,UAAU;GACzB,SAAS;GACT,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,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL;EACA,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,OAAO;GACI;GACX,KAAK;GACL;GACA,SAAS;GACT,GAAI;aAEH;IACO;GACC;EAGlB;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"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 Icon from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\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            onClick={() => {\n              onReset?.(v, initialV);\n              form?.resetFields();\n            }}\n            shape={float ? 'round' : undefined}\n            variant={'filled'}\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          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          horizontal\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          align={'center'}\n          className={className}\n          gap={8}\n          horizontal\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,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,OAAO,QAAQ,UAAU;GACzB,SAAS;GACT,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,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL;EACA,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,OAAO;GACI;GACX,KAAK;GACL;GACA,SAAS;GACT,GAAI;aAEH;IACO;GACC;EAGlB;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}

package/es/Form/components/FormTitle.mjs

@@ -2,24 +2,24 @@
 
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import Tag_default from "../../Tag/Tag.mjs";
-import { useTitleStyles } from "../style.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 }) => {
-	const { cx, styles } = useTitleStyles();
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		align: `center`,
 		gap: 8,
 		horizontal: true,
 		...rest,
 		children: [avatar, /* @__PURE__ */ jsxs(FlexBasic_default, {
-			className: cx(styles.content, classNames?.content),
+			className: cx(titleStyles.content, classNames?.content),
 			gap: 8,
 			style: customStyles?.content,
 			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
 				align: "center",
-				className: cx(styles.title, classNames?.title),
+				className: cx(titleStyles.title, classNames?.title),
 				direction: "horizontal",
 				gap: 8,
 				style: customStyles?.title,
@@ -29,7 +29,7 @@ const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles,
 					children: tag
 				})]
 			}), desc && /* @__PURE__ */ jsx("small", {
-				className: cx(styles.desc, classNames?.desc),
+				className: cx(titleStyles.desc, classNames?.desc),
 				style: customStyles?.desc,
 				children: desc
 			})]

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

@@ -1 +1 @@
-{"version":3,"file":"FormTitle.mjs","names":["FormTitle: FC<FormTitleProps>","useStyles","Flexbox","Tag"],"sources":["../../../src/Form/components/FormTitle.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Tag from '@/Tag';\n\nimport { useTitleStyles as useStyles } 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  const { cx, styles } = useStyles();\n\n  return (\n    <Flexbox align={`center`} gap={8} horizontal {...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":";;;;;;;;AAUA,MAAMA,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAWC,gBAAW;AAElC,QACE,qBAACC;EAAQ,OAAO;EAAU,KAAK;EAAG;EAAW,GAAI;aAC9C,QACD,qBAACA;GACC,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;GAClD,KAAK;GACL,OAAO,cAAc;cAErB,qBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,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,GAAG,OAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACvE;KACK;IAEF;GACF;;AAId,UAAU,cAAc;AAExB,wBAAe"}
+{"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 align={`center`} gap={8} horizontal {...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,OAAO;EAAU,KAAK;EAAG;EAAW,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"}