@plasmicpkgs/antd5 0.0.26 → 0.0.28

package/dist/index.js

@@ -16,12 +16,18 @@ var useNotification = require('antd/lib/notification/useNotification');
 var theme = require('antd/lib/theme');
 var Dropdown = require('antd/lib/dropdown');
 var Menu = require('antd/lib/menu');
+var Form = require('antd/lib/form');
+var FormItem = require('antd/lib/form/FormItem');
+var FormList = require('antd/lib/form/FormList');
+var equal = require('fast-deep-equal');
 var Modal = require('antd/lib/modal');
 var Radio = require('antd/lib/radio');
 var RadioGroup = require('antd/lib/radio/group');
 require('antd/lib/radio/radioButton');
 var Select = require('antd/lib/select');
 var Table = require('antd/lib/table');
+var Input = require('antd/lib/input');
+var InputNumber = require('antd/lib/input-number');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -39,11 +45,17 @@ var useNotification__default = /*#__PURE__*/_interopDefault(useNotification);
 var theme__default = /*#__PURE__*/_interopDefault(theme);
 var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown);
 var Menu__default = /*#__PURE__*/_interopDefault(Menu);
+var Form__default = /*#__PURE__*/_interopDefault(Form);
+var FormItem__default = /*#__PURE__*/_interopDefault(FormItem);
+var FormList__default = /*#__PURE__*/_interopDefault(FormList);
+var equal__default = /*#__PURE__*/_interopDefault(equal);
 var Modal__default = /*#__PURE__*/_interopDefault(Modal);
 var Radio__default = /*#__PURE__*/_interopDefault(Radio);
 var RadioGroup__default = /*#__PURE__*/_interopDefault(RadioGroup);
 var Select__default = /*#__PURE__*/_interopDefault(Select);
 var Table__default = /*#__PURE__*/_interopDefault(Table);
+var Input__default = /*#__PURE__*/_interopDefault(Input);
+var InputNumber__default = /*#__PURE__*/_interopDefault(InputNumber);
 
 function makeRegisterGlobalContext(component, meta) {
   return function(loader) {
@@ -87,6 +99,18 @@ function asArray(x) {
     return [x];
   }
 }
+function omit(obj, ...keys) {
+  if (Object.keys(obj).length === 0) {
+    return obj;
+  }
+  const res = {};
+  for (const key of Object.keys(obj)) {
+    if (!keys.includes(key)) {
+      res[key] = obj[key];
+    }
+  }
+  return res;
+}
 
 const AntdButton = Button__default.default;
 function registerButton(loader) {
@@ -162,33 +186,33 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$6 = 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 __defProp$8 = 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) => {
   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$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$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.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$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.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;
@@ -202,7 +226,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React__default.default.createElement(Checkbox__default.default, __spreadProps$5(__spreadValues$6({}, rest), {
+  return /* @__PURE__ */ React__default.default.createElement(Checkbox__default.default, __spreadProps$7(__spreadValues$8({}, rest), {
     onChange: wrappedOnChange
   }));
 }
@@ -313,33 +337,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = 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) => {
+var __defProp$7 = 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) => {
   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$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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.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$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.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;
@@ -361,7 +385,7 @@ function themeToAntdConfig(opts) {
     wireframe,
     spacing
   } = opts;
-  return __spreadProps$4(__spreadValues$5({}, spacing && { size: spacing }), {
+  return __spreadProps$6(__spreadValues$7({}, spacing && { size: spacing }), {
     theme: {
       token: Object.fromEntries(Object.entries({
         colorTextBase,
@@ -383,9 +407,9 @@ function themeToAntdConfig(opts) {
 }
 function AntdConfigProvider(props) {
   const _a = props, { children, themeStyles } = _a, rest = __objRest$5(_a, ["children", "themeStyles"]);
-  return /* @__PURE__ */ React__default.default.createElement(ConfigProvider__default.default, __spreadValues$5({
+  return /* @__PURE__ */ React__default.default.createElement(ConfigProvider__default.default, __spreadValues$7({
     locale: enUS__default.default
-  }, themeToAntdConfig(__spreadProps$4(__spreadValues$5({}, rest), {
+  }, themeToAntdConfig(__spreadProps$6(__spreadValues$7({}, rest), {
     fontFamily: themeStyles.fontFamily,
     fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
     lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -406,7 +430,7 @@ function InnerConfigProvider(props) {
     showNotification: (opts) => {
       var _b;
       const _a = opts, rest = __objRest$5(_a, ["type"]);
-      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$5({}, rest));
+      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$7({}, rest));
     },
     hideNotifications: () => {
       app.notification.destroy();
@@ -662,7 +686,7 @@ function registerTokens(loader) {
     regs.forEach((t) => registerToken__default.default(t));
   }
 }
-const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$4(__spreadValues$5({
+const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$6(__spreadValues$7({
   name: "plasmic-antd5-config-provider",
   displayName: "Ant Design System Settings",
   props: {
@@ -767,40 +791,40 @@ const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __s
   importName: "AntdConfigProvider"
 }));
 
-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) => {
+var __defProp$6 = 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) => {
   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$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;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6.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$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.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__default.default.createElement(Dropdown__default.default, __spreadProps$3(__spreadValues$4({}, rest), {
+  return /* @__PURE__ */ React__default.default.createElement(Dropdown__default.default, __spreadProps$5(__spreadValues$6({}, rest), {
     overlay: () => {
       var _a2;
       const items = (_a2 = menuItems == null ? void 0 : menuItems()) != null ? _a2 : [];
@@ -893,14 +917,510 @@ function registerDropdown(loader) {
             }
           }
         ]
-      },
-      onAction: {
-        type: "eventHandler",
-        argTypes: [{ name: "key", type: "string" }]
+      },
+      onAction: {
+        type: "eventHandler",
+        argTypes: [{ name: "key", type: "string" }]
+      }
+    },
+    importPath: "@plasmicpkgs/antd/skinny/registerDropdown",
+    importName: "AntdDropdown"
+  });
+}
+
+var __defProp$5 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = 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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+const PathContext = React__default.default.createContext({ relativePath: [], fullPath: [] });
+const InternalFormInstanceContext = React__default.default.createContext(void 0);
+const Internal = (props) => {
+  const [form] = Form__default.default.useForm();
+  const values = form.getFieldsValue(true);
+  const lastValue = React__default.default.useRef(values);
+  const childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
+  const fireOnValuesChange = () => {
+    var _a;
+    const values2 = form.getFieldsValue(true);
+    if (!equal__default.default(values2, lastValue.current)) {
+      (_a = props.extendedOnValuesChange) == null ? void 0 : _a.call(props, values2);
+      lastValue.current = values2;
+    }
+  };
+  React__default.default.useEffect(() => {
+    fireOnValuesChange();
+  }, []);
+  return /* @__PURE__ */ React__default.default.createElement(InternalFormInstanceContext.Provider, {
+    value: {
+      fireOnValuesChange,
+      forceRemount: () => props.setRemountKey((k) => k + 1)
+    }
+  }, /* @__PURE__ */ React__default.default.createElement(Form__default.default, __spreadProps$4(__spreadValues$5({}, props), {
+    onValuesChange: (...args) => {
+      var _a, _b;
+      (_a = props.onValuesChange) == null ? void 0 : _a.call(props, ...args);
+      (_b = props.extendedOnValuesChange) == null ? void 0 : _b.call(props, args[1]);
+    },
+    form
+  }), childrenNode));
+};
+function FormWrapper(props) {
+  const [remountKey, setRemountKey] = React__default.default.useState(0);
+  return /* @__PURE__ */ React__default.default.createElement(Internal, __spreadProps$4(__spreadValues$5({
+    key: remountKey
+  }, props), {
+    setRemountKey
+  }));
+}
+const COMMON_ACTIONS = [
+  {
+    type: "button-action",
+    label: "Append new Form.Item",
+    onClick: ({ studioOps }) => {
+      studioOps.appendToSlot({
+        type: "component",
+        name: "plasmic-antd5-form-item"
+      }, "children");
+    }
+  },
+  {
+    type: "button-action",
+    label: "Append new Form.Group",
+    onClick: ({ studioOps }) => {
+      studioOps.appendToSlot({
+        type: "component",
+        name: "plasmic-antd5-form-group"
+      }, "children");
+    }
+  },
+  {
+    type: "button-action",
+    label: "Append new Form.List",
+    onClick: ({ studioOps }) => {
+      studioOps.appendToSlot({
+        type: "component",
+        name: "plasmic-antd5-form-list"
+      }, "children");
+    }
+  }
+];
+function registerForm(loader) {
+  registerComponentHelper(loader, FormWrapper, {
+    name: "plasmic-antd5-form",
+    displayName: "Form",
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "component",
+            name: "plasmic-antd5-form-item"
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-form-item"
+          },
+          {
+            type: "default-component",
+            kind: "button",
+            props: {
+              children: {
+                type: "text",
+                value: "Submit"
+              }
+            }
+          }
+        ]
+      },
+      initialValues: {
+        type: "code",
+        lang: "json",
+        forceRemount: true
+      },
+      layout: {
+        type: "choice",
+        options: ["horizontal", "vertical", "inline"],
+        defaultValue: "horizontal"
+      },
+      colon: {
+        type: "boolean",
+        description: `Configure the default value of colon for Form.Item. Indicates whether the colon after the label is displayed (only effective when prop layout is horizontal)`,
+        defaultValue: true,
+        advanced: true
+      },
+      requiredMark: {
+        displayName: "Show required fields?",
+        type: "boolean",
+        advanced: true
+      },
+      extendedOnValuesChange: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "changedValues",
+            type: "object"
+          },
+          {
+            name: "allValues",
+            type: "object"
+          }
+        ]
+      },
+      onFinish: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "values",
+            type: "object"
+          }
+        ]
+      },
+      onFinishFailed: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "data",
+            type: "object"
+          }
+        ]
+      },
+      validateTrigger: {
+        type: "choice",
+        options: ["onSubmit", "onChange"],
+        multiSelect: true,
+        defaultValue: ["onChange"],
+        advanced: true
+      }
+    },
+    actions: COMMON_ACTIONS,
+    states: {
+      value: {
+        type: "readonly",
+        variableType: "object",
+        onChangeProp: "extendedOnValuesChange"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerForm",
+    importName: "Form"
+  });
+}
+function plasmicRulesToAntdRules(plasmicRules) {
+  var _a, _b;
+  const rules = [];
+  for (const plasmicRule of plasmicRules) {
+    switch (plasmicRule.ruleType) {
+      case "enum":
+        rules.push({
+          type: "enum",
+          enum: (_b = (_a = plasmicRule.options) == null ? void 0 : _a.map((opt) => opt.value)) != null ? _b : [],
+          message: plasmicRule.message
+        });
+        break;
+      case "required":
+        rules.push({
+          required: true,
+          message: plasmicRule.message
+        });
+        break;
+      case "whitespace":
+        rules.push({
+          whitespace: true,
+          message: plasmicRule.message
+        });
+        break;
+      case "len":
+      case "min":
+      case "max":
+        rules.push({
+          [plasmicRule.ruleType]: plasmicRule.length,
+          message: plasmicRule.message
+        });
+        break;
+      case "advanced":
+        rules.push({
+          validator: (...args) => {
+            var _a2;
+            return ((_a2 = plasmicRule.custom) == null ? void 0 : _a2.apply(null, args)) ? Promise.resolve() : Promise.reject();
+          },
+          message: plasmicRule.message
+        });
+    }
+  }
+  return rules;
+}
+const useFormItemRelativeName = (name) => {
+  const pathCtx = React__default.default.useContext(PathContext);
+  return typeof name === "object" ? [...pathCtx.relativePath, ...name] : typeof name === "string" ? [...pathCtx.relativePath, name] : void 0;
+};
+const useFormItemFullName = (name) => {
+  const pathCtx = React__default.default.useContext(PathContext);
+  return typeof name === "object" ? [...pathCtx.fullPath, ...name] : typeof name === "string" ? [...pathCtx.fullPath, name] : void 0;
+};
+function FormItemWrapper(props) {
+  var _a;
+  const relativeFormItemName = useFormItemRelativeName(props.name);
+  const fullFormItemName = useFormItemFullName(props.name);
+  const rules = props.rules ? plasmicRulesToAntdRules(props.rules) : void 0;
+  const inCanvas = !!host.usePlasmicCanvasContext();
+  if (inCanvas) {
+    const form = Form__default.default.useFormInstance();
+    const prevPropValues = React__default.default.useRef({
+      initialValue: props.initialValue,
+      name: props.name
+    });
+    const { fireOnValuesChange, forceRemount } = (_a = React__default.default.useContext(InternalFormInstanceContext)) != null ? _a : {};
+    React__default.default.useEffect(() => {
+      if (prevPropValues.current.name !== props.name) {
+        forceRemount == null ? void 0 : forceRemount();
+      }
+      if (!fullFormItemName || form.getFieldValue(fullFormItemName) !== prevPropValues.current.initialValue) {
+        return;
+      }
+      form.setFieldValue(fullFormItemName, props.initialValue);
+      prevPropValues.current.initialValue = props.initialValue;
+      fireOnValuesChange == null ? void 0 : fireOnValuesChange();
+    }, [props.initialValue, fullFormItemName]);
+  }
+  return /* @__PURE__ */ React__default.default.createElement(FormItem__default.default, __spreadProps$4(__spreadValues$5({}, omit(props, "rules")), {
+    name: relativeFormItemName,
+    rules
+  }));
+}
+function registerFormItem(loader) {
+  registerComponentHelper(loader, FormItemWrapper, {
+    name: "plasmic-antd5-form-item",
+    displayName: "Form.Item",
+    parentComponentName: "plasmic-antd5-form",
+    props: {
+      label: {
+        type: "slot",
+        defaultValue: {
+          type: "text",
+          value: "Label"
+        }
+      },
+      children: {
+        type: "slot",
+        defaultValue: {
+          type: "component",
+          name: "plasmic-antd5-input"
+        }
+      },
+      name: {
+        type: "string"
+      },
+      initialValue: {
+        type: "string"
+      },
+      required: {
+        type: "boolean"
+      },
+      rules: {
+        type: "formValidationRules",
+        displayName: "rules"
+      },
+      colon: {
+        type: "boolean",
+        defaultValue: false,
+        advanced: true
+      },
+      labelAlign: {
+        type: "choice",
+        options: ["left", "right"],
+        advanced: true
+      },
+      hidden: {
+        type: "boolean",
+        advanced: true
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerForm",
+    importName: "FormItemWrapper"
+  });
+}
+function FormGroup(props) {
+  const pathCtx = React__default.default.useContext(PathContext);
+  return /* @__PURE__ */ React__default.default.createElement(PathContext.Provider, {
+    value: {
+      relativePath: [...pathCtx.relativePath, props.name],
+      fullPath: [...pathCtx.fullPath, props.name]
+    }
+  }, props.children);
+}
+function registerFormGroup(loader) {
+  registerComponentHelper(loader, FormGroup, {
+    name: "plasmic-antd5-form-group",
+    displayName: "Form.Group",
+    parentComponentName: "plasmic-antd5-form",
+    actions: COMMON_ACTIONS,
+    props: {
+      name: {
+        type: "string"
+      },
+      children: {
+        type: "slot"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerForm",
+    importName: "FormGroup"
+  });
+}
+const FormListWrapper = React__default.default.forwardRef(function FormListWrapper2(props, ref) {
+  var _a;
+  const relativeFormItemName = useFormItemRelativeName(props.name);
+  const fullFormItemName = useFormItemFullName(props.name);
+  const operationsRef = React__default.default.useRef(void 0);
+  React__default.default.useImperativeHandle(ref, () => ({
+    add(defaultValue, insertIndex) {
+      if (operationsRef.current) {
+        const { add } = operationsRef.current[1];
+        add(defaultValue, insertIndex);
+      }
+    },
+    remove(index) {
+      if (operationsRef.current) {
+        const { remove } = operationsRef.current[1];
+        remove(index);
+      }
+    },
+    move(from, to) {
+      if (operationsRef.current) {
+        const { move } = operationsRef.current[1];
+        move(from, to);
+      }
+    }
+  }), [operationsRef]);
+  const inCanvas = !!host.usePlasmicCanvasContext();
+  if (inCanvas) {
+    const form = Form__default.default.useFormInstance();
+    const prevPropValues = React__default.default.useRef({
+      initialValue: props.initialValue,
+      name: props.name
+    });
+    const { fireOnValuesChange, forceRemount } = (_a = React__default.default.useContext(InternalFormInstanceContext)) != null ? _a : {};
+    React__default.default.useEffect(() => {
+      if (prevPropValues.current.name !== props.name) {
+        forceRemount == null ? void 0 : forceRemount();
+      }
+      if (fullFormItemName) {
+        form.setFieldValue(fullFormItemName, props.initialValue);
+        prevPropValues.current.initialValue = props.initialValue;
+        fireOnValuesChange == null ? void 0 : fireOnValuesChange();
+      }
+    }, [props.initialValue, fullFormItemName]);
+  }
+  return /* @__PURE__ */ React__default.default.createElement(FormList__default.default, __spreadProps$4(__spreadValues$5({}, props), {
+    name: relativeFormItemName != null ? relativeFormItemName : []
+  }), (...args) => {
+    operationsRef.current = args;
+    return args[0].map((field, index) => /* @__PURE__ */ React__default.default.createElement(PathContext.Provider, {
+      value: {
+        relativePath: [field.name],
+        fullPath: [...fullFormItemName != null ? fullFormItemName : [], field.name]
+      }
+    }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
+      name: "currentField",
+      data: field
+    }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
+      name: "currentFieldIndex",
+      data: index
+    }, host.repeatedElement(index, props.children)))));
+  });
+});
+function registerFormList(loader) {
+  registerComponentHelper(loader, FormListWrapper, {
+    name: "plasmic-antd5-form-list",
+    parentComponentName: "plasmic-antd5-form",
+    displayName: "Form.List",
+    actions: COMMON_ACTIONS,
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "component",
+            name: "plasmic-antd5-form-item",
+            props: {
+              name: "item"
+            }
+          }
+        ]
+      },
+      name: {
+        type: "string",
+        defaultValue: "list"
+      },
+      initialValue: {
+        type: "object",
+        defaultValue: [
+          {
+            item: "Item 1"
+          },
+          {
+            item: "Item 2"
+          }
+        ]
+      }
+    },
+    unstable__refActions: {
+      add: {
+        displayName: "Add an item",
+        parameters: [
+          {
+            name: "defaultValue",
+            displayName: "Default value",
+            type: "object"
+          },
+          {
+            name: "insertIndex",
+            displayName: "Insert index",
+            type: "number"
+          }
+        ]
+      },
+      remove: {
+        displayName: "Remove an item",
+        parameters: [
+          {
+            name: "index",
+            displayName: "Index",
+            type: "number"
+          }
+        ]
+      },
+      move: {
+        displayName: "Move field",
+        parameters: [
+          {
+            name: "from",
+            displayName: "From",
+            type: "number"
+          },
+          {
+            name: "to",
+            displayName: "To",
+            type: "number"
+          }
+        ]
       }
     },
-    importPath: "@plasmicpkgs/antd/skinny/registerDropdown",
-    importName: "AntdDropdown"
+    importPath: "@plasmicpkgs/antd5/skinny/registerForm",
+    importName: "FormListWrapper"
   });
 }
 
@@ -1099,33 +1619,33 @@ function registerMenu(loader) {
   });
 }
 
-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) => {
+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$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]);
+    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 __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.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$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.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;
@@ -1152,7 +1672,7 @@ function AntdModal(props) {
       return void 0;
     }
   }, [onOpenChange, onCancel]);
-  return /* @__PURE__ */ React__default.default.createElement(Modal__default.default, __spreadProps$2(__spreadValues$3({}, rest), {
+  return /* @__PURE__ */ React__default.default.createElement(Modal__default.default, __spreadProps$3(__spreadValues$4({}, rest), {
     onOk: memoOnOk,
     onCancel: memoOnCancel,
     open,
@@ -1253,33 +1773,33 @@ function registerModal(loader) {
   });
 }
 
-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) => {
+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$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]);
+    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 __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.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$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.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;
@@ -1294,7 +1814,7 @@ function AntdRadioGroup(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React__default.default.createElement(RadioGroup__default.default, __spreadProps$1(__spreadValues$2({}, rest), {
+  return /* @__PURE__ */ React__default.default.createElement(RadioGroup__default.default, __spreadProps$2(__spreadValues$3({}, rest), {
     onChange: wrappedOnChange
   }));
 }
@@ -1413,33 +1933,33 @@ function registerRadio(loader) {
   });
 }
 
-var __defProp$1 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = 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$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$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$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 __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.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$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.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;
@@ -1459,7 +1979,7 @@ function AntdSelect(props) {
     "suffixIcon",
     "mode"
   ]);
-  return /* @__PURE__ */ React__default.default.createElement(Select__default.default, __spreadValues$1(__spreadProps(__spreadValues$1({}, rest), {
+  return /* @__PURE__ */ React__default.default.createElement(Select__default.default, __spreadValues$2(__spreadProps$1(__spreadValues$2({}, rest), {
     mode: !mode || mode === "single" ? void 0 : mode,
     popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
   }), suffixIcon && { suffixIcon }));
@@ -1645,30 +2165,30 @@ function registerSelect(loader) {
   });
 }
 
-var __defProp = Object.defineProperty;
-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$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.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$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.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.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$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1746,7 +2266,7 @@ const AntdTable = React__default.default.forwardRef(function AntdTable2(props, r
       }
     }
   }), [data, onSelectedRowKeysChange, onSelectedRowsChange, isSelectable, rowKey]);
-  return /* @__PURE__ */ React__default.default.createElement(Table__default.default, __spreadValues({
+  return /* @__PURE__ */ React__default.default.createElement(Table__default.default, __spreadValues$1({
     loading: data == null ? void 0 : data.isLoading,
     dataSource: data == null ? void 0 : data.data,
     rowSelection: selection,
@@ -1850,7 +2370,7 @@ function registerTable(loader) {
       }
     }
   });
-  registerComponentHelper(loader, AntdColumn, __spreadValues({
+  registerComponentHelper(loader, AntdColumn, __spreadValues$1({
     name: "plasmic-antd5-table-column",
     displayName: "Column",
     parentComponentName: "plasmic-antd5-table",
@@ -1887,7 +2407,7 @@ function registerTable(loader) {
     importPath: "@plasmicpkgs/antd5/skinny/registerTable",
     importName: "AntdColumn"
   }, { isRenderless: true }));
-  registerComponentHelper(loader, AntdColumnGroup, __spreadValues({
+  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$1({
     name: "plasmic-antd5-table-column-group",
     displayName: "Column Group",
     parentComponentName: "plasmic-antd5-table",
@@ -1906,6 +2426,246 @@ function registerTable(loader) {
   }, { 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__default.default;
+const AntdTextArea = Input__default.default.TextArea;
+const AntdPassword = Input__default.default.Password;
+const AntdInputNumber = InputNumber__default.default;
+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);
@@ -1917,6 +2677,14 @@ function registerAll(loader) {
   registerButton(loader);
   registerMenu(loader);
   registerDropdown(loader);
+  registerForm(loader);
+  registerFormItem(loader);
+  registerFormGroup(loader);
+  registerFormList(loader);
+  registerInput(loader);
+  registerPasswordInput(loader);
+  registerTextArea(loader);
+  registerNumberInput(loader);
 }
 
 exports.registerAll = registerAll;