@plasmicpkgs/antd 0.0.106 → 2.0.2

package/dist/antd.esm.js

@@ -1,35 +1,34 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-import Button from 'antd/lib/button';
-import Carousel from 'antd/lib/carousel';
-import Checkbox from 'antd/lib/checkbox/Checkbox';
-import CheckboxGroup from 'antd/lib/checkbox/Group';
+import Button from 'antd/es/button';
+import Carousel from 'antd/es/carousel';
+import Checkbox from 'antd/es/checkbox/Checkbox';
+import CheckboxGroup from 'antd/es/checkbox/Group';
 import React from 'react';
-import AntdCollapse from 'antd/lib/collapse/Collapse';
-import CollapsePanel from 'antd/lib/collapse/CollapsePanel';
-import AntdDropdown from 'antd/lib/dropdown';
-import DropdownButton from 'antd/lib/dropdown/dropdown-button';
-import Input from 'antd/lib/input';
-import InputGroup from 'antd/lib/input/Group';
-import Password from 'antd/lib/input/Password';
-import Search from 'antd/lib/input/Search';
-import TextArea from 'antd/lib/input/TextArea';
-import Menu from 'antd/lib/menu/index';
-import MenuDivider from 'antd/lib/menu/MenuDivider';
-import MenuItem from 'antd/lib/menu/MenuItem';
-import SubMenu from 'antd/lib/menu/SubMenu';
+import AntdCollapse from 'antd/es/collapse/Collapse';
+import CollapsePanel from 'antd/es/collapse/CollapsePanel';
+import AntdDropdown from 'antd/es/dropdown';
+import DropdownButton from 'antd/es/dropdown/dropdown-button';
+import Input from 'antd/es/input';
+import InputGroup from 'antd/es/input/Group';
+import Password from 'antd/es/input/Password';
+import Search from 'antd/es/input/Search';
+import TextArea from 'antd/es/input/TextArea';
+import Menu from 'antd/es/menu/index';
+import MenuDivider from 'antd/es/menu/MenuDivider';
+import MenuItem from 'antd/es/menu/MenuItem';
+import SubMenu from 'antd/es/menu/SubMenu';
 import { ItemGroup } from 'rc-menu';
 import { Option, OptGroup } from 'rc-select';
-import Rate from 'antd/lib/rate';
-import Select from 'antd/lib/select';
-import AntdSlider from 'antd/lib/slider';
-import Switch from 'antd/lib/switch';
+import Rate from 'antd/es/rate';
+import Select from 'antd/es/select';
+import AntdSlider from 'antd/es/slider';
+import Switch from 'antd/es/switch';
 import { registerComponent as registerComponent$1, useSelector, DataProvider, repeatedElement } from '@plasmicapp/host';
-import Table from 'antd/lib/table/Table';
+import Table from 'antd/es/table/Table';
 import { Button as Button$1 } from 'antd';
-import AntdTabs from 'antd/lib/tabs';
-import { TabPane } from 'rc-tabs';
+import AntdTabs from 'antd/es/tabs';
 
-var buttonMeta = {
+const buttonMeta = {
   name: "AntdButton",
   displayName: "Antd Button",
   props: {
@@ -84,39 +83,36 @@ var buttonMeta = {
       type: "choice",
       options: ["_blank", "_self", "_parent", "_top"],
       description: "Same as target attribute of a, works when href is specified",
-      hidden: function hidden(props) {
-        return !props.href;
-      },
+      hidden: (props) => !props.href,
       defaultValueHint: "_self"
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Button"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Button"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/button",
+  importPath: "antd/es/button",
   isDefaultExport: true,
   importName: "Button"
 };
 function registerButton(loader, customButtonMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Button, customButtonMeta != null ? customButtonMeta : buttonMeta);
 }
 
-var contentStyle = {
+const contentStyle = {
   height: "160px",
   color: "#fff",
   lineHeight: "160px",
   textAlign: "center",
   backgroundColor: "#364d79"
 };
-var carouselMeta = {
+const carouselMeta = {
   name: "AntdCarousel",
   displayName: "Antd Carousel",
   props: {
@@ -143,128 +139,75 @@ var carouselMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "vbox",
-        children: {
-          type: "text",
-          value: "1",
-          styles: contentStyle
-        }
-      }, {
-        type: "vbox",
-        children: {
-          type: "text",
-          value: "2",
-          styles: contentStyle
+      defaultValue: [
+        {
+          type: "vbox",
+          children: {
+            type: "text",
+            value: "1",
+            styles: contentStyle
+          }
+        },
+        {
+          type: "vbox",
+          children: {
+            type: "text",
+            value: "2",
+            styles: contentStyle
+          }
         }
-      }]
+      ]
     }
   },
-  importPath: "antd/lib/carousel",
+  importPath: "antd/es/carousel",
   importName: "Carousel",
   isDefaultExport: true
 };
 function registerCarousel(loader, customCarouselMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Carousel, customCarouselMeta != null ? customCarouselMeta : carouselMeta);
 }
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-/**
- * Traverses the tree of elements from a `React.createElement`. Notice we can't
- * traverse elements created within the children's render function since this is
- * the tree before rendering.
- */
 function traverseReactEltTree(children, callback) {
-  var rec = function rec(elts) {
-    (Array.isArray(elts) ? elts : [elts]).forEach(function (elt) {
+  const rec = (elts) => {
+    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {
+      var _a;
       if (elt) {
-        var _elt$props;
-
         callback(elt);
-
         if (elt.children) {
           rec(elt.children);
         }
-
-        if ((_elt$props = elt.props) != null && _elt$props.children && elt.props.children !== elt.children) {
+        if (((_a = elt.props) == null ? void 0 : _a.children) && elt.props.children !== elt.children) {
           rec(elt.props.children);
         }
       }
     });
   };
-
   rec(children);
 }
 
-var CheckboxWrapper = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(CheckboxWrapper, _React$Component);
-
-  function CheckboxWrapper() {
-    return _React$Component.apply(this, arguments) || this;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    }
+  return a;
+};
+class CheckboxWrapper extends React.Component {
+  render() {
+    return /* @__PURE__ */ React.createElement(Checkbox, __spreadValues$6({}, this.props));
   }
-
-  var _proto = CheckboxWrapper.prototype;
-
-  _proto.render = function render() {
-    return React.createElement(Checkbox, Object.assign({}, this.props));
-  };
-
-  return CheckboxWrapper;
-}(React.Component);
-
-var checkboxMeta = {
+}
+const checkboxMeta = {
   name: "AntdCheckbox",
   displayName: "Antd Checkbox",
   props: {
@@ -296,13 +239,15 @@ var checkboxMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Checkbox"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Checkbox"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/checkbox/Checkbox",
+  importPath: "antd/es/checkbox/Checkbox",
   importName: "Checkbox",
   defaultStyles: {
     marginLeft: 0
@@ -310,13 +255,10 @@ var checkboxMeta = {
   isDefaultExport: true
 };
 function registerCheckbox(loader, customCheckboxMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(CheckboxWrapper, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
 }
-var checkboxGroupMeta = {
+const checkboxGroupMeta = {
   name: "AntdCheckboxGroup",
   displayName: "Antd Checkbox Group",
   props: {
@@ -331,12 +273,11 @@ var checkboxGroupMeta = {
       uncontrolledProp: "defaultValue",
       description: "Default selected value",
       multiSelect: true,
-      options: function options(componentProps) {
-        var options = new Set();
-        traverseReactEltTree(componentProps.children, function (elt) {
-          var _elt$props;
-
-          if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof (elt == null ? void 0 : (_elt$props = elt.props) == null ? void 0 : _elt$props.value) === "string") {
+      options: (componentProps) => {
+        const options = /* @__PURE__ */ new Set();
+        traverseReactEltTree(componentProps.children, (elt) => {
+          var _a;
+          if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
             options.add(elt.props.value);
           }
         });
@@ -346,27 +287,56 @@ var checkboxGroupMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdCheckbox"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdCheckbox"
-      }]
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdCheckbox"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/checkbox/Group",
+  importPath: "antd/es/checkbox/Group",
   importName: "CheckboxGroup",
   parentComponentName: "AntdCheckbox",
   isDefaultExport: true
 };
 function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
 }
 
-var _excluded = ["openIcon", "closeIcon"];
-var collapstePanelMeta = {
+var __defProp$5 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const collapstePanelMeta = {
   name: "AntdCollapsePanel",
   displayName: "Antd Collapse Panel",
   props: {
@@ -382,10 +352,12 @@ var collapstePanelMeta = {
     },
     header: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Header"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Header"
+        }
+      ]
     },
     key: {
       type: "string",
@@ -402,25 +374,24 @@ var collapstePanelMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Insert text here"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Insert text here"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/collapse/CollapsePanel",
+  importPath: "antd/es/collapse/CollapsePanel",
   importName: "CollapsePanel",
   parentComponentName: "AntdCollapse",
   isDefaultExport: true
 };
 function registerCollapsePanel(loader, customCollapsePanelMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(CollapsePanel, customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta);
 }
-var collapsteMeta = {
+const collapsteMeta = {
   name: "AntdCollapse",
   displayName: "Antd Collapse",
   props: {
@@ -435,10 +406,9 @@ var collapsteMeta = {
       uncontrolledProp: "defaultActiveKey",
       description: "Key of the active panel",
       multiSelect: true,
-      options: function options(componentProps) {
-        var options = new Set(); // `children` is not defined in the Collapse props
-
-        traverseReactEltTree(componentProps.children, function (elt) {
+      options: (componentProps) => {
+        const options = /* @__PURE__ */ new Set();
+        traverseReactEltTree(componentProps.children, (elt) => {
           if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
@@ -470,13 +440,15 @@ var collapsteMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdCollapsePanel"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdCollapsePanel",
-        props: {
-          key: "1"
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdCollapsePanel",
+          props: {
+            key: "1"
+          }
         }
-      }]
+      ]
     },
     openIcon: {
       type: "slot",
@@ -491,44 +463,40 @@ var collapsteMeta = {
   importName: "Collapse"
 };
 function Collapse(props) {
-  var openIcon = props.openIcon,
-      closeIcon = props.closeIcon,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  return React.createElement(AntdCollapse, Object.assign({}, rest, {
-    expandIcon: openIcon || closeIcon ? function (_ref) {
-      var isActive = _ref.isActive;
-      return isActive ? openIcon : closeIcon;
-    } : undefined
+  const _a = props, { openIcon, closeIcon } = _a, rest = __objRest$3(_a, ["openIcon", "closeIcon"]);
+  return /* @__PURE__ */ React.createElement(AntdCollapse, __spreadProps$3(__spreadValues$5({}, rest), {
+    expandIcon: openIcon || closeIcon ? ({ isActive }) => isActive ? openIcon : closeIcon : void 0
   }));
 }
 function registerCollapse(loader, customCollapseMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Collapse, customCollapseMeta != null ? customCollapseMeta : collapsteMeta);
 }
 
-var Dropdown = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Dropdown, _React$Component);
-
-  function Dropdown() {
-    return _React$Component.apply(this, arguments) || this;
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+class Dropdown extends React.Component {
+  render() {
+    const finalProps = __spreadValues$4({}, this.props);
+    finalProps.children = typeof this.props.children === "string" ? /* @__PURE__ */ React.createElement("div", null, this.props.children) : this.props.children;
+    return /* @__PURE__ */ React.createElement(AntdDropdown, __spreadValues$4({}, finalProps));
   }
-
-  var _proto = Dropdown.prototype;
-
-  _proto.render = function render() {
-    var finalProps = _extends({}, this.props);
-
-    finalProps.children = typeof this.props.children === "string" ? React.createElement("div", null, this.props.children) : this.props.children;
-    return React.createElement(AntdDropdown, Object.assign({}, finalProps));
-  };
-
-  return Dropdown;
-}(React.Component);
-var dropdownMeta = {
+}
+const dropdownMeta = {
   name: "AntdDropdown",
   displayName: "Antd Dropdown",
   props: {
@@ -545,14 +513,23 @@ var dropdownMeta = {
     overlay: {
       type: "slot",
       allowedComponents: ["AntdMenu"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdMenu"
-      }]
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdMenu"
+        }
+      ]
     },
     placement: {
       type: "choice",
-      options: ["bottomLeft", "bottomCenter", "bottomRight", "topLeft", "topCenter", "topRight"],
+      options: [
+        "bottomLeft",
+        "bottomCenter",
+        "bottomRight",
+        "topLeft",
+        "topCenter",
+        "topRight"
+      ],
       description: "Placement of popup menu",
       defaultValueHint: "bottomLeft"
     },
@@ -570,23 +547,22 @@ var dropdownMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Dropdown"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Dropdown"
+        }
+      ]
     }
   },
   importPath: "@plasmicpkgs/antd/skinny/registerDropdown",
   importName: "Dropdown"
 };
 function registerDropdown(loader, customDropdownMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Dropdown, customDropdownMeta != null ? customDropdownMeta : dropdownMeta);
 }
-var dropdownButtonMeta = {
+const dropdownButtonMeta = {
   name: "AntdDropdownButton",
   displayName: "Antd Dropdown Button",
   props: {
@@ -602,14 +578,23 @@ var dropdownButtonMeta = {
     overlay: {
       type: "slot",
       allowedComponents: ["AntdMenu"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdMenu"
-      }]
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdMenu"
+        }
+      ]
     },
     placement: {
       type: "choice",
-      options: ["bottomLeft", "bottomCenter", "bottomRight", "topLeft", "topCenter", "topRight"],
+      options: [
+        "bottomLeft",
+        "bottomCenter",
+        "bottomRight",
+        "topLeft",
+        "topCenter",
+        "topRight"
+      ],
       description: "Placement of popup menu",
       defaultValueHint: "bottomLeft"
     },
@@ -639,34 +624,50 @@ var dropdownButtonMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Dropdown"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Dropdown"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/dropdown/dropdown-button",
+  importPath: "antd/es/dropdown/dropdown-button",
   importName: "DropdownButton",
   parentComponentName: "AntdDropdown",
   isDefaultExport: true
 };
 function registerDropdownButton(loader, customDropdownButtonMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(DropdownButton, customDropdownButtonMeta != null ? customDropdownButtonMeta : dropdownButtonMeta);
 }
 
+var __defProp$3 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 function sortObjectKeys(obj) {
   return Object.fromEntries(Object.entries(obj).sort());
 }
-
 function sortProps(props) {
   return sortObjectKeys(props);
 }
-
-var commonHtmlAttributes = {
+const commonHtmlAttributes = {
   "aria-label": {
     type: "string",
     description: "The ARIA label for this input"
@@ -680,10 +681,10 @@ var commonHtmlAttributes = {
     description: "The HTML name of the input"
   }
 };
-var inputMeta = {
+const inputMeta = {
   name: "AntdInput",
   displayName: "Antd Input",
-  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
+  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
     addonAfter: {
       type: "slot",
       hidePlaceholder: true
@@ -744,21 +745,18 @@ var inputMeta = {
       uncontrolledProp: "defaultValue"
     }
   })),
-  importPath: "antd/lib/input",
+  importPath: "antd/es/input",
   importName: "Input",
   isDefaultExport: true
 };
 function registerInput(loader, customInputMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Input, customInputMeta != null ? customInputMeta : inputMeta);
 }
-var inputTextAreaMeta = {
+const inputTextAreaMeta = {
   name: "AntdInputTextArea",
   displayName: "Antd Input Text Area",
-  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
+  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
     allowClear: {
       type: "boolean",
       description: "If allow to remove input content with clear icon",
@@ -801,22 +799,19 @@ var inputTextAreaMeta = {
       uncontrolledProp: "defaultValue"
     }
   })),
-  importPath: "antd/lib/input/TextArea",
+  importPath: "antd/es/input/TextArea",
   importName: "TextArea",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputTextArea(loader, customInputTextAreaMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(TextArea, customInputTextAreaMeta != null ? customInputTextAreaMeta : inputTextAreaMeta);
 }
-var inputSearchMeta = {
+const inputSearchMeta = {
   name: "AntdInputSearch",
   displayName: "Antd Input Search",
-  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
+  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
     addonBefore: {
       type: "slot",
       hidePlaceholder: true
@@ -881,22 +876,19 @@ var inputSearchMeta = {
       uncontrolledProp: "defaultValue"
     }
   })),
-  importPath: "antd/lib/input/Search",
+  importPath: "antd/es/input/Search",
   importName: "Search",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputSearch(loader, customInputSearchMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Search, customInputSearchMeta != null ? customInputSearchMeta : inputSearchMeta);
 }
-var inputPasswordMeta = {
+const inputPasswordMeta = {
   name: "AntdInputPassword",
   displayName: "Antd Input Password",
-  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
+  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
     addonAfter: {
       type: "slot",
       hidePlaceholder: true
@@ -957,19 +949,16 @@ var inputPasswordMeta = {
       defaultValueHint: true
     }
   })),
-  importPath: "antd/lib/input/Password",
+  importPath: "antd/es/input/Password",
   importName: "Password",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputPassword(loader, customInputPasswordMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Password, customInputPasswordMeta != null ? customInputPasswordMeta : inputPasswordMeta);
 }
-var inputGroupMeta = {
+const inputGroupMeta = {
   name: "AntdInputGroup",
   displayName: "Antd Input Group",
   props: {
@@ -986,29 +975,29 @@ var inputGroupMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "component",
-        name: "AntdInput"
-      }, {
-        type: "component",
-        name: "AntdInput"
-      }]
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdInput"
+        },
+        {
+          type: "component",
+          name: "AntdInput"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/input/Group",
+  importPath: "antd/es/input/Group",
   importName: "InputGroup",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputGroup(loader, customInputGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(InputGroup, customInputGroupMeta != null ? customInputGroupMeta : inputGroupMeta);
 }
 
-var menuDividerMeta = {
+const menuDividerMeta = {
   name: "AntdMenuDivider",
   displayName: "Antd Menu Divider",
   props: {
@@ -1018,19 +1007,16 @@ var menuDividerMeta = {
       defaultValueHint: false
     }
   },
-  importPath: "antd/lib/menu/MenuDivider",
+  importPath: "antd/es/menu/MenuDivider",
   importName: "MenuDivider",
   isDefaultExport: true,
   parentComponentName: "AntdMenu"
 };
 function registerMenuDivider(loader, customMenuDividerMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(MenuDivider, customMenuDividerMeta != null ? customMenuDividerMeta : menuDividerMeta);
 }
-var menuItemMeta = {
+const menuItemMeta = {
   name: "AntdMenuItem",
   displayName: "Antd Menu Item",
   props: {
@@ -1055,42 +1041,49 @@ var menuItemMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Option"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Option"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/menu/MenuItem",
+  importPath: "antd/es/menu/MenuItem",
   importName: "MenuItem",
   isDefaultExport: true,
   parentComponentName: "AntdMenu"
 };
 function registerMenuItem(loader, customMenuItemMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(MenuItem, customMenuItemMeta != null ? customMenuItemMeta : menuItemMeta);
 }
-var menuItemGroupMeta = {
+const menuItemGroupMeta = {
   name: "AntdMenuItemGroup",
   displayName: "Antd Menu Item Group",
   props: {
     title: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Group"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Group"
+        }
+      ]
     },
     children: {
       type: "slot",
-      allowedComponents: ["AntdMenuItem", "AntdMenuDivider", "AntdMenuItemGroup"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdMenuItem"
-      }]
+      allowedComponents: [
+        "AntdMenuItem",
+        "AntdMenuDivider",
+        "AntdMenuItemGroup"
+      ],
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdMenuItem"
+        }
+      ]
     }
   },
   importPath: "rc-menu",
@@ -1098,13 +1091,10 @@ var menuItemGroupMeta = {
   parentComponentName: "AntdMenu"
 };
 function registerMenuItemGroup(loader, customMenuItemGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(ItemGroup, customMenuItemGroupMeta != null ? customMenuItemGroupMeta : menuItemGroupMeta);
 }
-var subMenuMeta = {
+const subMenuMeta = {
   name: "AntdSubMenu",
   displayName: "Antd SubMenu",
   props: {
@@ -1120,42 +1110,46 @@ var subMenuMeta = {
     },
     title: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Sub-menu"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Sub-menu"
+        }
+      ]
     },
     children: {
       type: "slot",
-      allowedComponents: ["AntdMenuItem", "AntdMenuDivider", "AntdMenuItemGroup", "AntdSubMenu"],
-      defaultValue: /*#__PURE__*/[1, 2].map(function (i) {
-        return {
-          type: "component",
-          name: "AntdMenuItem",
-          props: {
-            key: "subMenuItemKey" + i,
-            children: [{
+      allowedComponents: [
+        "AntdMenuItem",
+        "AntdMenuDivider",
+        "AntdMenuItemGroup",
+        "AntdSubMenu"
+      ],
+      defaultValue: [1, 2].map((i) => ({
+        type: "component",
+        name: "AntdMenuItem",
+        props: {
+          key: `subMenuItemKey${i}`,
+          children: [
+            {
               type: "text",
-              value: "Sub-menu item " + i
-            }]
-          }
-        };
-      })
+              value: `Sub-menu item ${i}`
+            }
+          ]
+        }
+      }))
     }
   },
-  importPath: "antd/lib/menu/SubMenu",
+  importPath: "antd/es/menu/SubMenu",
   importName: "SubMenu",
   isDefaultExport: true,
   parentComponentName: "AntdMenu"
 };
 function registerSubMenu(loader, customSubMenuMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(SubMenu, customSubMenuMeta != null ? customSubMenuMeta : subMenuMeta);
 }
-var menuMeta = {
+const menuMeta = {
   name: "AntdMenu",
   displayName: "Antd Menu",
   props: {
@@ -1190,9 +1184,9 @@ var menuMeta = {
       uncontrolledProp: "defaultOpenKeys",
       description: "Array with the keys of default opened sub menus",
       multiSelect: true,
-      options: function options(componentProps) {
-        var options = new Set();
-        traverseReactEltTree(componentProps.children, function (elt) {
+      options: (componentProps) => {
+        const options = /* @__PURE__ */ new Set();
+        traverseReactEltTree(componentProps.children, (elt) => {
           if ((elt == null ? void 0 : elt.type) === SubMenu && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
@@ -1215,9 +1209,9 @@ var menuMeta = {
       uncontrolledProp: "defaultSelectedKeys",
       description: "Array with the keys of default selected menu items",
       multiSelect: true,
-      options: function options(componentProps) {
-        var options = new Set();
-        traverseReactEltTree(componentProps.children, function (elt) {
+      options: (componentProps) => {
+        const options = /* @__PURE__ */ new Set();
+        traverseReactEltTree(componentProps.children, (elt) => {
           if ([SubMenu, MenuItem].includes(elt == null ? void 0 : elt.type) && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
@@ -1250,28 +1244,28 @@ var menuMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdMenuItem", "AntdMenuDivider", "AntdSubMenu"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdMenuItem"
-      }, {
-        type: "component",
-        name: "AntdSubMenu"
-      }]
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdMenuItem"
+        },
+        {
+          type: "component",
+          name: "AntdSubMenu"
+        }
+      ]
     }
   },
-  importPath: "antd/lib/menu/index",
+  importPath: "antd/es/menu/index",
   importName: "Menu",
   isDefaultExport: true
 };
 function registerMenu(loader, customMenuMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Menu, customMenuMeta != null ? customMenuMeta : menuMeta);
 }
 
-var optionMeta = {
+const optionMeta = {
   name: "AntdOption",
   displayName: "Antd Option",
   props: {
@@ -1294,10 +1288,12 @@ var optionMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Option"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Option"
+        }
+      ]
     }
   },
   importPath: "rc-select",
@@ -1305,13 +1301,10 @@ var optionMeta = {
   parentComponentName: "AntdSelect"
 };
 function registerOption(loader, customOptionMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Option, customOptionMeta != null ? customOptionMeta : optionMeta);
 }
-var optGroupMeta = {
+const optGroupMeta = {
   name: "AntdOptionGroup",
   displayName: "Antd Option Group",
   props: {
@@ -1326,10 +1319,12 @@ var optGroupMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdOption"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdOption"
-      }]
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdOption"
+        }
+      ]
     }
   },
   importPath: "rc-select",
@@ -1337,14 +1332,11 @@ var optGroupMeta = {
   parentComponentName: "AntdSelect"
 };
 function registerOptGroup(loader, customOptGroupMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(OptGroup, customOptGroupMeta != null ? customOptGroupMeta : optGroupMeta);
 }
 
-var rateMeta = {
+const rateMeta = {
   name: "AntdRate",
   displayName: "Antd Rate",
   props: {
@@ -1388,19 +1380,16 @@ var rateMeta = {
       hidePlaceholder: true
     }
   },
-  importPath: "antd/lib/rate",
+  importPath: "antd/es/rate",
   importName: "Rate",
   isDefaultExport: true
 };
 function registerRate(loader, customRateMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Rate, customRateMeta != null ? customRateMeta : rateMeta);
 }
 
-var selectMeta = {
+const selectMeta = {
   name: "AntdSelect",
   displayName: "Antd Select",
   props: {
@@ -1413,9 +1402,7 @@ var selectMeta = {
       type: "boolean",
       description: "Whether the current search will be cleared on selecting an item",
       defaultValueHint: true,
-      hidden: function hidden(props) {
-        return props.mode !== "multiple" && props.mode !== "tags";
-      }
+      hidden: (props) => props.mode !== "multiple" && props.mode !== "tags"
     },
     autoFocus: {
       type: "boolean",
@@ -1456,10 +1443,12 @@ var selectMeta = {
     },
     placeholder: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Select"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Select"
+        }
+      ]
     },
     showArrow: {
       type: "boolean",
@@ -1482,12 +1471,11 @@ var selectMeta = {
       editOnly: true,
       uncontrolledProp: "defaultValue",
       description: "Initial selected option",
-      options: function options(componentProps) {
-        var options = new Set();
-        traverseReactEltTree(componentProps.children, function (elt) {
-          var _elt$props;
-
-          if ((elt == null ? void 0 : elt.type) === Option && typeof (elt == null ? void 0 : (_elt$props = elt.props) == null ? void 0 : _elt$props.value) === "string") {
+      options: (componentProps) => {
+        const options = /* @__PURE__ */ new Set();
+        traverseReactEltTree(componentProps.children, (elt) => {
+          var _a;
+          if ((elt == null ? void 0 : elt.type) === Option && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
             options.add(elt.props.value);
           }
         });
@@ -1502,46 +1490,68 @@ var selectMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdOption, AntdOptionGroup"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdOption",
-        props: {
-          value: "Option",
-          children: {
-            type: "text",
-            value: "Option"
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdOption",
+          props: {
+            value: "Option",
+            children: {
+              type: "text",
+              value: "Option"
+            }
           }
         }
-      }]
+      ]
     }
   },
-  importPath: "antd/lib/select",
+  importPath: "antd/es/select",
   importName: "Select",
   isDefaultExport: true
 };
 function registerSelect(loader, customSelectMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Select, customSelectMeta != null ? customSelectMeta : selectMeta);
 }
 
-var _excluded$1 = ["value", "defaultValue", "value2", "defaultValue2"];
-var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      value2 = _ref.value2,
-      defaultValue2 = _ref.defaultValue2,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
-  var newProps = _extends({}, props);
-
+var __defProp$2 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Slider = React.forwardRef((_a, ref) => {
+  var _b = _a, { value, defaultValue, value2, defaultValue2 } = _b, props = __objRest$2(_b, ["value", "defaultValue", "value2", "defaultValue2"]);
+  const newProps = __spreadValues$2({}, props);
   if (props.range) {
     if (typeof value === "number" || typeof value2 === "number") {
       newProps.value = [value != null ? value : 0, value2 != null ? value2 : 0];
     }
-
     if (typeof defaultValue === "number" || typeof defaultValue2 === "number") {
       newProps.defaultValue = [defaultValue != null ? defaultValue : 0, defaultValue2 != null ? defaultValue2 : 0];
     }
@@ -1549,17 +1559,15 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (typeof value === "number") {
       newProps.value = value;
     }
-
     if (typeof defaultValue === "number") {
       newProps.defaultValue = defaultValue;
     }
   }
-
-  return React.createElement(AntdSlider, Object.assign({}, newProps, {
-    ref: ref
+  return /* @__PURE__ */ React.createElement(AntdSlider, __spreadProps$1(__spreadValues$2({}, newProps), {
+    ref
   }));
 });
-var sliderMeta = {
+const sliderMeta = {
   name: "AntdSlider",
   displayName: "Antd Slider",
   props: {
@@ -1610,18 +1618,16 @@ var sliderMeta = {
       editOnly: true,
       uncontrolledProp: "defaultValue2",
       description: "The default value for the second value of the slider",
-      hidden: function hidden(props) {
-        return !props.range;
-      }
+      hidden: (props) => !props.range
     },
     step: {
       type: "number",
-      description: "The granularity the slider can step through values. Must greater than 0, and be divided by (max - min)." + " When marks no null, step can be null",
+      description: "The granularity the slider can step through values. Must greater than 0, and be divided by (max - min). When marks no null, step can be null",
       defaultValueHint: 1
     },
     marks: {
       type: "object",
-      description: "Tick mark of Slider, type of key must be number, and must in closed interval [min, max]," + " each mark can declare its own style"
+      description: "Tick mark of Slider, type of key must be number, and must in closed interval [min, max], each mark can declare its own style"
     }
   },
   defaultStyles: {
@@ -1632,14 +1638,11 @@ var sliderMeta = {
   importName: "Slider"
 };
 function registerSlider(loader, customSliderMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Slider, customSliderMeta != null ? customSliderMeta : sliderMeta);
 }
 
-var switchMeta = {
+const switchMeta = {
   name: "AntdSwitch",
   displayName: "Antd Switch",
   props: {
@@ -1682,129 +1685,128 @@ var switchMeta = {
       defaultValueHint: "default"
     }
   },
-  importPath: "antd/lib/switch",
+  importPath: "antd/es/switch",
   importName: "Switch",
   isDefaultExport: true
 };
 function registerSwitch(loader, customSwitchMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
 }
 
-var _excluded$2 = ["columnTemplate", "title", "dataIndex"];
-// properties in plasmic.
-
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 function TableColumn(_props) {
   return null;
 }
 function TableValue(props) {
-  var _column$toString;
-
-  var className = props.className;
-  var column = useSelector("currentColumn");
-  return React.createElement("div", {
-    className: className
-  }, (_column$toString = column == null ? void 0 : column.toString()) != null ? _column$toString : "");
+  var _a;
+  const { className } = props;
+  const column = useSelector("currentColumn");
+  return /* @__PURE__ */ React.createElement("div", {
+    className
+  }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
 }
-/**
- * Wrapper used to consume internal canvas props
- */
-
 function ColumnWrapper(props) {
   return props.children;
 }
-
 function TableWrapper(props) {
-  var _columns$props$childr, _columns$props;
-
-  var className = props.className,
-      items = props.items,
-      columns = props.columns,
-      size = props.size,
-      onSelect = props.onSelect,
-      pagination = props.pagination; // Plasmic Studio Canvas currently renders items in a slightly different way than the generated code:
-  // - In the studio:
-  //     - The `columns` prop value is an array of nested react <Column  /> nodes.
-  // - In the generated code (preview mode):
-  //     - The `columns` prop value is a React Node with a `children` property that contains
-  //       an array of the nested react <Column /> components.
-
-  var tableColumns = (_columns$props$childr = columns == null ? void 0 : (_columns$props = columns.props) == null ? void 0 : _columns$props.children) != null ? _columns$props$childr : columns; // Convert the props.columns slot children to an array of column definitions
-
-  var columnDefinitions = React.useMemo(function () {
-    return React.Children.map(tableColumns, function (column, columnIndex) {
+  var _a, _b;
+  const { className, items, columns, size, onSelect, pagination } = props;
+  const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
+  const columnDefinitions = React.useMemo(() => {
+    return React.Children.map(tableColumns, (column, columnIndex) => {
       if (!column) {
-        return undefined;
+        return void 0;
       }
-
-      var _column$props = column.props,
-          columnTemplate = _column$props.columnTemplate,
-          title = _column$props.title,
-          dataIndex = _column$props.dataIndex,
-          rest = _objectWithoutPropertiesLoose(_column$props, _excluded$2);
-
-      var columnDefinition = {
-        columnIndex: columnIndex,
-        title: title,
-        dataIndex: dataIndex,
+      const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest$1(_a2, ["columnTemplate", "title", "dataIndex"]);
+      const columnDefinition = {
+        columnIndex,
+        title,
+        dataIndex,
         key: columnIndex,
-        render: function render(value, record, rowIndex) {
-          return React.createElement(DataProvider, {
+        render: (value, record, rowIndex) => {
+          return /* @__PURE__ */ React.createElement(DataProvider, {
             name: "currentRow",
             data: record
-          }, React.createElement(DataProvider, {
+          }, /* @__PURE__ */ React.createElement(DataProvider, {
             name: "currentRowIndex",
             data: rowIndex
-          }, React.createElement(DataProvider, {
+          }, /* @__PURE__ */ React.createElement(DataProvider, {
             name: "currentColumn",
             data: value
-          }, repeatedElement(rowIndex, React.createElement(ColumnWrapper, Object.assign({}, rest), columnTemplate)))));
+          }, repeatedElement(rowIndex, /* @__PURE__ */ React.createElement(ColumnWrapper, __spreadValues$1({}, rest), columnTemplate)))));
         }
       };
       return columnDefinition;
     }).filter(Boolean);
   }, [tableColumns]);
-  return React.createElement(Table, {
-    className: className,
+  return /* @__PURE__ */ React.createElement(Table, {
+    className,
     columns: columnDefinitions,
     dataSource: items,
-    size: size,
-    onRow: function onRow(record) {
+    size,
+    onRow: (record) => {
       return {
-        onMouseUp: function onMouseUp() {
+        onMouseUp: () => {
           return onSelect == null ? void 0 : onSelect(record.id);
         }
       };
     },
-    pagination: pagination ? undefined : pagination,
+    pagination: pagination ? void 0 : pagination,
     rowKey: "id"
   });
 }
-var DEFAULT_ITEMS = [{
-  name: "John Brown",
-  age: 19,
-  address: "New York No. 1 Lake Park",
-  tags: ["student", "developer"]
-}, {
-  name: "Jim Green",
-  age: 42,
-  address: "London No. 1 Lake Park",
-  tags: ["teacher"]
-}, {
-  name: "Joe Black",
-  age: 32,
-  address: "Sidney No. 1 Lake Park",
-  tags: ["cool", "teacher"]
-}];
-
+const DEFAULT_ITEMS = [
+  {
+    name: "John Brown",
+    age: 19,
+    address: "New York No. 1 Lake Park",
+    tags: ["student", "developer"]
+  },
+  {
+    name: "Jim Green",
+    age: 42,
+    address: "London No. 1 Lake Park",
+    tags: ["teacher"]
+  },
+  {
+    name: "Joe Black",
+    age: 32,
+    address: "Sidney No. 1 Lake Park",
+    tags: ["cool", "teacher"]
+  }
+];
 function capitalize(input) {
   return input.charAt(0).toUpperCase() + input.slice(1);
 }
-
-var tableMeta = {
+const tableMeta = {
   name: "AntdTable",
   displayName: "Antd Table",
   props: {
@@ -1816,16 +1818,14 @@ var tableMeta = {
     columns: {
       type: "slot",
       allowedComponents: ["AntdTableColumn"],
-      defaultValue: /*#__PURE__*/Object.keys(DEFAULT_ITEMS[0]).map(function (columnName) {
-        return {
-          type: "component",
-          name: "AntdTableColumn",
-          props: {
-            title: capitalize(columnName),
-            dataIndex: columnName
-          }
-        };
-      })
+      defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({
+        type: "component",
+        name: "AntdTableColumn",
+        props: {
+          title: capitalize(columnName),
+          dataIndex: columnName
+        }
+      }))
     },
     size: {
       type: "choice",
@@ -1840,7 +1840,7 @@ var tableMeta = {
   importPath: "@plasmicpkgs/antd/skinny/registerTable",
   importName: "TableWrapper"
 };
-var tableColumnMeta = {
+const tableColumnMeta = {
   name: "AntdTableColumn",
   parentComponentName: "AntdTable",
   providesData: true,
@@ -1861,17 +1861,19 @@ var tableColumnMeta = {
         styles: {
           padding: 0
         },
-        children: [{
-          type: "component",
-          name: "AntdTableValue"
-        }]
+        children: [
+          {
+            type: "component",
+            name: "AntdTableValue"
+          }
+        ]
       }
     }
   },
   importPath: "@plasmicpkgs/antd/skinny/registerTable",
   importName: "TableColumn"
 };
-var tableValueMeta = {
+const tableValueMeta = {
   name: "AntdTableValue",
   parentComponentName: "AntdTableColumn",
   props: {},
@@ -1879,38 +1881,61 @@ var tableValueMeta = {
   importName: "TableValue"
 };
 function registerTable(loader, customMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent$1.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent$1(...args);
   doRegisterComponent(TableWrapper, customMeta != null ? customMeta : tableMeta);
 }
 function registerTableColumn(loader, customMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent$1.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent$1(...args);
   doRegisterComponent(TableColumn, customMeta != null ? customMeta : tableColumnMeta);
 }
 function registerTableValue(loader, customMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent$1.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent$1(...args);
   doRegisterComponent(TableValue, customMeta != null ? customMeta : tableValueMeta);
 }
 
-var _excluded$3 = ["leftTabBarExtraContent", "rightTabBarExtraContent"];
-var tabPaneMeta = {
+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;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const tabPaneMeta = {
   name: "AntdTabPane",
   displayName: "Antd Tab Pane",
   props: {
     tab: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Tab"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Tab"
+        }
+      ]
     },
     key: {
       type: "string",
@@ -1938,50 +1963,50 @@ var tabPaneMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "Tab Content"
-      }]
+      defaultValue: [
+        {
+          type: "text",
+          value: "Tab Content"
+        }
+      ]
     }
   },
   parentComponentName: "AntdTabs",
-  importPath: "rc-tabs",
-  importName: "TabPane"
+  importPath: "antd/es/tabs/TabPane",
+  isDefaultExport: true
 };
+const TabPane = AntdTabs.TabPane;
 function registerTabPane(loader, customTabPaneMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
-  doRegisterComponent(TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  doRegisterComponent(AntdTabs.TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
 }
 function Tabs(props) {
-  var leftTabBarExtraContent = props.leftTabBarExtraContent,
-      rightTabBarExtraContent = props.rightTabBarExtraContent,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$3);
-
-  return React.createElement(AntdTabs, Object.assign({}, otherProps, {
+  const _a = props, {
+    leftTabBarExtraContent,
+    rightTabBarExtraContent
+  } = _a, otherProps = __objRest(_a, [
+    "leftTabBarExtraContent",
+    "rightTabBarExtraContent"
+  ]);
+  return /* @__PURE__ */ React.createElement(AntdTabs, __spreadProps(__spreadValues({}, otherProps), {
     tabBarExtraContent: {
       left: leftTabBarExtraContent,
       right: rightTabBarExtraContent
     }
   }));
 }
-
-function NavigateTabs(_ref) {
-  var componentProps = _ref.componentProps,
-      studioOps = _ref.studioOps;
-  var tabPanes = [];
-  traverseReactEltTree(componentProps.children, function (elt) {
-    if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+function NavigateTabs({ componentProps, studioOps }) {
+  const tabPanes = [];
+  traverseReactEltTree(componentProps.children, (elt) => {
+    if ((elt == null ? void 0 : elt.type) === AntdTabs.TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
       tabPanes.push(elt.key);
     }
   });
-  var activeKey = componentProps.activeKey;
-  var currTabPos = activeKey ? tabPanes.findIndex(function (tabKey) {
+  const activeKey = componentProps.activeKey;
+  const currTabPos = activeKey ? tabPanes.findIndex((tabKey) => {
     return tabKey === activeKey;
   }) : 0;
-  return React.createElement("div", {
+  return /* @__PURE__ */ React.createElement("div", {
     style: {
       width: "100%",
       display: "flex",
@@ -1989,38 +2014,28 @@ function NavigateTabs(_ref) {
       gap: "10px",
       justifyContent: "space-between"
     }
-  }, React.createElement(Button$1, {
-    style: {
-      width: "100%"
-    },
-    onClick: function onClick() {
+  }, /* @__PURE__ */ React.createElement(Button$1, {
+    style: { width: "100%" },
+    onClick: () => {
       if (tabPanes.length > 0) {
-        var prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
-        studioOps.updateProps({
-          activeKey: tabPanes[prevTabPos]
-        });
+        const prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
+        studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
       }
     }
-  }, "Prev tab"), React.createElement(Button$1, {
-    style: {
-      width: "100%"
-    },
-    onClick: function onClick() {
+  }, "Prev tab"), /* @__PURE__ */ React.createElement(Button$1, {
+    style: { width: "100%" },
+    onClick: () => {
       if (tabPanes.length > 0) {
-        var nextTabPos = (currTabPos + 1) % tabPanes.length;
-        studioOps.updateProps({
-          activeKey: tabPanes[nextTabPos]
-        });
+        const nextTabPos = (currTabPos + 1) % tabPanes.length;
+        studioOps.updateProps({ activeKey: tabPanes[nextTabPos] });
       }
     }
   }, "Next tab"));
 }
-
 function OutlineMessage() {
-  return React.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
+  return /* @__PURE__ */ React.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
 }
-
-var tabsMeta = {
+const tabsMeta = {
   name: "AntdTabs",
   displayName: "Antd Tabs",
   props: {
@@ -2036,20 +2051,13 @@ var tabsMeta = {
     },
     animated: {
       type: "object",
-      hidden: function hidden(props) {
-        return props.tabPosition !== "top" && !!props.tabPosition;
-      },
-      defaultValueHint: {
-        inkBar: true,
-        tabPane: false
-      },
+      hidden: (props) => props.tabPosition !== "top" && !!props.tabPosition,
+      defaultValueHint: { inkBar: true, tabPane: false },
       description: "Whether to change tabs with animation. Can be either a boolean or specify for inkBar and tabPane"
     },
     hideAdd: {
       type: "boolean",
-      hidden: function hidden(props) {
-        return props.type !== "editable-card";
-      },
+      hidden: (props) => props.type !== "editable-card",
       defaultValueHint: false,
       description: "Hide plus icon or not"
     },
@@ -2095,10 +2103,10 @@ var tabsMeta = {
       editOnly: true,
       uncontrolledProp: "defaultActiveKey",
       description: "Initial active TabPane's key",
-      options: function options(props) {
-        var options = new Set();
-        traverseReactEltTree(props.children, function (elt) {
-          if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+      options: (props) => {
+        const options = /* @__PURE__ */ new Set();
+        traverseReactEltTree(props.children, (elt) => {
+          if ((elt == null ? void 0 : elt.type) === AntdTabs.TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
         });
@@ -2108,122 +2116,118 @@ var tabsMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdTabPane"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdTabPane",
-        props: {
-          key: "1",
-          tab: [{
-            type: "text",
-            value: "Tab"
-          }],
-          children: [{
-            type: "text",
-            value: "Tab content"
-          }]
-        }
-      }, {
-        type: "component",
-        name: "AntdTabPane",
-        props: {
-          key: "2",
-          tab: [{
-            type: "text",
-            value: "Tab"
-          }],
-          children: [{
-            type: "text",
-            value: "Tab content"
-          }]
-        }
-      }]
-    }
-  },
-  actions: [{
-    type: "custom-action",
-    control: NavigateTabs
-  }, {
-    type: "button-action",
-    label: "Add new tab",
-    onClick: function onClick(_ref2) {
-      var componentProps = _ref2.componentProps,
-          studioOps = _ref2.studioOps;
-
-      // Get the first positive integer that isn't already a key
-      var generateNewKey = function generateNewKey() {
-        var keysSet = new Set();
-        traverseReactEltTree(componentProps.children, function (elt) {
-          if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
-            keysSet.add(elt.key);
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdTabPane",
+          props: {
+            key: "1",
+            tab: [
+              {
+                type: "text",
+                value: "Tab"
+              }
+            ],
+            children: [
+              {
+                type: "text",
+                value: "Tab content"
+              }
+            ]
           }
-        });
-
-        for (var keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
-          var strKey = keyCandidate.toString();
-
-          if (!keysSet.has(strKey)) {
-            return strKey;
+        },
+        {
+          type: "component",
+          name: "AntdTabPane",
+          props: {
+            key: "2",
+            tab: [
+              {
+                type: "text",
+                value: "Tab"
+              }
+            ],
+            children: [
+              {
+                type: "text",
+                value: "Tab content"
+              }
+            ]
           }
         }
-
-        return undefined;
-      };
-
-      var tabKey = generateNewKey();
-      studioOps.appendToSlot({
-        type: "component",
-        name: "AntdTabPane",
-        props: {
-          key: tabKey
-        }
-      }, "children");
-      studioOps.updateProps({
-        activeKey: tabKey
-      });
+      ]
     }
-  }, {
-    type: "button-action",
-    label: "Delete current tab",
-    onClick: function onClick(_ref3) {
-      var componentProps = _ref3.componentProps,
-          studioOps = _ref3.studioOps;
-
-      if (componentProps.activeKey) {
-        var tabPanes = [];
-        traverseReactEltTree(componentProps.children, function (elt) {
-          if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
-            tabPanes.push(elt.key);
+  },
+  actions: [
+    {
+      type: "custom-action",
+      control: NavigateTabs
+    },
+    {
+      type: "button-action",
+      label: "Add new tab",
+      onClick: ({ componentProps, studioOps }) => {
+        const generateNewKey = () => {
+          let keysSet = /* @__PURE__ */ new Set();
+          traverseReactEltTree(componentProps.children, (elt) => {
+            if ((elt == null ? void 0 : elt.type) === AntdTabs.TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+              keysSet.add(elt.key);
+            }
+          });
+          for (let keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
+            const strKey = keyCandidate.toString();
+            if (!keysSet.has(strKey)) {
+              return strKey;
+            }
           }
-        });
-        var activeKey = componentProps.activeKey;
-        var currTabPos = tabPanes.findIndex(function (tabKey) {
-          return tabKey === activeKey;
-        });
-
-        if (currTabPos !== -1) {
-          studioOps.removeFromSlotAt(currTabPos, "children");
-
-          if (tabPanes.length - 1 > 0) {
-            var prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
-            studioOps.updateProps({
-              activeKey: tabPanes[prevTabPos]
-            });
+          return void 0;
+        };
+        const tabKey = generateNewKey();
+        studioOps.appendToSlot({
+          type: "component",
+          name: "AntdTabPane",
+          props: {
+            key: tabKey
+          }
+        }, "children");
+        studioOps.updateProps({ activeKey: tabKey });
+      }
+    },
+    {
+      type: "button-action",
+      label: "Delete current tab",
+      onClick: ({ componentProps, studioOps }) => {
+        if (componentProps.activeKey) {
+          const tabPanes = [];
+          traverseReactEltTree(componentProps.children, (elt) => {
+            if ((elt == null ? void 0 : elt.type) === AntdTabs.TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+              tabPanes.push(elt.key);
+            }
+          });
+          const activeKey = componentProps.activeKey;
+          const currTabPos = tabPanes.findIndex((tabKey) => {
+            return tabKey === activeKey;
+          });
+          if (currTabPos !== -1) {
+            studioOps.removeFromSlotAt(currTabPos, "children");
+            if (tabPanes.length - 1 > 0) {
+              const prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
+              studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
+            }
           }
         }
       }
+    },
+    {
+      type: "custom-action",
+      control: OutlineMessage
     }
-  }, {
-    type: "custom-action",
-    control: OutlineMessage
-  }],
+  ],
   importPath: "@plasmicpkgs/antd/skinny/registerTabs",
   importName: "Tabs"
 };
 function registerTabs(loader, customTabsMeta) {
-  var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
-  };
-
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
 }
 
@@ -2259,5 +2263,5 @@ function registerAll(loader) {
   registerRate(loader);
 }
 
-export { Collapse, Dropdown, Slider, Tabs, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, rateMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerRate, registerSelect, registerSlider, registerSubMenu, registerSwitch, registerTabPane, registerTabs, selectMeta, sliderMeta, subMenuMeta, switchMeta, tabPaneMeta, tabsMeta };
+export { Collapse, Dropdown, Slider, TabPane, Tabs, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, rateMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerRate, registerSelect, registerSlider, registerSubMenu, registerSwitch, registerTabPane, registerTabs, selectMeta, sliderMeta, subMenuMeta, switchMeta, tabPaneMeta, tabsMeta };
 //# sourceMappingURL=antd.esm.js.map