@lobehub/ui 5.20.2 → 5.21.0

package/es/FileTypeIcon/FileTypeIcon.d.mts

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

package/es/FileTypeIcon/FileTypeIcon.mjs.map

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

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

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

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

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

package/es/FileTypeIcon/index.d.mts

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

package/es/FileTypeIcon/style.mjs.map

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

package/es/FileTypeIcon/type.d.mts

@@ -1,6 +1,5 @@
 import { DivProps, SvgProps } from "../types/index.mjs";
 import { ReactNode, Ref } from "react";
-
 //#region src/FileTypeIcon/type.d.ts
 type IconProps = SvgProps & DivProps;
 interface FileTypeIconProps extends IconProps {

package/es/Flex/Center.d.mts

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

package/es/Flex/Center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Center.mjs","names":["FlexBasic"],"sources":["../../src/Flex/Center.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport FlexBasic from './FlexBasic';\nimport type { CenterProps } from './type';\n\nconst Center: FC<CenterProps> = ({ children, ref, ...props }) => (\n  <FlexBasic {...props} align=\"center\" justify=\"center\" ref={ref}>\n    {children}\n  </FlexBasic>\n);\n\nexport default Center;\n"],"mappings":";;;AAKA,MAAM,UAA2B,EAAE,UAAU,KAAK,GAAG,YACnD,oBAACA,mBAAD;CAAW,GAAI;CAAO,OAAM;CAAS,SAAQ;CAAc;CACxD;CACS,CAAA"}
+{"version":3,"file":"Center.mjs","names":["FlexBasic"],"sources":["../../src/Flex/Center.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport FlexBasic from './FlexBasic';\nimport type { CenterProps } from './type';\n\nconst Center: FC<CenterProps> = ({ children, ref, ...props }) => (\n  <FlexBasic {...props} align=\"center\" justify=\"center\" ref={ref}>\n    {children}\n  </FlexBasic>\n);\n\nexport default Center;\n"],"mappings":";;;AAKA,MAAM,UAA2B,EAAE,UAAU,KAAK,GAAG,YACnD,oBAACA,mBAAD;CAAW,GAAI;CAAO,OAAM;CAAS,SAAQ;CAAc;CACxD;AACQ,CAAA"}

package/es/Flex/FlexBasic.d.mts

@@ -1,8 +1,6 @@
 import { FlexBasicProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: _$react.NamedExoticComponent<FlexBasicProps>;
+declare const _default: import("react").NamedExoticComponent<FlexBasicProps>;
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/Flex/FlexBasic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlexBasic.mjs","names":[],"sources":["../../src/Flex/FlexBasic.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, type ElementType, type FC, memo } from 'react';\n\nimport type { FlexBasicProps } from './type';\nimport { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from './utils';\n\nconst FlexBasic: FC<FlexBasicProps> = ({\n  visible,\n  flex,\n  gap,\n  direction,\n  horizontal,\n  align,\n  justify,\n  distribution,\n  height,\n  width,\n  allowShrink,\n  padding,\n  paddingInline,\n  paddingBlock,\n  prefixCls,\n  as: Container = 'div' as ElementType,\n  className,\n  style,\n  children,\n  wrap,\n  ref,\n  ...props\n}) => {\n  const justifyContent = justify || distribution;\n\n  const calcWidth = () => {\n    if (isHorizontal(direction, horizontal) && !width && isSpaceDistribution(justifyContent))\n      return '100%';\n\n    return getCssValue(width);\n  };\n  const finalWidth = calcWidth();\n\n  const cssVars: Record<string, string | number> = {\n    ...(flex !== undefined ? { '--lobe-flex': String(flex) } : {}),\n    ...(direction || horizontal\n      ? { '--lobe-flex-direction': getFlexDirection(direction, horizontal) }\n      : {}),\n    ...(wrap !== undefined ? { '--lobe-flex-wrap': wrap } : {}),\n    ...(justifyContent !== undefined ? { '--lobe-flex-justify': justifyContent } : {}),\n    ...(align !== undefined ? { '--lobe-flex-align': align } : {}),\n    ...(finalWidth !== undefined ? { '--lobe-flex-width': finalWidth } : {}),\n    ...(height !== undefined ? { '--lobe-flex-height': getCssValue(height) } : {}),\n    ...(padding !== undefined ? { '--lobe-flex-padding': getCssValue(padding) } : {}),\n    ...(paddingInline !== undefined\n      ? { '--lobe-flex-padding-inline': getCssValue(paddingInline) }\n      : {}),\n    ...(paddingBlock !== undefined\n      ? { '--lobe-flex-padding-block': getCssValue(paddingBlock) }\n      : {}),\n    ...(gap !== undefined ? { '--lobe-flex-gap': getCssValue(gap) } : {}),\n  };\n\n  const mergedStyle: CSSProperties = {\n    ...(cssVars as CSSProperties),\n    ...(allowShrink ? { minWidth: 0 } : {}),\n    ...style,\n  };\n\n  const baseClassName = 'lobe-flex';\n  const mergedClassName = [\n    baseClassName,\n    visible === false ? `${baseClassName}--hidden` : undefined,\n    prefixCls ? `${prefixCls}-flex` : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Container ref={ref} {...props} className={mergedClassName} style={mergedStyle}>\n      {children}\n    </Container>\n  );\n};\n\nexport default memo(FlexBasic);\n"],"mappings":";;;;;AAOA,MAAM,aAAiC,EACrC,SACA,MACA,KACA,WACA,YACA,OACA,SACA,cACA,QACA,OACA,aACA,SACA,eACA,cACA,WACA,IAAI,YAAY,OAChB,WACA,OACA,UACA,MACA,KACA,GAAG,YACC;CACJ,MAAM,iBAAiB,WAAW;CAElC,MAAM,kBAAkB;AACtB,MAAI,aAAa,WAAW,WAAW,IAAI,CAAC,SAAS,oBAAoB,eAAe,CACtF,QAAO;AAET,SAAO,YAAY,MAAM;;CAE3B,MAAM,aAAa,WAAW;CAsB9B,MAAM,cAA6B;EAnBjC,GAAI,SAAS,KAAA,IAAY,EAAE,eAAe,OAAO,KAAK,EAAE,GAAG,EAAE;EAC7D,GAAI,aAAa,aACb,EAAE,yBAAyB,iBAAiB,WAAW,WAAW,EAAE,GACpE,EAAE;EACN,GAAI,SAAS,KAAA,IAAY,EAAE,oBAAoB,MAAM,GAAG,EAAE;EAC1D,GAAI,mBAAmB,KAAA,IAAY,EAAE,uBAAuB,gBAAgB,GAAG,EAAE;EACjF,GAAI,UAAU,KAAA,IAAY,EAAE,qBAAqB,OAAO,GAAG,EAAE;EAC7D,GAAI,eAAe,KAAA,IAAY,EAAE,qBAAqB,YAAY,GAAG,EAAE;EACvE,GAAI,WAAW,KAAA,IAAY,EAAE,sBAAsB,YAAY,OAAO,EAAE,GAAG,EAAE;EAC7E,GAAI,YAAY,KAAA,IAAY,EAAE,uBAAuB,YAAY,QAAQ,EAAE,GAAG,EAAE;EAChF,GAAI,kBAAkB,KAAA,IAClB,EAAE,8BAA8B,YAAY,cAAc,EAAE,GAC5D,EAAE;EACN,GAAI,iBAAiB,KAAA,IACjB,EAAE,6BAA6B,YAAY,aAAa,EAAE,GAC1D,EAAE;EACN,GAAI,QAAQ,KAAA,IAAY,EAAE,mBAAmB,YAAY,IAAI,EAAE,GAAG,EAAE;EAKpE,GAAI,cAAc,EAAE,UAAU,GAAG,GAAG,EAAE;EACtC,GAAG;EACJ;CAED,MAAM,gBAAgB;CACtB,MAAM,kBAAkB;EACtB;EACA,YAAY,QAAQ,GAAG,cAAc,YAAY,KAAA;EACjD,YAAY,GAAG,UAAU,SAAS,KAAA;EAClC;EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,oBAAC,WAAD;EAAgB;EAAK,GAAI;EAAO,WAAW;EAAiB,OAAO;EAChE;EACS,CAAA;;AAIhB,IAAA,oBAAe,KAAK,UAAU"}
+{"version":3,"file":"FlexBasic.mjs","names":[],"sources":["../../src/Flex/FlexBasic.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, type ElementType, type FC, memo } from 'react';\n\nimport type { FlexBasicProps } from './type';\nimport { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from './utils';\n\nconst FlexBasic: FC<FlexBasicProps> = ({\n  visible,\n  flex,\n  gap,\n  direction,\n  horizontal,\n  align,\n  justify,\n  distribution,\n  height,\n  width,\n  allowShrink,\n  padding,\n  paddingInline,\n  paddingBlock,\n  prefixCls,\n  as: Container = 'div' as ElementType,\n  className,\n  style,\n  children,\n  wrap,\n  ref,\n  ...props\n}) => {\n  const justifyContent = justify || distribution;\n\n  const calcWidth = () => {\n    if (isHorizontal(direction, horizontal) && !width && isSpaceDistribution(justifyContent))\n      return '100%';\n\n    return getCssValue(width);\n  };\n  const finalWidth = calcWidth();\n\n  const cssVars: Record<string, string | number> = {\n    ...(flex !== undefined ? { '--lobe-flex': String(flex) } : {}),\n    ...(direction || horizontal\n      ? { '--lobe-flex-direction': getFlexDirection(direction, horizontal) }\n      : {}),\n    ...(wrap !== undefined ? { '--lobe-flex-wrap': wrap } : {}),\n    ...(justifyContent !== undefined ? { '--lobe-flex-justify': justifyContent } : {}),\n    ...(align !== undefined ? { '--lobe-flex-align': align } : {}),\n    ...(finalWidth !== undefined ? { '--lobe-flex-width': finalWidth } : {}),\n    ...(height !== undefined ? { '--lobe-flex-height': getCssValue(height) } : {}),\n    ...(padding !== undefined ? { '--lobe-flex-padding': getCssValue(padding) } : {}),\n    ...(paddingInline !== undefined\n      ? { '--lobe-flex-padding-inline': getCssValue(paddingInline) }\n      : {}),\n    ...(paddingBlock !== undefined\n      ? { '--lobe-flex-padding-block': getCssValue(paddingBlock) }\n      : {}),\n    ...(gap !== undefined ? { '--lobe-flex-gap': getCssValue(gap) } : {}),\n  };\n\n  const mergedStyle: CSSProperties = {\n    ...(cssVars as CSSProperties),\n    ...(allowShrink ? { minWidth: 0 } : {}),\n    ...style,\n  };\n\n  const baseClassName = 'lobe-flex';\n  const mergedClassName = [\n    baseClassName,\n    visible === false ? `${baseClassName}--hidden` : undefined,\n    prefixCls ? `${prefixCls}-flex` : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Container ref={ref} {...props} className={mergedClassName} style={mergedStyle}>\n      {children}\n    </Container>\n  );\n};\n\nexport default memo(FlexBasic);\n"],"mappings":";;;;;AAOA,MAAM,aAAiC,EACrC,SACA,MACA,KACA,WACA,YACA,OACA,SACA,cACA,QACA,OACA,aACA,SACA,eACA,cACA,WACA,IAAI,YAAY,OAChB,WACA,OACA,UACA,MACA,KACA,GAAG,YACC;CACJ,MAAM,iBAAiB,WAAW;CAElC,MAAM,kBAAkB;EACtB,IAAI,aAAa,WAAW,UAAU,KAAK,CAAC,SAAS,oBAAoB,cAAc,GACrF,OAAO;EAET,OAAO,YAAY,KAAK;CAC1B;CACA,MAAM,aAAa,UAAU;CAsB7B,MAAM,cAA6B;EAnBjC,GAAI,SAAS,KAAA,IAAY,EAAE,eAAe,OAAO,IAAI,EAAE,IAAI,CAAC;EAC5D,GAAI,aAAa,aACb,EAAE,yBAAyB,iBAAiB,WAAW,UAAU,EAAE,IACnE,CAAC;EACL,GAAI,SAAS,KAAA,IAAY,EAAE,oBAAoB,KAAK,IAAI,CAAC;EACzD,GAAI,mBAAmB,KAAA,IAAY,EAAE,uBAAuB,eAAe,IAAI,CAAC;EAChF,GAAI,UAAU,KAAA,IAAY,EAAE,qBAAqB,MAAM,IAAI,CAAC;EAC5D,GAAI,eAAe,KAAA,IAAY,EAAE,qBAAqB,WAAW,IAAI,CAAC;EACtE,GAAI,WAAW,KAAA,IAAY,EAAE,sBAAsB,YAAY,MAAM,EAAE,IAAI,CAAC;EAC5E,GAAI,YAAY,KAAA,IAAY,EAAE,uBAAuB,YAAY,OAAO,EAAE,IAAI,CAAC;EAC/E,GAAI,kBAAkB,KAAA,IAClB,EAAE,8BAA8B,YAAY,aAAa,EAAE,IAC3D,CAAC;EACL,GAAI,iBAAiB,KAAA,IACjB,EAAE,6BAA6B,YAAY,YAAY,EAAE,IACzD,CAAC;EACL,GAAI,QAAQ,KAAA,IAAY,EAAE,mBAAmB,YAAY,GAAG,EAAE,IAAI,CAAC;EAKnE,GAAI,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC;EACrC,GAAG;CACL;CAEA,MAAM,gBAAgB;CACtB,MAAM,kBAAkB;EACtB;EACA,YAAY,QAAQ,GAAG,cAAc,YAAY,KAAA;EACjD,YAAY,GAAG,UAAU,SAAS,KAAA;EAClC;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,oBAAC,WAAD;EAAgB;EAAK,GAAI;EAAO,WAAW;EAAiB,OAAO;EAChE;CACQ,CAAA;AAEf;AAEA,IAAA,oBAAe,KAAK,SAAS"}

package/es/Flex/Flexbox.d.mts

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

package/es/Flex/index.d.mts

@@ -1,4 +1,5 @@
 import { CenterProps, ContentPosition, FlexBasicProps, FlexDirection, FlexboxProps } from "./type.mjs";
-import { Center } from "./Center.mjs";
-import { _default } from "./FlexBasic.mjs";
+import Center from "./Center.mjs";
+import _default from "./FlexBasic.mjs";
+import "./Flexbox.mjs";
 export { Center, type CenterProps, type ContentPosition, _default as FlexBasic, type FlexBasicProps, type FlexDirection, _default as Flexbox, type FlexboxProps };

package/es/Flex/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties, DOMAttributes, ElementType, HTMLAttributes, ReactNode, Ref } from "react";
-
 //#region src/Flex/type.d.ts
 type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start' | 'stretch' | 'baseline';
 type FlexDirection = 'vertical' | 'vertical-reverse' | 'horizontal' | 'horizontal-reverse';
@@ -112,5 +111,5 @@ interface FlexBasicProps extends IFlexbox, DivProps {}
 type FlexboxProps = FlexBasicProps;
 type CenterProps = Omit<FlexBasicProps, 'distribution' | 'direction' | 'align'>;
 //#endregion
-export { CenterProps, ContentPosition, FlexBasicProps, FlexDirection, FlexboxProps };
+export { CenterProps, CommonSpaceNumber, ContentPosition, DivProps, FlexBasicProps, FlexDirection, FlexboxProps, IFlexbox };
 //# sourceMappingURL=type.d.mts.map

package/es/Flex/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Flex/utils.ts"],"sourcesContent":["import type { FlexDirection } from './type';\n\nexport const getPrefix = (prefixCls?: string) => {\n  if (prefixCls) return prefixCls;\n  return 'lobe';\n};\n\nexport const getFlexDirection = (direction?: FlexDirection, isHorizontal?: boolean) => {\n  if (isHorizontal) return 'row';\n\n  switch (direction) {\n    case 'horizontal': {\n      return 'row';\n    }\n    case 'horizontal-reverse': {\n      return 'row-reverse';\n    }\n    case 'vertical':\n    default: {\n      return 'column';\n    }\n    case 'vertical-reverse': {\n      return 'column-reverse';\n    }\n  }\n};\n\nexport const isSpaceDistribution = (distribution?: string) => {\n  if (!distribution) return;\n  return ['space-between', 'space-around', 'space-evenly'].includes(distribution);\n};\n\nexport const isHorizontal = (direction?: FlexDirection, isHorizontal?: boolean) =>\n  getFlexDirection(direction, isHorizontal) === 'row';\n\nexport const isVertical = (direction?: FlexDirection, isHorizontal?: boolean) =>\n  getFlexDirection(direction, isHorizontal) === 'column';\n\nexport const getCssValue = (value: string | number | undefined) =>\n  typeof value === 'number' ? `${value}px` : value;\n"],"mappings":";AAOA,MAAa,oBAAoB,WAA2B,iBAA2B;AACrF,KAAI,aAAc,QAAO;AAEzB,SAAQ,WAAR;EACE,KAAK,aACH,QAAO;EAET,KAAK,qBACH,QAAO;EAET,KAAK;EACL,QACE,QAAO;EAET,KAAK,mBACH,QAAO;;;AAKb,MAAa,uBAAuB,iBAA0B;AAC5D,KAAI,CAAC,aAAc;AACnB,QAAO;EAAC;EAAiB;EAAgB;EAAe,CAAC,SAAS,aAAa;;AAGjF,MAAa,gBAAgB,WAA2B,iBACtD,iBAAiB,WAAW,aAAa,KAAK;AAKhD,MAAa,eAAe,UAC1B,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Flex/utils.ts"],"sourcesContent":["import type { FlexDirection } from './type';\n\nexport const getPrefix = (prefixCls?: string) => {\n  if (prefixCls) return prefixCls;\n  return 'lobe';\n};\n\nexport const getFlexDirection = (direction?: FlexDirection, isHorizontal?: boolean) => {\n  if (isHorizontal) return 'row';\n\n  switch (direction) {\n    case 'horizontal': {\n      return 'row';\n    }\n    case 'horizontal-reverse': {\n      return 'row-reverse';\n    }\n    case 'vertical':\n    default: {\n      return 'column';\n    }\n    case 'vertical-reverse': {\n      return 'column-reverse';\n    }\n  }\n};\n\nexport const isSpaceDistribution = (distribution?: string) => {\n  if (!distribution) return;\n  return ['space-between', 'space-around', 'space-evenly'].includes(distribution);\n};\n\nexport const isHorizontal = (direction?: FlexDirection, isHorizontal?: boolean) =>\n  getFlexDirection(direction, isHorizontal) === 'row';\n\nexport const isVertical = (direction?: FlexDirection, isHorizontal?: boolean) =>\n  getFlexDirection(direction, isHorizontal) === 'column';\n\nexport const getCssValue = (value: string | number | undefined) =>\n  typeof value === 'number' ? `${value}px` : value;\n"],"mappings":";AAOA,MAAa,oBAAoB,WAA2B,iBAA2B;CACrF,IAAI,cAAc,OAAO;CAEzB,QAAQ,WAAR;EACE,KAAK,cACH,OAAO;EAET,KAAK,sBACH,OAAO;EAET,KAAK;EACL,SACE,OAAO;EAET,KAAK,oBACH,OAAO;CAEX;AACF;AAEA,MAAa,uBAAuB,iBAA0B;CAC5D,IAAI,CAAC,cAAc;CACnB,OAAO;EAAC;EAAiB;EAAgB;CAAc,CAAC,CAAC,SAAS,YAAY;AAChF;AAEA,MAAa,gBAAgB,WAA2B,iBACtD,iBAAiB,WAAW,YAAY,MAAM;AAKhD,MAAa,eAAe,UAC1B,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM"}

package/es/FluentEmoji/FluentEmoji.d.mts

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

package/es/FluentEmoji/FluentEmoji.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FluentEmoji.mjs","names":[],"sources":["../../src/FluentEmoji/FluentEmoji.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport { Center } from '@/Flex';\nimport Img from '@/Img';\n\nimport { styles } from './style';\nimport type { FluentEmojiProps } from './type';\nimport { genEmojiUrl } from './utils';\n\nconst FluentEmoji: FC<FluentEmojiProps> = ({\n  emoji,\n  className,\n  style,\n  type = '3d',\n  size = 40,\n  unoptimized,\n  ref,\n  ...rest\n}) => {\n  const [loadingFail, setLoadingFail] = useState(false);\n  const genCdnUrl = useCdnFn();\n\n  const emojiUrl = useMemo(() => genEmojiUrl(emoji, type), [type, emoji]);\n\n  if (type === 'raw' || !emojiUrl || loadingFail)\n    return (\n      <Center\n        className={cx(styles.container, className)}\n        flex={'none'}\n        height={size}\n        ref={ref}\n        role={'img'}\n        style={{ fontSize: size * 0.9, ...style }}\n        width={size}\n        {...rest}\n      >\n        {emoji}\n      </Center>\n    );\n\n  return (\n    <Img\n      alt={emoji}\n      className={className}\n      height={size}\n      loading={'lazy'}\n      ref={ref}\n      src={genCdnUrl(emojiUrl)}\n      style={{ flex: 'none', ...style }}\n      unoptimized={unoptimized}\n      width={size}\n      onError={() => setLoadingFail(true)}\n      {...rest}\n    />\n  );\n};\n\nFluentEmoji.displayName = 'FluentEmoji';\n\nexport default FluentEmoji;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,eAAqC,EACzC,OACA,WACA,OACA,OAAO,MACP,OAAO,IACP,aACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,YAAY,UAAU;CAE5B,MAAM,WAAW,cAAc,YAAY,OAAO,KAAK,EAAE,CAAC,MAAM,MAAM,CAAC;AAEvE,KAAI,SAAS,SAAS,CAAC,YAAY,YACjC,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,MAAM;EACN,QAAQ;EACH;EACL,MAAM;EACN,OAAO;GAAE,UAAU,OAAO;GAAK,GAAG;GAAO;EACzC,OAAO;EACP,GAAI;YAEH;EACM,CAAA;AAGb,QACE,oBAAC,KAAD;EACE,KAAK;EACM;EACX,QAAQ;EACR,SAAS;EACJ;EACL,KAAK,UAAU,SAAS;EACxB,OAAO;GAAE,MAAM;GAAQ,GAAG;GAAO;EACpB;EACb,OAAO;EACP,eAAe,eAAe,KAAK;EACnC,GAAI;EACJ,CAAA;;AAIN,YAAY,cAAc"}
+{"version":3,"file":"FluentEmoji.mjs","names":[],"sources":["../../src/FluentEmoji/FluentEmoji.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport { Center } from '@/Flex';\nimport Img from '@/Img';\n\nimport { styles } from './style';\nimport type { FluentEmojiProps } from './type';\nimport { genEmojiUrl } from './utils';\n\nconst FluentEmoji: FC<FluentEmojiProps> = ({\n  emoji,\n  className,\n  style,\n  type = '3d',\n  size = 40,\n  unoptimized,\n  ref,\n  ...rest\n}) => {\n  const [loadingFail, setLoadingFail] = useState(false);\n  const genCdnUrl = useCdnFn();\n\n  const emojiUrl = useMemo(() => genEmojiUrl(emoji, type), [type, emoji]);\n\n  if (type === 'raw' || !emojiUrl || loadingFail)\n    return (\n      <Center\n        className={cx(styles.container, className)}\n        flex={'none'}\n        height={size}\n        ref={ref}\n        role={'img'}\n        style={{ fontSize: size * 0.9, ...style }}\n        width={size}\n        {...rest}\n      >\n        {emoji}\n      </Center>\n    );\n\n  return (\n    <Img\n      alt={emoji}\n      className={className}\n      height={size}\n      loading={'lazy'}\n      ref={ref}\n      src={genCdnUrl(emojiUrl)}\n      style={{ flex: 'none', ...style }}\n      unoptimized={unoptimized}\n      width={size}\n      onError={() => setLoadingFail(true)}\n      {...rest}\n    />\n  );\n};\n\nFluentEmoji.displayName = 'FluentEmoji';\n\nexport default FluentEmoji;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,eAAqC,EACzC,OACA,WACA,OACA,OAAO,MACP,OAAO,IACP,aACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,YAAY,SAAS;CAE3B,MAAM,WAAW,cAAc,YAAY,OAAO,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;CAEtE,IAAI,SAAS,SAAS,CAAC,YAAY,aACjC,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,SAAS;EACzC,MAAM;EACN,QAAQ;EACH;EACL,MAAM;EACN,OAAO;GAAE,UAAU,OAAO;GAAK,GAAG;EAAM;EACxC,OAAO;EACP,GAAI;YAEH;CACK,CAAA;CAGZ,OACE,oBAAC,KAAD;EACE,KAAK;EACM;EACX,QAAQ;EACR,SAAS;EACJ;EACL,KAAK,UAAU,QAAQ;EACvB,OAAO;GAAE,MAAM;GAAQ,GAAG;EAAM;EACnB;EACb,OAAO;EACP,eAAe,eAAe,IAAI;EAClC,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

package/es/FluentEmoji/index.d.mts

@@ -1,3 +1,3 @@
 import { FluentEmojiProps } from "./type.mjs";
-import { FluentEmoji } from "./FluentEmoji.mjs";
-export { FluentEmojiProps, FluentEmoji as default };
+import FluentEmoji from "./FluentEmoji.mjs";
+export { type FluentEmojiProps, FluentEmoji as default };

package/es/FluentEmoji/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FluentEmoji/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n      line-height: 1;\n      text-align: center;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,WAAW,GAAG;;;;OAKf;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FluentEmoji/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n      line-height: 1;\n      text-align: center;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO,EACL,WAAW,GAAG;;;;MAKhB;AACF,CAAC"}

package/es/FluentEmoji/type.d.mts

@@ -1,7 +1,6 @@
 import { DivProps } from "../types/index.mjs";
 import { EmojiType } from "./utils.mjs";
 import { Ref } from "react";
-
 //#region src/FluentEmoji/type.d.ts
 interface FluentEmojiProps extends DivProps {
   emoji: string;

package/es/FluentEmoji/utils.mjs

@@ -41,6 +41,6 @@ const genEmojiUrl = (emoji, type) => {
 	}
 };
 //#endregion
-export { genEmojiUrl };
+export { emojiAnimPkg, emojiToUnicode, genEmojiUrl };
 
 //# sourceMappingURL=utils.mjs.map

package/es/FluentEmoji/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/FluentEmoji/utils.ts"],"sourcesContent":["export type EmojiType = 'anim' | 'flat' | 'modern' | 'mono' | 'raw' | '3d';\n\nexport function isFlagEmoji(emoji: string) {\n  const flagRegex = /(?:\\uD83C[\\uDDE6-\\uDDFF]){2}/;\n  return flagRegex.test(emoji);\n}\n\nexport function emojiToUnicode(emoji: string) {\n  return [...emoji].map((char) => char?.codePointAt(0)?.toString(16)).join('-');\n}\n\nexport function emojiAnimPkg(emoji: string) {\n  const mainPart = emojiToUnicode(emoji).split('-')[0];\n  if (mainPart < '1f469') {\n    return '@lobehub/fluent-emoji-anim-1';\n  } else if (mainPart >= '1f469' && mainPart < '1f620') {\n    return '@lobehub/fluent-emoji-anim-2';\n  } else if (mainPart >= '1f620' && mainPart < '1f9a0') {\n    return '@lobehub/fluent-emoji-anim-3';\n  } else {\n    return '@lobehub/fluent-emoji-anim-4';\n  }\n}\n\nexport const genEmojiUrl = (emoji: string, type: EmojiType) => {\n  const ext = ['anim', '3d'].includes(type) ? 'webp' : 'svg';\n\n  switch (type) {\n    case 'raw': {\n      return null;\n    }\n    case 'anim': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: emojiAnimPkg(emoji),\n        version: 'latest',\n      };\n    }\n    case '3d': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-3d',\n        version: 'latest',\n      };\n    }\n    case 'flat': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-flat',\n        version: 'latest',\n      };\n    }\n    case 'modern': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-modern',\n        version: 'latest',\n      };\n    }\n    case 'mono': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-mono',\n        version: 'latest',\n      };\n    }\n  }\n};\n"],"mappings":";AAOA,SAAgB,eAAe,OAAe;AAC5C,QAAO,CAAC,GAAG,MAAM,CAAC,KAAK,SAAS,MAAM,YAAY,EAAE,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI;;AAG/E,SAAgB,aAAa,OAAe;CAC1C,MAAM,WAAW,eAAe,MAAM,CAAC,MAAM,IAAI,CAAC;AAClD,KAAI,WAAW,QACb,QAAO;UACE,YAAY,WAAW,WAAW,QAC3C,QAAO;UACE,YAAY,WAAW,WAAW,QAC3C,QAAO;KAEP,QAAO;;AAIX,MAAa,eAAe,OAAe,SAAoB;CAC7D,MAAM,MAAM,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,GAAG,SAAS;AAErD,SAAQ,MAAR;EACE,KAAK,MACH,QAAO;EAET,KAAK,OACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK,aAAa,MAAM;GACxB,SAAS;GACV;EAEH,KAAK,KACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV;EAEH,KAAK,OACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV;EAEH,KAAK,SACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV;EAEH,KAAK,OACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/FluentEmoji/utils.ts"],"sourcesContent":["export type EmojiType = 'anim' | 'flat' | 'modern' | 'mono' | 'raw' | '3d';\n\nexport function isFlagEmoji(emoji: string) {\n  const flagRegex = /(?:\\uD83C[\\uDDE6-\\uDDFF]){2}/;\n  return flagRegex.test(emoji);\n}\n\nexport function emojiToUnicode(emoji: string) {\n  return [...emoji].map((char) => char?.codePointAt(0)?.toString(16)).join('-');\n}\n\nexport function emojiAnimPkg(emoji: string) {\n  const mainPart = emojiToUnicode(emoji).split('-')[0];\n  if (mainPart < '1f469') {\n    return '@lobehub/fluent-emoji-anim-1';\n  } else if (mainPart >= '1f469' && mainPart < '1f620') {\n    return '@lobehub/fluent-emoji-anim-2';\n  } else if (mainPart >= '1f620' && mainPart < '1f9a0') {\n    return '@lobehub/fluent-emoji-anim-3';\n  } else {\n    return '@lobehub/fluent-emoji-anim-4';\n  }\n}\n\nexport const genEmojiUrl = (emoji: string, type: EmojiType) => {\n  const ext = ['anim', '3d'].includes(type) ? 'webp' : 'svg';\n\n  switch (type) {\n    case 'raw': {\n      return null;\n    }\n    case 'anim': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: emojiAnimPkg(emoji),\n        version: 'latest',\n      };\n    }\n    case '3d': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-3d',\n        version: 'latest',\n      };\n    }\n    case 'flat': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-flat',\n        version: 'latest',\n      };\n    }\n    case 'modern': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-modern',\n        version: 'latest',\n      };\n    }\n    case 'mono': {\n      return {\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\n        pkg: '@lobehub/fluent-emoji-mono',\n        version: 'latest',\n      };\n    }\n  }\n};\n"],"mappings":";AAOA,SAAgB,eAAe,OAAe;CAC5C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,KAAK,SAAS,MAAM,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG;AAC9E;AAEA,SAAgB,aAAa,OAAe;CAC1C,MAAM,WAAW,eAAe,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;CAClD,IAAI,WAAW,SACb,OAAO;MACF,IAAI,YAAY,WAAW,WAAW,SAC3C,OAAO;MACF,IAAI,YAAY,WAAW,WAAW,SAC3C,OAAO;MAEP,OAAO;AAEX;AAEA,MAAa,eAAe,OAAe,SAAoB;CAC7D,MAAM,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,IAAI,IAAI,SAAS;CAErD,QAAQ,MAAR;EACE,KAAK,OACH,OAAO;EAET,KAAK,QACH,OAAO;GACL,MAAM,UAAU,eAAe,KAAK,EAAE,GAAG;GACzC,KAAK,aAAa,KAAK;GACvB,SAAS;EACX;EAEF,KAAK,MACH,OAAO;GACL,MAAM,UAAU,eAAe,KAAK,EAAE,GAAG;GACzC,KAAK;GACL,SAAS;EACX;EAEF,KAAK,QACH,OAAO;GACL,MAAM,UAAU,eAAe,KAAK,EAAE,GAAG;GACzC,KAAK;GACL,SAAS;EACX;EAEF,KAAK,UACH,OAAO;GACL,MAAM,UAAU,eAAe,KAAK,EAAE,GAAG;GACzC,KAAK;GACL,SAAS;EACX;EAEF,KAAK,QACH,OAAO;GACL,MAAM,UAAU,eAAe,KAAK,EAAE,GAAG;GACzC,KAAK;GACL,SAAS;EACX;CAEJ;AACF"}

package/es/FontLoader/index.d.mts

@@ -1,10 +1,8 @@
-import * as _$react from "react";
-
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: _$react.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: import("react").NamedExoticComponent<FontLoaderProps>;
 //#endregion
-export { FontLoader, FontLoaderProps };
+export { FontLoaderProps, FontLoader as default };
 //# sourceMappingURL=index.d.mts.map

package/es/FontLoader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["createElement"],"sources":["../../src/FontLoader/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useEffect, useRef } from 'react';\n\nconst createElement = (url: string) => {\n  const element = document.createElement('link');\n  element.rel = 'stylesheet';\n  element.href = url;\n  return element;\n};\n\nexport interface FontLoaderProps {\n  url: string;\n}\n\nconst FontLoader = memo<FontLoaderProps>(({ url }) => {\n  const elementRef = useRef<HTMLLinkElement | null>(null);\n\n  useEffect(() => {\n    // Create and append element\n    const element = createElement(url);\n    document.head.append(element);\n    elementRef.current = element;\n\n    // Optional: Add error handling\n    const handleError = () => console.error(`Failed to load font from ${url}`);\n    element.addEventListener('error', handleError);\n\n    // Cleanup function to remove element when component unmounts\n    // or when url changes\n    return () => {\n      element.removeEventListener('error', handleError);\n      element.remove();\n      elementRef.current = null;\n    };\n  }, [url]);\n\n  return null;\n});\n\nFontLoader.displayName = 'FontLoader';\n\nexport default FontLoader;\n"],"mappings":";;;AAIA,MAAMA,mBAAiB,QAAgB;CACrC,MAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,SAAQ,MAAM;AACd,SAAQ,OAAO;AACf,QAAO;;AAOT,MAAM,aAAa,MAAuB,EAAE,UAAU;CACpD,MAAM,aAAa,OAA+B,KAAK;AAEvD,iBAAgB;EAEd,MAAM,UAAUA,gBAAc,IAAI;AAClC,WAAS,KAAK,OAAO,QAAQ;AAC7B,aAAW,UAAU;EAGrB,MAAM,oBAAoB,QAAQ,MAAM,4BAA4B,MAAM;AAC1E,UAAQ,iBAAiB,SAAS,YAAY;AAI9C,eAAa;AACX,WAAQ,oBAAoB,SAAS,YAAY;AACjD,WAAQ,QAAQ;AAChB,cAAW,UAAU;;IAEtB,CAAC,IAAI,CAAC;AAET,QAAO;EACP;AAEF,WAAW,cAAc"}
+{"version":3,"file":"index.mjs","names":["createElement"],"sources":["../../src/FontLoader/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useEffect, useRef } from 'react';\n\nconst createElement = (url: string) => {\n  const element = document.createElement('link');\n  element.rel = 'stylesheet';\n  element.href = url;\n  return element;\n};\n\nexport interface FontLoaderProps {\n  url: string;\n}\n\nconst FontLoader = memo<FontLoaderProps>(({ url }) => {\n  const elementRef = useRef<HTMLLinkElement | null>(null);\n\n  useEffect(() => {\n    // Create and append element\n    const element = createElement(url);\n    document.head.append(element);\n    elementRef.current = element;\n\n    // Optional: Add error handling\n    const handleError = () => console.error(`Failed to load font from ${url}`);\n    element.addEventListener('error', handleError);\n\n    // Cleanup function to remove element when component unmounts\n    // or when url changes\n    return () => {\n      element.removeEventListener('error', handleError);\n      element.remove();\n      elementRef.current = null;\n    };\n  }, [url]);\n\n  return null;\n});\n\nFontLoader.displayName = 'FontLoader';\n\nexport default FontLoader;\n"],"mappings":";;;AAIA,MAAMA,mBAAiB,QAAgB;CACrC,MAAM,UAAU,SAAS,cAAc,MAAM;CAC7C,QAAQ,MAAM;CACd,QAAQ,OAAO;CACf,OAAO;AACT;AAMA,MAAM,aAAa,MAAuB,EAAE,UAAU;CACpD,MAAM,aAAa,OAA+B,IAAI;CAEtD,gBAAgB;EAEd,MAAM,UAAUA,gBAAc,GAAG;EACjC,SAAS,KAAK,OAAO,OAAO;EAC5B,WAAW,UAAU;EAGrB,MAAM,oBAAoB,QAAQ,MAAM,4BAA4B,KAAK;EACzE,QAAQ,iBAAiB,SAAS,WAAW;EAI7C,aAAa;GACX,QAAQ,oBAAoB,SAAS,WAAW;GAChD,QAAQ,OAAO;GACf,WAAW,UAAU;EACvB;CACF,GAAG,CAAC,GAAG,CAAC;CAER,OAAO;AACT,CAAC;AAED,WAAW,cAAc"}

package/es/Footer/Footer.d.mts

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

package/es/Footer/Footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.mjs","names":["Flexbox"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["'use client';\n\nimport RcFooter from 'rc-footer';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { FooterProps } from './type';\n\nconst Footer = memo<FooterProps>(\n  ({ columns, bottom, theme, contentMaxWidth = 960, children, style, ...rest }) => {\n    const isEmpty = !columns || columns?.length === 0;\n\n    // Convert contentMaxWidth prop to CSS variable\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--footer-content-max-width': `${contentMaxWidth}px`,\n      }),\n      [contentMaxWidth],\n    );\n\n    return (\n      <Flexbox\n        as={'section'}\n        className={styles.root}\n        width={'100%'}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        <RcFooter\n          bottom={bottom}\n          className={isEmpty ? styles.footerEmpty : styles.footer}\n          columns={columns}\n          theme={theme}\n        />\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFooter.displayName = 'Footer';\n\nexport default Footer;\n"],"mappings":";;;;;;;AAUA,MAAM,SAAS,MACZ,EAAE,SAAS,QAAQ,OAAO,kBAAkB,KAAK,UAAU,OAAO,GAAG,WAAW;CAC/E,MAAM,UAAU,CAAC,WAAW,SAAS,WAAW;CAGhD,MAAM,eAAe,eACZ,EACL,8BAA8B,GAAG,gBAAgB,KAClD,GACD,CAAC,gBAAgB,CAClB;AAED,QACE,qBAACA,mBAAD;EACE,IAAI;EACJ,WAAW,OAAO;EAClB,OAAO;EACP,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;YARN,CAUE,oBAAC,UAAD;GACU;GACR,WAAW,UAAU,OAAO,cAAc,OAAO;GACxC;GACF;GACP,CAAA,EACD,SACO;;EAGf;AAED,OAAO,cAAc"}
+{"version":3,"file":"Footer.mjs","names":["Flexbox"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["'use client';\n\nimport RcFooter from 'rc-footer';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { FooterProps } from './type';\n\nconst Footer = memo<FooterProps>(\n  ({ columns, bottom, theme, contentMaxWidth = 960, children, style, ...rest }) => {\n    const isEmpty = !columns || columns?.length === 0;\n\n    // Convert contentMaxWidth prop to CSS variable\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--footer-content-max-width': `${contentMaxWidth}px`,\n      }),\n      [contentMaxWidth],\n    );\n\n    return (\n      <Flexbox\n        as={'section'}\n        className={styles.root}\n        width={'100%'}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        <RcFooter\n          bottom={bottom}\n          className={isEmpty ? styles.footerEmpty : styles.footer}\n          columns={columns}\n          theme={theme}\n        />\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFooter.displayName = 'Footer';\n\nexport default Footer;\n"],"mappings":";;;;;;;AAUA,MAAM,SAAS,MACZ,EAAE,SAAS,QAAQ,OAAO,kBAAkB,KAAK,UAAU,OAAO,GAAG,WAAW;CAC/E,MAAM,UAAU,CAAC,WAAW,SAAS,WAAW;CAGhD,MAAM,eAAe,eACZ,EACL,8BAA8B,GAAG,gBAAgB,IACnD,IACA,CAAC,eAAe,CAClB;CAEA,OACE,qBAACA,mBAAD;EACE,IAAI;EACJ,WAAW,OAAO;EAClB,OAAO;EACP,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;YARN,CAUE,oBAAC,UAAD;GACU;GACR,WAAW,UAAU,OAAO,cAAc,OAAO;GACxC;GACF;EACR,CAAA,GACA,QACM;;AAEb,CACF;AAEA,OAAO,cAAc"}

package/es/Footer/index.d.mts

@@ -1,3 +1,3 @@
 import { FooterProps } from "./type.mjs";
-import { Footer } from "./Footer.mjs";
-export { FooterProps, Footer as default };
+import Footer from "./Footer.mjs";
+export { type FooterProps, Footer as default };

package/es/Footer/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Footer/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const prefix = `rc-footer`;\n\n  const baseFooterStyles = css`\n    font-size: 14px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n    background-color: ${cssVar.colorBgLayout};\n\n    &.${prefix} {\n      a {\n        color: ${cssVar.colorTextTertiary};\n        text-decoration: none;\n        transition: all 0.3s;\n\n        &:hover {\n          color: ${cssVar.colorLinkHover};\n        }\n      }\n    }\n\n    .${prefix} {\n      &-columns {\n        display: flex;\n        justify-content: space-around;\n      }\n\n      &-column {\n        text-align: start;\n\n        h2 {\n          position: relative;\n\n          margin-block: 0;\n          margin-inline: auto;\n\n          font-size: 16px;\n          font-weight: 500;\n          color: ${cssVar.colorText};\n        }\n\n        &-icon {\n          position: relative;\n          inset-block-start: -1px;\n\n          display: inline-block;\n\n          width: 22px;\n          margin-inline-end: 0.5em;\n\n          text-align: center;\n          vertical-align: middle;\n\n          > span,\n          > svg,\n          img {\n            display: block;\n            width: 100%;\n          }\n        }\n      }\n\n      &-item {\n        margin-block: 12px;\n        margin-inline: 0;\n\n        &-icon {\n          position: relative;\n          inset-block-start: -1px;\n\n          display: inline-block;\n\n          width: 16px;\n          margin-inline-end: 0.4em;\n\n          text-align: center;\n          vertical-align: middle;\n\n          > span,\n          > svg,\n          img {\n            display: block;\n            width: 100%;\n          }\n        }\n\n        &-separator {\n          margin-block: 0;\n          margin-inline: 0.3em;\n        }\n      }\n\n      &-bottom {\n        color: ${cssVar.colorTextDescription};\n\n        &-container {\n          width: 100%;\n          max-width: var(--footer-content-max-width, 960px);\n          margin-block: 0;\n          margin-inline: auto;\n          padding-block: 16px;\n          padding-inline: 0;\n\n          line-height: 32px;\n          text-align: center;\n        }\n      }\n\n      &-light {\n        color: rgba(0, 0, 0, 85%);\n        background-color: transparent;\n\n        h2,\n        a {\n          color: rgba(0, 0, 0, 85%);\n        }\n      }\n\n      &-light &-bottom-container {\n        border-block-start-color: #e8e8e8;\n      }\n\n      &-light &-item-separator,\n      &-light &-item-description {\n        color: rgba(0, 0, 0, 45%);\n      }\n    }\n  `;\n\n  return {\n    footer: css`\n      ${baseFooterStyles};\n\n      .${prefix}-container {\n        width: 100%;\n        max-width: var(--footer-content-max-width, 960px);\n        margin: auto;\n        padding-block: 60px 20px;\n        padding-inline: 0;\n      }\n\n      ${responsive.sm} {\n        .${prefix} {\n          &-container {\n            padding-block: 40px;\n            padding-inline: 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-block-end: 40px;\n            text-align: center;\n\n            &:last-child {\n              margin-block-end: 0;\n            }\n          }\n        }\n      }\n    `,\n    footerEmpty: css`\n      ${baseFooterStyles};\n\n      .${prefix}-container {\n        width: 100%;\n        max-width: var(--footer-content-max-width, 960px);\n        margin: auto;\n        padding: 0;\n      }\n\n      ${responsive.sm} {\n        .${prefix} {\n          &-container {\n            padding: 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-block-end: 40px;\n            text-align: center;\n\n            &:last-child {\n              margin-block-end: 0;\n            }\n          }\n        }\n      }\n    `,\n    root: css`\n      grid-area: footer;\n      align-self: stretch;\n      border-block-start: 1px solid ${cssVar.colorSplit};\n      color: ${cssVar.colorTextDescription};\n\n      ${responsive.sm} {\n        flex-direction: column;\n        border: none;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,SAAS;CAEf,MAAM,mBAAmB,GAAG;;;aAGjB,OAAO,mBAAmB;wBACf,OAAO,cAAc;;QAErC,OAAO;;iBAEE,OAAO,kBAAkB;;;;;mBAKvB,OAAO,eAAe;;;;;OAKlC,OAAO;;;;;;;;;;;;;;;;;mBAiBK,OAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAuDnB,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoC3C,QAAO;EACL,QAAQ,GAAG;QACP,iBAAiB;;SAEhB,OAAO;;;;;;;;QAQR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;;EAsBd,aAAa,GAAG;QACZ,iBAAiB;;SAEhB,OAAO;;;;;;;QAOR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;EAqBd,MAAM,GAAG;;;sCAGyB,OAAO,WAAW;eACzC,OAAO,qBAAqB;;QAEnC,WAAW,GAAG;;;;;EAKnB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Footer/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const prefix = `rc-footer`;\n\n  const baseFooterStyles = css`\n    font-size: 14px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n    background-color: ${cssVar.colorBgLayout};\n\n    &.${prefix} {\n      a {\n        color: ${cssVar.colorTextTertiary};\n        text-decoration: none;\n        transition: all 0.3s;\n\n        &:hover {\n          color: ${cssVar.colorLinkHover};\n        }\n      }\n    }\n\n    .${prefix} {\n      &-columns {\n        display: flex;\n        justify-content: space-around;\n      }\n\n      &-column {\n        text-align: start;\n\n        h2 {\n          position: relative;\n\n          margin-block: 0;\n          margin-inline: auto;\n\n          font-size: 16px;\n          font-weight: 500;\n          color: ${cssVar.colorText};\n        }\n\n        &-icon {\n          position: relative;\n          inset-block-start: -1px;\n\n          display: inline-block;\n\n          width: 22px;\n          margin-inline-end: 0.5em;\n\n          text-align: center;\n          vertical-align: middle;\n\n          > span,\n          > svg,\n          img {\n            display: block;\n            width: 100%;\n          }\n        }\n      }\n\n      &-item {\n        margin-block: 12px;\n        margin-inline: 0;\n\n        &-icon {\n          position: relative;\n          inset-block-start: -1px;\n\n          display: inline-block;\n\n          width: 16px;\n          margin-inline-end: 0.4em;\n\n          text-align: center;\n          vertical-align: middle;\n\n          > span,\n          > svg,\n          img {\n            display: block;\n            width: 100%;\n          }\n        }\n\n        &-separator {\n          margin-block: 0;\n          margin-inline: 0.3em;\n        }\n      }\n\n      &-bottom {\n        color: ${cssVar.colorTextDescription};\n\n        &-container {\n          width: 100%;\n          max-width: var(--footer-content-max-width, 960px);\n          margin-block: 0;\n          margin-inline: auto;\n          padding-block: 16px;\n          padding-inline: 0;\n\n          line-height: 32px;\n          text-align: center;\n        }\n      }\n\n      &-light {\n        color: rgba(0, 0, 0, 85%);\n        background-color: transparent;\n\n        h2,\n        a {\n          color: rgba(0, 0, 0, 85%);\n        }\n      }\n\n      &-light &-bottom-container {\n        border-block-start-color: #e8e8e8;\n      }\n\n      &-light &-item-separator,\n      &-light &-item-description {\n        color: rgba(0, 0, 0, 45%);\n      }\n    }\n  `;\n\n  return {\n    footer: css`\n      ${baseFooterStyles};\n\n      .${prefix}-container {\n        width: 100%;\n        max-width: var(--footer-content-max-width, 960px);\n        margin: auto;\n        padding-block: 60px 20px;\n        padding-inline: 0;\n      }\n\n      ${responsive.sm} {\n        .${prefix} {\n          &-container {\n            padding-block: 40px;\n            padding-inline: 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-block-end: 40px;\n            text-align: center;\n\n            &:last-child {\n              margin-block-end: 0;\n            }\n          }\n        }\n      }\n    `,\n    footerEmpty: css`\n      ${baseFooterStyles};\n\n      .${prefix}-container {\n        width: 100%;\n        max-width: var(--footer-content-max-width, 960px);\n        margin: auto;\n        padding: 0;\n      }\n\n      ${responsive.sm} {\n        .${prefix} {\n          &-container {\n            padding: 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-block-end: 40px;\n            text-align: center;\n\n            &:last-child {\n              margin-block-end: 0;\n            }\n          }\n        }\n      }\n    `,\n    root: css`\n      grid-area: footer;\n      align-self: stretch;\n      border-block-start: 1px solid ${cssVar.colorSplit};\n      color: ${cssVar.colorTextDescription};\n\n      ${responsive.sm} {\n        flex-direction: column;\n        border: none;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,SAAS;CAEf,MAAM,mBAAmB,GAAG;;;aAGjB,OAAO,mBAAmB;wBACf,OAAO,cAAc;;QAErC,OAAO;;iBAEE,OAAO,kBAAkB;;;;;mBAKvB,OAAO,eAAe;;;;;OAKlC,OAAO;;;;;;;;;;;;;;;;;mBAiBK,OAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAuDnB,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC3C,OAAO;EACL,QAAQ,GAAG;QACP,iBAAiB;;SAEhB,OAAO;;;;;;;;QAQR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;;EAsBd,aAAa,GAAG;QACZ,iBAAiB;;SAEhB,OAAO;;;;;;;QAOR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;EAqBd,MAAM,GAAG;;;sCAGyB,OAAO,WAAW;eACzC,OAAO,qBAAqB;;QAEnC,WAAW,GAAG;;;;;CAKpB;AACF,CAAC"}

package/es/Footer/type.d.mts

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { ReactNode } from "react";
 import { FooterProps } from "rc-footer";
-
 //#region src/Footer/type.d.ts
 interface FooterProps$1 extends FlexboxProps {
   bottom?: ReactNode;

package/es/Form/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":["Form","AntForm"],"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            extra={group?.extra}\n            icon={group?.icon}\n            key={key}\n            keyValue={key}\n            style={customStyles?.group}\n            styles={customStyles}\n            title={group.title}\n            variant={group?.variant || variant}\n            defaultActive={\n              defaultActiveKey && group?.key ? defaultActiveKey.includes(key) : group?.defaultActive\n            }\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          >\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          ref={ref}\n          variant={itemVariant}\n          style={{\n            gap,\n            ...style,\n          }}\n          onFinish={async (...finishProps) => {\n            if (!onFinish) return;\n            setSubmitLoading(true);\n            await onFinish(...finishProps);\n            setSubmitLoading(false);\n          }}\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,oBAAC,UAAD;EACE,WAAW,YAAY;EACvB,SAAS,cAAc;EAEvB,UAAU;EACV,OAAO,cAAc;EACZ;EACT,GAAI;EACJ,EALK,UAKL,EAEJ;EAAC;EAAc;EAAS;EAAY;EAAa,CAClD;CAED,MAAM,UAAU,aACb,OAA0B,eAAuB;EAChD,MAAM,MAAM,OAAO,OAAO;AAC1B,SACE,oBAAC,WAAD;GACE,QAAQ,aAAa,OAAO,MAAM,UAAU,SAAS,IAAI,GAAG,KAAA;GAC5D,WAAW,YAAY;GACX;GACZ,aAAa,YAAY,MAAM,YAAY,GAAG,cAAc,MAAM;GAClE,OAAO,OAAO;GACd,MAAM,OAAO;GAEb,UAAU;GACV,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO,MAAM;GACb,SAAS,OAAO,WAAW;GAC3B,eACE,oBAAoB,OAAO,MAAM,iBAAiB,SAAS,IAAI,GAAG,OAAO;GAE3E,aAAa,WAAW;IACtB,IAAI,OAA4B,aAAa,oBAAoB,EAAE;AACnE,WAAO,KAAK,QAAQ,MAAM,MAAM,IAAI;AACpC,iBAAa,SAAS,CAAC,GAAG,MAAM,IAAI,GAAG,KAAK;;aAG7C,MAAM,QAAQ,MAAM,SAAS,GAC1B,MAAM,SAAS,QAAQ,SAAS,CAAC,KAAK,OAAO,CAAC,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAChF,MAAM;GACA,EAlBL,IAkBK;IAGhB;EAAC;EAAW;EAAa;EAAkB;EAAY;EAAS;EAAY;EAAa,CAC1F;AAED,QACE,oBAAC,cAAD;EACE,QAAQ;GACN;GACA;GACA;GACD;YAED,qBAACC,MAAD;GACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,OAAO;GACD;GACS;GACf,QAAQ,WAAW,SAAS,aAAa;GACpC;GACL,SAAS;GACT,OAAO;IACL;IACA,GAAG;IACJ;GACD,UAAU,OAAO,GAAG,gBAAgB;AAClC,QAAI,CAAC,SAAU;AACf,qBAAiB,KAAK;AACtB,UAAM,SAAS,GAAG,YAAY;AAC9B,qBAAiB,MAAM;;GAEzB,GAAI;aAlBN;IAoBG,SAAS,OAAO,SAAS,IACxB,cAAc,UACX,OAA+B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAElE,oBAAC,eAAD;KACE,WAAW,YAAY;KACvB,OAAO,cAAc;KACZ;eAEP,OACE,QAAQ,SAAS,CAAC,KAAK,OAAO,CAC/B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC;KACvB,CAAA,GAEhB,KAAA;IACH;IACA;IACO;;EACG,CAAA;EAGpB;AAED,OAAK,cAAc"}
+{"version":3,"file":"Form.mjs","names":["Form","AntForm"],"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            extra={group?.extra}\n            icon={group?.icon}\n            key={key}\n            keyValue={key}\n            style={customStyles?.group}\n            styles={customStyles}\n            title={group.title}\n            variant={group?.variant || variant}\n            defaultActive={\n              defaultActiveKey && group?.key ? defaultActiveKey.includes(key) : group?.defaultActive\n            }\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          >\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          ref={ref}\n          variant={itemVariant}\n          style={{\n            gap,\n            ...style,\n          }}\n          onFinish={async (...finishProps) => {\n            if (!onFinish) return;\n            setSubmitLoading(true);\n            await onFinish(...finishProps);\n            setSubmitLoading(false);\n          }}\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,CAAC,GACT,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,cAAc;CACjC,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CAExD,MAAM,UAAU,aACb,MAAqB,cACpB,oBAAC,UAAD;EACE,WAAW,YAAY;EACvB,SAAS,cAAc;EAEvB,UAAU;EACV,OAAO,cAAc;EACZ;EACT,GAAI;CACL,GALM,SAKN,GAEH;EAAC;EAAc;EAAS;EAAY;CAAY,CAClD;CAEA,MAAM,UAAU,aACb,OAA0B,eAAuB;EAChD,MAAM,MAAM,OAAO,OAAO;EAC1B,OACE,oBAAC,WAAD;GACE,QAAQ,aAAa,OAAO,MAAM,UAAU,SAAS,GAAG,IAAI,KAAA;GAC5D,WAAW,YAAY;GACX;GACZ,aAAa,YAAY,MAAM,WAAW,IAAI,cAAc,MAAM;GAClE,OAAO,OAAO;GACd,MAAM,OAAO;GAEb,UAAU;GACV,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO,MAAM;GACb,SAAS,OAAO,WAAW;GAC3B,eACE,oBAAoB,OAAO,MAAM,iBAAiB,SAAS,GAAG,IAAI,OAAO;GAE3E,aAAa,WAAW;IACtB,IAAI,OAA4B,aAAa,oBAAoB,CAAC;IAClE,OAAO,KAAK,QAAQ,MAAM,MAAM,GAAG;IACnC,aAAa,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,IAAI;GAC7C;aAEC,MAAM,QAAQ,MAAM,QAAQ,IACzB,MAAM,SAAS,QAAQ,SAAS,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,MAAM,MAAM,QAAQ,MAAM,CAAC,CAAC,IAC/E,MAAM;EACD,GAlBJ,GAkBI;CAEf,GACA;EAAC;EAAW;EAAa;EAAkB;EAAY;EAAS;EAAY;CAAY,CAC1F;CAEA,OACE,oBAAC,cAAD;EACE,QAAQ;GACN;GACA;GACA;EACF;YAEA,qBAACC,MAAD;GACE,WAAW,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,SAAS;GAC9C,OAAO;GACD;GACS;GACf,QAAQ,WAAW,SAAS,aAAa;GACpC;GACL,SAAS;GACT,OAAO;IACL;IACA,GAAG;GACL;GACA,UAAU,OAAO,GAAG,gBAAgB;IAClC,IAAI,CAAC,UAAU;IACf,iBAAiB,IAAI;IACrB,MAAM,SAAS,GAAG,WAAW;IAC7B,iBAAiB,KAAK;GACxB;GACA,GAAI;aAlBN;IAoBG,SAAS,OAAO,SAAS,IACxB,cAAc,UACX,OAA+B,KAAK,MAAM,MAAM,QAAQ,MAAM,CAAC,CAAC,IAEjE,oBAAC,eAAD;KACE,WAAW,YAAY;KACvB,OAAO,cAAc;KACZ;eAEP,OACE,QAAQ,SAAS,CAAC,KAAK,MAAM,CAAC,CAC/B,KAAK,MAAM,MAAM,QAAQ,MAAM,CAAC,CAAC;IACvB,CAAA,IAEf,KAAA;IACH;IACA;GACM;;CACG,CAAA;AAElB,CACF;AAEA,OAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormDivider.mjs","names":["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,UAAU;AAC7C,QAAO,EACL,MAAM,GAAG;;;OAIV;EACD;AAEF,MAAM,eAAqC,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,WAAW;AAC3F,QACE,oBAACA,SAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU;EACrC,OAAO;GACL,SAAS,UAAU,IAAI;GACvB,GAAG;GACJ;EACD,GAAI;EACJ,CAAA;;AAIN,YAAY,cAAc"}
+{"version":3,"file":"FormDivider.mjs","names":["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,UAAU;CAC7C,OAAO,EACL,MAAM,GAAG;;;MAIX;AACF,CAAC;AAED,MAAM,eAAqC,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,WAAW;CAC3F,OACE,oBAACA,SAAD;EACE,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,OAAO;GACL,SAAS,UAAU,IAAI;GACvB,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormFlatGroup.mjs","names":["Flexbox","styles"],"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,mBAAD;EACE,WAAW,GAAG,SAASC,gBAAO,SAAS,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACjF,GAAI;EAEH;EACO,CAAA;EAGf;AAED,cAAc,cAAc"}
+{"version":3,"file":"FormFlatGroup.mjs","names":["Flexbox","styles"],"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,cAAc;CAGjC,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAASC,gBAAO,SAAS,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;EAChF,GAAI;EAEH;CACM,CAAA;AAEb,CACF;AAEA,cAAc,cAAc"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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,cAAc;CACjC,MAAM,SAAS;CACf,MAAM,eAAe,YAAY;CAEjC,MAAM,qBAAqB,YAAY,WAAW,IAAI,CAAC,eAAe;CAEtE,MAAM,eACJ,qBAACA,mBAAD;EAAS,YAAA;EAAW,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,OAAO,WAAW;EAAG,KAAK;YAAxF,CACG,QAAQ,oBAAC,MAAD,EAAY,KAAO,CAAA,GAC3B,KACM;;CAGX,IAAI,QACF,OACE,qBAACA,mBAAD;EAAoB;YAApB,CACE,qBAACA,mBAAD;GAAS,YAAA;GAAW,WAAW,OAAO;GAAmB,SAAS;aAAlE,CACG,cACA,KACM;MACT,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAkB;EAAc,CAAA,CAChD;;CAGb,OACE,oBAAC,UAAD;EACE,WAAW,YAAY,MAAM,IAAI,KAAA,IAAY,SAAS,CAAC,QAAQ,IAAI,CAAC;EACzD;EACX,aAAa;EACb,kBAAkB,gBAAgB,CAAC,QAAQ,IAAI,KAAA;EACtC;EACT,YAAY;GACV,QAAQ,eAAe,OAAO,kBAAkB,KAAA;GAChD,OAAO,eAAe,OAAO,kBAAkB,KAAA;EACjD;EACA,OAAO,CACL;GACE;GACA;GACA;GACA;GACA,KAAK;GACL,OAAO;EACT,CACF;EACA,WAAW,MAAM,aAAa,EAAE,SAAS,CAAC;EAC1C,GAAI;CACL,CAAA;AAEL,CACF;AAEA,UAAU,cAAc"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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,GACR,IACA,CAAC,QAAQ,CACX;CAEA,MAAM,cAAc,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa;CAChF,MAAM,EAAE,OAAO,WAAW,GAAG,cAAc;CAE3C,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,WAAW,oBAAC,aAAD,EAAa,SAAS,YAAY,aAAe,CAAA,GAC7D,oBAAC,MAAD;EACE,WAAW,GAAG,aAAa;GAAE;GAAS,cAAc;GAAa;EAAO,CAAC,GAAG,SAAS;EACrF,OAAO,oBAAC,WAAD;GAAmB;GAAc;GAAW;GAAK,OAAO;EAAQ,CAAA;EAC/D;EACR,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;EAEH;CACG,CAAA,CACN,EAAA,CAAA;AAEN,CACF;AAEA,SAAS,cAAc"}

package/es/Form/components/FormProvider.mjs

@@ -13,6 +13,6 @@ const useFormContext = () => {
 	return use(FormContext);
 };
 //#endregion
-export { FormProvider, useFormContext };
+export { FormContext, 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,aAAD;EAAa,OAAO;EAAS;EAAuB,CAAA;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,CAAC,CAAC;AAE9D,MAAa,eAAe,MACzB,EAAE,UAAU,aAAa;CACxB,OAAO,oBAAC,aAAD;EAAa,OAAO;EAAS;CAAsB,CAAA;AAC5D,CACF;AAEA,MAAa,uBAAuB;CAClC,OAAO,IAAI,WAAW;AACxB"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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,mBAAmB;CAClC,MAAM,EAAE,MAAM,eAAe,kBAAkB,eAAe;CAC9D,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,KAAK;CAChE,MAAM,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,KAAK,CAAC;CAC3C,MAAM,EAAE,MAAM,eAAeA,YAAY;CAEzC,MAAM,SAAS;CAEf,MAAM,IAAI,cAAc,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzD,MAAM,WAAW,cAAc,gBAAgB,aAAa,GAAG,CAAC,aAAa,CAAC;CAE9E,MAAM,UAAU,cAAc,MAAM,UAAU,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;CAE/D,gBAAgB;EACd,qBAAqB,CAAC,QAAQ,SAAS,QAAQ,CAAC;CAClD,GAAG;EAAC;EAAS;EAAU;CAAa,CAAC;CAErC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,qBAAqB;CAC3E,MAAM,cAAc,OAAO,WAAW,EAAE,qBAAqB;CAC7D,MAAM,YAAY,OAAO,SAAS,EAAE,YAAY;CAChD,MAAM,aAAa,OAAO,UAAU,EAAE,aAAa;CAEnD,MAAM,MAAM,MAAyB;EACnC,IAAI,mBACF,EAAE,cAAc;OAEhB,OAAO,EAAE;CAEb;CAEA,gBAAgB;EACd,IAAI,CAAC,sBAAsB;EAC3B,IAAI,OAAO,WAAW,eAAe,CAAC,mBAAmB;EAEzD,OAAO,iBAAiB,gBAAgB,EAAE;EAC1C,aAAa,OAAO,oBAAoB,gBAAgB,EAAE;CAC5D,GAAG;EAAC;EAAsB;EAAmB;CAAkB,CAAC;CAEhE,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,EAAE;EACxB,CAAA,GACD,oBAAC,QAAD;GACE,OAAO;IACL,OAAO,OAAO;IACd,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;GAC5B;aAEC;EACG,CAAA,CACN,EAAA,CAAA;EAEH;EACA,gBAAgB,SAAS,sBACxB,oBAACC,UAAD;GACE,UAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,SAAS;GACT,eAAe;IACb,UAAU,GAAG,QAAQ;IACrB,MAAM,YAAY;GACpB;GACA,GAAI;GACJ,GAAI;aAEH;EACK,CAAA;EAEV,oBAACA,UAAD;GACE,UAAS;GACT,SAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAK;GACL,GAAI;GACJ,GAAI;aAEH;EACK,CAAA;CACR,EAAA,CAAA;CAGJ,IAAI,CAAC,OACH,OACE,oBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,KAAK;EACL,SAAS;EACT,GAAI;YAEH;CACM,CAAA;CAGb,OACE,oBAAC,OAAO,KAAR;EACE,SAAS,oBAAoB,YAAY;EACzC,WAAW,OAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;EAAU;EAC7C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;GACL;GACA,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;GACL;EACF;YAEA,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACI;GACX,KAAK;GACL,SAAS;GACT,GAAI;aAEH;EACM,CAAA;CACC,CAAA;AAEhB,CACF;AAEA,iBAAiB,cAAc"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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;CACJ,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;YAAjD,CACG,QACD,qBAACA,mBAAD;GACE,WAAW,GAAGC,YAAO,SAAS,YAAY,OAAO;GACjD,KAAK;GACL,OAAO,cAAc;aAHvB,CAKE,qBAACD,mBAAD;IACE,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,KAAK;IAC7C,WAAW;IACX,KAAK;IACL,OAAO,cAAc;cALvB,CAOG,OACA,OACC,oBAAC,KAAD;KAAK,WAAW,YAAY;KAAK,OAAO,cAAc;eACnD;IACE,CAAA,CAEA;OACR,QACC,oBAAC,SAAD;IAAO,WAAW,GAAGA,YAAO,MAAM,YAAY,IAAI;IAAG,OAAO,cAAc;cACvE;GACI,CAAA,CAEF;IACF;;AAEb;AAEA,UAAU,cAAc"}