@bifrostui/react 2.0.0-alpha.31 → 2.0.0-alpha.33

package/es/Stack/demo/StackDemo.js

@@ -17,7 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Button, Radio, RadioGroup, Stack } from "@bifrostui/react";
 import "./index.css";
 const StackDemo = () => {
@@ -28,96 +29,118 @@ const StackDemo = () => {
     spacing: "",
     wrap: ""
   });
-  return /* @__PURE__ */ React.createElement(Stack, null, /* @__PURE__ */ React.createElement(
-    Stack,
-    __spreadValues({
-      style: {
-        width: "150px",
-        height: "150px"
-      }
-    }, stackState),
-    /* @__PURE__ */ React.createElement(Button, null, "\u6309\u94AE1"),
-    /* @__PURE__ */ React.createElement(Button, null, "\u6309\u94AE2"),
-    /* @__PURE__ */ React.createElement(Button, null, "\u6309\u94AE3")
-  ), /* @__PURE__ */ React.createElement("div", { className: "bui-stack-demo-options" }, /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      value: stackState.direction,
-      onChange: (e, data) => {
-        setStackState(__spreadProps(__spreadValues({}, stackState), {
-          direction: data.value
-        }));
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "bui-stack-demo-options-title" }, "direction"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "row" }, " row"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "row-reverse" }, " row-reverse"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "column" }, "column"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "column-reverse" }, "column-reverse")
-  ), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      value: stackState.justifyContent,
-      onChange: (e, data) => {
-        setStackState(__spreadProps(__spreadValues({}, stackState), {
-          justifyContent: data.value
-        }));
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "bui-stack-demo-options-title" }, " justifyContent"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "flex-start" }, " flex-start"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "flex-end" }, " flex-end"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "center" }, "center"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "space-between" }, "space-between"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "space-around" }, "space-around"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "space-evenly" }, "space-evenly")
-  ), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      value: stackState.alignItems,
-      onChange: (e, data) => {
-        setStackState(__spreadProps(__spreadValues({}, stackState), {
-          alignItems: data.value
-        }));
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "bui-stack-demo-options-title" }, " alignItems"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "flex-start" }, " flex-start"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "flex-end" }, " flex-end"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "center" }, "center"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "stretch" }, "stretch"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "baseline" }, " baseline")
-  ), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      value: stackState.flexWrap,
-      onChange: (e, data) => {
-        setStackState(__spreadProps(__spreadValues({}, stackState), {
-          flexWrap: data.value
-        }));
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "bui-stack-demo-options-title" }, " flexWrap"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "wrap" }, " wrap"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "no-wrap" }, " no-wrap"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "wrap-reverse" }, "wrap-reverse")
-  ), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      value: stackState.spacing,
-      onChange: (e, data) => {
-        setStackState(__spreadProps(__spreadValues({}, stackState), {
-          spacing: data.value
-        }));
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "bui-stack-demo-options-title" }, " spacing"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "10px" }, "10px"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "20px" }, " 20px"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "30px" }, "30px"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "40px" }, "40px"),
-    /* @__PURE__ */ React.createElement(Radio, { value: "50px" }, " 50px")
-  )));
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsxs(
+      Stack,
+      __spreadProps(__spreadValues({
+        style: {
+          width: "150px",
+          height: "150px"
+        }
+      }, stackState), {
+        children: [
+          /* @__PURE__ */ jsx(Button, { children: "\u6309\u94AE1" }),
+          /* @__PURE__ */ jsx(Button, { children: "\u6309\u94AE2" }),
+          /* @__PURE__ */ jsx(Button, { children: "\u6309\u94AE3" })
+        ]
+      })
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "bui-stack-demo-options", children: [
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: stackState.direction,
+          onChange: (e, data) => {
+            setStackState(__spreadProps(__spreadValues({}, stackState), {
+              direction: data.value
+            }));
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "bui-stack-demo-options-title", children: "direction" }),
+            /* @__PURE__ */ jsx(Radio, { value: "row", children: " row" }),
+            /* @__PURE__ */ jsx(Radio, { value: "row-reverse", children: " row-reverse" }),
+            /* @__PURE__ */ jsx(Radio, { value: "column", children: "column" }),
+            /* @__PURE__ */ jsx(Radio, { value: "column-reverse", children: "column-reverse" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: stackState.justifyContent,
+          onChange: (e, data) => {
+            setStackState(__spreadProps(__spreadValues({}, stackState), {
+              justifyContent: data.value
+            }));
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "bui-stack-demo-options-title", children: " justifyContent" }),
+            /* @__PURE__ */ jsx(Radio, { value: "flex-start", children: " flex-start" }),
+            /* @__PURE__ */ jsx(Radio, { value: "flex-end", children: " flex-end" }),
+            /* @__PURE__ */ jsx(Radio, { value: "center", children: "center" }),
+            /* @__PURE__ */ jsx(Radio, { value: "space-between", children: "space-between" }),
+            /* @__PURE__ */ jsx(Radio, { value: "space-around", children: "space-around" }),
+            /* @__PURE__ */ jsx(Radio, { value: "space-evenly", children: "space-evenly" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: stackState.alignItems,
+          onChange: (e, data) => {
+            setStackState(__spreadProps(__spreadValues({}, stackState), {
+              alignItems: data.value
+            }));
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "bui-stack-demo-options-title", children: " alignItems" }),
+            /* @__PURE__ */ jsx(Radio, { value: "flex-start", children: " flex-start" }),
+            /* @__PURE__ */ jsx(Radio, { value: "flex-end", children: " flex-end" }),
+            /* @__PURE__ */ jsx(Radio, { value: "center", children: "center" }),
+            /* @__PURE__ */ jsx(Radio, { value: "stretch", children: "stretch" }),
+            /* @__PURE__ */ jsx(Radio, { value: "baseline", children: " baseline" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: stackState.flexWrap,
+          onChange: (e, data) => {
+            setStackState(__spreadProps(__spreadValues({}, stackState), {
+              flexWrap: data.value
+            }));
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "bui-stack-demo-options-title", children: " flexWrap" }),
+            /* @__PURE__ */ jsx(Radio, { value: "wrap", children: " wrap" }),
+            /* @__PURE__ */ jsx(Radio, { value: "no-wrap", children: " no-wrap" }),
+            /* @__PURE__ */ jsx(Radio, { value: "wrap-reverse", children: "wrap-reverse" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: stackState.spacing,
+          onChange: (e, data) => {
+            setStackState(__spreadProps(__spreadValues({}, stackState), {
+              spacing: data.value
+            }));
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "bui-stack-demo-options-title", children: " spacing" }),
+            /* @__PURE__ */ jsx(Radio, { value: "10px", children: "10px" }),
+            /* @__PURE__ */ jsx(Radio, { value: "20px", children: " 20px" }),
+            /* @__PURE__ */ jsx(Radio, { value: "30px", children: "30px" }),
+            /* @__PURE__ */ jsx(Radio, { value: "40px", children: "40px" }),
+            /* @__PURE__ */ jsx(Radio, { value: "50px", children: " 50px" })
+          ]
+        }
+      )
+    ] })
+  ] });
 };
 var StackDemo_default = StackDemo;
 export {

package/es/Steps/Step.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './Step.less';
 import { StepProps } from './Step.types';
-declare const Step: React.ForwardRefExoticComponent<Omit<StepProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Step: React.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Step;

package/es/Steps/Step.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,13 +29,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   CircleOutlinedIcon,
   ErrorCircleFilledIcon,
   SuccessCircleFilledIcon
 } from "@bifrostui/icons";
 import clsx from "clsx";
-import React, { forwardRef, useContext } from "react";
+import { forwardRef, useContext } from "react";
 import "./Step.css";
 import StepsContext from "./StepsContext";
 const classes = {
@@ -74,18 +78,18 @@ const Step = forwardRef(
     };
     const renderIcon = () => {
       const icons = {
-        active: /* @__PURE__ */ React.createElement("div", { className: `${classes.icon}-active` }),
-        wait: /* @__PURE__ */ React.createElement(CircleOutlinedIcon, { color: "disabled" }),
-        finish: /* @__PURE__ */ React.createElement(SuccessCircleFilledIcon, { color: "primary" }),
-        error: /* @__PURE__ */ React.createElement(ErrorCircleFilledIcon, { color: "primary" })
+        active: /* @__PURE__ */ jsx("div", { className: `${classes.icon}-active` }),
+        wait: /* @__PURE__ */ jsx(CircleOutlinedIcon, { color: "disabled" }),
+        finish: /* @__PURE__ */ jsx(SuccessCircleFilledIcon, { color: "primary" }),
+        error: /* @__PURE__ */ jsx(ErrorCircleFilledIcon, { color: "primary" })
       };
       if (icon)
         return icon;
       return icons[status];
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(classes.root, className, {
           [`${classes.root}-${direction}`]: direction,
           [`${classes.root}-label-${labelPlacement}`]: labelPlacement,
@@ -93,43 +97,51 @@ const Step = forwardRef(
         }),
         ref,
         onClick: handleClick
-      }, others),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: clsx(classes.line, {
-            [`${classes.line}-${status}`]: status
-          })
-        }
-      ),
-      /* @__PURE__ */ React.createElement("div", { className: classes.icon }, renderIcon()),
-      /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-content` }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: clsx(`${classes.title}-wrapper`, {
-            [`${classes.title}-wrapper-vertical`]: isTitleVertical,
-            [`${classes.title}-wrapper-line-${status}`]: status
-          })
-        },
-        !!title && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: clsx(classes.title, `${classes.title}-${status}`, {
-              [`${classes.title}-${labelPlacement}`]: labelPlacement
-            })
-          },
-          title
-        ),
-        !!subtitle && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: clsx(classes.subtitle, {
-              [`${classes.subtitle}-${labelPlacement}`]: labelPlacement
-            })
-          },
-          subtitle
-        )
-      ), !!description && /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-desc` }, description))
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(classes.line, {
+                [`${classes.line}-${status}`]: status
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: classes.icon, children: renderIcon() }),
+          /* @__PURE__ */ jsxs("div", { className: `${classes.root}-content`, children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx(`${classes.title}-wrapper`, {
+                  [`${classes.title}-wrapper-vertical`]: isTitleVertical,
+                  [`${classes.title}-wrapper-line-${status}`]: status
+                }),
+                children: [
+                  !!title && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: clsx(classes.title, `${classes.title}-${status}`, {
+                        [`${classes.title}-${labelPlacement}`]: labelPlacement
+                      }),
+                      children: title
+                    }
+                  ),
+                  !!subtitle && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: clsx(classes.subtitle, {
+                        [`${classes.subtitle}-${labelPlacement}`]: labelPlacement
+                      }),
+                      children: subtitle
+                    }
+                  )
+                ]
+              }
+            ),
+            !!description && /* @__PURE__ */ jsx("div", { className: `${classes.root}-desc`, children: description })
+          ] })
+        ]
+      })
     );
   }
 );

package/es/Steps/Steps.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { StepsProps } from './Steps.types';
 import './Steps.less';
-declare const Steps: React.ForwardRefExoticComponent<Omit<StepsProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Steps: React.ForwardRefExoticComponent<Omit<StepsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Steps;

package/es/Steps/Steps.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,9 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { toArray } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { cloneElement, forwardRef } from "react";
+import { cloneElement, forwardRef } from "react";
 import { StepsContextProvider } from "./StepsContext";
 import "./Steps.css";
 const prefixCls = "bui-steps";
@@ -51,10 +55,11 @@ const Steps = forwardRef(
     ]);
     const renderStep = () => {
       return toArray(children).map((child, index) => {
+        const typedChild = child;
         const childProps = __spreadValues({
           key: index
-        }, child.props);
-        if (!child.props.status) {
+        }, typedChild.props);
+        if (!typedChild.props.status) {
           if (index === current) {
             childProps.status = "active";
           } else if (index < current) {
@@ -63,10 +68,10 @@ const Steps = forwardRef(
             childProps.status = "wait";
           }
         }
-        return cloneElement(child, childProps);
+        return cloneElement(typedChild, childProps);
       });
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       StepsContextProvider,
       {
         value: {
@@ -74,18 +79,19 @@ const Steps = forwardRef(
           current,
           labelPlacement,
           onChange
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        __spreadValues({
-          className: clsx(prefixCls, className, {
-            [`${prefixCls}-${direction}`]: direction
-          }),
-          ref
-        }, others),
-        renderStep()
-      )
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          __spreadProps(__spreadValues({
+            className: clsx(prefixCls, className, {
+              [`${prefixCls}-${direction}`]: direction
+            }),
+            ref
+          }, others), {
+            children: renderStep()
+          })
+        )
+      }
     );
   }
 );

package/es/SwipeAction/SwipeAction.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { SwipeActionProps, SwipeActionRef } from './SwipeAction.types';
 import './SwipeAction.less';
-declare const SwipeAction: React.ForwardRefExoticComponent<Omit<SwipeActionProps<"div", {}>, "ref"> & React.RefAttributes<SwipeActionRef>>;
+declare const SwipeAction: React.ForwardRefExoticComponent<Omit<SwipeActionProps, "ref"> & React.RefAttributes<SwipeActionRef>>;
 export default SwipeAction;

package/es/SwipeAction/SwipeAction.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -46,6 +49,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, {
   useImperativeHandle,
   useRef,
@@ -272,58 +276,63 @@ const SwipeAction = /* @__PURE__ */ React.forwardRef(
       () => ({ closeOnClickActionItem, close }),
       [closeOnClickActionItem]
     );
-    return /* @__PURE__ */ React.createElement(BuiSwipeActionContext.Provider, { value: SwipeActionContext }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(BuiSwipeActionContext.Provider, { value: SwipeActionContext, children: /* @__PURE__ */ jsx(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(`${classPrefix}`, className),
         ref: rootRef
-      }, others),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${classPrefix}-track`,
-          style: {
-            transform: `translate3d(${translateX}px, 0, 0)`
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${classPrefix}-actions ${classPrefix}-actions-left`,
-            ref: leftRef
-          },
-          leftActions
-        ),
-        /* @__PURE__ */ React.createElement(
+      }, others), {
+        children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: `${classPrefix}-content-container`,
-            ref: contentRef,
-            onTouchStart: handleTouchStart,
-            onTouchMove: handleTouchMove,
-            onTouchEnd: handleTouchEnd,
-            onTouchCancel: handleTouchEnd
-          },
-          isOpen && closeOnClickContainer && /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: `${classPrefix}-content-mask`,
-              id: "content-mask",
-              onClick: outClickHandle
-            }
-          ),
-          children
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${classPrefix}-actions ${classPrefix}-actions-right`,
-            ref: rightRef
-          },
-          rightActions
+            className: `${classPrefix}-track`,
+            style: {
+              transform: `translate3d(${translateX}px, 0, 0)`
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `${classPrefix}-actions ${classPrefix}-actions-left`,
+                  ref: leftRef,
+                  children: leftActions
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `${classPrefix}-content-container`,
+                  ref: contentRef,
+                  onTouchStart: handleTouchStart,
+                  onTouchMove: handleTouchMove,
+                  onTouchEnd: handleTouchEnd,
+                  onTouchCancel: handleTouchEnd,
+                  children: [
+                    isOpen && closeOnClickContainer && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: `${classPrefix}-content-mask`,
+                        id: "content-mask",
+                        onClick: outClickHandle
+                      }
+                    ),
+                    children
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `${classPrefix}-actions ${classPrefix}-actions-right`,
+                  ref: rightRef,
+                  children: rightActions
+                }
+              )
+            ]
+          }
         )
-      )
-    ));
+      })
+    ) });
   }
 );
 SwipeAction.displayName = "BuiSwipeAction";

package/es/SwipeAction/SwipeActionItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { SwipeActionItemProps } from './SwipeAction.types';
 import './SwipeActionItem.less';
-declare const SwipeActionItem: React.ForwardRefExoticComponent<Omit<SwipeActionItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SwipeActionItem: React.ForwardRefExoticComponent<Omit<SwipeActionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SwipeActionItem;