@plasmicpkgs/antd5 0.0.30 → 0.0.32

package/dist/antd.esm.js

@@ -19,13 +19,14 @@ import FormItem from 'antd/es/form/FormItem';
 import FormList from 'antd/es/form/FormList';
 import equal from 'fast-deep-equal';
 import classNames from 'classnames';
-import Input from 'antd/es/input';
-import InputNumber from 'antd/es/input-number';
 import Modal from 'antd/es/modal';
 import Radio from 'antd/es/radio';
 import RadioGroup from 'antd/es/radio/group';
 import 'antd/es/radio/radioButton';
 import Select from 'antd/es/select';
+import Table from 'antd/es/table';
+import Input from 'antd/es/input';
+import InputNumber from 'antd/es/input-number';
 
 function makeRegisterGlobalContext(component, meta) {
   return function(loader) {
@@ -60,6 +61,15 @@ function traverseReactEltTree(children, callback) {
   };
   rec(children);
 }
+function asArray(x) {
+  if (Array.isArray(x)) {
+    return x;
+  } else if (x == null) {
+    return [];
+  } else {
+    return [x];
+  }
+}
 function omit(obj, ...keys) {
   if (Object.keys(obj).length === 0) {
     return obj;
@@ -151,39 +161,39 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$8 = Object.defineProperty;
+var __defProp$9 = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$6 = (source, exclude) => {
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdCheckbox(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$6(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$7(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.checked);
@@ -191,7 +201,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$7(__spreadValues$8({}, rest), {
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$7(__spreadValues$9({}, rest), {
     onChange: wrappedOnChange
   }));
 }
@@ -302,33 +312,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$7 = Object.defineProperty;
+var __defProp$8 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$5 = (source, exclude) => {
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -350,7 +360,7 @@ function themeToAntdConfig(opts) {
     wireframe,
     spacing
   } = opts;
-  return __spreadProps$6(__spreadValues$7({}, spacing && { size: spacing }), {
+  return __spreadProps$6(__spreadValues$8({}, spacing && { size: spacing }), {
     theme: {
       token: Object.fromEntries(Object.entries({
         colorTextBase,
@@ -371,10 +381,10 @@ function themeToAntdConfig(opts) {
   });
 }
 function AntdConfigProvider(props) {
-  const _a = props, { children, themeStyles } = _a, rest = __objRest$5(_a, ["children", "themeStyles"]);
-  return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$7({
+  const _a = props, { children, themeStyles } = _a, rest = __objRest$6(_a, ["children", "themeStyles"]);
+  return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$8({
     locale: enUS
-  }, themeToAntdConfig(__spreadProps$6(__spreadValues$7({}, rest), {
+  }, themeToAntdConfig(__spreadProps$6(__spreadValues$8({}, rest), {
     fontFamily: themeStyles.fontFamily,
     fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
     lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -394,8 +404,8 @@ function InnerConfigProvider(props) {
   const actions = React.useMemo(() => ({
     showNotification: (opts) => {
       var _b;
-      const _a = opts, rest = __objRest$5(_a, ["type"]);
-      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$7({}, rest));
+      const _a = opts, rest = __objRest$6(_a, ["type"]);
+      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$8({}, rest));
     },
     hideNotifications: () => {
       app.notification.destroy();
@@ -652,7 +662,7 @@ function registerTokens(loader) {
     regs.forEach((t) => registerToken(t));
   }
 }
-const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$6(__spreadValues$7({
+const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$6(__spreadValues$8({
   name: "plasmic-antd5-config-provider",
   displayName: "Ant Design System Settings",
   props: {
@@ -757,40 +767,40 @@ const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __s
   importName: "AntdConfigProvider"
 }));
 
-var __defProp$6 = Object.defineProperty;
+var __defProp$7 = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-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) => {
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (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]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$4 = (source, exclude) => {
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdDropdown(props) {
-  const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$4(_a, ["children", "onAction", "menuItems"]);
-  return /* @__PURE__ */ React.createElement(Dropdown, __spreadProps$5(__spreadValues$6({}, rest), {
+  const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$5(_a, ["children", "onAction", "menuItems"]);
+  return /* @__PURE__ */ React.createElement(Dropdown, __spreadProps$5(__spreadValues$7({}, rest), {
     overlay: () => {
       var _a2;
       const items = (_a2 = menuItems == null ? void 0 : menuItems()) != null ? _a2 : [];
@@ -894,19 +904,19 @@ function registerDropdown(loader) {
   });
 }
 
-var __defProp$5 = Object.defineProperty;
-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) => {
+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$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]);
+    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;
 };
@@ -917,7 +927,7 @@ function mergeProps(props, ...restProps) {
   if (restProps.every((rest) => Object.keys(rest).length === 0)) {
     return props;
   }
-  const result = __spreadValues$5({}, props);
+  const result = __spreadValues$6({}, props);
   for (const rest of restProps) {
     for (const key of Object.keys(rest)) {
       result[key] = mergePropVals(key, result[key], rest[key]);
@@ -954,7 +964,7 @@ function mergePropVals(name, val1, val2) {
   } else if (name === "className") {
     return classNames(val1, val2);
   } else if (name === "style") {
-    return __spreadValues$5(__spreadValues$5({}, val1), val2);
+    return __spreadValues$6(__spreadValues$6({}, val1), val2);
   } else if (name === "ref") {
     return mergeRefs(val1, val2);
   } else if (typeof val1 !== typeof val2) {
@@ -975,33 +985,33 @@ function mergePropVals(name, val1, val2) {
   }
 }
 
-var __defProp$4 = Object.defineProperty;
+var __defProp$5 = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-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) => {
+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$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]);
+    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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$3 = (source, exclude) => {
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(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;
@@ -1031,7 +1041,7 @@ const Internal = (props) => {
       forceRemount: () => props.setRemountKey((k) => k + 1),
       formProps: props
     }
-  }, /* @__PURE__ */ React.createElement(Form, __spreadProps$4(__spreadValues$4({}, props), {
+  }, /* @__PURE__ */ React.createElement(Form, __spreadProps$4(__spreadValues$5({}, props), {
     onValuesChange: (...args) => {
       var _a2, _b2;
       (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
@@ -1040,11 +1050,18 @@ const Internal = (props) => {
     form,
     labelCol: ((_a = props.labelCol) == null ? void 0 : _a.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.labelCol,
     wrapperCol: ((_b = props.wrapperCol) == null ? void 0 : _b.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.wrapperCol
-  }), childrenNode));
+  }), /* @__PURE__ */ React.createElement("style", null, `
+        .ant-form-item {
+          margin-bottom: 0;
+        }
+        .ant-form-item-explain + div {
+          display: none;
+        }
+        `), childrenNode));
 };
 function FormWrapper(props) {
   const [remountKey, setRemountKey] = React.useState(0);
-  return /* @__PURE__ */ React.createElement(Internal, __spreadProps$4(__spreadValues$4({
+  return /* @__PURE__ */ React.createElement(Internal, __spreadProps$4(__spreadValues$5({
     key: remountKey
   }, props), {
     setRemountKey
@@ -1347,7 +1364,7 @@ function FormItemWrapper(props) {
       fireOnValuesChange == null ? void 0 : fireOnValuesChange();
     }, [form, props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormItem, __spreadValues$4(__spreadProps$4(__spreadValues$4({}, omit(props, "rules")), {
+  return /* @__PURE__ */ React.createElement(FormItem, __spreadValues$5(__spreadProps$4(__spreadValues$5({}, omit(props, "rules")), {
     label: props.noLabel ? void 0 : props.label,
     name: relativeFormItemName,
     rules
@@ -1356,7 +1373,7 @@ function FormItemWrapper(props) {
   }) : props.children);
 }
 function FormItemForwarder(_a) {
-  var _b = _a, { formItemProps } = _b, props = __objRest$3(_b, ["formItemProps"]);
+  var _b = _a, { formItemProps } = _b, props = __objRest$4(_b, ["formItemProps"]);
   var _a2;
   const status = Form.Item.useStatus();
   const internalFormCtx = React.useContext(InternalFormInstanceContext);
@@ -1369,7 +1386,7 @@ function FormItemForwarder(_a) {
   });
   return React.Children.map(formItemProps.children, (child, i) => {
     var _a3;
-    const baseProps = __spreadValues$4(__spreadValues$4({}, (_a3 = child.props) != null ? _a3 : {}), props);
+    const baseProps = __spreadValues$5(__spreadValues$5({}, (_a3 = child.props) != null ? _a3 : {}), props);
     return i === 0 && isValidElement(child) ? cloneElement(child, mergeProps(baseProps, formItemProps.customizeProps(data, baseProps))) : child;
   });
 }
@@ -1562,7 +1579,7 @@ const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
       }
     }, [props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$4(__spreadValues$4({}, props), {
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$4(__spreadValues$5({}, props), {
     name: relativeFormItemName != null ? relativeFormItemName : []
   }), (...args) => {
     operationsRef.current = args;
@@ -1692,307 +1709,67 @@ function registerFormList(loader) {
   });
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = 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$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const AntdInput = Input;
-const AntdTextArea = Input.TextArea;
-const AntdPassword = Input.Password;
-const AntdInputNumber = InputNumber;
-const inputHelpers = {
-  states: {
-    value: {
-      onChangeArgsToValue: (e) => {
-        return e.target.value;
-      }
-    }
-  }
-};
-const COMMON_HELPERS_CONFIG = {
-  helpers: inputHelpers,
-  importName: "inputHelpers",
-  importPath: "@plasmicpkgs/antd5/skinny/registerInput"
-};
-const COMMON_STATES = {
-  value: {
-    type: "writable",
-    valueProp: "value",
-    variableType: "text",
-    onChangeProp: "onChange"
-  }
-};
-const COMMON_DECORATOR_PROPS = {
-  prefix: {
-    type: "slot",
-    hidePlaceholder: true
-  },
-  suffix: {
-    type: "slot",
-    hidePlaceholder: true
-  },
-  addonAfter: {
-    type: "slot",
-    hidePlaceholder: true
-  },
-  addonBefore: {
-    type: "slot",
-    hidePlaceholder: true
-  }
-};
-const COMMON_ADVANCED_PROPS = {
-  maxLength: {
-    type: "number",
-    advanced: true
-  },
-  bordered: {
-    type: "boolean",
-    advanced: true,
-    defaultValueHint: true
-  },
-  allowClear: {
-    type: "boolean",
-    advanced: true
-  },
-  autoFocus: {
-    type: "boolean",
-    advanced: true
-  },
-  readOnly: {
-    type: "boolean",
-    advanced: true
-  }
-};
-const COMMON_EVENT_HANDLERS = {
-  onChange: {
-    type: "eventHandler",
-    argTypes: [
-      {
-        name: "event",
-        type: "object"
-      }
-    ]
-  },
-  onPressEnter: {
-    type: "eventHandler",
-    argTypes: [
-      {
-        name: "event",
-        type: "object"
-      }
-    ]
-  }
-};
-function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, {
-    name: "plasmic-antd5-input",
-    displayName: "Input",
-    props: __spreadValues$3(__spreadValues$3(__spreadValues$3({
-      value: {
-        type: "string"
-      },
-      placholder: {
-        type: "string"
-      },
-      size: {
-        type: "choice",
-        options: ["large", "middle", "small"]
-      },
-      disabled: {
-        type: "boolean"
-      }
-    }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
-    states: __spreadValues$3({}, COMMON_STATES),
-    componentHelpers: COMMON_HELPERS_CONFIG,
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdInput"
-  });
-}
-function registerTextArea(loader) {
-  registerComponentHelper(loader, AntdTextArea, {
-    name: "plasmic-antd5-textarea",
-    parentComponentName: "plasmic-antd5-input",
-    displayName: "Text Area",
-    props: __spreadValues$3({
-      value: {
-        type: "string"
-      },
-      placholder: {
-        type: "string"
-      },
-      disabled: {
-        type: "boolean"
-      },
-      maxLength: {
-        type: "number",
-        advanced: true
-      },
-      bordered: {
-        type: "boolean",
-        advanced: true,
-        defaultValueHint: true
-      }
-    }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$3({}, COMMON_STATES),
-    componentHelpers: COMMON_HELPERS_CONFIG,
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdTextArea"
-  });
-}
-function registerPasswordInput(loader) {
-  registerComponentHelper(loader, AntdPassword, {
-    name: "plasmic-antd5-input-password",
-    parentComponentName: "plasmic-antd5-input",
-    displayName: "Password Input",
-    props: __spreadValues$3({
-      value: {
-        type: "string"
-      },
-      placholder: {
-        type: "string"
-      },
-      disabled: {
-        type: "boolean"
-      },
-      maxLength: {
-        type: "number",
-        advanced: true
-      },
-      bordered: {
-        type: "boolean",
-        advanced: true,
-        defaultValueHint: true
-      }
-    }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$3({}, COMMON_STATES),
-    componentHelpers: COMMON_HELPERS_CONFIG,
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdPassword"
-  });
-}
-function registerNumberInput(loader) {
-  registerComponentHelper(loader, AntdInputNumber, {
-    name: "plasmic-antd5-input-number",
-    parentComponentName: "plasmic-antd5-input",
-    displayName: "Number Input",
-    props: __spreadProps$3(__spreadValues$3(__spreadValues$3(__spreadValues$3({
-      value: {
-        type: "number"
-      },
-      placholder: {
-        type: "string"
-      },
-      disabled: {
-        type: "boolean"
-      },
-      max: {
-        type: "number"
-      },
-      min: {
-        type: "number"
-      },
-      step: {
-        type: "number",
-        helpText: "Increment or decrement step"
-      },
-      controls: {
-        type: "boolean",
-        displayName: "Show add/minus controls?",
-        advanced: true
-      }
-    }, COMMON_DECORATOR_PROPS), COMMON_ADVANCED_PROPS), COMMON_EVENT_HANDLERS), {
-      onChange: {
-        type: "eventHandler",
-        argTypes: [
-          {
-            name: "value",
-            type: "number"
-          }
-        ]
-      }
-    }),
-    states: __spreadValues$3({}, COMMON_STATES),
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdInputNumber"
-  });
-}
-
-const AntdMenu = Menu;
-const AntdMenuDivider = Menu.Divider;
-const AntdMenuItem = Menu.Item;
-const AntdMenuItemGroup = Menu.ItemGroup;
-const AntdSubMenu = Menu.SubMenu;
-const allowedMenuComponents = [
-  "plasmic-antd5-menu-item",
-  "plasmic-antd5-menu-divider",
-  "plasmic-antd5-submenu",
-  "plasmic-antd5-menu-item-group"
-];
-function registerMenu(loader) {
-  registerComponentHelper(loader, AntdMenu, {
-    name: "plasmic-antd5-menu",
-    displayName: "Menu",
-    props: {
-      expandIcon: {
-        type: "slot",
-        hidePlaceholder: true
-      },
-      mode: {
-        type: "choice",
-        options: ["horizontal", "vertical", "inline"],
-        description: "Type of menu",
-        defaultValueHint: "vertical"
-      },
-      multiple: {
-        type: "boolean",
-        description: "Allows selection of multiple items",
-        defaultValueHint: false
-      },
-      triggerSubMenuAction: {
-        type: "choice",
-        options: ["hover", "click"],
-        description: "Which action can trigger submenu open/close",
-        defaultValueHint: "hover",
-        advanced: true
-      },
-      children: {
-        type: "slot",
-        allowedComponents: allowedMenuComponents,
-        defaultValue: [
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item",
-            props: {
-              key: "menuItemKey1"
-            }
-          },
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item",
-            props: {
-              key: "menuItemKey2"
-            }
-          }
-        ]
-      },
-      onSelect: {
-        type: "eventHandler",
-        argTypes: [{ name: "key", type: "string" }]
+const AntdMenu = Menu;
+const AntdMenuDivider = Menu.Divider;
+const AntdMenuItem = Menu.Item;
+const AntdMenuItemGroup = Menu.ItemGroup;
+const AntdSubMenu = Menu.SubMenu;
+const allowedMenuComponents = [
+  "plasmic-antd5-menu-item",
+  "plasmic-antd5-menu-divider",
+  "plasmic-antd5-submenu",
+  "plasmic-antd5-menu-item-group"
+];
+function registerMenu(loader) {
+  registerComponentHelper(loader, AntdMenu, {
+    name: "plasmic-antd5-menu",
+    displayName: "Menu",
+    props: {
+      expandIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      mode: {
+        type: "choice",
+        options: ["horizontal", "vertical", "inline"],
+        description: "Type of menu",
+        defaultValueHint: "vertical"
+      },
+      multiple: {
+        type: "boolean",
+        description: "Allows selection of multiple items",
+        defaultValueHint: false
+      },
+      triggerSubMenuAction: {
+        type: "choice",
+        options: ["hover", "click"],
+        description: "Which action can trigger submenu open/close",
+        defaultValueHint: "hover",
+        advanced: true
+      },
+      children: {
+        type: "slot",
+        allowedComponents: allowedMenuComponents,
+        defaultValue: [
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menuItemKey1"
+            }
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menuItemKey2"
+            }
+          }
+        ]
+      },
+      onSelect: {
+        type: "eventHandler",
+        argTypes: [{ name: "key", type: "string" }]
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
@@ -2130,39 +1907,39 @@ function registerMenu(loader) {
   });
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = 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]);
+var __defProp$4 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+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;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$2 = (source, exclude) => {
+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$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.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))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdModal(props) {
-  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$2(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
+  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$3(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
   const memoOnOk = React.useMemo(() => {
     if (onOpenChange || onOk) {
       return (e) => {
@@ -2183,7 +1960,7 @@ function AntdModal(props) {
       return void 0;
     }
   }, [onOpenChange, onCancel]);
-  return /* @__PURE__ */ React.createElement(Modal, __spreadProps$2(__spreadValues$2({}, rest), {
+  return /* @__PURE__ */ React.createElement(Modal, __spreadProps$3(__spreadValues$4({}, rest), {
     onOk: memoOnOk,
     onCancel: memoOnCancel,
     open,
@@ -2284,40 +2061,40 @@ function registerModal(loader) {
   });
 }
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-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) => {
+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$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]);
+    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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$1 = (source, exclude) => {
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$3.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))
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 const AntdRadio = Radio;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$1(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$2(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -2325,7 +2102,7 @@ function AntdRadioGroup(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$1(__spreadValues$1({}, rest), {
+  return /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$2(__spreadValues$3({}, rest), {
     onChange: wrappedOnChange
   }));
 }
@@ -2444,33 +2221,33 @@ function registerRadio(loader) {
   });
 }
 
-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) => {
+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.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]);
+    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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.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))
+  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;
@@ -2485,7 +2262,7 @@ function AntdSelect(props) {
     suffixIcon,
     mode,
     useChildren
-  } = _a, rest = __objRest(_a, [
+  } = _a, rest = __objRest$1(_a, [
     "popupClassName",
     "popupScopeClassName",
     "defaultStylesClassName",
@@ -2493,11 +2270,11 @@ function AntdSelect(props) {
     "mode",
     "useChildren"
   ]);
-  const curated = __spreadValues({}, rest);
+  const curated = __spreadValues$2({}, rest);
   if (useChildren) {
     curated.options = void 0;
   }
-  return /* @__PURE__ */ React.createElement(Select, __spreadValues(__spreadProps(__spreadValues({}, curated), {
+  return /* @__PURE__ */ React.createElement(Select, __spreadValues$2(__spreadProps$1(__spreadValues$2({}, curated), {
     mode: !mode || mode === "single" ? void 0 : mode,
     popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
   }), suffixIcon && { suffixIcon }));
@@ -2766,10 +2543,512 @@ function registerSelect(loader) {
   });
 }
 
+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 = (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;
+};
+const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
+  const _a = props, {
+    data,
+    onSelectedRowKeysChange,
+    onSelectedRowsChange,
+    isSelectable,
+    rowKey,
+    setControlContextData,
+    selectedRowKeys,
+    defaultSelectedRowKeys
+  } = _a, rest = __objRest(_a, [
+    "data",
+    "onSelectedRowKeysChange",
+    "onSelectedRowsChange",
+    "isSelectable",
+    "rowKey",
+    "setControlContextData",
+    "selectedRowKeys",
+    "defaultSelectedRowKeys"
+  ]);
+  setControlContextData == null ? void 0 : setControlContextData(data);
+  const isControlled = !!selectedRowKeys;
+  const [
+    uncontrolledSelectedRowKeys,
+    setUncontrolledSelectedRowKeys
+  ] = React.useState(defaultSelectedRowKeys != null ? defaultSelectedRowKeys : []);
+  const selection = isSelectable && rowKey ? {
+    onChange: (rowKeys, rows) => {
+      onSelectedRowsChange == null ? void 0 : onSelectedRowsChange(rows);
+      onSelectedRowKeysChange == null ? void 0 : onSelectedRowKeysChange(rowKeys);
+    },
+    type: isSelectable === "single" ? "radio" : "checkbox",
+    selectedRowKeys: isControlled ? asArray(selectedRowKeys) : uncontrolledSelectedRowKeys
+  } : void 0;
+  React.useImperativeHandle(ref, () => ({
+    selectRowByIndex(index) {
+      if (data.data && rowKey) {
+        const row = data.data[index];
+        const rows = row ? [row] : [];
+        this._setSelectedRows(rows);
+      }
+    },
+    selectRowsByIndexes(indexes) {
+      if (data.data && rowKey) {
+        const rows = indexes.map((x) => data.data[x]).filter((x) => !!x);
+        this._setSelectedRows(rows);
+      }
+    },
+    selectRowByKey(key) {
+      if (data.data && rowKey) {
+        const rows = data.data.filter((r) => r[rowKey] === key);
+        this._setSelectedRows(rows);
+      }
+    },
+    selectRowsByKeys(keys) {
+      if (data.data && rowKey) {
+        const rows = data.data.filter((r) => keys.includes(r[rowKey]));
+        this._setSelectedRows(rows);
+      }
+    },
+    clearSelection() {
+      this._setSelectedRows([]);
+    },
+    _setSelectedRows(rows) {
+      onSelectedRowsChange == null ? void 0 : onSelectedRowsChange(rows);
+      if (rowKey) {
+        onSelectedRowKeysChange == null ? void 0 : onSelectedRowKeysChange(rows.map((r) => r[rowKey]));
+      }
+      if (!isControlled) {
+        setUncontrolledSelectedRowKeys(rows.map((r) => r[rowKey]));
+      }
+    }
+  }), [data, onSelectedRowKeysChange, onSelectedRowsChange, isSelectable, rowKey]);
+  return /* @__PURE__ */ React.createElement(Table, __spreadValues$1({
+    loading: data == null ? void 0 : data.isLoading,
+    dataSource: data == null ? void 0 : data.data,
+    rowSelection: selection,
+    rowKey
+  }, rest));
+});
+const AntdColumnGroup = Table.ColumnGroup;
+const AntdColumn = Table.Column;
+function registerTable(loader) {
+  registerComponentHelper(loader, AntdTable, {
+    name: "plasmic-antd5-table",
+    displayName: "Table",
+    props: {
+      data: {
+        type: "dataSourceOpData",
+        displayName: "Data"
+      },
+      children: {
+        type: "slot",
+        allowedComponents: [
+          "plasmic-antd5-table-column",
+          "plasmic-antd5-table-column-group"
+        ]
+      },
+      bordered: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true
+      },
+      isSelectable: {
+        type: "choice",
+        options: ["single", "multiple"],
+        displayName: "Select rows?"
+      },
+      rowKey: {
+        type: "choice",
+        options: (ps, ctx) => {
+          if (ctx.schema) {
+            return ctx.schema.fields.map((f) => ({
+              value: f.id,
+              label: f.label || f.id
+            }));
+          }
+          return [];
+        },
+        hidden: (ps) => !ps.isSelectable
+      },
+      selectedRowKeys: {
+        type: "choice",
+        multiSelect: (ps) => ps.isSelectable === "multiple",
+        options: (ps, ctx) => {
+          const key = ps.rowKey;
+          if (key && ctx.data) {
+            return ctx.data.map((r) => r[key]);
+          }
+          return [];
+        },
+        hidden: (ps) => !ps.rowKey
+      },
+      onSelectedRowKeysChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "keys", type: "object" }],
+        hidden: (ps) => !ps.isSelectable
+      },
+      onSelectedRowsChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "rows", type: "object" }],
+        hidden: (ps) => !ps.isSelectable
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
+    importName: "AntdTable",
+    states: {
+      selectedRowKeys: {
+        type: "writable",
+        valueProp: "selectedRowKeys",
+        onChangeProp: "onSelectedRowKeysChange",
+        variableType: "array"
+      }
+    },
+    unstable__refActions: {
+      selectRowByIndex: {
+        displayName: "Select row by index",
+        parameters: [
+          {
+            name: "index",
+            displayName: "Index",
+            type: "number"
+          }
+        ]
+      },
+      selectRowByKey: {
+        displayName: "Select row by key",
+        parameters: [
+          {
+            name: "key",
+            displayName: "Row key",
+            type: "string"
+          }
+        ]
+      }
+    }
+  });
+  registerComponentHelper(loader, AntdColumn, __spreadValues$1({
+    name: "plasmic-antd5-table-column",
+    displayName: "Column",
+    parentComponentName: "plasmic-antd5-table",
+    props: {
+      title: {
+        type: "slot",
+        defaultValue: "Column Name"
+      },
+      dataIndex: {
+        type: "string",
+        displayName: "Column key"
+      },
+      render: {
+        type: "slot",
+        renderPropParams: ["cell", "row", "index"],
+        hidePlaceholder: true,
+        displayName: "Custom render"
+      },
+      align: {
+        type: "choice",
+        options: ["left", "right", "center"],
+        defaultValueHint: "left"
+      },
+      fixed: {
+        type: "choice",
+        options: ["left", "right"],
+        advanced: true
+      },
+      colSpan: {
+        type: "number",
+        advanced: true
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
+    importName: "AntdColumn"
+  }, { isRenderless: true }));
+  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$1({
+    name: "plasmic-antd5-table-column-group",
+    displayName: "Column Group",
+    parentComponentName: "plasmic-antd5-table",
+    props: {
+      title: {
+        type: "slot",
+        defaultValue: "Column Group Name"
+      },
+      children: {
+        type: "slot",
+        allowedComponents: ["plasmic-antd5-table-column"]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
+    importName: "AntdColumnGroup"
+  }, { isRenderless: true }));
+}
+
+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));
+const AntdInput = Input;
+const AntdTextArea = Input.TextArea;
+const AntdPassword = Input.Password;
+const AntdInputNumber = InputNumber;
+const inputHelpers = {
+  states: {
+    value: {
+      onChangeArgsToValue: (e) => {
+        return e.target.value;
+      }
+    }
+  }
+};
+const COMMON_HELPERS_CONFIG = {
+  helpers: inputHelpers,
+  importName: "inputHelpers",
+  importPath: "@plasmicpkgs/antd5/skinny/registerInput"
+};
+const COMMON_STATES = {
+  value: {
+    type: "writable",
+    valueProp: "value",
+    variableType: "text",
+    onChangeProp: "onChange"
+  }
+};
+const COMMON_DECORATOR_PROPS = {
+  prefix: {
+    type: "slot",
+    hidePlaceholder: true
+  },
+  suffix: {
+    type: "slot",
+    hidePlaceholder: true
+  },
+  addonAfter: {
+    type: "slot",
+    hidePlaceholder: true
+  },
+  addonBefore: {
+    type: "slot",
+    hidePlaceholder: true
+  }
+};
+const COMMON_ADVANCED_PROPS = {
+  maxLength: {
+    type: "number",
+    advanced: true
+  },
+  bordered: {
+    type: "boolean",
+    advanced: true,
+    defaultValueHint: true
+  },
+  allowClear: {
+    type: "boolean",
+    advanced: true
+  },
+  autoFocus: {
+    type: "boolean",
+    advanced: true
+  },
+  readOnly: {
+    type: "boolean",
+    advanced: true
+  }
+};
+const COMMON_EVENT_HANDLERS = {
+  onChange: {
+    type: "eventHandler",
+    argTypes: [
+      {
+        name: "event",
+        type: "object"
+      }
+    ]
+  },
+  onPressEnter: {
+    type: "eventHandler",
+    argTypes: [
+      {
+        name: "event",
+        type: "object"
+      }
+    ]
+  }
+};
+function registerInput(loader) {
+  registerComponentHelper(loader, AntdInput, {
+    name: "plasmic-antd5-input",
+    displayName: "Input",
+    props: __spreadValues(__spreadValues(__spreadValues({
+      value: {
+        type: "string"
+      },
+      placholder: {
+        type: "string"
+      },
+      size: {
+        type: "choice",
+        options: ["large", "middle", "small"]
+      },
+      disabled: {
+        type: "boolean"
+      }
+    }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
+    states: __spreadValues({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdInput"
+  });
+}
+function registerTextArea(loader) {
+  registerComponentHelper(loader, AntdTextArea, {
+    name: "plasmic-antd5-textarea",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Text Area",
+    props: __spreadValues({
+      value: {
+        type: "string"
+      },
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      maxLength: {
+        type: "number",
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true
+      }
+    }, COMMON_EVENT_HANDLERS),
+    states: __spreadValues({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdTextArea"
+  });
+}
+function registerPasswordInput(loader) {
+  registerComponentHelper(loader, AntdPassword, {
+    name: "plasmic-antd5-input-password",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Password Input",
+    props: __spreadValues({
+      value: {
+        type: "string"
+      },
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      maxLength: {
+        type: "number",
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true
+      }
+    }, COMMON_EVENT_HANDLERS),
+    states: __spreadValues({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdPassword"
+  });
+}
+function registerNumberInput(loader) {
+  registerComponentHelper(loader, AntdInputNumber, {
+    name: "plasmic-antd5-input-number",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Number Input",
+    props: __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      value: {
+        type: "number"
+      },
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      max: {
+        type: "number"
+      },
+      min: {
+        type: "number"
+      },
+      step: {
+        type: "number",
+        helpText: "Increment or decrement step"
+      },
+      controls: {
+        type: "boolean",
+        displayName: "Show add/minus controls?",
+        advanced: true
+      }
+    }, COMMON_DECORATOR_PROPS), COMMON_ADVANCED_PROPS), COMMON_EVENT_HANDLERS), {
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "value",
+            type: "number"
+          }
+        ]
+      }
+    }),
+    states: __spreadValues({}, COMMON_STATES),
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdInputNumber"
+  });
+}
+
 function registerAll(loader) {
   registerConfigProvider(loader);
   registerTokens(loader);
   registerSelect(loader);
+  registerTable(loader);
   registerCheckbox(loader);
   registerRadio(loader);
   registerModal(loader);