@lobehub/ui 4.5.1 → 4.6.1

package/es/Accordion/Accordion.d.mts

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

package/es/Accordion/AccordionItem.d.mts

@@ -1,8 +1,8 @@
 import { AccordionItemProps } from "./type.mjs";
-import * as react5 from "react";
+import * as react63 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react5.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react63.NamedExoticComponent<AccordionItemProps>;
 //#endregion
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.d.mts.map

package/es/Alert/Alert.d.mts

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

package/es/AutoComplete/Select.d.mts

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

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

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

package/es/Burger/Burger.d.mts

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

package/es/CodeEditor/CodeEditor.d.mts

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

package/es/Collapse/Collapse.d.mts

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

package/es/Collapse/style.mjs

@@ -13,9 +13,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         .${prefixCls}-collapse-header {
           padding-inline: 0;
         }
-        .${prefixCls}-collapse-content {
+        .${prefixCls}-collapse-panel {
           padding-inline: 0;
-          .${prefixCls}-collapse-content-box {
+          .${prefixCls}-collapse-body {
             padding-inline: 0;
           }
         }
@@ -29,7 +29,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       &.${prefixCls}-collapse {
         .${prefixCls}-collapse-item {
           background: ${cssVar$1.colorFillQuaternary};
-          .${prefixCls}-collapse-content {
+          .${prefixCls}-collapse-panel {
             margin-inline: 3px;
             margin-block-end: 3px;
             border-radius: ${cssVar$1.borderRadius};
@@ -42,8 +42,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 		filledLight: css$1`
       &.${prefixCls}-collapse {
         .${prefixCls}-collapse-item {
-          background: ${cssVar$1.colorFillTertiary};
-          .${prefixCls}-collapse-content {
+          background: ${cssVar$1.colorFillQuaternary};
+          .${prefixCls}-collapse-panel {
             margin-inline: 3px;
             margin-block-end: 3px;
             border-radius: ${cssVar$1.borderRadius};
@@ -56,6 +56,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     `,
 		gapOutlined: css$1`
       &.${prefixCls}-collapse {
+        border: none;
         background: transparent;
         .${prefixCls}-collapse-item {
           border: 1px solid ${cssVar$1.colorFillSecondary};
@@ -129,6 +130,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
           .${prefixCls}-collapse-expand-icon {
             align-items: center;
             min-height: 28px;
+            margin: 0;
             padding: 0;
           }
 
@@ -139,7 +141,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
           }
         }
 
-        .${prefixCls}-collapse-content {
+        .${prefixCls}-collapse-panel {
           background: transparent;
         }
       }

package/es/Collapse/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Collapse/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const DEFAULT_PADDING = '12px 16px';\n\nexport const getPadding = (padding?: number | string) =>\n  !padding && padding !== 0\n    ? DEFAULT_PADDING\n    : `${typeof padding === 'string' ? padding : `${padding}px`} !important`;\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-header {\n          padding-inline: 0;\n        }\n        .${prefixCls}-collapse-content {\n          padding-inline: 0;\n          .${prefixCls}-collapse-content-box {\n            padding-inline: 0;\n          }\n        }\n      }\n    `,\n    desc: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filledDark: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-content {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorFillQuaternary};\n          }\n        }\n      }\n    `,\n    filledLight: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillTertiary};\n          .${prefixCls}-collapse-content {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorBgContainer};\n            ${lobeStaticStylish.shadow};\n          }\n        }\n      }\n    `,\n    gapOutlined: css`\n      &.${prefixCls}-collapse {\n        background: transparent;\n        .${prefixCls}-collapse-item {\n          border: 1px solid ${cssVar.colorFillSecondary};\n          background: ${cssVar.colorBgContainer};\n        }\n\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: none;\n          }\n        }\n      }\n    `,\n    gapRoot: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n        .${prefixCls}-collapse-item {\n          border: none;\n          border-radius: ${cssVar.borderRadiusLG};\n        }\n      }\n    `,\n    hideCollapsibleIcon: css`\n      .${prefixCls}-collapse-expand-icon {\n        display: none !important;\n      }\n    `,\n    icon: css`\n      cursor: pointer;\n      transition: all 100ms ${cssVar.motionEaseOut};\n    `,\n    outlined: css`\n      &.${prefixCls}-collapse {\n        border: 1px solid ${cssVar.colorFillSecondary};\n        background: ${cssVar.colorBgContainer};\n        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {\n          transition: none;\n        }\n        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {\n          border-block-end: 1px solid ${cssVar.colorFillTertiary};\n        }\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: 1px solid ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n\n        .${prefixCls}-collapse-header {\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          gap: 0.75em;\n          align-items: flex-start;\n\n          border-radius: 0 !important;\n\n          .${prefixCls}-collapse-header-text {\n            flex: 1;\n          }\n\n          .${prefixCls}-collapse-expand-icon {\n            align-items: center;\n            min-height: 28px;\n            padding: 0;\n          }\n\n          .${prefixCls}-collapse-extra {\n            display: flex;\n            align-items: center;\n            min-height: 28px;\n          }\n        }\n\n        .${prefixCls}-collapse-content {\n          background: transparent;\n        }\n      }\n    `,\n    title: css`\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.gapOutlined,\n      gap: true,\n      variant: 'outlined',\n    },\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    collapsible: true,\n    gap: false,\n    isDarkMode: false,\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    collapsible: {\n      false: styles.hideCollapsibleIcon,\n      true: null,\n    },\n    gap: {\n      false: null,\n      true: styles.gapRoot,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,kBAAkB;AAE/B,MAAa,cAAc,YACzB,CAAC,WAAW,YAAY,IACpB,kBACA,GAAG,OAAO,YAAY,WAAW,UAAU,GAAG,QAAQ,IAAI;AAEhE,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAY,KAAG;UACT,UAAU;WACT,UAAU;;;WAGV,UAAU;;aAER,UAAU;;;;;;EAMnB,MAAM,KAAG;;eAEEA,SAAO,qBAAqB;;EAEvC,YAAY,KAAG;UACT,UAAU;WACT,UAAU;wBACGA,SAAO,oBAAoB;aACtC,UAAU;;;6BAGMA,SAAO,aAAa;cACnCC,cAAkB,4BAA4B;0BAClCD,SAAO,oBAAoB;;;;;EAKjD,aAAa,KAAG;UACV,UAAU;WACT,UAAU;wBACGA,SAAO,kBAAkB;aACpC,UAAU;;;6BAGMA,SAAO,aAAa;cACnCC,cAAkB,4BAA4B;0BAClCD,SAAO,iBAAiB;cACpCC,cAAkB,OAAO;;;;;EAKnC,aAAa,KAAG;UACV,UAAU;;WAET,UAAU;8BACSD,SAAO,mBAAmB;wBAChCA,SAAO,iBAAiB;;;WAGrC,UAAU;aACR,UAAU;;;;;;EAMnB,SAAS,KAAG;UACN,UAAU;;;;;WAKT,UAAU;;2BAEMA,SAAO,eAAe;;;;EAI7C,qBAAqB,KAAG;SACnB,UAAU;;;;EAIf,MAAM,KAAG;;8BAEiBA,SAAO,cAAc;;EAE/C,UAAU,KAAG;UACP,UAAU;4BACQA,SAAO,mBAAmB;sBAChCA,SAAO,iBAAiB;WACnC,UAAU,kBAAkB,UAAU;;;WAGtC,UAAU,yBAAyB,UAAU;wCAChBA,SAAO,kBAAkB;;WAEtD,UAAU;aACR,UAAU;4CACqBA,SAAO,kBAAkB;;;;;EAKjE,MAAM,KAAG;UACH,UAAU;;;;;WAKT,UAAU;;;;;;;;;aASR,UAAU;;;;aAIV,UAAU;;;;;;aAMV,UAAU;;;;;;;WAOZ,UAAU;;;;;EAKjB,OAAO,KAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,KAAK;GACL,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;GACV;EACF;CACD,iBAAiB;EACf,aAAa;EACb,KAAK;EACL,YAAY;EACb;CAED,UAAU;EACR,aAAa;GACX,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,OAAO;GACP,MAAM,OAAO;GACd;EACD,YAAY;GACV,OAAO;GACP,MAAM;GACP;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;GAClB;EACF;CAEF,CAAC"}
+{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Collapse/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const DEFAULT_PADDING = '12px 16px';\n\nexport const getPadding = (padding?: number | string) =>\n  !padding && padding !== 0\n    ? DEFAULT_PADDING\n    : `${typeof padding === 'string' ? padding : `${padding}px`} !important`;\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-header {\n          padding-inline: 0;\n        }\n        .${prefixCls}-collapse-panel {\n          padding-inline: 0;\n          .${prefixCls}-collapse-body {\n            padding-inline: 0;\n          }\n        }\n      }\n    `,\n    desc: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filledDark: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorFillQuaternary};\n          }\n        }\n      }\n    `,\n    filledLight: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorBgContainer};\n            ${lobeStaticStylish.shadow};\n          }\n        }\n      }\n    `,\n    gapOutlined: css`\n      &.${prefixCls}-collapse {\n        border: none;\n        background: transparent;\n        .${prefixCls}-collapse-item {\n          border: 1px solid ${cssVar.colorFillSecondary};\n          background: ${cssVar.colorBgContainer};\n        }\n\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: none;\n          }\n        }\n      }\n    `,\n    gapRoot: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n        .${prefixCls}-collapse-item {\n          border: none;\n          border-radius: ${cssVar.borderRadiusLG};\n        }\n      }\n    `,\n    hideCollapsibleIcon: css`\n      .${prefixCls}-collapse-expand-icon {\n        display: none !important;\n      }\n    `,\n    icon: css`\n      cursor: pointer;\n      transition: all 100ms ${cssVar.motionEaseOut};\n    `,\n    outlined: css`\n      &.${prefixCls}-collapse {\n        border: 1px solid ${cssVar.colorFillSecondary};\n        background: ${cssVar.colorBgContainer};\n        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {\n          transition: none;\n        }\n        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {\n          border-block-end: 1px solid ${cssVar.colorFillTertiary};\n        }\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: 1px solid ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n\n        .${prefixCls}-collapse-header {\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          gap: 0.75em;\n          align-items: flex-start;\n\n          border-radius: 0 !important;\n\n          .${prefixCls}-collapse-header-text {\n            flex: 1;\n          }\n\n          .${prefixCls}-collapse-expand-icon {\n            align-items: center;\n            min-height: 28px;\n            margin: 0;\n            padding: 0;\n          }\n\n          .${prefixCls}-collapse-extra {\n            display: flex;\n            align-items: center;\n            min-height: 28px;\n          }\n        }\n\n        .${prefixCls}-collapse-panel {\n          background: transparent;\n        }\n      }\n    `,\n    title: css`\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.gapOutlined,\n      gap: true,\n      variant: 'outlined',\n    },\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    collapsible: true,\n    gap: false,\n    isDarkMode: false,\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    collapsible: {\n      false: styles.hideCollapsibleIcon,\n      true: null,\n    },\n    gap: {\n      false: null,\n      true: styles.gapRoot,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,kBAAkB;AAE/B,MAAa,cAAc,YACzB,CAAC,WAAW,YAAY,IACpB,kBACA,GAAG,OAAO,YAAY,WAAW,UAAU,GAAG,QAAQ,IAAI;AAEhE,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAY,KAAG;UACT,UAAU;WACT,UAAU;;;WAGV,UAAU;;aAER,UAAU;;;;;;EAMnB,MAAM,KAAG;;eAEEA,SAAO,qBAAqB;;EAEvC,YAAY,KAAG;UACT,UAAU;WACT,UAAU;wBACGA,SAAO,oBAAoB;aACtC,UAAU;;;6BAGMA,SAAO,aAAa;cACnCC,cAAkB,4BAA4B;0BAClCD,SAAO,oBAAoB;;;;;EAKjD,aAAa,KAAG;UACV,UAAU;WACT,UAAU;wBACGA,SAAO,oBAAoB;aACtC,UAAU;;;6BAGMA,SAAO,aAAa;cACnCC,cAAkB,4BAA4B;0BAClCD,SAAO,iBAAiB;cACpCC,cAAkB,OAAO;;;;;EAKnC,aAAa,KAAG;UACV,UAAU;;;WAGT,UAAU;8BACSD,SAAO,mBAAmB;wBAChCA,SAAO,iBAAiB;;;WAGrC,UAAU;aACR,UAAU;;;;;;EAMnB,SAAS,KAAG;UACN,UAAU;;;;;WAKT,UAAU;;2BAEMA,SAAO,eAAe;;;;EAI7C,qBAAqB,KAAG;SACnB,UAAU;;;;EAIf,MAAM,KAAG;;8BAEiBA,SAAO,cAAc;;EAE/C,UAAU,KAAG;UACP,UAAU;4BACQA,SAAO,mBAAmB;sBAChCA,SAAO,iBAAiB;WACnC,UAAU,kBAAkB,UAAU;;;WAGtC,UAAU,yBAAyB,UAAU;wCAChBA,SAAO,kBAAkB;;WAEtD,UAAU;aACR,UAAU;4CACqBA,SAAO,kBAAkB;;;;;EAKjE,MAAM,KAAG;UACH,UAAU;;;;;WAKT,UAAU;;;;;;;;;aASR,UAAU;;;;aAIV,UAAU;;;;;;;aAOV,UAAU;;;;;;;WAOZ,UAAU;;;;;EAKjB,OAAO,KAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,KAAK;GACL,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;GACV;EACF;CACD,iBAAiB;EACf,aAAa;EACb,KAAK;EACL,YAAY;EACb;CAED,UAAU;EACR,aAAa;GACX,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,OAAO;GACP,MAAM,OAAO;GACd;EACD,YAAY;GACV,OAAO;GACP,MAAM;GACP;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;GAClB;EACF;CAEF,CAAC"}

package/es/ConfigProvider/index.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { TranslationResourcesInput } from "../i18n/types.mjs";
 import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
-import * as react66 from "react";
+import * as react64 from "react";
 import { ElementType, ReactNode } from "react";
 
 //#region src/ConfigProvider/index.d.ts
@@ -19,7 +19,7 @@ interface ConfigProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const ConfigProvider: react66.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react64.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react107 from "react";
+import * as react73 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react107.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
+declare const ContextMenuHost: react73.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
 //#endregion
 export { ContextMenuHost };
 //# sourceMappingURL=ContextMenuHost.d.mts.map

package/es/ContextMenu/style.mjs

@@ -102,6 +102,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     white-space: nowrap;
   `,
 	popup: css$1`
+    z-index: 1000;
+
     min-width: 200px;
     padding: 4px;
     border-radius: ${cssVar$1.borderRadius};

package/es/ContextMenu/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/ContextMenu/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 200px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorderSecondary};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;qBAaUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;;CAQhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAe/D,WAAW,KAAG;;;;kBAIEA,SAAO,qBAAqB;;CAG5C,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/ContextMenu/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    z-index: 1000;\n\n    min-width: 200px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorderSecondary};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;qBAaUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;;CAQhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;;;qBAKSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAe/D,WAAW,KAAG;;;;kBAIEA,SAAO,qBAAqB;;CAG5C,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/CopyButton/CopyButton.d.mts

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

package/es/DatePicker/DatePicker.d.mts

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

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react58 from "react";
+import * as react50 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react58.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react50.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelBody, DraggablePanelBodyProps };
 //# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react59 from "react";
+import * as react51 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react59.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react51.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelContainer, DraggablePanelContainerProps };
 //# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react60 from "react";
+import * as react52 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react60.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react52.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelFooter, DraggablePanelFooterProps };
 //# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react61 from "react";
+import * as react53 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
 interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
@@ -9,7 +9,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   setPin?: (pin: boolean) => void;
   title?: string;
 }
-declare const DraggablePanelHeader: react61.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react53.NamedExoticComponent<DraggablePanelHeaderProps>;
 //#endregion
 export { DraggablePanelHeader, DraggablePanelHeaderProps };
 //# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggableSideNav/DraggableSideNav.d.mts

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

package/es/Drawer/Drawer.d.mts

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

package/es/Dropdown/Dropdown.d.mts

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

package/es/EditableText/EditableText.d.mts

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

package/es/EmojiPicker/EmojiPicker.d.mts

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

package/es/Flex/FlexBasic.d.mts

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

package/es/FontLoader/index.d.mts

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

package/es/Footer/Footer.d.mts

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

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

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

package/es/Form/components/FormGroup.mjs

@@ -37,8 +37,8 @@ const FormGroup = memo(({ className, icon, title, children, extra, variant = "bo
 		activeKey: isUndefined(active) ? void 0 : active ? [keyValue] : [],
 		className,
 		classNames: {
-			header: variant === "borderless" ? styles.titleBorderless : void 0,
-			title: variant === "borderless" ? styles.titleBorderless : void 0
+			header: isBorderless ? styles.titleBorderless : void 0,
+			title: isBorderless ? styles.titleBorderless : void 0
 		},
 		collapsible: defaultCollapsible,
 		defaultActiveKey: defaultActive ? [keyValue] : void 0,

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

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

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

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

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

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

package/es/Form/style.mjs

@@ -11,6 +11,20 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       padding-block-end: 16px;
       border-block-end: 1px solid ${cssVar$1.colorBorderSecondary};
     }
+
+    .${prefixCls}-collapse-body {
+      padding-inline: 0 !important;
+    }
+  `,
+	filled: css$1`
+    .${prefixCls}-collapse-body {
+      padding-block: 0 !important;
+    }
+  `,
+	outlined: css$1`
+    .${prefixCls}-collapse-body {
+      padding-block: 0 !important;
+    }
   `,
 	root: css$1`
     position: relative;
@@ -62,18 +76,19 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 const variants = cva(styles.root, {
 	defaultVariants: { variant: "borderless" },
 	variants: { variant: {
-		filled: null,
-		outlined: null,
+		filled: styles.filled,
+		outlined: styles.outlined,
 		borderless: styles.borderless
 	} }
 });
-const flatGroupStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const flatGroupStyles = createStaticStyles(({ cx: cx$1, css: css$1, cssVar: cssVar$1 }) => {
 	return {
-		borderless: css$1`
-      ${staticStylish.variantBorderlessWithoutHover}
-      padding-inline: 0;
-    `,
-		filled: staticStylish.variantFilledWithoutHover,
+		borderless: cx$1(staticStylish.variantBorderlessWithoutHover, css$1`
+        padding-inline: 0;
+      `),
+		filled: cx$1(staticStylish.variantFilledWithoutHover, css$1`
+        background: ${cssVar$1.colorFillQuaternary};
+      `),
 		mobile: css$1`
       padding-block: 0;
       padding-inline: 16px;

package/es/Form/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    }\n  `,\n  root: css`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    .${prefixCls}-form-item {\n      margin: 0 !important;\n    }\n\n    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {\n      height: unset;\n    }\n\n    .${prefixCls}-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .${prefixCls}-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .${prefixCls}-form-item-row {\n      align-items: center;\n    }\n\n    .${prefixCls}-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .${prefixCls}-collapse-item {\n      border-radius: ${cssVar.borderRadius} !important;\n    }\n\n    ${responsive.sm} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: null,\n      outlined: null,\n      borderless: styles.borderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const flatGroupStyles = createStaticStyles(({ css, cssVar }) => {\n  const borderlessBase = lobeStaticStylish.variantBorderlessWithoutHover;\n  return {\n    borderless: css`\n      ${borderlessBase}\n      padding-inline: 0;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    mobile: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      border-radius: 0;\n      background: ${cssVar.colorBgContainer};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      padding-inline: 16px;\n      border-radius: ${cssVar.borderRadiusLG};\n    `,\n  };\n});\n\nexport const flatGroupVariants = cva(flatGroupStyles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: flatGroupStyles.filled,\n      outlined: flatGroupStyles.outlined,\n      borderless: flatGroupStyles.borderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const footerStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    root: css`\n      ${responsive.sm} {\n        padding: 16px;\n        border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n        background: ${cssVar.colorBgContainer};\n      }\n    `,\n  };\n});\n\nexport const groupStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${cssVar.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${cssVar.colorBgLayout};\n    `,\n    title: css`\n      align-items: center;\n      font-size: 16px;\n      font-weight: bold;\n    `,\n    titleBorderless: css`\n      font-size: 18px;\n      font-weight: bold;\n    `,\n    titleMobile: css`\n      ${responsive.sm} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const titleVariants = cva(groupStyles.title, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: null,\n      outlined: null,\n      borderless: groupStyles.titleBorderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const itemStyles = createStaticStyles(({ css }) => ({\n  itemMinWidth: css`\n    &.${prefixCls}-form-item .${prefixCls}-form-item-control {\n      width: var(--form-item-min-width) !important;\n    }\n  `,\n  itemNoDivider: css`\n    &:not(:first-child) {\n      padding-block-start: 0;\n    }\n  `,\n  root: css`\n    &.${prefixCls}-form-item {\n      padding-block: 16px;\n      padding-inline: 0;\n\n      .${prefixCls}-form-item-label {\n        text-align: start;\n      }\n\n      .${prefixCls}-row {\n        gap: 12px;\n        justify-content: space-between;\n\n        > div {\n          flex: unset;\n          flex-grow: unset;\n        }\n      }\n\n      .${prefixCls}-form-item-required::before {\n        align-self: flex-start;\n      }\n\n      ${responsive.sm} {\n        &.${prefixCls}-form-item-horizontal {\n          .${prefixCls}-form-item-label {\n            flex: 1 !important;\n          }\n          .${prefixCls}-form-item-control {\n            flex: none !important;\n          }\n        }\n      }\n    }\n  `,\n  verticalLayout: css`\n    &.${prefixCls}-form-item {\n      .${prefixCls}-row {\n        align-items: stretch;\n      }\n    }\n  `,\n}));\n\nexport const itemVariants = cva(itemStyles.root, {\n  defaultVariants: {\n    divider: false,\n    itemMinWidth: false,\n    layout: 'vertical',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    itemMinWidth: {\n      true: itemStyles.itemMinWidth,\n      false: null,\n    },\n    divider: {\n      true: null,\n      false: itemStyles.itemNoDivider,\n    },\n    layout: {\n      vertical: itemStyles.verticalLayout,\n      horizontal: null,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({\n  floatFooter: css`\n    position: fixed;\n    z-index: 1000;\n    inset-block-end: 24px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n\n    width: max-content;\n    padding: 8px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 48px;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow: ${cssVar.boxShadowSecondary};\n  `,\n  footer: css`\n    ${responsive.sm} {\n      margin-block-start: calc(-1 * ${cssVar.borderRadius});\n      padding: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n}));\n\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\n  content: css`\n    position: relative;\n    text-align: start;\n  `,\n\n  desc: css`\n    display: block;\n\n    line-height: 1.44;\n    color: ${cssVar.colorTextDescription};\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  `,\n  title: css`\n    font-weight: 500;\n    line-height: 1;\n  `,\n}));\n"],"mappings":"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"}
+{"version":3,"file":"style.mjs","names":["cssVar","cx","lobeStaticStylish"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    .${prefixCls}-collapse-body {\n      padding-inline: 0 !important;\n    }\n  `,\n  filled: css`\n    .${prefixCls}-collapse-body {\n      padding-block: 0 !important;\n    }\n  `,\n  outlined: css`\n    .${prefixCls}-collapse-body {\n      padding-block: 0 !important;\n    }\n  `,\n  root: css`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    .${prefixCls}-form-item {\n      margin: 0 !important;\n    }\n\n    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {\n      height: unset;\n    }\n\n    .${prefixCls}-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .${prefixCls}-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .${prefixCls}-form-item-row {\n      align-items: center;\n    }\n\n    .${prefixCls}-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .${prefixCls}-collapse-item {\n      border-radius: ${cssVar.borderRadius} !important;\n    }\n\n    ${responsive.sm} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => {\n  return {\n    borderless: cx(\n      lobeStaticStylish.variantBorderlessWithoutHover,\n      css`\n        padding-inline: 0;\n      `,\n    ),\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    mobile: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      border-radius: 0;\n      background: ${cssVar.colorBgContainer};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      padding-inline: 16px;\n      border-radius: ${cssVar.borderRadiusLG};\n    `,\n  };\n});\n\nexport const flatGroupVariants = cva(flatGroupStyles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: flatGroupStyles.filled,\n      outlined: flatGroupStyles.outlined,\n      borderless: flatGroupStyles.borderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const footerStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    root: css`\n      ${responsive.sm} {\n        padding: 16px;\n        border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n        background: ${cssVar.colorBgContainer};\n      }\n    `,\n  };\n});\n\nexport const groupStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${cssVar.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${cssVar.colorBgLayout};\n    `,\n    title: css`\n      align-items: center;\n      font-size: 16px;\n      font-weight: bold;\n    `,\n    titleBorderless: css`\n      font-size: 18px;\n      font-weight: bold;\n    `,\n    titleMobile: css`\n      ${responsive.sm} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const titleVariants = cva(groupStyles.title, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: null,\n      outlined: null,\n      borderless: groupStyles.titleBorderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const itemStyles = createStaticStyles(({ css }) => ({\n  itemMinWidth: css`\n    &.${prefixCls}-form-item .${prefixCls}-form-item-control {\n      width: var(--form-item-min-width) !important;\n    }\n  `,\n  itemNoDivider: css`\n    &:not(:first-child) {\n      padding-block-start: 0;\n    }\n  `,\n  root: css`\n    &.${prefixCls}-form-item {\n      padding-block: 16px;\n      padding-inline: 0;\n\n      .${prefixCls}-form-item-label {\n        text-align: start;\n      }\n\n      .${prefixCls}-row {\n        gap: 12px;\n        justify-content: space-between;\n\n        > div {\n          flex: unset;\n          flex-grow: unset;\n        }\n      }\n\n      .${prefixCls}-form-item-required::before {\n        align-self: flex-start;\n      }\n\n      ${responsive.sm} {\n        &.${prefixCls}-form-item-horizontal {\n          .${prefixCls}-form-item-label {\n            flex: 1 !important;\n          }\n          .${prefixCls}-form-item-control {\n            flex: none !important;\n          }\n        }\n      }\n    }\n  `,\n  verticalLayout: css`\n    &.${prefixCls}-form-item {\n      .${prefixCls}-row {\n        align-items: stretch;\n      }\n    }\n  `,\n}));\n\nexport const itemVariants = cva(itemStyles.root, {\n  defaultVariants: {\n    divider: false,\n    itemMinWidth: false,\n    layout: 'vertical',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    itemMinWidth: {\n      true: itemStyles.itemMinWidth,\n      false: null,\n    },\n    divider: {\n      true: null,\n      false: itemStyles.itemNoDivider,\n    },\n    layout: {\n      vertical: itemStyles.verticalLayout,\n      horizontal: null,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({\n  floatFooter: css`\n    position: fixed;\n    z-index: 1000;\n    inset-block-end: 24px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n\n    width: max-content;\n    padding: 8px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 48px;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow: ${cssVar.boxShadowSecondary};\n  `,\n  footer: css`\n    ${responsive.sm} {\n      margin-block-start: calc(-1 * ${cssVar.borderRadius});\n      padding: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n}));\n\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\n  content: css`\n    position: relative;\n    text-align: start;\n  `,\n\n  desc: css`\n    display: block;\n\n    line-height: 1.44;\n    color: ${cssVar.colorTextDescription};\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  `,\n  title: css`\n    font-weight: 500;\n    line-height: 1;\n  `,\n}));\n"],"mappings":"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"}

package/es/Form/type.d.mts

@@ -57,7 +57,7 @@ interface FormGroupItemType {
   title: ReactNode;
   variant?: FormVariant;
 }
-interface FormGroupProps extends Omit<CollapseProps$1, 'collapsible' | 'items' | 'defaultActiveKey' | 'activeKey'> {
+interface FormGroupProps extends Omit<CollapseProps$1, 'collapsible' | 'items' | 'defaultActiveKey' | 'activeKey' | 'variant'> {
   active?: boolean;
   children: ReactNode;
   collapsible?: boolean;

package/es/FormModal/FormModal.d.mts

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