@plasmicpkgs/antd5 0.0.5 → 0.0.7

package/dist/index.js

@@ -1,14 +1,24 @@
 'use strict';
 
+var Button = require('antd/lib/button');
+var registerComponent = require('@plasmicapp/host/registerComponent');
+var registerGlobalContext = require('@plasmicapp/host/registerGlobalContext');
+var Checkbox = require('antd/lib/checkbox');
+var CheckboxGroup = require('antd/lib/checkbox/Group');
+var React = require('react');
 var host = require('@plasmicapp/host');
 var registerToken = require('@plasmicapp/host/registerToken');
 var query = require('@plasmicapp/query');
-var App = require('antd/lib/app');
 var ConfigProvider = require('antd/lib/config-provider');
+var useMessage = require('antd/lib/message/useMessage');
+var useNotification = require('antd/lib/notification/useNotification');
 var theme = require('antd/lib/theme');
-var React = require('react');
-var registerComponent = require('@plasmicapp/host/registerComponent');
-var registerGlobalContext = require('@plasmicapp/host/registerGlobalContext');
+var Dropdown = require('antd/lib/dropdown');
+var Menu = require('antd/lib/menu');
+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');
 
@@ -55,33 +65,256 @@ function asArray(x) {
   }
 }
 
-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) => {
+const AntdButton = Button;
+function registerButton(loader) {
+  registerComponentHelper(loader, AntdButton, {
+    name: "plasmic-antd5-button",
+    displayName: "Button",
+    props: {
+      type: {
+        type: "choice",
+        options: ["default", "primary", "ghost", "dashed", "link", "text"],
+        description: "Can be set to primary, ghost, dashed, link, text, default",
+        defaultValueHint: "default"
+      },
+      size: {
+        type: "choice",
+        options: ["small", "medium", "large"],
+        description: "Set the size of button",
+        defaultValueHint: "medium"
+      },
+      shape: {
+        type: "choice",
+        options: ["default", "circle", "round"],
+        description: "Can be set button shape",
+        defaultValueHint: "default"
+      },
+      disabled: {
+        type: "boolean",
+        description: "Disabled state of button",
+        defaultValueHint: false
+      },
+      ghost: {
+        type: "boolean",
+        description: "Make background transparent and invert text and border colors",
+        defaultValueHint: false
+      },
+      danger: {
+        type: "boolean",
+        description: "Set the danger status of button",
+        defaultValueHint: false
+      },
+      loading: {
+        type: "boolean",
+        description: "Set the loading status of button",
+        defaultValueHint: false
+      },
+      href: {
+        type: "string",
+        description: "Redirect url of link button"
+      },
+      target: {
+        type: "choice",
+        options: ["_blank", "_self", "_parent", "_top"],
+        description: "Same as target attribute of a, works when href is specified",
+        hidden: (props) => !props.href,
+        defaultValueHint: "_self"
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Button"
+          }
+        ]
+      },
+      icon: {
+        type: "slot",
+        hidePlaceholder: true
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerButton",
+    importName: "AntdButton"
+  });
+}
+
+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$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$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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$2 = (source, exclude) => {
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.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$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.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 AntdCheckbox(props) {
+  const _a = props, { onChange } = _a, rest = __objRest$6(_a, ["onChange"]);
+  const wrappedOnChange = React.useMemo(() => {
+    if (onChange) {
+      return (event) => onChange(event.target.checked);
+    } else {
+      return void 0;
+    }
+  }, [onChange]);
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$5(__spreadValues$6({}, rest), {
+    onChange: wrappedOnChange
+  }));
+}
+function registerCheckbox(loader) {
+  registerComponentHelper(loader, AntdCheckbox, {
+    name: "plasmic-antd5-checkbox",
+    displayName: "Checkbox",
+    props: {
+      checked: {
+        type: "boolean",
+        editOnly: true,
+        uncontrolledProp: "defaultChecked",
+        description: "Specifies the initial state: whether or not the checkbox is selected",
+        defaultValueHint: false
+      },
+      disabled: {
+        type: "boolean",
+        description: "If disable checkbox",
+        defaultValueHint: false
+      },
+      indeterminate: {
+        type: "boolean",
+        description: "The indeterminate checked state of checkbox",
+        defaultValueHint: false
+      },
+      value: {
+        type: "string",
+        description: "The checkbox value",
+        advanced: true
+      },
+      autoFocus: {
+        type: "boolean",
+        description: "If get focus when component mounted",
+        defaultValueHint: false,
+        advanced: true
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Checkbox"
+          }
+        ]
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "checked", type: "boolean" }]
+      }
+    },
+    unstable__states: {
+      checked: {
+        type: "writable",
+        valueProp: "checked",
+        onChangeProp: "onChange"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerCheckbox",
+    importName: "AntdCheckbox"
+  });
+  registerComponentHelper(loader, CheckboxGroup, {
+    name: "plasmic-antd5-checkbox-group",
+    displayName: "Checkbox Group",
+    props: {
+      value: {
+        type: "choice",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Default selected value",
+        multiSelect: true,
+        options: (ps) => {
+          const options = /* @__PURE__ */ new Set();
+          traverseReactEltTree(ps.children, (elt) => {
+            var _a;
+            if ((elt == null ? void 0 : elt.type) === AntdCheckbox && 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 checkboxes",
+        defaultValueHint: false
+      },
+      children: {
+        type: "slot",
+        allowedComponents: ["plasmic-antd5-checkbox"]
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "value", type: "object" }]
+      }
+    },
+    unstable__states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange"
+      }
+    },
+    importPath: "@plasmicapp/antd5/skinny/registerCheckbox",
+    importName: "AntdCheckboxGroup",
+    parentComponentName: "plasmic-antd5-checkbox"
+  });
+}
+
+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));
+var __objRest$5 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -103,7 +336,7 @@ function themeToAntdConfig(opts) {
     wireframe,
     spacing
   } = opts;
-  return __spreadProps$1(__spreadValues$2({}, spacing && { size: spacing }), {
+  return __spreadProps$4(__spreadValues$5({}, spacing && { size: spacing }), {
     theme: {
       token: Object.fromEntries(Object.entries({
         colorTextBase,
@@ -124,13 +357,13 @@ function themeToAntdConfig(opts) {
   });
 }
 function AntdConfigProvider(props) {
-  const _a = props, { children, themeStyles } = _a, rest = __objRest$2(_a, ["children", "themeStyles"]);
-  return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$2({}, themeToAntdConfig(__spreadProps$1(__spreadValues$2({}, rest), {
+  const _a = props, { children, themeStyles } = _a, rest = __objRest$5(_a, ["children", "themeStyles"]);
+  return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$5({}, themeToAntdConfig(__spreadProps$4(__spreadValues$5({}, rest), {
     fontFamily: themeStyles.fontFamily,
     fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
     lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
     colorTextBase: themeStyles.color
-  }))), /* @__PURE__ */ React.createElement(App, null, /* @__PURE__ */ React.createElement(InnerConfigProvider, null, children)));
+  }))), /* @__PURE__ */ React.createElement(ForkedApp, null, /* @__PURE__ */ React.createElement(InnerConfigProvider, null, children)));
 }
 function InnerConfigProvider(props) {
   const { children } = props;
@@ -141,12 +374,12 @@ function InnerConfigProvider(props) {
   ${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${typeof val === "string" ? val.trim() : val};`).join("\n")}
 }
   `, [token]);
-  const app = App.useApp();
+  const app = useAppContext();
   const actions = React.useMemo(() => ({
     showNotification: (opts) => {
       var _b;
-      const _a = opts, rest = __objRest$2(_a, ["type"]);
-      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$2({}, rest));
+      const _a = opts, rest = __objRest$5(_a, ["type"]);
+      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$5({}, rest));
     },
     hideNotifications: () => {
       app.notification.destroy();
@@ -155,10 +388,10 @@ function InnerConfigProvider(props) {
   if (!host.GlobalActionsProvider) {
     warnOutdatedDeps();
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, cssStyles), host.GlobalActionsProvider && /* @__PURE__ */ React.createElement(host.GlobalActionsProvider, {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, cssStyles), host.GlobalActionsProvider ? /* @__PURE__ */ React.createElement(host.GlobalActionsProvider, {
     contextName: "plasmic-antd5-config-provider",
     actions
-  }, children), /* @__PURE__ */ React.createElement(GlobalLoadingIndicator, null));
+  }, children) : children, /* @__PURE__ */ React.createElement(GlobalLoadingIndicator, null));
 }
 let warned = false;
 function warnOutdatedDeps() {
@@ -168,7 +401,7 @@ function warnOutdatedDeps() {
   }
 }
 function GlobalLoadingIndicator() {
-  const app = App.useApp();
+  const app = useAppContext();
   React.useEffect(() => {
     if (query.addLoadingStateListener) {
       return query.addLoadingStateListener((isLoading) => {
@@ -190,6 +423,25 @@ function GlobalLoadingIndicator() {
   }, [app]);
   return null;
 }
+const ForkedAppContext = React.createContext(void 0);
+function useAppContext() {
+  const context = React.useContext(ForkedAppContext);
+  if (!context) {
+    throw new Error("Must call useAppContext from under ForkedApp");
+  }
+  return context;
+}
+function ForkedApp(props) {
+  const [messageApi, messageContextHolder] = useMessage();
+  const [notificationApi, notificationContextHolder] = useNotification();
+  const appContext = React.useMemo(() => ({
+    message: messageApi,
+    notification: notificationApi
+  }), [messageApi, notificationApi]);
+  return /* @__PURE__ */ React.createElement(ForkedAppContext.Provider, {
+    value: appContext
+  }, messageContextHolder, notificationContextHolder, props.children);
+}
 function registerTokens(loader) {
   const regs = [];
   const makeColorToken = (name) => {
@@ -383,7 +635,7 @@ function registerTokens(loader) {
     regs.forEach((t) => registerToken(t));
   }
 }
-const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$1(__spreadValues$2({
+const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$4(__spreadValues$5({
   name: "plasmic-antd5-config-provider",
   displayName: "Ant Design System Settings",
   props: {
@@ -488,6 +740,650 @@ 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) => {
+  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$4 = (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 AntdDropdown(props) {
+  const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$4(_a, ["children", "onAction", "menuItems"]);
+  return /* @__PURE__ */ React.createElement(Dropdown, __spreadProps$3(__spreadValues$4({}, rest), {
+    overlay: () => {
+      var _a2;
+      const items = (_a2 = menuItems == null ? void 0 : menuItems()) != null ? _a2 : [];
+      return /* @__PURE__ */ React.createElement(Menu, {
+        onClick: (event) => onAction == null ? void 0 : onAction(event.key)
+      }, items);
+    }
+  }), typeof children === "string" ? /* @__PURE__ */ React.createElement("div", null, children) : children);
+}
+function registerDropdown(loader) {
+  registerComponentHelper(loader, AntdDropdown, {
+    name: "plasmic-antd5-dropdown",
+    displayName: "Dropdown",
+    props: {
+      open: {
+        type: "boolean",
+        description: "Toggle visibility of dropdown menu in Plasmic Editor",
+        editOnly: true,
+        uncontrolledProp: "fakeOpen",
+        defaultValueHint: false
+      },
+      disabled: {
+        type: "boolean",
+        description: "Whether the dropdown menu is disabled",
+        defaultValueHint: false
+      },
+      arrow: {
+        type: "boolean",
+        description: "Whether the dropdown arrow should be visible",
+        defaultValueHint: false,
+        advanced: true
+      },
+      placement: {
+        type: "choice",
+        options: [
+          "bottomLeft",
+          "bottomCenter",
+          "bottomRight",
+          "topLeft",
+          "topCenter",
+          "topRight"
+        ],
+        description: "Placement of popup menu",
+        defaultValueHint: "bottomLeft",
+        advanced: true
+      },
+      menuItems: {
+        type: "slot",
+        allowedComponents: [
+          "plasmic-antd5-menu-item",
+          "plasmic-antd5-menu-item-group",
+          "plasmic-antd5-menu-divider",
+          "plasmic-antd5-submenu"
+        ],
+        defaultValue: [
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menu-item-1"
+            }
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menu-item-2"
+            }
+          }
+        ],
+        renderPropParams: []
+      },
+      trigger: {
+        type: "choice",
+        options: ["click", "hover", "contextMenu"],
+        description: "The trigger mode which executes the dropdown action",
+        defaultValueHint: "hover"
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "default-component",
+            kind: "button",
+            props: {
+              children: {
+                type: "text",
+                value: "Dropdown"
+              }
+            }
+          }
+        ]
+      },
+      onAction: {
+        type: "eventHandler",
+        argTypes: [{ name: "key", type: "string" }]
+      }
+    },
+    importPath: "@plasmicpkgs/antd/skinny/registerDropdown",
+    importName: "AntdDropdown"
+  });
+}
+
+const AntdMenu = Menu;
+const AntdMenuDivider = Menu.Divider;
+const AntdMenuItem = Menu.Item;
+const AntdMenuItemGroup = Menu.ItemGroup;
+const AntdSubMenu = Menu.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" }]
+      }
+    },
+    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
+      },
+      key: {
+        type: "string",
+        description: "Unique ID of the menu item",
+        defaultValue: "menuItemKey"
+      },
+      title: {
+        type: "string",
+        description: "Set display title for collapsed item"
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Option"
+          }
+        ]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenuItem",
+    parentComponentName: "plasmic-antd5-menu"
+  });
+  registerComponentHelper(loader, AntdMenuItemGroup, {
+    name: "plasmic-antd5-menu-item-group",
+    displayName: "Item Group",
+    props: {
+      title: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Group"
+          }
+        ]
+      },
+      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"
+          }
+        ]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenuItemGroup",
+    parentComponentName: "plasmic-antd5-menu"
+  });
+  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: {
+      disabled: {
+        type: "boolean",
+        description: "Whether sub-menu is disabled",
+        defaultValueHint: false
+      },
+      key: {
+        type: "string",
+        description: "Unique ID of the sub-menu",
+        advanced: true
+      },
+      title: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Sub-menu"
+          }
+        ]
+      },
+      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"
+  });
+}
+
+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$3 = (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;
+};
+function AntdModal(props) {
+  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$3(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
+  const memoOnOk = React.useMemo(() => {
+    if (onOpenChange || onOk) {
+      return (e) => {
+        onOpenChange == null ? void 0 : onOpenChange(false);
+        onOk == null ? void 0 : onOk(e);
+      };
+    } else {
+      return void 0;
+    }
+  }, [onOpenChange, onOk]);
+  const memoOnCancel = React.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.createElement(Modal, __spreadProps$2(__spreadValues$3({}, rest), {
+    onOk: memoOnOk,
+    onCancel: memoOnCancel,
+    open,
+    footer: footer != null ? footer : void 0
+  }));
+}
+function registerModal(loader) {
+  registerComponentHelper(loader, AntdModal, {
+    name: "plasmic-antd5-modal",
+    displayName: "Modal",
+    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: {
+        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" }]
+      },
+      modalScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "modal"
+      },
+      modalClassName: {
+        type: "class",
+        displayName: "Modal content styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":modal .ant-modal .ant-modal-content",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      closeButtonClassName: {
+        type: "class",
+        displayName: "Close button styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":modal .ant-modal .ant-modal-close",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      defaultStylesClassName: {
+        type: "themeResetClass"
+      }
+    },
+    unstable__states: {
+      open: {
+        type: "writable",
+        valueProp: "open",
+        onChangeProp: "onOpenChange"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerModal",
+    importName: "AntdModal"
+  });
+}
+
+var __defProp$2 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const AntdRadio = Radio;
+function AntdRadioGroup(props) {
+  const _a = props, { onChange } = _a, rest = __objRest$2(_a, ["onChange"]);
+  const wrappedOnChange = React.useMemo(() => {
+    if (onChange) {
+      return (event) => onChange(event.target.value);
+    } else {
+      return void 0;
+    }
+  }, [onChange]);
+  return /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$1(__spreadValues$2({}, rest), {
+    onChange: wrappedOnChange
+  }));
+}
+function registerRadio(loader) {
+  registerComponentHelper(loader, AntdRadio, {
+    name: "plasmic-antd5-radio",
+    displayName: "Radio",
+    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
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Radio"
+          }
+        ]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
+    importName: "AntdRadio",
+    parentComponentName: "plasmic-antd5-radio-group"
+  });
+  registerComponentHelper(loader, AntdRadio, {
+    name: "plasmic-antd5-radio-button",
+    displayName: "Radio Button",
+    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
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Radio"
+          }
+        ]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
+    importName: "AntdRadioButton",
+    parentComponentName: "plasmic-antd5-radio-group"
+  });
+  registerComponentHelper(loader, AntdRadioGroup, {
+    name: "plasmic-antd5-radio-group",
+    displayName: "Radio Group",
+    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",
+        defaultValueHint: false
+      },
+      children: {
+        type: "slot",
+        allowedComponents: [
+          "plasmic-antd5-radio",
+          "plasmic-antd5-radio-button"
+        ]
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "value", type: "string" }]
+      }
+    },
+    unstable__states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange"
+      }
+    },
+    importPath: "@plasmicapp/antd5/skinny/registerRadio",
+    importName: "AntdRadioGroup"
+  });
+}
+
 var __defProp$1 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -588,6 +1484,10 @@ function registerSelect(loader) {
         type: "choice",
         options: ["small", "middle", "large"]
       },
+      disabled: {
+        type: "boolean",
+        defaultValueHint: false
+      },
       showSearch: {
         type: "boolean",
         defaultValueHint: false,
@@ -605,6 +1505,7 @@ function registerSelect(loader) {
       autoFocus: {
         type: "boolean",
         displayName: "Focus automatically",
+        defaultValueHint: false,
         advanced: true
       },
       onChange: {
@@ -886,7 +1787,7 @@ function registerTable(loader) {
         hidden: (ps) => !ps.isSelectable
       }
     },
-    importPath: "@plasmicpkgs/antd5/registerTable",
+    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
     importName: "AntdTable",
     unstable__states: {
       selectedRowKeys: {
@@ -928,11 +1829,14 @@ function registerTable(loader) {
         defaultValue: "Column Name"
       },
       dataIndex: {
-        type: "string"
+        type: "string",
+        displayName: "Column key"
       },
       render: {
         type: "slot",
-        renderPropParams: ["cell", "row", "index"]
+        renderPropParams: ["cell", "row", "index"],
+        hidePlaceholder: true,
+        displayName: "Custom render"
       },
       align: {
         type: "choice",
@@ -949,7 +1853,7 @@ function registerTable(loader) {
         advanced: true
       }
     },
-    importPath: "@plasmicpkgs/antd5/registerTable",
+    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
     importName: "AntdColumn"
   }, { isRenderless: true }));
   registerComponentHelper(loader, AntdColumnGroup, __spreadValues({
@@ -976,6 +1880,12 @@ function registerAll(loader) {
   registerTokens(loader);
   registerSelect(loader);
   registerTable(loader);
+  registerCheckbox(loader);
+  registerRadio(loader);
+  registerModal(loader);
+  registerButton(loader);
+  registerMenu(loader);
+  registerDropdown(loader);
 }
 
 exports.registerAll = registerAll;