@plasmicpkgs/antd 2.0.4 → 2.0.6

package/dist/antd.esm.js

@@ -1,34 +1,35 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-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 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 React from 'react';
-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 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 { ItemGroup } from 'rc-menu';
 import { Option, OptGroup } from 'rc-select';
-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 Rate from 'antd/lib/rate';
+import Select from 'antd/lib/select';
+import AntdSlider from 'antd/lib/slider';
+import Switch from 'antd/lib/switch';
 import { registerComponent as registerComponent$1, useSelector, DataProvider, repeatedElement } from '@plasmicapp/host';
-import Table from 'antd/es/table/Table';
+import Table from 'antd/lib/table/Table';
 import { Button as Button$1 } from 'antd';
-import AntdTabs from 'antd/es/tabs';
+import AntdTabs from 'antd/lib/tabs';
+import { TabPane } from 'rc-tabs';
 
-const buttonMeta = {
+var buttonMeta = {
   name: "AntdButton",
   displayName: "Antd Button",
   props: {
@@ -83,36 +84,39 @@ const buttonMeta = {
       type: "choice",
       options: ["_blank", "_self", "_parent", "_top"],
       description: "Same as target attribute of a, works when href is specified",
-      hidden: (props) => !props.href,
+      hidden: function hidden(props) {
+        return !props.href;
+      },
       defaultValueHint: "_self"
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Button"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Button"
+      }]
     }
   },
-  importPath: "antd/es/button",
+  importPath: "antd/lib/button",
   isDefaultExport: true,
   importName: "Button"
 };
 function registerButton(loader, customButtonMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Button, customButtonMeta != null ? customButtonMeta : buttonMeta);
 }
 
-const contentStyle = {
+var contentStyle = {
   height: "160px",
   color: "#fff",
   lineHeight: "160px",
   textAlign: "center",
   backgroundColor: "#364d79"
 };
-const carouselMeta = {
+var carouselMeta = {
   name: "AntdCarousel",
   displayName: "Antd Carousel",
   props: {
@@ -139,75 +143,128 @@ const 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/es/carousel",
+  importPath: "antd/lib/carousel",
   importName: "Carousel",
   isDefaultExport: true
 };
 function registerCarousel(loader, customCarouselMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   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) {
-  const rec = (elts) => {
-    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {
-      var _a;
+  var rec = function rec(elts) {
+    (Array.isArray(elts) ? elts : [elts]).forEach(function (elt) {
       if (elt) {
+        var _elt$props;
+
         callback(elt);
+
         if (elt.children) {
           rec(elt.children);
         }
-        if (((_a = elt.props) == null ? void 0 : _a.children) && elt.props.children !== elt.children) {
+
+        if ((_elt$props = elt.props) != null && _elt$props.children && elt.props.children !== elt.children) {
           rec(elt.props.children);
         }
       }
     });
   };
+
   rec(children);
 }
 
-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 CheckboxWrapper = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(CheckboxWrapper, _React$Component);
+
+  function CheckboxWrapper() {
+    return _React$Component.apply(this, arguments) || this;
   }
-}
-const checkboxMeta = {
+
+  var _proto = CheckboxWrapper.prototype;
+
+  _proto.render = function render() {
+    return React.createElement(Checkbox, Object.assign({}, this.props));
+  };
+
+  return CheckboxWrapper;
+}(React.Component);
+
+var checkboxMeta = {
   name: "AntdCheckbox",
   displayName: "Antd Checkbox",
   props: {
@@ -239,15 +296,13 @@ const checkboxMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Checkbox"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Checkbox"
+      }]
     }
   },
-  importPath: "antd/es/checkbox/Checkbox",
+  importPath: "antd/lib/checkbox/Checkbox",
   importName: "Checkbox",
   defaultStyles: {
     marginLeft: 0
@@ -255,10 +310,13 @@ const checkboxMeta = {
   isDefaultExport: true
 };
 function registerCheckbox(loader, customCheckboxMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(CheckboxWrapper, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
 }
-const checkboxGroupMeta = {
+var checkboxGroupMeta = {
   name: "AntdCheckboxGroup",
   displayName: "Antd Checkbox Group",
   props: {
@@ -273,11 +331,12 @@ const checkboxGroupMeta = {
       uncontrolledProp: "defaultValue",
       description: "Default selected value",
       multiSelect: true,
-      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: 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.add(elt.props.value);
           }
         });
@@ -287,56 +346,27 @@ const checkboxGroupMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdCheckbox"],
-      defaultValue: [
-        {
-          type: "component",
-          name: "AntdCheckbox"
-        }
-      ]
+      defaultValue: [{
+        type: "component",
+        name: "AntdCheckbox"
+      }]
     }
   },
-  importPath: "antd/es/checkbox/Group",
+  importPath: "antd/lib/checkbox/Group",
   importName: "CheckboxGroup",
   parentComponentName: "AntdCheckbox",
   isDefaultExport: true
 };
 function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
 }
 
-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 = {
+var _excluded = ["openIcon", "closeIcon"];
+var collapstePanelMeta = {
   name: "AntdCollapsePanel",
   displayName: "Antd Collapse Panel",
   props: {
@@ -352,12 +382,10 @@ const collapstePanelMeta = {
     },
     header: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Header"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Header"
+      }]
     },
     key: {
       type: "string",
@@ -374,24 +402,25 @@ const collapstePanelMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Insert text here"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Insert text here"
+      }]
     }
   },
-  importPath: "antd/es/collapse/CollapsePanel",
+  importPath: "antd/lib/collapse/CollapsePanel",
   importName: "CollapsePanel",
   parentComponentName: "AntdCollapse",
   isDefaultExport: true
 };
 function registerCollapsePanel(loader, customCollapsePanelMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(CollapsePanel, customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta);
 }
-const collapsteMeta = {
+var collapsteMeta = {
   name: "AntdCollapse",
   displayName: "Antd Collapse",
   props: {
@@ -406,9 +435,10 @@ const collapsteMeta = {
       uncontrolledProp: "defaultActiveKey",
       description: "Key of the active panel",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        traverseReactEltTree(componentProps.children, (elt) => {
+      options: function options(componentProps) {
+        var options = new Set(); // `children` is not defined in the Collapse props
+
+        traverseReactEltTree(componentProps.children, function (elt) {
           if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
@@ -440,15 +470,13 @@ const 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",
@@ -463,40 +491,44 @@ const collapsteMeta = {
   importName: "Collapse"
 };
 function Collapse(props) {
-  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
+  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
   }));
 }
 function registerCollapse(loader, customCollapseMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Collapse, customCollapseMeta != null ? customCollapseMeta : collapsteMeta);
 }
 
-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 Dropdown = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Dropdown, _React$Component);
+
+  function Dropdown() {
+    return _React$Component.apply(this, arguments) || this;
   }
-}
-const dropdownMeta = {
+
+  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 = {
   name: "AntdDropdown",
   displayName: "Antd Dropdown",
   props: {
@@ -513,23 +545,14 @@ const 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"
     },
@@ -547,22 +570,23 @@ const 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) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Dropdown, customDropdownMeta != null ? customDropdownMeta : dropdownMeta);
 }
-const dropdownButtonMeta = {
+var dropdownButtonMeta = {
   name: "AntdDropdownButton",
   displayName: "Antd Dropdown Button",
   props: {
@@ -578,23 +602,14 @@ const 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"
     },
@@ -624,50 +639,34 @@ const dropdownButtonMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Dropdown"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Dropdown"
+      }]
     }
   },
-  importPath: "antd/es/dropdown/dropdown-button",
+  importPath: "antd/lib/dropdown/dropdown-button",
   importName: "DropdownButton",
   parentComponentName: "AntdDropdown",
   isDefaultExport: true
 };
 function registerDropdownButton(loader, customDropdownButtonMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   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);
 }
-const commonHtmlAttributes = {
+
+var commonHtmlAttributes = {
   "aria-label": {
     type: "string",
     description: "The ARIA label for this input"
@@ -681,10 +680,10 @@ const commonHtmlAttributes = {
     description: "The HTML name of the input"
   }
 };
-const inputMeta = {
+var inputMeta = {
   name: "AntdInput",
   displayName: "Antd Input",
-  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
+  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
     addonAfter: {
       type: "slot",
       hidePlaceholder: true
@@ -745,18 +744,21 @@ const inputMeta = {
       uncontrolledProp: "defaultValue"
     }
   })),
-  importPath: "antd/es/input",
+  importPath: "antd/lib/input",
   importName: "Input",
   isDefaultExport: true
 };
 function registerInput(loader, customInputMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Input, customInputMeta != null ? customInputMeta : inputMeta);
 }
-const inputTextAreaMeta = {
+var inputTextAreaMeta = {
   name: "AntdInputTextArea",
   displayName: "Antd Input Text Area",
-  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
+  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
     allowClear: {
       type: "boolean",
       description: "If allow to remove input content with clear icon",
@@ -799,19 +801,22 @@ const inputTextAreaMeta = {
       uncontrolledProp: "defaultValue"
     }
   })),
-  importPath: "antd/es/input/TextArea",
+  importPath: "antd/lib/input/TextArea",
   importName: "TextArea",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputTextArea(loader, customInputTextAreaMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(TextArea, customInputTextAreaMeta != null ? customInputTextAreaMeta : inputTextAreaMeta);
 }
-const inputSearchMeta = {
+var inputSearchMeta = {
   name: "AntdInputSearch",
   displayName: "Antd Input Search",
-  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
+  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
     addonBefore: {
       type: "slot",
       hidePlaceholder: true
@@ -876,19 +881,22 @@ const inputSearchMeta = {
       uncontrolledProp: "defaultValue"
     }
   })),
-  importPath: "antd/es/input/Search",
+  importPath: "antd/lib/input/Search",
   importName: "Search",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputSearch(loader, customInputSearchMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Search, customInputSearchMeta != null ? customInputSearchMeta : inputSearchMeta);
 }
-const inputPasswordMeta = {
+var inputPasswordMeta = {
   name: "AntdInputPassword",
   displayName: "Antd Input Password",
-  props: sortProps(__spreadProps$2(__spreadValues$3({}, commonHtmlAttributes), {
+  props: /*#__PURE__*/sortProps( /*#__PURE__*/_extends({}, commonHtmlAttributes, {
     addonAfter: {
       type: "slot",
       hidePlaceholder: true
@@ -949,16 +957,19 @@ const inputPasswordMeta = {
       defaultValueHint: true
     }
   })),
-  importPath: "antd/es/input/Password",
+  importPath: "antd/lib/input/Password",
   importName: "Password",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputPassword(loader, customInputPasswordMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Password, customInputPasswordMeta != null ? customInputPasswordMeta : inputPasswordMeta);
 }
-const inputGroupMeta = {
+var inputGroupMeta = {
   name: "AntdInputGroup",
   displayName: "Antd Input Group",
   props: {
@@ -975,29 +986,29 @@ const inputGroupMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "component",
-          name: "AntdInput"
-        },
-        {
-          type: "component",
-          name: "AntdInput"
-        }
-      ]
+      defaultValue: [{
+        type: "component",
+        name: "AntdInput"
+      }, {
+        type: "component",
+        name: "AntdInput"
+      }]
     }
   },
-  importPath: "antd/es/input/Group",
+  importPath: "antd/lib/input/Group",
   importName: "InputGroup",
   isDefaultExport: true,
   parentComponentName: "AntdInput"
 };
 function registerInputGroup(loader, customInputGroupMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(InputGroup, customInputGroupMeta != null ? customInputGroupMeta : inputGroupMeta);
 }
 
-const menuDividerMeta = {
+var menuDividerMeta = {
   name: "AntdMenuDivider",
   displayName: "Antd Menu Divider",
   props: {
@@ -1007,16 +1018,19 @@ const menuDividerMeta = {
       defaultValueHint: false
     }
   },
-  importPath: "antd/es/menu/MenuDivider",
+  importPath: "antd/lib/menu/MenuDivider",
   importName: "MenuDivider",
   isDefaultExport: true,
   parentComponentName: "AntdMenu"
 };
 function registerMenuDivider(loader, customMenuDividerMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(MenuDivider, customMenuDividerMeta != null ? customMenuDividerMeta : menuDividerMeta);
 }
-const menuItemMeta = {
+var menuItemMeta = {
   name: "AntdMenuItem",
   displayName: "Antd Menu Item",
   props: {
@@ -1041,49 +1055,42 @@ const menuItemMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Option"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Option"
+      }]
     }
   },
-  importPath: "antd/es/menu/MenuItem",
+  importPath: "antd/lib/menu/MenuItem",
   importName: "MenuItem",
   isDefaultExport: true,
   parentComponentName: "AntdMenu"
 };
 function registerMenuItem(loader, customMenuItemMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(MenuItem, customMenuItemMeta != null ? customMenuItemMeta : menuItemMeta);
 }
-const menuItemGroupMeta = {
+var 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",
@@ -1091,10 +1098,13 @@ const menuItemGroupMeta = {
   parentComponentName: "AntdMenu"
 };
 function registerMenuItemGroup(loader, customMenuItemGroupMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(ItemGroup, customMenuItemGroupMeta != null ? customMenuItemGroupMeta : menuItemGroupMeta);
 }
-const subMenuMeta = {
+var subMenuMeta = {
   name: "AntdSubMenu",
   displayName: "Antd SubMenu",
   props: {
@@ -1110,46 +1120,42 @@ const 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: [1, 2].map((i) => ({
-        type: "component",
-        name: "AntdMenuItem",
-        props: {
-          key: `subMenuItemKey${i}`,
-          children: [
-            {
+      allowedComponents: ["AntdMenuItem", "AntdMenuDivider", "AntdMenuItemGroup", "AntdSubMenu"],
+      defaultValue: /*#__PURE__*/[1, 2].map(function (i) {
+        return {
+          type: "component",
+          name: "AntdMenuItem",
+          props: {
+            key: "subMenuItemKey" + i,
+            children: [{
               type: "text",
-              value: `Sub-menu item ${i}`
-            }
-          ]
-        }
-      }))
+              value: "Sub-menu item " + i
+            }]
+          }
+        };
+      })
     }
   },
-  importPath: "antd/es/menu/SubMenu",
+  importPath: "antd/lib/menu/SubMenu",
   importName: "SubMenu",
   isDefaultExport: true,
   parentComponentName: "AntdMenu"
 };
 function registerSubMenu(loader, customSubMenuMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(SubMenu, customSubMenuMeta != null ? customSubMenuMeta : subMenuMeta);
 }
-const menuMeta = {
+var menuMeta = {
   name: "AntdMenu",
   displayName: "Antd Menu",
   props: {
@@ -1184,9 +1190,9 @@ const menuMeta = {
       uncontrolledProp: "defaultOpenKeys",
       description: "Array with the keys of default opened sub menus",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        traverseReactEltTree(componentProps.children, (elt) => {
+      options: function options(componentProps) {
+        var options = new Set();
+        traverseReactEltTree(componentProps.children, function (elt) {
           if ((elt == null ? void 0 : elt.type) === SubMenu && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
@@ -1209,9 +1215,9 @@ const menuMeta = {
       uncontrolledProp: "defaultSelectedKeys",
       description: "Array with the keys of default selected menu items",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        traverseReactEltTree(componentProps.children, (elt) => {
+      options: function options(componentProps) {
+        var options = new Set();
+        traverseReactEltTree(componentProps.children, function (elt) {
           if ([SubMenu, MenuItem].includes(elt == null ? void 0 : elt.type) && typeof (elt == null ? void 0 : elt.key) === "string") {
             options.add(elt.key);
           }
@@ -1244,28 +1250,28 @@ const 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/es/menu/index",
+  importPath: "antd/lib/menu/index",
   importName: "Menu",
   isDefaultExport: true
 };
 function registerMenu(loader, customMenuMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Menu, customMenuMeta != null ? customMenuMeta : menuMeta);
 }
 
-const optionMeta = {
+var optionMeta = {
   name: "AntdOption",
   displayName: "Antd Option",
   props: {
@@ -1288,12 +1294,10 @@ const optionMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Option"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Option"
+      }]
     }
   },
   importPath: "rc-select",
@@ -1301,10 +1305,13 @@ const optionMeta = {
   parentComponentName: "AntdSelect"
 };
 function registerOption(loader, customOptionMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Option, customOptionMeta != null ? customOptionMeta : optionMeta);
 }
-const optGroupMeta = {
+var optGroupMeta = {
   name: "AntdOptionGroup",
   displayName: "Antd Option Group",
   props: {
@@ -1319,12 +1326,10 @@ const optGroupMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdOption"],
-      defaultValue: [
-        {
-          type: "component",
-          name: "AntdOption"
-        }
-      ]
+      defaultValue: [{
+        type: "component",
+        name: "AntdOption"
+      }]
     }
   },
   importPath: "rc-select",
@@ -1332,11 +1337,14 @@ const optGroupMeta = {
   parentComponentName: "AntdSelect"
 };
 function registerOptGroup(loader, customOptGroupMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(OptGroup, customOptGroupMeta != null ? customOptGroupMeta : optGroupMeta);
 }
 
-const rateMeta = {
+var rateMeta = {
   name: "AntdRate",
   displayName: "Antd Rate",
   props: {
@@ -1380,16 +1388,19 @@ const rateMeta = {
       hidePlaceholder: true
     }
   },
-  importPath: "antd/es/rate",
+  importPath: "antd/lib/rate",
   importName: "Rate",
   isDefaultExport: true
 };
 function registerRate(loader, customRateMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Rate, customRateMeta != null ? customRateMeta : rateMeta);
 }
 
-const selectMeta = {
+var selectMeta = {
   name: "AntdSelect",
   displayName: "Antd Select",
   props: {
@@ -1402,7 +1413,9 @@ const selectMeta = {
       type: "boolean",
       description: "Whether the current search will be cleared on selecting an item",
       defaultValueHint: true,
-      hidden: (props) => props.mode !== "multiple" && props.mode !== "tags"
+      hidden: function hidden(props) {
+        return props.mode !== "multiple" && props.mode !== "tags";
+      }
     },
     autoFocus: {
       type: "boolean",
@@ -1443,12 +1456,10 @@ const selectMeta = {
     },
     placeholder: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Select"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Select"
+      }]
     },
     showArrow: {
       type: "boolean",
@@ -1471,11 +1482,12 @@ const selectMeta = {
       editOnly: true,
       uncontrolledProp: "defaultValue",
       description: "Initial selected option",
-      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: 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.add(elt.props.value);
           }
         });
@@ -1490,68 +1502,46 @@ const 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/es/select",
+  importPath: "antd/lib/select",
   importName: "Select",
   isDefaultExport: true
 };
 function registerSelect(loader, customSelectMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Select, customSelectMeta != null ? customSelectMeta : selectMeta);
 }
 
-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);
+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);
+
   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];
     }
@@ -1559,15 +1549,17 @@ const Slider = React.forwardRef((_a, ref) => {
     if (typeof value === "number") {
       newProps.value = value;
     }
+
     if (typeof defaultValue === "number") {
       newProps.defaultValue = defaultValue;
     }
   }
-  return /* @__PURE__ */ React.createElement(AntdSlider, __spreadProps$1(__spreadValues$2({}, newProps), {
-    ref
+
+  return React.createElement(AntdSlider, Object.assign({}, newProps, {
+    ref: ref
   }));
 });
-const sliderMeta = {
+var sliderMeta = {
   name: "AntdSlider",
   displayName: "Antd Slider",
   props: {
@@ -1618,16 +1610,18 @@ const sliderMeta = {
       editOnly: true,
       uncontrolledProp: "defaultValue2",
       description: "The default value for the second value of the slider",
-      hidden: (props) => !props.range
+      hidden: function hidden(props) {
+        return !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: {
@@ -1638,11 +1632,14 @@ const sliderMeta = {
   importName: "Slider"
 };
 function registerSlider(loader, customSliderMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Slider, customSliderMeta != null ? customSliderMeta : sliderMeta);
 }
 
-const switchMeta = {
+var switchMeta = {
   name: "AntdSwitch",
   displayName: "Antd Switch",
   props: {
@@ -1685,128 +1682,129 @@ const switchMeta = {
       defaultValueHint: "default"
     }
   },
-  importPath: "antd/es/switch",
+  importPath: "antd/lib/switch",
   importName: "Switch",
   isDefaultExport: true
 };
 function registerSwitch(loader, customSwitchMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
 }
 
-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;
-};
+var _excluded$2 = ["columnTemplate", "title", "dataIndex"];
+// properties in plasmic.
+
 function TableColumn(_props) {
   return null;
 }
 function TableValue(props) {
-  var _a;
-  const { className } = props;
-  const column = useSelector("currentColumn");
-  return /* @__PURE__ */ React.createElement("div", {
-    className
-  }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
+  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 : "");
 }
+/**
+ * Wrapper used to consume internal canvas props
+ */
+
 function ColumnWrapper(props) {
   return props.children;
 }
+
 function TableWrapper(props) {
-  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) => {
+  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) {
       if (!column) {
-        return void 0;
+        return undefined;
       }
-      const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest$1(_a2, ["columnTemplate", "title", "dataIndex"]);
-      const columnDefinition = {
-        columnIndex,
-        title,
-        dataIndex,
+
+      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,
         key: columnIndex,
-        render: (value, record, rowIndex) => {
-          return /* @__PURE__ */ React.createElement(DataProvider, {
+        render: function render(value, record, rowIndex) {
+          return React.createElement(DataProvider, {
             name: "currentRow",
             data: record
-          }, /* @__PURE__ */ React.createElement(DataProvider, {
+          }, React.createElement(DataProvider, {
             name: "currentRowIndex",
             data: rowIndex
-          }, /* @__PURE__ */ React.createElement(DataProvider, {
+          }, React.createElement(DataProvider, {
             name: "currentColumn",
             data: value
-          }, repeatedElement(rowIndex, /* @__PURE__ */ React.createElement(ColumnWrapper, __spreadValues$1({}, rest), columnTemplate)))));
+          }, repeatedElement(rowIndex, React.createElement(ColumnWrapper, Object.assign({}, rest), columnTemplate)))));
         }
       };
       return columnDefinition;
     }).filter(Boolean);
   }, [tableColumns]);
-  return /* @__PURE__ */ React.createElement(Table, {
-    className,
+  return React.createElement(Table, {
+    className: className,
     columns: columnDefinitions,
     dataSource: items,
-    size,
-    onRow: (record) => {
+    size: size,
+    onRow: function onRow(record) {
       return {
-        onMouseUp: () => {
+        onMouseUp: function onMouseUp() {
           return onSelect == null ? void 0 : onSelect(record.id);
         }
       };
     },
-    pagination: pagination ? void 0 : pagination,
+    pagination: pagination ? undefined : pagination,
     rowKey: "id"
   });
 }
-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"]
-  }
-];
+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"]
+}];
+
 function capitalize(input) {
   return input.charAt(0).toUpperCase() + input.slice(1);
 }
-const tableMeta = {
+
+var tableMeta = {
   name: "AntdTable",
   displayName: "Antd Table",
   props: {
@@ -1818,14 +1816,16 @@ const tableMeta = {
     columns: {
       type: "slot",
       allowedComponents: ["AntdTableColumn"],
-      defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({
-        type: "component",
-        name: "AntdTableColumn",
-        props: {
-          title: capitalize(columnName),
-          dataIndex: columnName
-        }
-      }))
+      defaultValue: /*#__PURE__*/Object.keys(DEFAULT_ITEMS[0]).map(function (columnName) {
+        return {
+          type: "component",
+          name: "AntdTableColumn",
+          props: {
+            title: capitalize(columnName),
+            dataIndex: columnName
+          }
+        };
+      })
     },
     size: {
       type: "choice",
@@ -1840,7 +1840,7 @@ const tableMeta = {
   importPath: "@plasmicpkgs/antd/skinny/registerTable",
   importName: "TableWrapper"
 };
-const tableColumnMeta = {
+var tableColumnMeta = {
   name: "AntdTableColumn",
   parentComponentName: "AntdTable",
   providesData: true,
@@ -1861,19 +1861,17 @@ const tableColumnMeta = {
         styles: {
           padding: 0
         },
-        children: [
-          {
-            type: "component",
-            name: "AntdTableValue"
-          }
-        ]
+        children: [{
+          type: "component",
+          name: "AntdTableValue"
+        }]
       }
     }
   },
   importPath: "@plasmicpkgs/antd/skinny/registerTable",
   importName: "TableColumn"
 };
-const tableValueMeta = {
+var tableValueMeta = {
   name: "AntdTableValue",
   parentComponentName: "AntdTableColumn",
   props: {},
@@ -1881,61 +1879,38 @@ const tableValueMeta = {
   importName: "TableValue"
 };
 function registerTable(loader, customMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent$1(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent$1.apply(void 0, arguments);
+  };
+
   doRegisterComponent(TableWrapper, customMeta != null ? customMeta : tableMeta);
 }
 function registerTableColumn(loader, customMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent$1(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent$1.apply(void 0, arguments);
+  };
+
   doRegisterComponent(TableColumn, customMeta != null ? customMeta : tableColumnMeta);
 }
 function registerTableValue(loader, customMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent$1(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent$1.apply(void 0, arguments);
+  };
+
   doRegisterComponent(TableValue, customMeta != null ? customMeta : tableValueMeta);
 }
 
-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 = {
+var _excluded$3 = ["leftTabBarExtraContent", "rightTabBarExtraContent"];
+var tabPaneMeta = {
   name: "AntdTabPane",
   displayName: "Antd Tab Pane",
   props: {
     tab: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Tab"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Tab"
+      }]
     },
     key: {
       type: "string",
@@ -1963,50 +1938,50 @@ const tabPaneMeta = {
     },
     children: {
       type: "slot",
-      defaultValue: [
-        {
-          type: "text",
-          value: "Tab Content"
-        }
-      ]
+      defaultValue: [{
+        type: "text",
+        value: "Tab Content"
+      }]
     }
   },
   parentComponentName: "AntdTabs",
-  importPath: "antd/es/tabs/TabPane",
-  isDefaultExport: true
+  importPath: "rc-tabs",
+  importName: "TabPane"
 };
-const TabPane = AntdTabs.TabPane;
 function registerTabPane(loader, customTabPaneMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-  doRegisterComponent(AntdTabs.TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
 }
 function Tabs(props) {
-  const _a = props, {
-    leftTabBarExtraContent,
-    rightTabBarExtraContent
-  } = _a, otherProps = __objRest(_a, [
-    "leftTabBarExtraContent",
-    "rightTabBarExtraContent"
-  ]);
-  return /* @__PURE__ */ React.createElement(AntdTabs, __spreadProps(__spreadValues({}, otherProps), {
+  var leftTabBarExtraContent = props.leftTabBarExtraContent,
+      rightTabBarExtraContent = props.rightTabBarExtraContent,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$3);
+
+  return React.createElement(AntdTabs, Object.assign({}, otherProps, {
     tabBarExtraContent: {
       left: leftTabBarExtraContent,
       right: rightTabBarExtraContent
     }
   }));
 }
-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") {
+
+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") {
       tabPanes.push(elt.key);
     }
   });
-  const activeKey = componentProps.activeKey;
-  const currTabPos = activeKey ? tabPanes.findIndex((tabKey) => {
+  var activeKey = componentProps.activeKey;
+  var currTabPos = activeKey ? tabPanes.findIndex(function (tabKey) {
     return tabKey === activeKey;
   }) : 0;
-  return /* @__PURE__ */ React.createElement("div", {
+  return React.createElement("div", {
     style: {
       width: "100%",
       display: "flex",
@@ -2014,28 +1989,38 @@ function NavigateTabs({ componentProps, studioOps }) {
       gap: "10px",
       justifyContent: "space-between"
     }
-  }, /* @__PURE__ */ React.createElement(Button$1, {
-    style: { width: "100%" },
-    onClick: () => {
+  }, React.createElement(Button$1, {
+    style: {
+      width: "100%"
+    },
+    onClick: function onClick() {
       if (tabPanes.length > 0) {
-        const prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
-        studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
+        var prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
+        studioOps.updateProps({
+          activeKey: tabPanes[prevTabPos]
+        });
       }
     }
-  }, "Prev tab"), /* @__PURE__ */ React.createElement(Button$1, {
-    style: { width: "100%" },
-    onClick: () => {
+  }, "Prev tab"), React.createElement(Button$1, {
+    style: {
+      width: "100%"
+    },
+    onClick: function onClick() {
       if (tabPanes.length > 0) {
-        const nextTabPos = (currTabPos + 1) % tabPanes.length;
-        studioOps.updateProps({ activeKey: tabPanes[nextTabPos] });
+        var nextTabPos = (currTabPos + 1) % tabPanes.length;
+        studioOps.updateProps({
+          activeKey: tabPanes[nextTabPos]
+        });
       }
     }
   }, "Next tab"));
 }
+
 function OutlineMessage() {
-  return /* @__PURE__ */ React.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
+  return React.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
 }
-const tabsMeta = {
+
+var tabsMeta = {
   name: "AntdTabs",
   displayName: "Antd Tabs",
   props: {
@@ -2051,13 +2036,20 @@ const tabsMeta = {
     },
     animated: {
       type: "object",
-      hidden: (props) => props.tabPosition !== "top" && !!props.tabPosition,
-      defaultValueHint: { inkBar: true, tabPane: false },
+      hidden: function hidden(props) {
+        return 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: (props) => props.type !== "editable-card",
+      hidden: function hidden(props) {
+        return props.type !== "editable-card";
+      },
       defaultValueHint: false,
       description: "Hide plus icon or not"
     },
@@ -2103,10 +2095,10 @@ const tabsMeta = {
       editOnly: true,
       uncontrolledProp: "defaultActiveKey",
       description: "Initial active TabPane's key",
-      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: 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.add(elt.key);
           }
         });
@@ -2116,118 +2108,122 @@ const 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"
-              }
-            ]
-          }
+      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: ({ 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;
-            }
+  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);
           }
-          return void 0;
-        };
-        const tabKey = generateNewKey();
-        studioOps.appendToSlot({
-          type: "component",
-          name: "AntdTabPane",
-          props: {
-            key: tabKey
+        });
+
+        for (var keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
+          var strKey = keyCandidate.toString();
+
+          if (!keysSet.has(strKey)) {
+            return strKey;
           }
-        }, "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] });
-            }
+        }
+
+        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);
+          }
+        });
+        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]
+            });
           }
         }
       }
-    },
-    {
-      type: "custom-action",
-      control: OutlineMessage
     }
-  ],
+  }, {
+    type: "custom-action",
+    control: OutlineMessage
+  }],
   importPath: "@plasmicpkgs/antd/skinny/registerTabs",
   importName: "Tabs"
 };
 function registerTabs(loader, customTabsMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
   doRegisterComponent(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
 }
 
@@ -2263,5 +2259,5 @@ function registerAll(loader) {
   registerRate(loader);
 }
 
-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 };
+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 };
 //# sourceMappingURL=antd.esm.js.map