@lobehub/ui 5.6.2 → 5.6.4

package/es/Flex/Center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Center.mjs","names":["Center: FC<CenterProps>","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,MAAMA,UAA2B,EAAE,UAAU,KAAK,GAAG,YACnD,oBAACC;CAAU,GAAI;CAAO,OAAM;CAAS,SAAQ;CAAc;CACxD;EACS;AAGd,qBAAe"}
+{"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"}

package/es/Flex/FlexBasic.d.mts

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

package/es/Flex/FlexBasic.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from "./utils.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Flex/FlexBasic.tsx
 const FlexBasic = ({ visible, flex, gap, direction, horizontal, align, justify, distribution, height, width, allowShrink, padding, paddingInline, paddingBlock, prefixCls, as: Container = "div", className, style, children, wrap, ref, ...props }) => {
 	const justifyContent = justify || distribution;
@@ -43,7 +41,7 @@ const FlexBasic = ({ visible, flex, gap, direction, horizontal, align, justify,
 	});
 };
 var FlexBasic_default = memo(FlexBasic);
-
 //#endregion
 export { FlexBasic_default as default };
+
 //# sourceMappingURL=FlexBasic.mjs.map

package/es/Flex/FlexBasic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlexBasic.mjs","names":["FlexBasic: FC<FlexBasicProps>","mergedStyle: CSSProperties"],"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,MAAMA,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,MAAMC,cAA6B;EAnBjC,GAAI,SAAS,SAAY,EAAE,eAAe,OAAO,KAAK,EAAE,GAAG,EAAE;EAC7D,GAAI,aAAa,aACb,EAAE,yBAAyB,iBAAiB,WAAW,WAAW,EAAE,GACpE,EAAE;EACN,GAAI,SAAS,SAAY,EAAE,oBAAoB,MAAM,GAAG,EAAE;EAC1D,GAAI,mBAAmB,SAAY,EAAE,uBAAuB,gBAAgB,GAAG,EAAE;EACjF,GAAI,UAAU,SAAY,EAAE,qBAAqB,OAAO,GAAG,EAAE;EAC7D,GAAI,eAAe,SAAY,EAAE,qBAAqB,YAAY,GAAG,EAAE;EACvE,GAAI,WAAW,SAAY,EAAE,sBAAsB,YAAY,OAAO,EAAE,GAAG,EAAE;EAC7E,GAAI,YAAY,SAAY,EAAE,uBAAuB,YAAY,QAAQ,EAAE,GAAG,EAAE;EAChF,GAAI,kBAAkB,SAClB,EAAE,8BAA8B,YAAY,cAAc,EAAE,GAC5D,EAAE;EACN,GAAI,iBAAiB,SACjB,EAAE,6BAA6B,YAAY,aAAa,EAAE,GAC1D,EAAE;EACN,GAAI,QAAQ,SAAY,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;EACjD,YAAY,GAAG,UAAU,SAAS;EAClC;EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,oBAAC;EAAe;EAAK,GAAI;EAAO,WAAW;EAAiB,OAAO;EAChE;GACS;;AAIhB,wBAAe,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;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"}

package/es/Flex/index.d.mts

@@ -1,5 +1,4 @@
 import { CenterProps, ContentPosition, FlexBasicProps, FlexDirection, FlexboxProps } from "./type.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/index.mjs

@@ -1,4 +1,3 @@
 import FlexBasic_default from "./FlexBasic.mjs";
-import Center_default from "./Center.mjs";
-
-export { Center_default as Center, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox };
+import Center from "./Center.mjs";
+export { Center, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox };

package/es/Flex/utils.mjs

@@ -1,6 +1,6 @@
 //#region src/Flex/utils.ts
-const getFlexDirection = (direction, isHorizontal$1) => {
-	if (isHorizontal$1) return "row";
+const getFlexDirection = (direction, isHorizontal) => {
+	if (isHorizontal) return "row";
 	switch (direction) {
 		case "horizontal": return "row";
 		case "horizontal-reverse": return "row-reverse";
@@ -17,9 +17,9 @@ const isSpaceDistribution = (distribution) => {
 		"space-evenly"
 	].includes(distribution);
 };
-const isHorizontal = (direction, isHorizontal$1) => getFlexDirection(direction, isHorizontal$1) === "row";
+const isHorizontal = (direction, isHorizontal) => getFlexDirection(direction, isHorizontal) === "row";
 const getCssValue = (value) => typeof value === "number" ? `${value}px` : value;
-
 //#endregion
 export { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution };
+
 //# sourceMappingURL=utils.mjs.map

package/es/Flex/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":["isHorizontal"],"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,mBAA2B;AACrF,KAAIA,eAAc,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,mBACtD,iBAAiB,WAAWA,eAAa,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;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"}

package/es/FluentEmoji/FluentEmoji.mjs

@@ -1,20 +1,18 @@
-'use client';
-
+"use client";
 import { useCdnFn } from "../ConfigProvider/index.mjs";
-import Center_default from "../Flex/Center.mjs";
-import Img_default from "../Img/index.mjs";
+import Center from "../Flex/Center.mjs";
+import Img from "../Img/index.mjs";
 import { styles } from "./style.mjs";
 import { genEmojiUrl } from "./utils.mjs";
 import { useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/FluentEmoji/FluentEmoji.tsx
 const FluentEmoji = ({ emoji, className, style, type = "3d", size = 40, unoptimized, ref, ...rest }) => {
 	const [loadingFail, setLoadingFail] = useState(false);
 	const genCdnUrl = useCdnFn();
 	const emojiUrl = useMemo(() => genEmojiUrl(emoji, type), [type, emoji]);
-	if (type === "raw" || !emojiUrl || loadingFail) return /* @__PURE__ */ jsx(Center_default, {
+	if (type === "raw" || !emojiUrl || loadingFail) return /* @__PURE__ */ jsx(Center, {
 		className: cx(styles.container, className),
 		flex: "none",
 		height: size,
@@ -28,7 +26,7 @@ const FluentEmoji = ({ emoji, className, style, type = "3d", size = 40, unoptimi
 		...rest,
 		children: emoji
 	});
-	return /* @__PURE__ */ jsx(Img_default, {
+	return /* @__PURE__ */ jsx(Img, {
 		alt: emoji,
 		className,
 		height: size,
@@ -46,8 +44,7 @@ const FluentEmoji = ({ emoji, className, style, type = "3d", size = 40, unoptimi
 	});
 };
 FluentEmoji.displayName = "FluentEmoji";
-var FluentEmoji_default = FluentEmoji;
-
 //#endregion
-export { FluentEmoji_default as default };
+export { FluentEmoji as default };
+
 //# sourceMappingURL=FluentEmoji.mjs.map

package/es/FluentEmoji/FluentEmoji.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FluentEmoji.mjs","names":["FluentEmoji: FC<FluentEmojiProps>","Center","Img"],"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,MAAMA,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,oBAACC;EACC,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;GACM;AAGb,QACE,oBAACC;EACC,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;GACJ;;AAIN,YAAY,cAAc;AAE1B,0BAAe"}
+{"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"}

package/es/FluentEmoji/index.mjs

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

package/es/FluentEmoji/style.mjs

@@ -1,14 +1,13 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/FluentEmoji/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
-	return { container: css$1`
+const styles = createStaticStyles(({ css }) => {
+	return { container: css`
       position: relative;
       line-height: 1;
       text-align: center;
     ` };
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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,iBAAU;AACpD,QAAO,EACL,WAAW,KAAG;;;;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;AACpD,QAAO,EACL,WAAW,GAAG;;;;OAKf;EACD"}

package/es/FluentEmoji/utils.mjs

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

package/es/FontLoader/index.d.mts

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

package/es/FontLoader/index.mjs

@@ -1,7 +1,5 @@
-'use client';
-
+"use client";
 import { memo, useEffect, useRef } from "react";
-
 //#region src/FontLoader/index.tsx
 const createElement$1 = (url) => {
 	const element = document.createElement("link");
@@ -26,8 +24,7 @@ const FontLoader = memo(({ url }) => {
 	return null;
 });
 FontLoader.displayName = "FontLoader";
-var FontLoader_default = FontLoader;
-
 //#endregion
-export { FontLoader_default as default };
+export { FontLoader as default };
+
 //# sourceMappingURL=index.mjs.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;AAEzB,yBAAe"}
+{"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"}

package/es/Footer/Footer.d.mts

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

package/es/Footer/Footer.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import RcFooter from "rc-footer";
-
 //#region src/Footer/Footer.tsx
 const Footer = memo(({ columns, bottom, theme, contentMaxWidth = 960, children, style, ...rest }) => {
 	const isEmpty = !columns || columns?.length === 0;
@@ -28,8 +26,7 @@ const Footer = memo(({ columns, bottom, theme, contentMaxWidth = 960, children,
 	});
 });
 Footer.displayName = "Footer";
-var Footer_default = Footer;
-
 //#endregion
-export { Footer_default as default };
+export { Footer as default };
+
 //# sourceMappingURL=Footer.mjs.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;EACC,IAAI;EACJ,WAAW,OAAO;EAClB,OAAO;EACP,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;aAEJ,oBAAC;GACS;GACR,WAAW,UAAU,OAAO,cAAc,OAAO;GACxC;GACF;IACP,EACD;GACO;EAGf;AAED,OAAO,cAAc;AAErB,qBAAe"}
+{"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"}

package/es/Footer/index.mjs

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

package/es/Footer/style.mjs

@@ -1,22 +1,21 @@
 import { createStaticStyles, responsive } from "antd-style";
-
 //#region src/Footer/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	const prefix = `rc-footer`;
-	const baseFooterStyles = css$1`
+	const baseFooterStyles = css`
     font-size: 14px;
     line-height: 1.5;
-    color: ${cssVar$1.colorTextSecondary};
-    background-color: ${cssVar$1.colorBgLayout};
+    color: ${cssVar.colorTextSecondary};
+    background-color: ${cssVar.colorBgLayout};
 
     &.${prefix} {
       a {
-        color: ${cssVar$1.colorTextTertiary};
+        color: ${cssVar.colorTextTertiary};
         text-decoration: none;
         transition: all 0.3s;
 
         &:hover {
-          color: ${cssVar$1.colorLinkHover};
+          color: ${cssVar.colorLinkHover};
         }
       }
     }
@@ -38,7 +37,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 
           font-size: 16px;
           font-weight: 500;
-          color: ${cssVar$1.colorText};
+          color: ${cssVar.colorText};
         }
 
         &-icon {
@@ -93,7 +92,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       }
 
       &-bottom {
-        color: ${cssVar$1.colorTextDescription};
+        color: ${cssVar.colorTextDescription};
 
         &-container {
           width: 100%;
@@ -129,7 +128,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     }
   `;
 	return {
-		footer: css$1`
+		footer: css`
       ${baseFooterStyles};
 
       .${prefix}-container {
@@ -163,7 +162,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		footerEmpty: css$1`
+		footerEmpty: css`
       ${baseFooterStyles};
 
       .${prefix}-container {
@@ -195,11 +194,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		root: css$1`
+		root: css`
       grid-area: footer;
       align-self: stretch;
-      border-block-start: 1px solid ${cssVar$1.colorSplit};
-      color: ${cssVar$1.colorTextDescription};
+      border-block-start: 1px solid ${cssVar.colorSplit};
+      color: ${cssVar.colorTextDescription};
 
       ${responsive.sm} {
         flex-direction: column;
@@ -208,7 +207,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Footer/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"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,YAAK,uBAAa;CAC5D,MAAM,SAAS;CAEf,MAAM,mBAAmB,KAAG;;;aAGjBA,SAAO,mBAAmB;wBACfA,SAAO,cAAc;;QAErC,OAAO;;iBAEEA,SAAO,kBAAkB;;;;;mBAKvBA,SAAO,eAAe;;;;;OAKlC,OAAO;;;;;;;;;;;;;;;;;mBAiBKA,SAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAuDnBA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoC3C,QAAO;EACL,QAAQ,KAAG;QACP,iBAAiB;;SAEhB,OAAO;;;;;;;;QAQR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;;EAsBd,aAAa,KAAG;QACZ,iBAAiB;;SAEhB,OAAO;;;;;;;QAOR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;EAqBd,MAAM,KAAG;;;sCAGyBA,SAAO,WAAW;eACzCA,SAAO,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

package/es/Footer/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { ReactNode } from "react";
 import { FooterProps } from "rc-footer";
 

package/es/Form/Form.mjs

@@ -1,21 +1,19 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
-import FormGroup_default from "./components/FormGroup.mjs";
-import FormItem_default from "./components/FormItem.mjs";
+import FormGroup from "./components/FormGroup.mjs";
+import FormItem from "./components/FormItem.mjs";
 import { FormProvider } from "./components/FormProvider.mjs";
-import FormFlatGroup_default from "./components/FormFlatGroup.mjs";
+import FormFlatGroup from "./components/FormFlatGroup.mjs";
 import { memo, useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Form } from "antd";
 import { cx, useResponsive } from "antd-style";
 import { isUndefined } from "es-toolkit/compat";
-
 //#region src/Form/Form.tsx
 const Form$1 = memo(({ className, itemMinWidth, footer, form, items = [], children, itemsType = "group", itemVariant, variant = "borderless", classNames, styles: customStyles, gap, style, collapsible, defaultActiveKey, initialValues, activeKey, onCollapse, onFinish, ref, layout, ...rest }) => {
 	const { mobile } = useResponsive();
 	const [submitLoading, setSubmitLoading] = useState(false);
-	const mapFlat = useCallback((item, itemIndex) => /* @__PURE__ */ jsx(FormItem_default, {
+	const mapFlat = useCallback((item, itemIndex) => /* @__PURE__ */ jsx(FormItem, {
 		className: classNames?.item,
 		divider: itemIndex !== 0,
 		minWidth: itemMinWidth,
@@ -30,7 +28,7 @@ const Form$1 = memo(({ className, itemMinWidth, footer, form, items = [], childr
 	]);
 	const mapTree = useCallback((group, groupIndex) => {
 		const key = group?.key || groupIndex;
-		return /* @__PURE__ */ jsx(FormGroup_default, {
+		return /* @__PURE__ */ jsx(FormGroup, {
 			active: activeKey && group?.key ? activeKey.includes(key) : void 0,
 			className: classNames?.group,
 			classNames,
@@ -85,7 +83,7 @@ const Form$1 = memo(({ className, itemMinWidth, footer, form, items = [], childr
 			},
 			...rest,
 			children: [
-				items && items?.length > 0 ? itemsType === "group" ? items?.map((item, i) => mapTree(item, i)) : /* @__PURE__ */ jsx(FormFlatGroup_default, {
+				items && items?.length > 0 ? itemsType === "group" ? items?.map((item, i) => mapTree(item, i)) : /* @__PURE__ */ jsx(FormFlatGroup, {
 					className: classNames?.group,
 					style: customStyles?.group,
 					variant,
@@ -98,8 +96,7 @@ const Form$1 = memo(({ className, itemMinWidth, footer, form, items = [], childr
 	});
 });
 Form$1.displayName = "Form";
-var Form_default = Form$1;
-
 //#endregion
-export { Form_default as default };
+export { Form$1 as default };
+
 //# sourceMappingURL=Form.mjs.map

package/es/Form/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":["Form","FormItem","FormGroup","keys: (string | number)[]","AntForm","FormFlatGroup"],"sources":["../../src/Form/Form.tsx"],"sourcesContent":["'use client';\n\nimport { Form as AntForm } from 'antd';\nimport { cx, useResponsive } from 'antd-style';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo, useCallback, useState } from 'react';\n\nimport FormFlatGroup from './components/FormFlatGroup';\nimport FormGroup from './components/FormGroup';\nimport FormItem from './components/FormItem';\nimport { FormProvider } from './components/FormProvider';\nimport { variants } from './style';\nimport type { FormGroupItemType, FormItemProps, FormProps } from './type';\n\nconst Form = memo<FormProps>(\n  ({\n    className,\n    itemMinWidth,\n    footer,\n    form,\n    items = [],\n    children,\n    itemsType = 'group',\n    itemVariant,\n    variant = 'borderless',\n    classNames,\n    styles: customStyles,\n    gap,\n    style,\n    collapsible,\n    defaultActiveKey,\n    initialValues,\n    activeKey,\n    onCollapse,\n    onFinish,\n    ref,\n    layout,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const [submitLoading, setSubmitLoading] = useState(false);\n\n    const mapFlat = useCallback(\n      (item: FormItemProps, itemIndex: number) => (\n        <FormItem\n          className={classNames?.item}\n          divider={itemIndex !== 0}\n          key={itemIndex}\n          minWidth={itemMinWidth}\n          style={customStyles?.item}\n          variant={variant}\n          {...item}\n        />\n      ),\n      [itemMinWidth, variant, classNames, customStyles],\n    );\n\n    const mapTree = useCallback(\n      (group: FormGroupItemType, groupIndex: number) => {\n        const key = group?.key || groupIndex;\n        return (\n          <FormGroup\n            active={activeKey && group?.key ? activeKey.includes(key) : undefined}\n            className={classNames?.group}\n            classNames={classNames}\n            collapsible={isUndefined(group.collapsible) ? collapsible : group.collapsible}\n            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,oBAACC;EACC,WAAW,YAAY;EACvB,SAAS,cAAc;EAEvB,UAAU;EACV,OAAO,cAAc;EACZ;EACT,GAAI;IAJC,UAKL,EAEJ;EAAC;EAAc;EAAS;EAAY;EAAa,CAClD;CAED,MAAM,UAAU,aACb,OAA0B,eAAuB;EAChD,MAAM,MAAM,OAAO,OAAO;AAC1B,SACE,oBAACC;GACC,QAAQ,aAAa,OAAO,MAAM,UAAU,SAAS,IAAI,GAAG;GAC5D,WAAW,YAAY;GACX;GACZ,aAAa,YAAY,MAAM,YAAY,GAAG,cAAc,MAAM;GAClE,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,IAAIC,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;KAjBL,IAkBK;IAGhB;EAAC;EAAW;EAAa;EAAkB;EAAY;EAAS;EAAY;EAAa,CAC1F;AAED,QACE,oBAAC;EACC,QAAQ;GACN;GACA;GACA;GACD;YAED,qBAACC;GACC,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,OAAO;GACD;GACS;GACf,QAAQ,WAAW,SAAS,aAAa;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;;IAEH,SAAS,OAAO,SAAS,IACxB,cAAc,UACX,OAA+B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC,GAElE,oBAACC;KACC,WAAW,YAAY;KACvB,OAAO,cAAc;KACZ;eAEP,OACE,QAAQ,SAAS,CAAC,KAAK,OAAO,CAC/B,KAAK,MAAM,MAAM,QAAQ,MAAM,EAAE,CAAC;MACvB,GAEhB;IACH;IACA;;IACO;GACG;EAGpB;AAED,OAAK,cAAc;AAEnB,mBAAeL"}
+{"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"}

package/es/Form/components/FormDivider.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Divider } from "antd";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/Form/components/FormDivider.tsx
-const styles = createStaticStyles(({ css: css$1 }) => {
-	return { root: css$1`
+const styles = createStaticStyles(({ css }) => {
+	return { root: css`
       margin: 0;
       opacity: 0.66;
     ` };
@@ -22,8 +20,7 @@ const FormDivider = ({ visible = true, style, className, ...rest }) => {
 	});
 };
 FormDivider.displayName = "FormDivider";
-var FormDivider_default = FormDivider;
-
 //#endregion
-export { FormDivider_default as default };
+export { FormDivider as default };
+
 //# sourceMappingURL=FormDivider.mjs.map

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

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

package/es/Form/components/FormFlatGroup.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { flatGroupStyles, flatGroupVariants } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
-
 //#region src/Form/components/FormFlatGroup.tsx
 const FormFlatGroup = memo(({ className, children, variant = "borderless", ...rest }) => {
 	const { mobile } = useResponsive();
@@ -16,8 +14,7 @@ const FormFlatGroup = memo(({ className, children, variant = "borderless", ...re
 	});
 });
 FormFlatGroup.displayName = "FormFlatGroup";
-var FormFlatGroup_default = FormFlatGroup;
-
 //#endregion
-export { FormFlatGroup_default as default };
+export { FormFlatGroup as default };
+
 //# sourceMappingURL=FormFlatGroup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormFlatGroup.mjs","names":["Flexbox"],"sources":["../../../src/Form/components/FormFlatGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { flatGroupStyles, flatGroupVariants } from '../style';\nimport type { FormFlatGroupProps } from '../type';\n\nconst FormFlatGroup = memo<FormFlatGroupProps>(\n  ({ className, children, variant = 'borderless', ...rest }) => {\n    const { mobile } = useResponsive();\n    const styles = flatGroupStyles;\n\n    return (\n      <Flexbox\n        className={cx(mobile ? styles.mobile : flatGroupVariants({ variant }), className)}\n        {...rest}\n      >\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFormFlatGroup.displayName = 'FormFlatGroup';\n\nexport default FormFlatGroup;\n"],"mappings":";;;;;;;;;AAUA,MAAM,gBAAgB,MACnB,EAAE,WAAW,UAAU,UAAU,cAAc,GAAG,WAAW;CAC5D,MAAM,EAAE,WAAW,eAAe;AAGlC,QACE,oBAACA;EACC,WAAW,GAAG,SAJH,gBAImB,SAAS,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACjF,GAAI;EAEH;GACO;EAGf;AAED,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"FormFlatGroup.mjs","names":["Flexbox"],"sources":["../../../src/Form/components/FormFlatGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { flatGroupStyles, flatGroupVariants } from '../style';\nimport type { FormFlatGroupProps } from '../type';\n\nconst FormFlatGroup = memo<FormFlatGroupProps>(\n  ({ className, children, variant = 'borderless', ...rest }) => {\n    const { mobile } = useResponsive();\n    const styles = flatGroupStyles;\n\n    return (\n      <Flexbox\n        className={cx(mobile ? styles.mobile : flatGroupVariants({ variant }), className)}\n        {...rest}\n      >\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFormFlatGroup.displayName = 'FormFlatGroup';\n\nexport default FormFlatGroup;\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,MACnB,EAAE,WAAW,UAAU,UAAU,cAAc,GAAG,WAAW;CAC5D,MAAM,EAAE,WAAW,eAAe;AAGlC,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAJH,gBAImB,SAAS,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACjF,GAAI;EAEH;EACO,CAAA;EAGf;AAED,cAAc,cAAc"}

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

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