@plasmicpkgs/antd5 0.0.28 → 0.0.30

package/dist/index.js

@@ -20,14 +20,14 @@ 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 classNames = require('classnames');
+var Input = require('antd/lib/input');
+var InputNumber = require('antd/lib/input-number');
 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 }; }
 
@@ -49,13 +49,13 @@ 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 classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var Input__default = /*#__PURE__*/_interopDefault(Input);
+var InputNumber__default = /*#__PURE__*/_interopDefault(InputNumber);
 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) {
@@ -90,15 +90,6 @@ 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;
@@ -179,6 +170,10 @@ function registerButton(loader) {
       icon: {
         type: "slot",
         hidePlaceholder: true
+      },
+      onClick: {
+        type: "eventHandler",
+        argTypes: []
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerButton",
@@ -499,7 +494,8 @@ function registerTokens(loader) {
     const colorIndex = name.indexOf("color");
     const humanName = makeNiceName(colorIndex >= 0 ? name.substring(name.indexOf("color") + "color".length) : name);
     return {
-      name: `Sys: ${humanName}`,
+      name,
+      displayName: `System: ${humanName}`,
       value: `var(--antd-${name})`,
       type: "color"
     };
@@ -929,8 +925,6 @@ function registerDropdown(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;
@@ -946,19 +940,115 @@ var __spreadValues$5 = (a, b) => {
     }
   return a;
 };
+const isBrowser = typeof window !== "undefined";
+const NONE = Symbol("NONE");
+isBrowser ? React__default.default.useLayoutEffect : React__default.default.useEffect;
+function mergeProps(props, ...restProps) {
+  if (restProps.every((rest) => Object.keys(rest).length === 0)) {
+    return props;
+  }
+  const result = __spreadValues$5({}, props);
+  for (const rest of restProps) {
+    for (const key of Object.keys(rest)) {
+      result[key] = mergePropVals(key, result[key], rest[key]);
+    }
+  }
+  return result;
+}
+function updateRef(ref, value) {
+  if (!ref) {
+    return;
+  }
+  if (typeof ref === "function") {
+    ref(value);
+  } else {
+    if (!Object.isFrozen(ref)) {
+      ref.current = value;
+    }
+  }
+}
+function mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      updateRef(ref, value);
+    }
+  };
+}
+function mergePropVals(name, val1, val2) {
+  if (val1 === NONE || val2 === NONE) {
+    return null;
+  } else if (val1 == null) {
+    return val2;
+  } else if (val2 == null) {
+    return val1;
+  } else if (name === "className") {
+    return classNames__default.default(val1, val2);
+  } else if (name === "style") {
+    return __spreadValues$5(__spreadValues$5({}, val1), val2);
+  } else if (name === "ref") {
+    return mergeRefs(val1, val2);
+  } else if (typeof val1 !== typeof val2) {
+    return val2;
+  } else if (name.startsWith("on") && typeof val1 === "function") {
+    return (...args) => {
+      let res;
+      if (typeof val1 === "function") {
+        res = val1(...args);
+      }
+      if (typeof val2 === "function") {
+        res = val2(...args);
+      }
+      return res;
+    };
+  } else {
+    return val2;
+  }
+}
+
+var __defProp$4 = 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) => {
+  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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$4.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))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const PathContext = React__default.default.createContext({ relativePath: [], fullPath: [] });
 const InternalFormInstanceContext = React__default.default.createContext(void 0);
 const Internal = (props) => {
+  var _a, _b;
   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;
+    var _a2;
     const values2 = form.getFieldsValue(true);
     if (!equal__default.default(values2, lastValue.current)) {
-      (_a = props.extendedOnValuesChange) == null ? void 0 : _a.call(props, values2);
+      (_a2 = props.extendedOnValuesChange) == null ? void 0 : _a2.call(props, values2);
       lastValue.current = values2;
     }
   };
@@ -968,20 +1058,23 @@ const Internal = (props) => {
   return /* @__PURE__ */ React__default.default.createElement(InternalFormInstanceContext.Provider, {
     value: {
       fireOnValuesChange,
-      forceRemount: () => props.setRemountKey((k) => k + 1)
+      forceRemount: () => props.setRemountKey((k) => k + 1),
+      formProps: props
     }
-  }, /* @__PURE__ */ React__default.default.createElement(Form__default.default, __spreadProps$4(__spreadValues$5({}, props), {
+  }, /* @__PURE__ */ React__default.default.createElement(Form__default.default, __spreadProps$4(__spreadValues$4({}, 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]);
+      var _a2, _b2;
+      (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
+      (_b2 = props.extendedOnValuesChange) == null ? void 0 : _b2.call(props, args[1]);
     },
-    form
+    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));
 };
 function FormWrapper(props) {
   const [remountKey, setRemountKey] = React__default.default.useState(0);
-  return /* @__PURE__ */ React__default.default.createElement(Internal, __spreadProps$4(__spreadValues$5({
+  return /* @__PURE__ */ React__default.default.createElement(Internal, __spreadProps$4(__spreadValues$4({
     key: remountKey
   }, props), {
     setRemountKey
@@ -990,7 +1083,7 @@ function FormWrapper(props) {
 const COMMON_ACTIONS = [
   {
     type: "button-action",
-    label: "Append new Form.Item",
+    label: "Append new Form Item",
     onClick: ({ studioOps }) => {
       studioOps.appendToSlot({
         type: "component",
@@ -1000,7 +1093,7 @@ const COMMON_ACTIONS = [
   },
   {
     type: "button-action",
-    label: "Append new Form.Group",
+    label: "Append new Form Group",
     onClick: ({ studioOps }) => {
       studioOps.appendToSlot({
         type: "component",
@@ -1010,7 +1103,7 @@ const COMMON_ACTIONS = [
   },
   {
     type: "button-action",
-    label: "Append new Form.List",
+    label: "Append new Form List",
     onClick: ({ studioOps }) => {
       studioOps.appendToSlot({
         type: "component",
@@ -1020,6 +1113,33 @@ const COMMON_ACTIONS = [
   }
 ];
 function registerForm(loader) {
+  const colProp = (displayName, defaultValue) => ({
+    type: "object",
+    displayName,
+    advanced: true,
+    fields: {
+      span: {
+        type: "number",
+        displayName: "Grid columns",
+        description: "The number of grid columns to span (24 columns available)",
+        min: 1,
+        max: 24
+      },
+      offset: {
+        type: "number",
+        displayName: "Offset columns",
+        description: "Number of grid columns to skip from the left",
+        min: 0,
+        max: 23
+      },
+      horizontalOnly: {
+        type: "boolean",
+        displayName: "Horizontal only",
+        description: "Only apply to horizontal layout"
+      }
+    },
+    defaultValue
+  });
   registerComponentHelper(loader, FormWrapper, {
     name: "plasmic-antd5-form",
     displayName: "Form",
@@ -1029,11 +1149,33 @@ function registerForm(loader) {
         defaultValue: [
           {
             type: "component",
-            name: "plasmic-antd5-form-item"
+            name: "plasmic-antd5-form-item",
+            props: {
+              label: {
+                type: "text",
+                value: "Name"
+              },
+              name: "name",
+              children: {
+                type: "component",
+                name: "plasmic-antd5-input"
+              }
+            }
           },
           {
             type: "component",
-            name: "plasmic-antd5-form-item"
+            name: "plasmic-antd5-form-item",
+            props: {
+              label: {
+                type: "text",
+                value: "Message"
+              },
+              name: "message",
+              children: {
+                type: "component",
+                name: "plasmic-antd5-textarea"
+              }
+            }
           },
           {
             type: "default-component",
@@ -1055,21 +1197,51 @@ function registerForm(loader) {
       layout: {
         type: "choice",
         options: ["horizontal", "vertical", "inline"],
-        defaultValue: "horizontal"
+        defaultValue: "vertical"
+      },
+      labelAlign: {
+        type: "choice",
+        options: ["left", "right"],
+        defaultValueHint: "right",
+        advanced: true
       },
+      labelCol: colProp("Label layout", {
+        span: 8,
+        horizontalOnly: true
+      }),
+      wrapperCol: colProp("Field layout", {
+        span: 16,
+        horizontalOnly: true
+      }),
       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,
+        description: `Show a colon after the label by default (only for horizontal layout)`,
+        defaultValueHint: true,
         advanced: true
       },
       requiredMark: {
-        displayName: "Show required fields?",
-        type: "boolean",
-        advanced: true
+        displayName: "Required/optional mark",
+        type: "choice",
+        options: [
+          {
+            value: "optional",
+            label: "Indicate optional fields"
+          },
+          {
+            value: true,
+            label: "Indicate required fields with asterisk"
+          },
+          {
+            value: false,
+            label: "Show no indicators"
+          }
+        ],
+        advanced: true,
+        defaultValueHint: true
       },
       extendedOnValuesChange: {
         type: "eventHandler",
+        displayName: "On values change",
         argTypes: [
           {
             name: "changedValues",
@@ -1083,6 +1255,7 @@ function registerForm(loader) {
       },
       onFinish: {
         type: "eventHandler",
+        displayName: "On submit",
         argTypes: [
           {
             name: "values",
@@ -1092,6 +1265,7 @@ function registerForm(loader) {
       },
       onFinishFailed: {
         type: "eventHandler",
+        displayName: "On invalid submit",
         argTypes: [
           {
             name: "data",
@@ -1101,9 +1275,9 @@ function registerForm(loader) {
       },
       validateTrigger: {
         type: "choice",
-        options: ["onSubmit", "onChange"],
+        options: ["onSubmit", "onChange", "onBlur"],
         multiSelect: true,
-        defaultValue: ["onChange"],
+        defaultValueHint: ["onChange"],
         advanced: true
       }
     },
@@ -1171,40 +1345,68 @@ 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 useFormInstanceMaybe() {
+  return Form__default.default.useFormInstance();
+}
 function FormItemWrapper(props) {
-  var _a;
+  var _a, _b;
   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 form = useFormInstanceMaybe();
     const prevPropValues = React__default.default.useRef({
       initialValue: props.initialValue,
       name: props.name
     });
-    const { fireOnValuesChange, forceRemount } = (_a = React__default.default.useContext(InternalFormInstanceContext)) != null ? _a : {};
+    const internalFormCtx = React__default.default.useContext(InternalFormInstanceContext);
+    const { fireOnValuesChange, forceRemount } = internalFormCtx != null ? internalFormCtx : {};
+    (_a = props.setControlContextData) == null ? void 0 : _a.call(props, {
+      internalFormCtx
+    });
     React__default.default.useEffect(() => {
       if (prevPropValues.current.name !== props.name) {
         forceRemount == null ? void 0 : forceRemount();
       }
-      if (!fullFormItemName || form.getFieldValue(fullFormItemName) !== prevPropValues.current.initialValue) {
+      if (!fullFormItemName || (form == null ? void 0 : form.getFieldValue(fullFormItemName)) !== prevPropValues.current.initialValue) {
         return;
       }
-      form.setFieldValue(fullFormItemName, props.initialValue);
+      form == null ? void 0 : form.setFieldValue(fullFormItemName, props.initialValue);
       prevPropValues.current.initialValue = props.initialValue;
       fireOnValuesChange == null ? void 0 : fireOnValuesChange();
-    }, [props.initialValue, fullFormItemName]);
+    }, [form, props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React__default.default.createElement(FormItem__default.default, __spreadProps$4(__spreadValues$5({}, omit(props, "rules")), {
+  return /* @__PURE__ */ React__default.default.createElement(FormItem__default.default, __spreadValues$4(__spreadProps$4(__spreadValues$4({}, omit(props, "rules")), {
+    label: props.noLabel ? void 0 : props.label,
     name: relativeFormItemName,
     rules
-  }));
+  }), props.helpTextMode === "extra" ? { extra: props.help } : props.helpTextMode === "help" ? { help: (_b = props.help) != null ? _b : "" } : {}), props.customizeProps ? /* @__PURE__ */ React__default.default.createElement(FormItemForwarder, {
+    formItemProps: props
+  }) : props.children);
+}
+function FormItemForwarder(_a) {
+  var _b = _a, { formItemProps } = _b, props = __objRest$3(_b, ["formItemProps"]);
+  var _a2;
+  const status = Form__default.default.Item.useStatus();
+  const internalFormCtx = React__default.default.useContext(InternalFormInstanceContext);
+  const data = {
+    status: status.status
+  };
+  (_a2 = props.setControlContextData) == null ? void 0 : _a2.call(props, {
+    internalFormCtx,
+    status
+  });
+  return React__default.default.Children.map(formItemProps.children, (child, i) => {
+    var _a3;
+    const baseProps = __spreadValues$4(__spreadValues$4({}, (_a3 = child.props) != null ? _a3 : {}), props);
+    return i === 0 && React.isValidElement(child) ? React.cloneElement(child, mergeProps(baseProps, formItemProps.customizeProps(data, baseProps))) : child;
+  });
 }
 function registerFormItem(loader) {
   registerComponentHelper(loader, FormItemWrapper, {
     name: "plasmic-antd5-form-item",
-    displayName: "Form.Item",
+    displayName: "Form Item",
     parentComponentName: "plasmic-antd5-form",
     props: {
       label: {
@@ -1231,12 +1433,18 @@ function registerFormItem(loader) {
         type: "boolean"
       },
       rules: {
-        type: "formValidationRules",
-        displayName: "rules"
+        type: "formValidationRules"
+      },
+      noLabel: {
+        type: "boolean",
+        advanced: true
       },
       colon: {
         type: "boolean",
-        defaultValue: false,
+        defaultValueHint: (_ps, ctx) => {
+          var _a, _b;
+          return (_b = (_a = ctx == null ? void 0 : ctx.internalFormCtx) == null ? void 0 : _a.formProps.colon) != null ? _b : true;
+        },
         advanced: true
       },
       labelAlign: {
@@ -1247,6 +1455,66 @@ function registerFormItem(loader) {
       hidden: {
         type: "boolean",
         advanced: true
+      },
+      validateTrigger: {
+        type: "choice",
+        options: ["onSubmit", "onChange", "onBlur"],
+        multiSelect: true,
+        advanced: true
+      },
+      shouldUpdate: {
+        type: "boolean",
+        advanced: true,
+        displayName: "Always re-render",
+        description: "Form items normally only re-render when the corresponding form value changes, for performance. This forces it to always re-render."
+      },
+      helpTextMode: {
+        type: "choice",
+        displayName: "Help text",
+        options: [
+          {
+            value: "errors",
+            label: "Validation errors"
+          },
+          {
+            value: "extra",
+            label: "Custom help text and validation errors"
+          },
+          {
+            value: "help",
+            label: "Custom help text, no validation errors"
+          }
+        ],
+        defaultValueHint: "Show validation errors",
+        description: "What to show in the help text. Edit help text by editing the 'help' slot in the outline."
+      },
+      help: {
+        type: "slot",
+        hidden: (ps) => {
+          var _a;
+          return !["extra", "help"].includes((_a = ps.helpTextMode) != null ? _a : "");
+        },
+        hidePlaceholder: true
+      },
+      customizeProps: {
+        type: "function",
+        description: "Customize the props passed into the wrapped field component. Takes the current status ('success', 'warning', 'error', or 'validating').)",
+        argNames: ["fieldData"],
+        argValues: (_ps, ctx) => {
+          var _a;
+          return [
+            {
+              status: (_a = ctx == null ? void 0 : ctx.status) == null ? void 0 : _a.status
+            }
+          ];
+        },
+        advanced: true
+      },
+      noStyle: {
+        type: "boolean",
+        displayName: "Field only",
+        description: "Don't render anything but the wrapped field component - so no label, help text, validation error, etc.",
+        advanced: true
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerForm",
@@ -1265,7 +1533,7 @@ function FormGroup(props) {
 function registerFormGroup(loader) {
   registerComponentHelper(loader, FormGroup, {
     name: "plasmic-antd5-form-group",
-    displayName: "Form.Group",
+    displayName: "Form Group",
     parentComponentName: "plasmic-antd5-form",
     actions: COMMON_ACTIONS,
     props: {
@@ -1307,7 +1575,7 @@ const FormListWrapper = React__default.default.forwardRef(function FormListWrapp
   }), [operationsRef]);
   const inCanvas = !!host.usePlasmicCanvasContext();
   if (inCanvas) {
-    const form = Form__default.default.useFormInstance();
+    const form = useFormInstanceMaybe();
     const prevPropValues = React__default.default.useRef({
       initialValue: props.initialValue,
       name: props.name
@@ -1318,13 +1586,13 @@ const FormListWrapper = React__default.default.forwardRef(function FormListWrapp
         forceRemount == null ? void 0 : forceRemount();
       }
       if (fullFormItemName) {
-        form.setFieldValue(fullFormItemName, props.initialValue);
+        form == null ? void 0 : 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), {
+  return /* @__PURE__ */ React__default.default.createElement(FormList__default.default, __spreadProps$4(__spreadValues$4({}, props), {
     name: relativeFormItemName != null ? relativeFormItemName : []
   }), (...args) => {
     operationsRef.current = args;
@@ -1346,33 +1614,63 @@ function registerFormList(loader) {
   registerComponentHelper(loader, FormListWrapper, {
     name: "plasmic-antd5-form-list",
     parentComponentName: "plasmic-antd5-form",
-    displayName: "Form.List",
+    displayName: "Form List",
     actions: COMMON_ACTIONS,
     props: {
       children: {
         type: "slot",
         defaultValue: [
           {
-            type: "component",
-            name: "plasmic-antd5-form-item",
-            props: {
-              name: "item"
-            }
+            type: "hbox",
+            children: [
+              {
+                type: "component",
+                name: "plasmic-antd5-form-item",
+                props: {
+                  name: "firstName",
+                  label: {
+                    type: "text",
+                    value: "First name"
+                  },
+                  children: {
+                    type: "component",
+                    name: "plasmic-antd5-input"
+                  }
+                }
+              },
+              {
+                type: "component",
+                name: "plasmic-antd5-form-item",
+                props: {
+                  name: "lastName",
+                  label: {
+                    type: "text",
+                    value: "Last name"
+                  },
+                  children: {
+                    type: "component",
+                    name: "plasmic-antd5-input"
+                  }
+                }
+              }
+            ]
           }
         ]
       },
       name: {
         type: "string",
-        defaultValue: "list"
+        defaultValue: "guests"
       },
       initialValue: {
-        type: "object",
+        type: "array",
         defaultValue: [
           {
-            item: "Item 1"
+            firstName: "Jane",
+            lastName: "Doe"
           },
           {
-            item: "Item 2"
+            firstName: "John",
+            lastName: "Smith"
           }
         ]
       }
@@ -1424,518 +1722,447 @@ function registerFormList(loader) {
   });
 }
 
-const AntdMenu = Menu__default.default;
-const AntdMenuDivider = Menu__default.default.Divider;
-const AntdMenuItem = Menu__default.default.Item;
-const AntdMenuItemGroup = Menu__default.default.ItemGroup;
-const AntdSubMenu = Menu__default.default.SubMenu;
-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: [
-          "plasmic-antd5-menu-item",
-          "plasmic-antd5-menu-divider",
-          "plasmic-antd5-submenu",
-          "plasmic-antd5-menu-group"
-        ],
-        defaultValue: [
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item"
-          },
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item"
-          }
-        ]
-      },
-      onSelect: {
-        type: "eventHandler",
-        argTypes: [{ name: "key", type: "string" }]
+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__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;
       }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
-    importName: "AntdMenu"
-  });
-  registerComponentHelper(loader, AntdMenuItem, {
-    name: "plasmic-antd5-menu-item",
-    displayName: "Menu Item",
-    props: {
-      danger: {
-        type: "boolean",
-        description: "Display the danger style",
-        defaultValueHint: false
-      },
-      disabled: {
-        type: "boolean",
-        description: "Whether disabled select",
-        defaultValueHint: false
+    }
+  }
+};
+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"
       },
-      key: {
-        type: "string",
-        description: "Unique ID of the menu item",
-        defaultValue: "menuItemKey"
+      placholder: {
+        type: "string"
       },
-      title: {
-        type: "string",
-        description: "Set display title for collapsed item"
+      size: {
+        type: "choice",
+        options: ["large", "middle", "small"]
       },
-      children: {
-        type: "slot",
-        defaultValue: [
-          {
-            type: "text",
-            value: "Option"
-          }
-        ]
+      disabled: {
+        type: "boolean"
       }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
-    importName: "AntdMenuItem",
-    parentComponentName: "plasmic-antd5-menu"
+    }, 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"
   });
-  registerComponentHelper(loader, AntdMenuItemGroup, {
-    name: "plasmic-antd5-menu-item-group",
-    displayName: "Item Group",
-    props: {
-      title: {
-        type: "slot",
-        defaultValue: [
-          {
-            type: "text",
-            value: "Group"
-          }
-        ]
+}
+function registerTextArea(loader) {
+  registerComponentHelper(loader, AntdTextArea, {
+    name: "plasmic-antd5-textarea",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Text Area",
+    props: __spreadValues$3({
+      value: {
+        type: "string"
       },
-      children: {
-        type: "slot",
-        allowedComponents: [
-          "plasmic-antd5-menu-item",
-          "plasmic-antd5-menu-divider",
-          "plasmic-antd5-menu-item-group",
-          "plasmic-antd5-submenu"
-        ],
-        defaultValue: [
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item"
-          }
-        ]
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      maxLength: {
+        type: "number",
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true
       }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
-    importName: "AntdMenuItemGroup",
-    parentComponentName: "plasmic-antd5-menu"
+    }, COMMON_EVENT_HANDLERS),
+    states: __spreadValues$3({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdTextArea"
   });
-  registerComponentHelper(loader, AntdMenuDivider, {
-    name: "plasmic-antd5-menu-divider",
-    displayName: "Menu Divider",
-    props: {
-      dashed: {
+}
+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",
-        description: "Whether line is dashed",
-        defaultValueHint: false
+        advanced: true,
+        defaultValueHint: true
       }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
-    importName: "AntdMenuDivider",
-    parentComponentName: "plasmic-antd5-menu"
+    }, COMMON_EVENT_HANDLERS),
+    states: __spreadValues$3({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdPassword"
   });
-  registerComponentHelper(loader, AntdSubMenu, {
-    name: "plasmic-antd5-submenu",
-    displayName: "Sub Menu",
-    props: {
+}
+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",
-        description: "Whether sub-menu is disabled",
-        defaultValueHint: false
+        type: "boolean"
       },
-      key: {
-        type: "string",
-        description: "Unique ID of the sub-menu",
-        advanced: true
+      max: {
+        type: "number"
       },
-      title: {
-        type: "slot",
-        defaultValue: [
+      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: [
           {
-            type: "text",
-            value: "Sub-menu"
+            name: "value",
+            type: "number"
           }
         ]
-      },
-      children: {
-        type: "slot",
-        allowedComponents: [
-          "plasmic-antd5-menu-item",
-          "plasmic-antd5-menu-divider",
-          "plasmic-antd5-menu-item-group",
-          "plasmic-antd5-submenu"
-        ],
-        defaultValue: [1, 2].map((i) => ({
-          type: "component",
-          name: "plasmic-antd5-menu-item",
-          props: {
-            key: `subMenuItemKey${i}`,
-            children: [
-              {
-                type: "text",
-                value: `Sub-menu item ${i}`
-              }
-            ]
-          }
-        }))
       }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
-    importName: "AntdSubMenu",
-    parentComponentName: "plasmic-antd5-menu"
+    }),
+    states: __spreadValues$3({}, COMMON_STATES),
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdInputNumber"
   });
 }
 
-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$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$3 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$4.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))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function AntdModal(props) {
-  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$3(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
-  const memoOnOk = React__default.default.useMemo(() => {
-    if (onOpenChange || onOk) {
-      return (e) => {
-        onOpenChange == null ? void 0 : onOpenChange(false);
-        onOk == null ? void 0 : onOk(e);
-      };
-    } else {
-      return void 0;
-    }
-  }, [onOpenChange, onOk]);
-  const memoOnCancel = React__default.default.useMemo(() => {
-    if (onOpenChange || onCancel) {
-      return (e) => {
-        onOpenChange == null ? void 0 : onOpenChange(false);
-        onCancel == null ? void 0 : onCancel(e);
-      };
-    } else {
-      return void 0;
-    }
-  }, [onOpenChange, onCancel]);
-  return /* @__PURE__ */ React__default.default.createElement(Modal__default.default, __spreadProps$3(__spreadValues$4({}, rest), {
-    onOk: memoOnOk,
-    onCancel: memoOnCancel,
-    open,
-    footer: footer != null ? footer : void 0
-  }));
-}
-function registerModal(loader) {
-  registerComponentHelper(loader, AntdModal, {
-    name: "plasmic-antd5-modal",
-    displayName: "Modal",
+const AntdMenu = Menu__default.default;
+const AntdMenuDivider = Menu__default.default.Divider;
+const AntdMenuItem = Menu__default.default.Item;
+const AntdMenuItemGroup = Menu__default.default.ItemGroup;
+const AntdSubMenu = Menu__default.default.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: {
-      open: {
-        type: "boolean"
-      },
-      children: {
-        type: "slot",
-        defaultValue: {
-          type: "vbox",
-          children: ["Modal content"]
-        }
-      },
-      title: {
-        type: "slot",
-        defaultValue: "Modal title"
-      },
-      footer: {
-        type: "slot",
-        hidePlaceholder: true
-      },
-      closeIcon: {
+      expandIcon: {
         type: "slot",
         hidePlaceholder: true
       },
-      onOk: {
-        type: "eventHandler",
-        argTypes: []
-      },
-      onCancel: {
-        type: "eventHandler",
-        argTypes: []
-      },
-      okText: {
-        type: "string",
-        hidden: (ps) => !!ps.footer,
-        advanced: true
-      },
-      cancelText: {
-        type: "string",
-        hidden: (ps) => !!ps.footer,
-        advanced: true
-      },
-      onOpenChange: {
-        type: "eventHandler",
-        argTypes: [{ name: "open", type: "boolean" }]
+      mode: {
+        type: "choice",
+        options: ["horizontal", "vertical", "inline"],
+        description: "Type of menu",
+        defaultValueHint: "vertical"
       },
-      modalScopeClassName: {
-        type: "styleScopeClass",
-        scopeName: "modal"
+      multiple: {
+        type: "boolean",
+        description: "Allows selection of multiple items",
+        defaultValueHint: false
       },
-      modalClassName: {
-        type: "class",
-        displayName: "Modal content styles",
-        noSelf: true,
-        selectors: [
-          {
-            selector: ":modal .ant-modal .ant-modal-content",
-            label: "Base"
-          }
-        ],
+      triggerSubMenuAction: {
+        type: "choice",
+        options: ["hover", "click"],
+        description: "Which action can trigger submenu open/close",
+        defaultValueHint: "hover",
         advanced: true
       },
-      closeButtonClassName: {
-        type: "class",
-        displayName: "Close button styles",
-        noSelf: true,
-        selectors: [
+      children: {
+        type: "slot",
+        allowedComponents: allowedMenuComponents,
+        defaultValue: [
           {
-            selector: ":modal .ant-modal .ant-modal-close",
-            label: "Base"
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menuItemKey1"
+            }
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menuItemKey2"
+            }
           }
-        ],
-        advanced: true
+        ]
       },
-      defaultStylesClassName: {
-        type: "themeResetClass"
-      }
-    },
-    states: {
-      open: {
-        type: "writable",
-        valueProp: "open",
-        onChangeProp: "onOpenChange",
-        variableType: "boolean"
+      onSelect: {
+        type: "eventHandler",
+        argTypes: [{ name: "key", type: "string" }]
       }
     },
-    importPath: "@plasmicpkgs/antd5/skinny/registerModal",
-    importName: "AntdModal"
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenu"
   });
-}
-
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$3.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))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const AntdRadio = Radio__default.default;
-function AntdRadioGroup(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$2(_a, ["onChange"]);
-  const wrappedOnChange = React__default.default.useMemo(() => {
-    if (onChange) {
-      return (event) => onChange(event.target.value);
-    } else {
-      return void 0;
-    }
-  }, [onChange]);
-  return /* @__PURE__ */ React__default.default.createElement(RadioGroup__default.default, __spreadProps$2(__spreadValues$3({}, rest), {
-    onChange: wrappedOnChange
-  }));
-}
-function registerRadio(loader) {
-  registerComponentHelper(loader, AntdRadio, {
-    name: "plasmic-antd5-radio",
-    displayName: "Radio",
+  registerComponentHelper(loader, AntdMenuItem, {
+    name: "plasmic-antd5-menu-item",
+    displayName: "Menu Item",
     props: {
-      value: {
-        type: "string",
-        description: "The radio option value"
+      danger: {
+        type: "boolean",
+        description: "Display the danger style",
+        defaultValueHint: false
       },
       disabled: {
         type: "boolean",
+        description: "Whether disabled select",
         defaultValueHint: false
       },
-      autoFocus: {
-        type: "boolean",
-        description: "If focused when first shown",
-        defaultValueHint: false,
-        advanced: true
+      key: {
+        type: "string",
+        displayName: "Unique key",
+        description: "Unique ID of the menu item. Used to determine which item is selected.",
+        defaultValue: "menuItemKey"
+      },
+      title: {
+        type: "string",
+        description: "Set display title for collapsed item"
       },
       children: {
         type: "slot",
         defaultValue: [
           {
             type: "text",
-            value: "Radio"
+            value: "Menu item"
           }
         ]
+      },
+      onClick: {
+        type: "eventHandler",
+        argTypes: []
       }
     },
-    importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
-    importName: "AntdRadio",
-    parentComponentName: "plasmic-antd5-radio-group"
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenuItem",
+    parentComponentName: "plasmic-antd5-menu"
   });
-  registerComponentHelper(loader, AntdRadio, {
-    name: "plasmic-antd5-radio-button",
-    displayName: "Radio Button",
+  registerComponentHelper(loader, AntdMenuItemGroup, {
+    name: "plasmic-antd5-menu-item-group",
+    displayName: "Item Group",
     props: {
-      value: {
-        type: "string",
-        description: "The radio option value"
-      },
-      disabled: {
-        type: "boolean",
-        defaultValueHint: false
-      },
-      autoFocus: {
-        type: "boolean",
-        description: "If focused when first shown",
-        defaultValueHint: false,
-        advanced: true
+      title: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Group"
+          }
+        ]
       },
       children: {
         type: "slot",
+        allowedComponents: allowedMenuComponents,
         defaultValue: [
           {
-            type: "text",
-            value: "Radio"
+            type: "component",
+            name: "plasmic-antd5-menu-item"
           }
         ]
       }
     },
-    importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
-    importName: "AntdRadioButton",
-    parentComponentName: "plasmic-antd5-radio-group"
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenuItemGroup",
+    parentComponentName: "plasmic-antd5-menu"
   });
-  registerComponentHelper(loader, AntdRadioGroup, {
-    name: "plasmic-antd5-radio-group",
-    displayName: "Radio Group",
+  registerComponentHelper(loader, AntdMenuDivider, {
+    name: "plasmic-antd5-menu-divider",
+    displayName: "Menu Divider",
+    props: {
+      dashed: {
+        type: "boolean",
+        description: "Whether line is dashed",
+        defaultValueHint: false
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenuDivider",
+    parentComponentName: "plasmic-antd5-menu"
+  });
+  registerComponentHelper(loader, AntdSubMenu, {
+    name: "plasmic-antd5-submenu",
+    displayName: "Sub Menu",
     props: {
-      value: {
-        type: "choice",
-        editOnly: true,
-        uncontrolledProp: "defaultValue",
-        description: "Default selected value",
-        options: (ps) => {
-          const options = /* @__PURE__ */ new Set();
-          traverseReactEltTree(ps.children, (elt) => {
-            var _a;
-            if (typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
-              options.add(elt.props.value);
-            }
-          });
-          return Array.from(options.keys());
-        }
-      },
       disabled: {
         type: "boolean",
-        description: "Disables all radios",
+        description: "Whether sub-menu is disabled",
         defaultValueHint: false
       },
-      children: {
+      key: {
+        type: "string",
+        displayName: "Unique key",
+        description: "Unique ID of the sub-menu. Used to determine which item is selected.",
+        advanced: true
+      },
+      title: {
         type: "slot",
-        allowedComponents: [
-          "plasmic-antd5-radio",
-          "plasmic-antd5-radio-button"
+        defaultValue: [
+          {
+            type: "text",
+            value: "Sub-menu"
+          }
         ]
       },
-      onChange: {
-        type: "eventHandler",
-        argTypes: [{ name: "value", type: "string" }]
-      }
-    },
-    states: {
-      value: {
-        type: "writable",
-        valueProp: "value",
-        onChangeProp: "onChange",
-        variableType: "text"
+      children: {
+        type: "slot",
+        allowedComponents: allowedMenuComponents,
+        defaultValue: [1, 2].map((i) => ({
+          type: "component",
+          name: "plasmic-antd5-menu-item",
+          props: {
+            key: `subMenuItemKey${i}`,
+            children: [
+              {
+                type: "text",
+                value: `Sub-menu item ${i}`
+              }
+            ]
+          }
+        }))
       }
     },
-    importPath: "@plasmicapp/antd5/skinny/registerRadio",
-    importName: "AntdRadioGroup"
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdSubMenu",
+    parentComponentName: "plasmic-antd5-menu"
   });
 }
 
 var __defProp$2 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+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;
@@ -1951,8 +2178,8 @@ var __spreadValues$2 = (a, b) => {
     }
   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$2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1962,166 +2189,109 @@ var __objRest$1 = (source, exclude) => {
       if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
-  return target;
-};
-const AntdOption = Select__default.default.Option;
-function AntdSelect(props) {
-  const _a = props, {
-    popupClassName,
-    popupScopeClassName,
-    defaultStylesClassName,
-    suffixIcon,
-    mode
-  } = _a, rest = __objRest$1(_a, [
-    "popupClassName",
-    "popupScopeClassName",
-    "defaultStylesClassName",
-    "suffixIcon",
-    "mode"
-  ]);
-  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 }));
+  return target;
+};
+function AntdModal(props) {
+  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$2(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
+  const memoOnOk = React__default.default.useMemo(() => {
+    if (onOpenChange || onOk) {
+      return (e) => {
+        onOpenChange == null ? void 0 : onOpenChange(false);
+        onOk == null ? void 0 : onOk(e);
+      };
+    } else {
+      return void 0;
+    }
+  }, [onOpenChange, onOk]);
+  const memoOnCancel = React__default.default.useMemo(() => {
+    if (onOpenChange || onCancel) {
+      return (e) => {
+        onOpenChange == null ? void 0 : onOpenChange(false);
+        onCancel == null ? void 0 : onCancel(e);
+      };
+    } else {
+      return void 0;
+    }
+  }, [onOpenChange, onCancel]);
+  return /* @__PURE__ */ React__default.default.createElement(Modal__default.default, __spreadProps$2(__spreadValues$2({}, rest), {
+    onOk: memoOnOk,
+    onCancel: memoOnCancel,
+    open,
+    footer: footer != null ? footer : void 0
+  }));
 }
-function registerSelect(loader) {
-  registerComponentHelper(loader, AntdSelect, {
-    name: "plasmic-antd5-select",
-    displayName: "Select",
+function registerModal(loader) {
+  registerComponentHelper(loader, AntdModal, {
+    name: "plasmic-antd5-modal",
+    displayName: "Modal",
     props: {
+      open: {
+        type: "boolean"
+      },
       children: {
         type: "slot",
-        allowedComponents: ["AntdOption"]
+        defaultValue: {
+          type: "vbox",
+          children: ["Modal content"]
+        }
       },
-      placeholder: {
+      title: {
         type: "slot",
-        defaultValue: "Select..."
+        defaultValue: "Modal title"
       },
-      suffixIcon: {
+      footer: {
         type: "slot",
         hidePlaceholder: true
       },
-      open: {
-        type: "boolean",
-        editOnly: true,
-        uncontrolledProp: "defaultOpen"
-      },
-      value: {
-        type: "choice",
-        displayName: "Selected value",
-        editOnly: true,
-        uncontrolledProp: "defaultValue",
-        description: "Initial selected option",
-        multiSelect: (ps) => ps.mode === "multiple",
-        options: (ps) => {
-          const options = /* @__PURE__ */ new Set();
-          traverseReactEltTree(ps.children, (elt) => {
-            var _a;
-            if ((elt == null ? void 0 : elt.type) === Select__default.default.Option && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
-              options.add(elt.props.value);
-            }
-          });
-          return Array.from(options.keys());
-        }
-      },
-      mode: {
-        type: "choice",
-        options: ["single", "multiple"],
-        defaultValueHint: "single"
-      },
-      size: {
-        type: "choice",
-        options: ["small", "middle", "large"]
+      closeIcon: {
+        type: "slot",
+        hidePlaceholder: true
       },
-      disabled: {
-        type: "boolean",
-        defaultValueHint: false
+      onOk: {
+        type: "eventHandler",
+        argTypes: []
       },
-      showSearch: {
-        type: "boolean",
-        defaultValueHint: false,
-        advanced: true
+      onCancel: {
+        type: "eventHandler",
+        argTypes: []
       },
-      status: {
-        type: "choice",
-        options: ["error", "warning"],
+      okText: {
+        type: "string",
+        hidden: (ps) => !!ps.footer,
         advanced: true
       },
-      bordered: {
-        type: "boolean",
-        defaultValueHint: true
-      },
-      autoFocus: {
-        type: "boolean",
-        displayName: "Focus automatically",
-        defaultValueHint: false,
+      cancelText: {
+        type: "string",
+        hidden: (ps) => !!ps.footer,
         advanced: true
       },
-      onChange: {
+      onOpenChange: {
         type: "eventHandler",
-        argTypes: [
-          { name: "value", type: "string" },
-          { name: "option", type: "object" }
-        ]
-      },
-      dropdownMatchSelectWidth: {
-        type: "boolean",
-        displayName: "Should dropdown match trigger button width?",
-        defaultValueHint: true,
-        advanced: true
-      },
-      triggerClassName: {
-        type: "class",
-        displayName: "Trigger styles",
-        noSelf: true,
-        selectors: [
-          {
-            selector: ":component .ant-select-selector.ant-select-selector",
-            label: "Base"
-          },
-          {
-            selector: ":component .ant-select-selector:hover",
-            label: "Hovered"
-          }
-        ],
-        advanced: true
+        argTypes: [{ name: "open", type: "boolean" }]
       },
-      popupScopeClassName: {
+      modalScopeClassName: {
         type: "styleScopeClass",
-        scopeName: "popup"
-      },
-      popupClassName: {
-        type: "class",
-        displayName: "Popup styles",
-        selectors: [],
-        advanced: true
+        scopeName: "modal"
       },
-      optionClassName: {
+      modalClassName: {
         type: "class",
-        displayName: "Option styles",
+        displayName: "Modal content styles",
         noSelf: true,
         selectors: [
           {
-            selector: ":popup.ant-select-dropdown .ant-select-item-option",
+            selector: ":modal .ant-modal .ant-modal-content",
             label: "Base"
-          },
-          {
-            selector: ":popup.ant-select-dropdown .ant-select-item-option-active",
-            label: "Focused"
-          },
-          {
-            selector: ":popup.ant-select-dropdown .ant-select-item-option-selected",
-            label: "Selected"
           }
         ],
         advanced: true
       },
-      placeholderClassName: {
+      closeButtonClassName: {
         type: "class",
-        displayName: "Placeholder styles",
+        displayName: "Close button styles",
+        noSelf: true,
         selectors: [
           {
-            selector: ":component .ant-select-selector .ant-select-selection-placeholder",
+            selector: ":modal .ant-modal .ant-modal-close",
             label: "Base"
           }
         ],
@@ -2129,43 +2299,24 @@ function registerSelect(loader) {
       },
       defaultStylesClassName: {
         type: "themeResetClass"
-      },
-      tagRender: {
-        type: "slot",
-        renderPropParams: ["tagProps"],
-        hidePlaceholder: true
       }
     },
     states: {
-      value: {
+      open: {
         type: "writable",
-        valueProp: "value",
-        onChangeProp: "onChange",
-        variableType: "text"
-      }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
-    importName: "AntdSelect"
-  });
-  registerComponentHelper(loader, AntdOption, {
-    name: "plasmic-antd5-option",
-    displayName: "Option",
-    parentComponentName: "plasmic-antd5-select",
-    props: {
-      children: {
-        type: "slot",
-        defaultValue: "Option"
-      },
-      value: {
-        type: "string"
+        valueProp: "open",
+        onChangeProp: "onOpenChange",
+        variableType: "boolean"
       }
     },
-    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
-    importName: "AntdOption"
+    importPath: "@plasmicpkgs/antd5/skinny/registerModal",
+    importName: "AntdModal"
   });
 }
 
 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;
@@ -2181,7 +2332,8 @@ var __spreadValues$1 = (a, b) => {
     }
   return a;
 };
-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$1.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2193,237 +2345,133 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const AntdTable = React__default.default.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__default.default.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__default.default.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]));
-      }
+const AntdRadio = Radio__default.default;
+function AntdRadioGroup(props) {
+  const _a = props, { onChange } = _a, rest = __objRest$1(_a, ["onChange"]);
+  const wrappedOnChange = React__default.default.useMemo(() => {
+    if (onChange) {
+      return (event) => onChange(event.target.value);
+    } else {
+      return void 0;
     }
-  }), [data, onSelectedRowKeysChange, onSelectedRowsChange, isSelectable, rowKey]);
-  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,
-    rowKey
-  }, rest));
-});
-const AntdColumnGroup = Table__default.default.ColumnGroup;
-const AntdColumn = Table__default.default.Column;
-function registerTable(loader) {
-  registerComponentHelper(loader, AntdTable, {
-    name: "plasmic-antd5-table",
-    displayName: "Table",
+  }, [onChange]);
+  return /* @__PURE__ */ React__default.default.createElement(RadioGroup__default.default, __spreadProps$1(__spreadValues$1({}, rest), {
+    onChange: wrappedOnChange
+  }));
+}
+function registerRadio(loader) {
+  registerComponentHelper(loader, AntdRadio, {
+    name: "plasmic-antd5-radio",
+    displayName: "Radio",
     props: {
-      data: {
-        type: "dataSourceOpData",
-        displayName: "Data"
-      },
-      children: {
-        type: "slot",
-        allowedComponents: [
-          "plasmic-antd5-table-column",
-          "plasmic-antd5-table-column-group"
-        ]
+      value: {
+        type: "string",
+        description: "The radio option value"
       },
-      bordered: {
+      disabled: {
+        type: "boolean",
+        defaultValueHint: false
+      },
+      autoFocus: {
         type: "boolean",
+        description: "If focused when first shown",
         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: [
+      children: {
+        type: "slot",
+        defaultValue: [
           {
-            name: "key",
-            displayName: "Row key",
-            type: "string"
+            type: "text",
+            value: "Radio"
           }
         ]
       }
-    }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
+    importName: "AntdRadio",
+    parentComponentName: "plasmic-antd5-radio-group"
   });
-  registerComponentHelper(loader, AntdColumn, __spreadValues$1({
-    name: "plasmic-antd5-table-column",
-    displayName: "Column",
-    parentComponentName: "plasmic-antd5-table",
+  registerComponentHelper(loader, AntdRadio, {
+    name: "plasmic-antd5-radio-button",
+    displayName: "Radio Button",
     props: {
-      title: {
-        type: "slot",
-        defaultValue: "Column Name"
-      },
-      dataIndex: {
+      value: {
         type: "string",
-        displayName: "Column key"
-      },
-      render: {
-        type: "slot",
-        renderPropParams: ["cell", "row", "index"],
-        hidePlaceholder: true,
-        displayName: "Custom render"
+        description: "The radio option value"
       },
-      align: {
-        type: "choice",
-        options: ["left", "right", "center"],
-        defaultValueHint: "left"
+      disabled: {
+        type: "boolean",
+        defaultValueHint: false
       },
-      fixed: {
-        type: "choice",
-        options: ["left", "right"],
+      autoFocus: {
+        type: "boolean",
+        description: "If focused when first shown",
+        defaultValueHint: false,
         advanced: true
       },
-      colSpan: {
-        type: "number",
-        advanced: true
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Radio"
+          }
+        ]
       }
     },
-    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",
+    importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
+    importName: "AntdRadioButton",
+    parentComponentName: "plasmic-antd5-radio-group"
+  });
+  registerComponentHelper(loader, AntdRadioGroup, {
+    name: "plasmic-antd5-radio-group",
+    displayName: "Radio Group",
     props: {
-      title: {
-        type: "slot",
-        defaultValue: "Column Group Name"
+      value: {
+        type: "choice",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Default selected value",
+        options: (ps) => {
+          const options = /* @__PURE__ */ new Set();
+          traverseReactEltTree(ps.children, (elt) => {
+            var _a;
+            if (typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
+              options.add(elt.props.value);
+            }
+          });
+          return Array.from(options.keys());
+        }
+      },
+      disabled: {
+        type: "boolean",
+        description: "Disables all radios",
+        defaultValueHint: false
       },
       children: {
         type: "slot",
-        allowedComponents: ["plasmic-antd5-table-column"]
+        allowedComponents: [
+          "plasmic-antd5-radio",
+          "plasmic-antd5-radio-button"
+        ]
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "value", type: "string" }]
+      }
+    },
+    states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
       }
     },
-    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
-    importName: "AntdColumnGroup"
-  }, { isRenderless: true }));
+    importPath: "@plasmicapp/antd5/skinny/registerRadio",
+    importName: "AntdRadioGroup"
+  });
 }
 
 var __defProp = Object.defineProperty;
@@ -2445,224 +2493,306 @@ var __spreadValues = (a, b) => {
   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;
-      }
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  }
-};
-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
-  }
+  return target;
 };
-const COMMON_EVENT_HANDLERS = {
-  onChange: {
-    type: "eventHandler",
-    argTypes: [
-      {
-        name: "event",
-        type: "object"
-      }
-    ]
-  },
-  onPressEnter: {
-    type: "eventHandler",
-    argTypes: [
-      {
-        name: "event",
-        type: "object"
-      }
-    ]
+const AntdOption = Select__default.default.Option;
+const AntdOptionGroup = Select__default.default.OptGroup;
+function AntdSelect(props) {
+  const _a = props, {
+    popupClassName,
+    popupScopeClassName,
+    defaultStylesClassName,
+    suffixIcon,
+    mode,
+    useChildren
+  } = _a, rest = __objRest(_a, [
+    "popupClassName",
+    "popupScopeClassName",
+    "defaultStylesClassName",
+    "suffixIcon",
+    "mode",
+    "useChildren"
+  ]);
+  const curated = __spreadValues({}, rest);
+  if (useChildren) {
+    curated.options = void 0;
   }
-};
-function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, {
-    name: "plasmic-antd5-input",
-    displayName: "Input",
-    props: __spreadValues(__spreadValues(__spreadValues({
+  return /* @__PURE__ */ React__default.default.createElement(Select__default.default, __spreadValues(__spreadProps(__spreadValues({}, curated), {
+    mode: !mode || mode === "single" ? void 0 : mode,
+    popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
+  }), suffixIcon && { suffixIcon }));
+}
+function registerSelect(loader) {
+  registerComponentHelper(loader, AntdSelect, {
+    name: "plasmic-antd5-select",
+    displayName: "Select",
+    props: {
+      options: {
+        type: "array",
+        hidden: (ps) => !!ps.useChildren,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.label,
+          fields: {
+            value: "string",
+            label: "string"
+          }
+        },
+        defaultValue: [
+          {
+            value: "option1",
+            label: "Option 1"
+          },
+          {
+            value: "option2",
+            label: "Option 2"
+          }
+        ]
+      },
+      useChildren: {
+        displayName: "Use slot",
+        type: "boolean",
+        defaultValueHint: false,
+        description: "Instead of configuring a list of options, customize the contents of the Select by dragging and dropping options in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Options, and also use Option Groups."
+      },
+      children: {
+        type: "slot",
+        allowedComponents: [
+          "plasmic-antd5-option",
+          "plasmic-antd5-option-group"
+        ],
+        hidden: (ps) => !ps.useChildren
+      },
+      placeholder: {
+        type: "slot",
+        defaultValue: "Select..."
+      },
+      suffixIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      open: {
+        type: "boolean",
+        editOnly: true,
+        uncontrolledProp: "defaultOpen"
+      },
       value: {
-        type: "string"
+        type: "choice",
+        displayName: "Selected value",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Initial selected option",
+        multiSelect: (ps) => ps.mode === "multiple",
+        options: (ps) => {
+          var _a;
+          const options = /* @__PURE__ */ new Set();
+          if (!ps.useChildren) {
+            return ((_a = ps.options) != null ? _a : []).map((o) => {
+              var _a2;
+              return {
+                value: o.value || "",
+                label: (_a2 = o.label) != null ? _a2 : o.value || ""
+              };
+            });
+          } else {
+            traverseReactEltTree(ps.children, (elt) => {
+              var _a2;
+              if ((elt == null ? void 0 : elt.type) === Select__default.default.Option && typeof ((_a2 = elt == null ? void 0 : elt.props) == null ? void 0 : _a2.value) === "string") {
+                options.add(elt.props.value);
+              }
+            });
+          }
+          return Array.from(options.keys());
+        }
       },
-      placholder: {
-        type: "string"
+      mode: {
+        type: "choice",
+        options: ["single", "multiple"],
+        defaultValueHint: "single"
       },
       size: {
         type: "choice",
-        options: ["large", "middle", "small"]
+        options: ["small", "middle", "large"]
       },
       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"
+        type: "boolean",
+        defaultValueHint: false
       },
-      disabled: {
-        type: "boolean"
+      showSearch: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true
       },
-      maxLength: {
-        type: "number",
+      status: {
+        type: "choice",
+        options: ["error", "warning"],
         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"
+      autoFocus: {
+        type: "boolean",
+        displayName: "Focus automatically",
+        defaultValueHint: false,
+        advanced: true
       },
-      disabled: {
-        type: "boolean"
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          { name: "value", type: "string" },
+          { name: "option", type: "object" }
+        ]
       },
-      maxLength: {
-        type: "number",
+      dropdownMatchSelectWidth: {
+        type: "boolean",
+        displayName: "Should dropdown match trigger button width?",
+        defaultValueHint: true,
         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"
+      triggerClassName: {
+        type: "class",
+        displayName: "Trigger styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":component .ant-select-selector.ant-select-selector",
+            label: "Base"
+          },
+          {
+            selector: ":component .ant-select-selector:hover",
+            label: "Hovered"
+          }
+        ],
+        advanced: true
       },
-      placholder: {
-        type: "string"
+      popupScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "popup"
       },
-      disabled: {
-        type: "boolean"
+      popupClassName: {
+        type: "class",
+        displayName: "Popup styles",
+        selectors: [],
+        advanced: true
       },
-      max: {
-        type: "number"
+      optionClassName: {
+        type: "class",
+        displayName: "Option styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option",
+            label: "Base"
+          },
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option-active",
+            label: "Focused"
+          },
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option-selected",
+            label: "Selected"
+          }
+        ],
+        advanced: true
       },
-      min: {
-        type: "number"
+      placeholderClassName: {
+        type: "class",
+        displayName: "Placeholder styles",
+        selectors: [
+          {
+            selector: ":component .ant-select-selector .ant-select-selection-placeholder",
+            label: "Base"
+          }
+        ],
+        advanced: true
       },
-      step: {
-        type: "number",
-        helpText: "Increment or decrement step"
+      defaultStylesClassName: {
+        type: "themeResetClass"
       },
-      controls: {
-        type: "boolean",
-        displayName: "Show add/minus controls?",
-        advanced: true
+      tagRender: {
+        type: "slot",
+        renderPropParams: ["tagProps"],
+        hidePlaceholder: true
       }
-    }, COMMON_DECORATOR_PROPS), COMMON_ADVANCED_PROPS), COMMON_EVENT_HANDLERS), {
-      onChange: {
-        type: "eventHandler",
-        argTypes: [
+    },
+    states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdSelect"
+  });
+  registerComponentHelper(loader, AntdOption, {
+    name: "plasmic-antd5-option",
+    displayName: "Option",
+    parentComponentName: "plasmic-antd5-select",
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: "Option"
+      },
+      value: {
+        type: "string"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdOption"
+  });
+  registerComponentHelper(loader, AntdOptionGroup, {
+    name: "plasmic-antd5-option-group",
+    displayName: "Option Group",
+    parentComponentName: "plasmic-antd5-select",
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: [
           {
-            name: "value",
-            type: "number"
+            type: "component",
+            name: "plasmic-antd5-option",
+            props: {
+              value: "option1",
+              children: {
+                type: "text",
+                value: "Option 1"
+              }
+            }
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-option",
+            props: {
+              value: "option2",
+              children: {
+                type: "text",
+                value: "Option 1"
+              }
+            }
           }
         ]
+      },
+      label: {
+        type: "slot",
+        defaultValue: "Group label"
       }
-    }),
-    states: __spreadValues({}, COMMON_STATES),
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdInputNumber"
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdOptionGroup"
   });
 }
 
@@ -2670,7 +2800,6 @@ function registerAll(loader) {
   registerConfigProvider(loader);
   registerTokens(loader);
   registerSelect(loader);
-  registerTable(loader);
   registerCheckbox(loader);
   registerRadio(loader);
   registerModal(loader);