@plasmicpkgs/antd5 0.0.94 → 0.0.99

package/dist/antd.esm.js

@@ -1,8 +1,8 @@
 import React, { isValidElement, cloneElement, useState } from 'react';
-import { Result, Button, Checkbox, ConfigProvider, theme, message, notification, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, DatePicker, Modal, Table, Upload } from 'antd';
+import { Result, Button, Checkbox, ConfigProvider, theme, message, notification, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, DatePicker, Modal, Table, Upload, Avatar, Tooltip, ColorPicker, Drawer, Steps } from 'antd';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
-import { GlobalActionsProvider, usePlasmicCanvasContext, DataProvider, repeatedElement } from '@plasmicapp/host';
+import { GlobalActionsProvider, usePlasmicCanvasContext, DataProvider, repeatedElement, usePlasmicLink } from '@plasmicapp/host';
 import registerToken from '@plasmicapp/host/registerToken';
 import { addLoadingStateListener } from '@plasmicapp/query';
 import enUS from 'antd/lib/locale/en_US.js';
@@ -111,43 +111,43 @@ class ErrorBoundary extends React.Component {
   }
 }
 
-var __defProp$e = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
+var __defProp$j = Object.defineProperty;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-var __objRest$9 = (source, exclude) => {
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __objRest$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
+  if (source != null && __getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdButton(props) {
-  const _a = props, { submitsForm = false } = _a, rest = __objRest$9(_a, ["submitsForm"]);
+  const _a = props, { submitsForm = false } = _a, rest = __objRest$d(_a, ["submitsForm"]);
   const target = props.target === true ? "_blank" : props.target === false ? void 0 : props.target;
   return /* @__PURE__ */ React.createElement(
     Button,
-    __spreadProps$b(__spreadValues$e(__spreadProps$b(__spreadValues$e({}, rest), {
+    __spreadProps$f(__spreadValues$j(__spreadProps$f(__spreadValues$j({}, rest), {
       htmlType: submitsForm ? "submit" : "button"
     }), rest), {
       target
@@ -220,7 +220,7 @@ function registerButton(loader) {
         hidden: (props) => !props.href,
         defaultValueHint: false
       },
-      children: __spreadValues$e({
+      children: __spreadValues$j({
         type: "slot",
         defaultValue: [
           {
@@ -244,39 +244,39 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$d = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
+var __defProp$i = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$i = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-var __objRest$8 = (source, exclude) => {
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
+  if (source != null && __getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$i.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdCheckbox(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$8(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$c(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.checked);
@@ -284,7 +284,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$a(__spreadValues$d({}, rest), { onChange: wrappedOnChange }));
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$e(__spreadValues$i({}, rest), { onChange: wrappedOnChange }));
 }
 AntdCheckbox.__plasmicFormFieldMeta = { valueProp: "checked" };
 const AntdCheckboxGroup = Checkbox.Group;
@@ -319,7 +319,7 @@ function registerCheckbox(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$d({
+      children: __spreadValues$i({
         type: "slot",
         defaultValue: [
           {
@@ -400,33 +400,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$c = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$h = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-var __objRest$7 = (source, exclude) => {
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$h.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
+  if (source != null && __getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$h.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -476,12 +476,12 @@ function themeToAntdConfig(opts) {
   };
 }
 function AntdConfigProvider(props) {
-  const _a = props, { children, themeStyles } = _a, rest = __objRest$7(_a, ["children", "themeStyles"]);
+  const _a = props, { children, themeStyles } = _a, rest = __objRest$b(_a, ["children", "themeStyles"]);
   return /* @__PURE__ */ React.createElement(
     ConfigProvider,
-    __spreadValues$c({
+    __spreadValues$h({
       locale: defaultLocale
-    }, themeToAntdConfig(__spreadProps$9(__spreadValues$c({}, rest), {
+    }, themeToAntdConfig(__spreadProps$d(__spreadValues$h({}, rest), {
       fontFamily: themeStyles.fontFamily,
       fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
       lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -516,8 +516,8 @@ function InnerConfigProvider(props) {
     () => ({
       showNotification: (opts) => {
         var _b;
-        const _a = opts, rest = __objRest$7(_a, ["type"]);
-        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$c({}, rest));
+        const _a = opts, rest = __objRest$b(_a, ["type"]);
+        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$h({}, rest));
       },
       hideNotifications: () => {
         app.notification.destroy();
@@ -814,7 +814,7 @@ function registerTokens(loader) {
 }
 const registerConfigProvider = makeRegisterGlobalContext(
   AntdConfigProvider,
-  __spreadProps$9(__spreadValues$c({
+  __spreadProps$d(__spreadValues$h({
     name: "plasmic-antd5-config-provider",
     displayName: "Ant Design System Settings",
     props: {
@@ -920,26 +920,25 @@ const registerConfigProvider = makeRegisterGlobalContext(
   })
 );
 
-var __defProp$b = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __defProp$g = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$g = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$g.call(b, prop))
+      __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b)) {
+      if (__propIsEnum$g.call(b, prop))
+        __defNormalProp$g(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-const AntdMenu = Menu;
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 const AntdMenuDivider = Menu.Divider;
 const AntdMenuItem = Menu.Item;
 const AntdMenuItemGroup = Menu.ItemGroup;
@@ -994,7 +993,7 @@ const MENU_ITEM_TYPE = {
     }
   }
 };
-const UNKEYED_MENU_ITEM_TYPE = __spreadProps$8(__spreadValues$b({}, MENU_ITEM_TYPE), {
+const UNKEYED_MENU_ITEM_TYPE = __spreadProps$c(__spreadValues$g({}, MENU_ITEM_TYPE), {
   fields: Object.fromEntries(
     Object.entries(MENU_ITEM_TYPE.fields).filter(([k]) => k !== "key")
   )
@@ -1002,7 +1001,7 @@ const UNKEYED_MENU_ITEM_TYPE = __spreadProps$8(__spreadValues$b({}, MENU_ITEM_TY
 MENU_ITEM_TYPE.fields.children.itemType = MENU_ITEM_TYPE;
 UNKEYED_MENU_ITEM_TYPE.fields.children.itemType = UNKEYED_MENU_ITEM_TYPE;
 function registerMenu(loader) {
-  registerComponentHelper(loader, AntdMenu, {
+  registerComponentHelper(loader, Menu, {
     name: "plasmic-antd5-menu",
     displayName: "Menu",
     props: {
@@ -1080,7 +1079,7 @@ function registerMenu(loader) {
         type: "string",
         description: "Set display title for collapsed item"
       },
-      children: __spreadValues$b({
+      children: __spreadValues$g({
         type: "slot",
         defaultValue: [
           {
@@ -1188,33 +1187,33 @@ function registerMenu(loader) {
   });
 }
 
-var __defProp$a = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __defProp$f = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$6 = (source, exclude) => {
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
+  if (source != null && __getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1227,7 +1226,7 @@ function AntdDropdown(props) {
     useMenuItemsSlot = false,
     menuItemsJson,
     trigger = "click"
-  } = _a, rest = __objRest$6(_a, [
+  } = _a, rest = __objRest$a(_a, [
     "children",
     "onAction",
     "menuItems",
@@ -1237,7 +1236,7 @@ function AntdDropdown(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     Dropdown,
-    __spreadProps$7(__spreadValues$a({}, rest), {
+    __spreadProps$b(__spreadValues$f({}, rest), {
       trigger: [trigger],
       overlay: () => {
         var _a2;
@@ -1342,7 +1341,7 @@ function registerDropdown(loader) {
         advanced: true,
         description: "Instead of configuring a list of menu items, build the menu items using MenuItem elements. This gives you greater control over item styling."
       },
-      children: __spreadValues$a({
+      children: __spreadValues$f({
         type: "slot",
         defaultValue: [
           {
@@ -1367,19 +1366,19 @@ function registerDropdown(loader) {
   });
 }
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$e = Object.defineProperty;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
     }
   return a;
 };
@@ -1390,7 +1389,7 @@ function mergeProps(props, ...restProps) {
   if (restProps.every((rest) => Object.keys(rest).length === 0)) {
     return props;
   }
-  const result = __spreadValues$9({}, props);
+  const result = __spreadValues$e({}, props);
   for (const rest of restProps) {
     for (const key of Object.keys(rest)) {
       result[key] = mergePropVals(key, result[key], rest[key]);
@@ -1427,7 +1426,7 @@ function mergePropVals(name, val1, val2) {
   } else if (name === "className") {
     return classNames(val1, val2);
   } else if (name === "style") {
-    return __spreadValues$9(__spreadValues$9({}, val1), val2);
+    return __spreadValues$e(__spreadValues$e({}, val1), val2);
   } else if (name === "ref") {
     return mergeRefs(val1, val2);
   } else if (typeof val1 !== typeof val2) {
@@ -1463,25 +1462,25 @@ function reactNodeToString(reactNode) {
   return string;
 }
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 const AntdInput = Input;
 const AntdTextArea = Input.TextArea;
 const AntdPassword = Input.Password;
@@ -1571,10 +1570,10 @@ const COMMON_EVENT_HANDLERS = {
 };
 const inputComponentName = "plasmic-antd5-input";
 function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, __spreadProps$6(__spreadValues$8({
+  registerComponentHelper(loader, AntdInput, __spreadProps$a(__spreadValues$d({
     name: inputComponentName,
     displayName: "Input",
-    props: __spreadValues$8(__spreadValues$8(__spreadValues$8({
+    props: __spreadValues$d(__spreadValues$d(__spreadValues$d({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1605,7 +1604,7 @@ function registerInput(loader) {
         defaultValueHint: "text"
       }
     }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
-    states: __spreadValues$8({}, COMMON_STATES)
+    states: __spreadValues$d({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -1618,7 +1617,7 @@ function registerTextArea(loader) {
     name: textAreaComponentName,
     parentComponentName: inputComponentName,
     displayName: "Text Area",
-    props: __spreadValues$8({
+    props: __spreadValues$d({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1639,7 +1638,7 @@ function registerTextArea(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$8({}, COMMON_STATES),
+    states: __spreadValues$d({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdTextArea"
@@ -1651,7 +1650,7 @@ function registerPasswordInput(loader) {
     name: passwordComponentName,
     parentComponentName: inputComponentName,
     displayName: "Password Input",
-    props: __spreadValues$8({
+    props: __spreadValues$d({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1672,7 +1671,7 @@ function registerPasswordInput(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$8({}, COMMON_STATES),
+    states: __spreadValues$d({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdPassword"
@@ -1680,11 +1679,11 @@ function registerPasswordInput(loader) {
 }
 const inputNumberComponentName = "plasmic-antd5-input-number";
 function registerNumberInput(loader) {
-  registerComponentHelper(loader, AntdInputNumber, __spreadProps$6(__spreadValues$8({
+  registerComponentHelper(loader, AntdInputNumber, __spreadProps$a(__spreadValues$d({
     name: inputNumberComponentName,
     parentComponentName: inputComponentName,
     displayName: "Number Input",
-    props: __spreadProps$6(__spreadValues$8(__spreadValues$8(__spreadValues$8({
+    props: __spreadProps$a(__spreadValues$d(__spreadValues$d(__spreadValues$d({
       value: {
         type: "number",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1722,7 +1721,7 @@ function registerNumberInput(loader) {
         ]
       }
     }),
-    states: __spreadValues$8({}, COMMON_STATES)
+    states: __spreadValues$d({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     // don't need component helpers
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -1730,33 +1729,33 @@ function registerNumberInput(loader) {
   }));
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$5 = (source, exclude) => {
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1765,7 +1764,7 @@ const RadioGroup = Radio.Group;
 const AntdRadio = Radio;
 const AntdRadioButton = Radio.Button;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange, useChildren } = _a, rest = __objRest$5(_a, ["onChange", "useChildren"]);
+  const _a = props, { onChange, useChildren } = _a, rest = __objRest$9(_a, ["onChange", "useChildren"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -1775,7 +1774,7 @@ function AntdRadioGroup(props) {
   }, [onChange]);
   return /* @__PURE__ */ React.createElement(
     RadioGroup,
-    __spreadProps$5(__spreadValues$7({}, rest), {
+    __spreadProps$9(__spreadValues$c({}, rest), {
       onChange: wrappedOnChange,
       options: useChildren ? void 0 : rest.options
     })
@@ -1803,7 +1802,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$7({
+      children: __spreadValues$c({
         type: "slot",
         defaultValue: [
           {
@@ -1835,7 +1834,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$7({
+      children: __spreadValues$c({
         type: "slot",
         defaultValue: [
           {
@@ -1849,7 +1848,7 @@ function registerRadio(loader) {
     importName: "AntdRadioButton",
     parentComponentName: radioGroupComponentName
   });
-  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$7({
+  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$c({
     name: radioGroupComponentName,
     displayName: "Radio Group",
     props: {
@@ -1972,33 +1971,33 @@ function registerRadio(loader) {
   }));
 }
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$4 = (source, exclude) => {
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2013,7 +2012,7 @@ function AntdSelect(props) {
     suffixIcon,
     mode,
     useChildren
-  } = _a, rest = __objRest$4(_a, [
+  } = _a, rest = __objRest$8(_a, [
     "popupClassName",
     "popupScopeClassName",
     "defaultStylesClassName",
@@ -2021,13 +2020,13 @@ function AntdSelect(props) {
     "mode",
     "useChildren"
   ]);
-  const curated = __spreadValues$6({}, rest);
+  const curated = __spreadValues$b({}, rest);
   if (useChildren) {
     curated.options = void 0;
   }
   return /* @__PURE__ */ React.createElement(
     Select,
-    __spreadValues$6(__spreadProps$4(__spreadValues$6({}, curated), {
+    __spreadValues$b(__spreadProps$8(__spreadValues$b({}, curated), {
       mode: !mode || mode === "single" ? void 0 : mode,
       popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`,
       optionFilterProp: curated.options ? "label" : void 0,
@@ -2042,7 +2041,7 @@ const selectComponentName = "plasmic-antd5-select";
 const optionComponentName = "plasmic-antd5-option";
 const optionGroupComponentName = "plasmic-antd5-option-group";
 function registerSelect(loader) {
-  registerComponentHelper(loader, AntdSelect, __spreadProps$4(__spreadValues$6({
+  registerComponentHelper(loader, AntdSelect, __spreadProps$8(__spreadValues$b({
     name: selectComponentName,
     displayName: "Select",
     props: {
@@ -2278,7 +2277,7 @@ function registerSelect(loader) {
     displayName: "Option",
     parentComponentName: selectComponentName,
     props: {
-      children: __spreadValues$6({
+      children: __spreadValues$b({
         type: "slot",
         defaultValue: "Option"
       }, { mergeWithParent: true }),
@@ -2331,24 +2330,24 @@ function registerSelect(loader) {
   });
 }
 
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
 function AntdSwitch(props) {
-  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$5({}, props));
+  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$a({}, props));
 }
 AntdSwitch.__plasmicFormFieldMeta = { valueProp: "checked" };
 const switchComponentName = "plasmic-antd5-switch";
@@ -2394,33 +2393,33 @@ function registerSwitch(loader) {
   });
 }
 
-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]);
+var __defProp$9 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$3 = (source, exclude) => {
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2455,7 +2454,7 @@ const Internal = React.forwardRef(
     const [form] = Form.useForm();
     const values = form.getFieldsValue(true);
     const lastValue = React.useRef(values);
-    const _a = props, { extendedOnValuesChange, setRemountKey } = _a, rest = __objRest$3(_a, ["extendedOnValuesChange", "setRemountKey"]);
+    const _a = props, { extendedOnValuesChange, setRemountKey } = _a, rest = __objRest$7(_a, ["extendedOnValuesChange", "setRemountKey"]);
     let childrenNode;
     if (props.mode !== "simplified") {
       childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
@@ -2470,7 +2469,7 @@ const Internal = React.forwardRef(
           },
           /* @__PURE__ */ React.createElement(
             FormItemWrapper,
-            __spreadProps$3(__spreadValues$4({}, formItem), {
+            __spreadProps$7(__spreadValues$9({}, formItem), {
               noLabel: formItem.inputType === "Checkbox" /* Checkbox */ || formItem.noLabel,
               style: { width: "100%" }
             }),
@@ -2538,7 +2537,7 @@ const Internal = React.forwardRef(
       },
       /* @__PURE__ */ React.createElement(FormLayoutContext.Provider, { value: formLayout }, /* @__PURE__ */ React.createElement(
         Form,
-        __spreadProps$3(__spreadValues$4({}, rest), {
+        __spreadProps$7(__spreadValues$9({}, rest), {
           key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
           onValuesChange: (...args) => {
             var _a2;
@@ -2574,7 +2573,7 @@ function useFormItemDefinitions(rawData, props, formRef) {
     const { mergedFields, minimalFullLengthFields } = deriveFieldConfigs(
       formItems != null ? formItems : [],
       schema,
-      (field) => __spreadValues$4({
+      (field) => __spreadValues$9({
         inputType: "Text" /* Text */
       }, field && {
         key: field.id,
@@ -2596,13 +2595,9 @@ function useFormItemDefinitions(rawData, props, formRef) {
     return mergedFields;
   }, [mode, setControlContextData, formItems, rawData, formRef]);
 }
-const useRawData = (connection) => {
-  const rawDataSchema = usePlasmicDataOp(connection == null ? void 0 : connection.dataSchema);
-  const rawDataEntry = usePlasmicDataOp(connection == null ? void 0 : connection.dataEntry);
-  if (!connection) {
-    return void 0;
-  }
-  return 0 /* NewEntry */ === connection.formType ? rawDataSchema : rawDataEntry;
+const useRawData = (props) => {
+  const rawData = usePlasmicDataOp(props.data);
+  return props.data ? rawData : void 0;
 };
 const FormWrapper = React.forwardRef(
   (props, ref) => {
@@ -2616,22 +2611,29 @@ const FormWrapper = React.forwardRef(
     }, [previousInitialValues, props.initialValues]);
     React.useImperativeHandle(
       ref,
-      () => wrapperRef.current ? __spreadValues$4({}, wrapperRef.current) : {}
+      () => wrapperRef.current ? __spreadValues$9({}, wrapperRef.current) : {}
     );
-    const rawData = useRawData(props.data);
+    const rawData = useRawData(props);
     const formItemDefinitions = useFormItemDefinitions(
       rawData,
       props,
       wrapperRef.current
     );
-    const _a = props, { formItems } = _a, rest = __objRest$3(_a, ["formItems"]);
+    const previousOpData = usePrevious(props.data);
+    React.useEffect(() => {
+      var _a2;
+      if ((previousOpData == null ? void 0 : previousOpData.opId) !== ((_a2 = props.data) == null ? void 0 : _a2.opId)) {
+        setRemountKey((k) => k + 1);
+      }
+    }, [previousOpData, props.data]);
+    const _a = props, { formItems } = _a, rest = __objRest$7(_a, ["formItems"]);
     const actualFormItems = props.mode === "simplified" && formItemDefinitions ? formItemDefinitions : formItems;
     if (props.mode === "simplified" && rawData && "error" in rawData) {
       return /* @__PURE__ */ React.createElement("div", null, "Error when fetching data: ", rawData.error.message);
     }
     return /* @__PURE__ */ React.createElement(
       Internal,
-      __spreadProps$3(__spreadValues$4({
+      __spreadProps$7(__spreadValues$9({
         key: remountKey
       }, rest), {
         setRemountKey,
@@ -2734,48 +2736,6 @@ const formTypeDescription = `
 
   For both options, you can customize later.
 `;
-const getConnectionDBPropRegistration = () => ({
-  formType: {
-    type: "choice",
-    options: [
-      { label: "New entry", value: 0 /* NewEntry */ },
-      { label: "Update entry", value: 1 /* UpdateEntry */ }
-    ],
-    displayName: "Form Type",
-    disableDynamicValue: true,
-    defaultValueHint: "Select the form type...",
-    description: `
-    You can create form with two different behaviors:
-    
-
-
-    1. Create a new entry: The form will be created empty and it will create a new row when submitted.
-    2. Update an entry: The form will be pre-filled with the row values and it will update the table entry when submitted.
-    
-
-
-    For both options, you can customize later.
-    `
-  },
-  dataSchema: {
-    type: "dataSourceOp",
-    description: "The data to generate the form",
-    hidden: (_ps, _ctx, { item }) => item.formType !== 0 /* NewEntry */,
-    displayName: "",
-    disableDynamicValue: true,
-    allowedOps: () => ["getTableSchema"],
-    hideCacheKey: true
-  },
-  dataEntry: {
-    type: "dataSourceOp",
-    description: "The data to generate the form",
-    hidden: (_ps, _ctx, { item }) => item.formType !== 1 /* UpdateEntry */,
-    displayName: "",
-    disableDynamicValue: true,
-    allowedOps: () => ["getOne"],
-    hideCacheKey: true
-  }
-});
 function registerForm(loader) {
   registerComponentHelper(loader, FormWrapper, {
     name: formComponentName,
@@ -2790,17 +2750,17 @@ function registerForm(loader) {
         defaultValue: "simplified"
       },
       data: {
-        type: "object",
-        fields: getConnectionDBPropRegistration(),
-        hidden: (ps) => ps.mode !== "simplified" || !ps.data,
-        nameFunc: () => "DB Connection"
+        type: "formDataConnection",
+        disableDynamicValue: true,
+        disableLinkToProp: true,
+        hidden: (ps) => ps.mode !== "simplified" || !ps.data
       },
       formItems: {
         displayName: "Fields",
         type: "array",
         itemType: {
           type: "object",
-          fields: __spreadValues$4({
+          fields: __spreadValues$9({
             label: {
               type: "string",
               defaultValueHint: getDefaultValueHint("label")
@@ -2927,7 +2887,7 @@ function registerForm(loader) {
           return true;
         }
       },
-      submitSlot: __spreadValues$4({
+      submitSlot: __spreadValues$9({
         type: "slot",
         hidden: () => true,
         defaultValue: {
@@ -3204,7 +3164,7 @@ function FormItemWrapper(props) {
     customizeProps,
     setControlContextData,
     alignLabellessWithControls = true
-  } = _a, rest = __objRest$3(_a, [
+  } = _a, rest = __objRest$7(_a, [
     "rules",
     "description",
     "noLabel",
@@ -3251,7 +3211,7 @@ function FormItemWrapper(props) {
   }
   return /* @__PURE__ */ React.createElement(
     FormItem,
-    __spreadProps$3(__spreadValues$4({}, rest), {
+    __spreadProps$7(__spreadValues$9({}, rest), {
       label: noLabel ? void 0 : props.label,
       name: relativeFormItemName,
       rules,
@@ -3316,7 +3276,7 @@ function deriveOnChangePropName(props) {
   return void 0;
 }
 function FormItemForwarder(_a) {
-  var _b = _a, { formItemProps } = _b, props = __objRest$3(_b, ["formItemProps"]);
+  var _b = _a, { formItemProps } = _b, props = __objRest$7(_b, ["formItemProps"]);
   var _a2;
   const status = Form.Item.useStatus();
   const internalFormCtx = React.useContext(InternalFormInstanceContext);
@@ -3329,7 +3289,7 @@ function FormItemForwarder(_a) {
   });
   return React.Children.map(formItemProps.children, (child, i) => {
     var _a3;
-    let newProps = __spreadProps$3(__spreadValues$4(__spreadValues$4({}, (_a3 = child.props) != null ? _a3 : {}), props), {
+    let newProps = __spreadProps$7(__spreadValues$9(__spreadValues$9({}, (_a3 = child.props) != null ? _a3 : {}), props), {
       __plasmicFormField: true
     });
     if (formItemProps.customizeProps) {
@@ -3464,7 +3424,7 @@ const commonFormItemProps = {
 };
 const formItemComponentName = "plasmic-antd5-form-item";
 function registerFormItem(loader) {
-  registerComponentHelper(loader, FormItemWrapper, __spreadValues$4({
+  registerComponentHelper(loader, FormItemWrapper, __spreadValues$9({
     name: formItemComponentName,
     displayName: "Form Field",
     parentComponentName: formComponentName,
@@ -3472,8 +3432,8 @@ function registerFormItem(loader) {
       marginBottom: "24px",
       width: "stretch"
     },
-    props: __spreadValues$4({
-      label: __spreadValues$4({
+    props: __spreadValues$9({
+      label: __spreadValues$9({
         type: "slot",
         defaultValue: {
           type: "text",
@@ -3481,7 +3441,7 @@ function registerFormItem(loader) {
         },
         hidden: (ps) => !!ps.noLabel
       }, { mergeWithParent: true }),
-      children: __spreadValues$4({
+      children: __spreadValues$9({
         type: "slot",
         defaultValue: {
           type: "component",
@@ -3656,7 +3616,7 @@ const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
       }
     }, [props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$3(__spreadValues$4({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$7(__spreadValues$9({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
     operationsRef.current = args;
     return args[0].map((field, index) => /* @__PURE__ */ React.createElement(
       PathContext.Provider,
@@ -3783,39 +3743,39 @@ function registerFormList(loader) {
   });
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$2 = (source, exclude) => {
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdModal(props) {
-  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$2(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
+  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$6(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
   const memoOnOk = React.useMemo(() => {
     if (onOpenChange || onOk) {
       return (e) => {
@@ -3838,11 +3798,12 @@ function AntdModal(props) {
   }, [onOpenChange, onCancel]);
   return /* @__PURE__ */ React.createElement(
     Modal,
-    __spreadProps$2(__spreadValues$3({}, rest), {
+    __spreadProps$6(__spreadValues$8({}, rest), {
       onOk: memoOnOk,
       onCancel: memoOnCancel,
       open,
-      footer: footer != null ? footer : void 0
+      footer: footer != null ? footer : void 0,
+      className: `${props.className} ${props.defaultStylesClassName}`
     })
   );
 }
@@ -3940,30 +3901,30 @@ function registerModal(loader) {
   });
 }
 
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$1 = (source, exclude) => {
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3978,7 +3939,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
     setControlContextData,
     selectedRowKeys,
     defaultSelectedRowKeys
-  } = _a, rest = __objRest$1(_a, [
+  } = _a, rest = __objRest$5(_a, [
     "data",
     "onSelectedRowKeysChange",
     "onSelectedRowsChange",
@@ -4044,7 +4005,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
   );
   return /* @__PURE__ */ React.createElement(
     Table,
-    __spreadValues$2({
+    __spreadValues$7({
       loading: data == null ? void 0 : data.isLoading,
       dataSource: data == null ? void 0 : data.data,
       rowSelection: selection,
@@ -4153,7 +4114,7 @@ function registerTable(loader) {
       }
     }
   });
-  registerComponentHelper(loader, AntdColumn, __spreadValues$2({
+  registerComponentHelper(loader, AntdColumn, __spreadValues$7({
     name: "plasmic-antd5-table-column",
     displayName: "Column",
     parentComponentName: "plasmic-antd5-table",
@@ -4190,7 +4151,7 @@ function registerTable(loader) {
     importPath: "@plasmicpkgs/antd5/skinny/registerTable",
     importName: "AntdColumn"
   }, { isRenderless: true }));
-  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$2({
+  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$7({
     name: "plasmic-antd5-table-column-group",
     displayName: "Column Group",
     parentComponentName: "plasmic-antd5-table",
@@ -4209,39 +4170,39 @@ function registerTable(loader) {
   }, { isRenderless: true }));
 }
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$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$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$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 = (source, exclude) => {
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.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$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.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 UploadWrapper(props) {
-  const _a = props, { files, onFilesChange } = _a, rest = __objRest(_a, ["files", "onFilesChange"]);
+  const _a = props, { files, onFilesChange } = _a, rest = __objRest$4(_a, ["files", "onFilesChange"]);
   const handleChange = (info) => {
     const { file } = info;
     if (file.status === "removed") {
@@ -4256,7 +4217,7 @@ function UploadWrapper(props) {
     };
     onFilesChange == null ? void 0 : onFilesChange([
       ...files,
-      __spreadProps$1(__spreadValues$1({}, metadata), {
+      __spreadProps$5(__spreadValues$6({}, metadata), {
         status: "uploading"
       })
     ]);
@@ -4264,7 +4225,7 @@ function UploadWrapper(props) {
     reader.onload = () => {
       onFilesChange == null ? void 0 : onFilesChange([
         ...files.filter((f) => f.uid !== file.uid),
-        __spreadProps$1(__spreadValues$1({}, metadata), {
+        __spreadProps$5(__spreadValues$6({}, metadata), {
           contents: reader.result.replace(
             /^data:[^;]+;base64,/,
             ""
@@ -4276,7 +4237,7 @@ function UploadWrapper(props) {
     reader.onerror = (error) => {
       onFilesChange == null ? void 0 : onFilesChange([
         ...files.filter((f) => f.uid !== file.uid),
-        __spreadProps$1(__spreadValues$1({}, metadata), {
+        __spreadProps$5(__spreadValues$6({}, metadata), {
           status: "error"
         })
       ]);
@@ -4288,7 +4249,7 @@ function UploadWrapper(props) {
   };
   return /* @__PURE__ */ React.createElement(
     Upload,
-    __spreadProps$1(__spreadValues$1({}, rest), {
+    __spreadProps$5(__spreadValues$6({}, rest), {
       fileList: files,
       beforeUpload: () => {
         return false;
@@ -4307,7 +4268,7 @@ UploadWrapper.__plasmicFormFieldMeta = {
   onChangePropName: "onFilesChange"
 };
 function registerUpload(loader) {
-  registerComponentHelper(loader, UploadWrapper, __spreadProps$1(__spreadValues$1({
+  registerComponentHelper(loader, UploadWrapper, __spreadProps$5(__spreadValues$6({
     name: "plasmic-antd5-upload",
     displayName: "Upload",
     props: {
@@ -4394,37 +4355,51 @@ function registerUpload(loader) {
   }));
 }
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$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.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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$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;
+};
 function AntdDatePicker(props) {
   const nativeInput = React.useRef(null);
   const [open, setOpen] = useState(false);
   const strValue = props.value && !(typeof props.value === "string") && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
+  const _a = props, rest = __objRest$3(_a, ["picker"]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps$4(__spreadValues$5({}, rest), {
+      picker: props.picker,
       value: props.value === void 0 ? void 0 : !props.value ? null : dayjs(props.value),
       defaultValue: props.defaultValue === void 0 ? void 0 : dayjs(props.defaultValue),
       onChange: (value, _dateString) => {
-        var _a;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
+        var _a2;
+        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
       },
       open,
       onOpenChange: (_open) => {
@@ -4538,6 +4513,592 @@ function registerDatePicker(loader) {
   });
 }
 
+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$2 = (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 AntdAvatar(_a) {
+  var _b = _a, {
+    letters,
+    href,
+    target
+  } = _b, props = __objRest$2(_b, [
+    "letters",
+    "href",
+    "target"
+  ]);
+  const avatar = /* @__PURE__ */ React.createElement(Avatar, __spreadProps$3(__spreadValues$4({}, props), { children: props.children || letters }));
+  const PlasmicLink = usePlasmicLink();
+  return href ? /* @__PURE__ */ React.createElement(PlasmicLink, { href, target: target ? "_blank" : void 0 }, avatar) : avatar;
+}
+function AntdAvatarGroup(props) {
+  return /* @__PURE__ */ React.createElement(Avatar.Group, __spreadValues$4({}, props));
+}
+function registerAvatar(loader) {
+  registerComponentHelper(loader, AntdAvatar, {
+    name: "plasmic-antd5-avatar",
+    displayName: "Avatar",
+    props: {
+      href: {
+        type: "href",
+        displayName: "Link to",
+        description: "Destination to link to"
+      },
+      target: {
+        type: "boolean",
+        displayName: "Open in new tab",
+        hidden: (ps) => !ps.href
+      },
+      letters: {
+        type: "string",
+        description: "Letters to show",
+        defaultValue: "AB"
+      },
+      src: {
+        type: "imageUrl",
+        description: "Image to display"
+      },
+      size: {
+        type: "choice",
+        options: ["small", "default", "large"],
+        description: "Set the size of avatar",
+        defaultValueHint: "default"
+      },
+      shape: {
+        type: "choice",
+        options: ["circle", "round"],
+        description: "Set the avatar shape",
+        defaultValueHint: "square"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerAvatar",
+    importName: "AntdAvatar"
+  });
+}
+function registerAvatarGroup(loader) {
+  registerComponentHelper(loader, AntdAvatarGroup, {
+    name: "plasmic-antd5-avatar-group",
+    displayName: "AvatarGroup",
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: [1, 2, 3, 4].map((user) => ({
+          type: "component",
+          name: "plasmic-antd5-tooltip",
+          props: {
+            titleText: "User " + user,
+            children: {
+              type: "component",
+              name: "plasmic-antd5-avatar",
+              props: {
+                letters: `U${user}`
+              }
+            }
+          }
+        }))
+      },
+      maxCount: {
+        type: "number",
+        description: "Max avatars to show",
+        defaultValue: 2
+      },
+      size: {
+        type: "choice",
+        options: ["small", "default", "large"],
+        description: "Default size of avatars",
+        defaultValueHint: "default"
+      },
+      maxPopoverPlacement: {
+        type: "choice",
+        advanced: true,
+        options: ["top", "bottom"],
+        defaultValueHint: "top"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerAvatar",
+    importName: "AntdAvatarGroup"
+  });
+}
+
+var __defProp$3 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+function AntdTooltip(props) {
+  return /* @__PURE__ */ React.createElement(Tooltip, __spreadProps$2(__spreadValues$3({}, props), { title: props.title || props.titleText }));
+}
+function registerTooltip(loader) {
+  registerComponentHelper(loader, AntdTooltip, {
+    name: "plasmic-antd5-tooltip",
+    displayName: "Tooltip",
+    isAttachment: true,
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: {
+          type: "text",
+          value: "This text element is wrapped in a Tooltip component"
+        },
+        mergeWithParent: true
+      },
+      titleText: {
+        type: "string",
+        displayName: "Tooltip contents",
+        description: "What gets shown inside the tooltip on hover",
+        defaultValue: "Tooltip contents"
+      },
+      title: {
+        type: "slot",
+        displayName: "Tooltip contents",
+        hidePlaceholder: true
+      },
+      color: {
+        type: "color",
+        description: "Tooltip fill color"
+      },
+      placement: {
+        type: "choice",
+        options: [
+          "topLeft",
+          "top",
+          "topRight",
+          "leftTop",
+          "left",
+          "leftBottom",
+          "rightTop",
+          "right",
+          "rightBottom",
+          "bottomLeft",
+          "bottom",
+          "bottomRight"
+        ],
+        description: "Default placement of tooltip",
+        defaultValueHint: "top"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerTooltip",
+    importName: "AntdTooltip"
+  });
+}
+
+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$1 = (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;
+};
+function AntdColorPicker(_a) {
+  var _b = _a, {
+    showTextSwitch,
+    onChange
+  } = _b, props = __objRest$1(_b, [
+    "showTextSwitch",
+    "onChange"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    ColorPicker,
+    __spreadProps$1(__spreadValues$2({}, props), {
+      showText: props.showText || showTextSwitch,
+      onChangeComplete: (value) => {
+        onChange == null ? void 0 : onChange(typeof value === "string" ? value : value.toHexString());
+      }
+    })
+  );
+}
+function registerColorPicker(loader) {
+  registerComponentHelper(loader, AntdColorPicker, {
+    name: "plasmic-antd5-color-picker",
+    displayName: "Color Picker",
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        mergeWithParent: true
+      },
+      value: {
+        displayName: "Color value",
+        type: "color",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        hidden: (ps) => !!ps.__plasmicFormField
+      },
+      showTextSwitch: {
+        type: "boolean",
+        displayName: "Show text"
+      },
+      showText: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      allowClear: "boolean",
+      disabled: {
+        type: "boolean",
+        advanced: true
+      },
+      trigger: {
+        advanced: true,
+        type: "choice",
+        options: ["click", "hover"],
+        defaultValueHint: "click"
+      },
+      format: {
+        advanced: true,
+        type: "choice",
+        options: ["hex", "hsb", "rgb"],
+        defaultValueHint: "hex"
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "color",
+            type: "string"
+          }
+        ]
+      }
+    },
+    states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerColorPicker",
+    importName: "AntdColorPicker"
+  });
+}
+
+var __defProp$1 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function AntdDrawer(props) {
+  const _a = props, { onOpenChange, onClose, open, footer } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer"]);
+  const memoOnClose = React.useMemo(() => {
+    if (onOpenChange || onClose) {
+      return (e) => {
+        onOpenChange == null ? void 0 : onOpenChange(false);
+        onClose == null ? void 0 : onClose(e);
+      };
+    } else {
+      return void 0;
+    }
+  }, [onOpenChange, onClose]);
+  return /* @__PURE__ */ React.createElement(
+    Drawer,
+    __spreadProps(__spreadValues$1({}, rest), {
+      onClose: memoOnClose,
+      open,
+      footer: footer != null ? footer : void 0,
+      className: `${props.className} ${props.defaultStylesClassName}`
+    })
+  );
+}
+function registerDrawer(loader) {
+  registerComponentHelper(loader, AntdDrawer, {
+    name: "plasmic-antd5-drawer",
+    displayName: "Drawer",
+    props: {
+      open: {
+        type: "boolean"
+      },
+      placement: {
+        type: "choice",
+        options: ["top", "right", "bottom", "left"],
+        defaultValueHint: "right"
+      },
+      children: {
+        type: "slot",
+        defaultValue: {
+          type: "vbox",
+          children: ["Drawer content"]
+        }
+      },
+      title: {
+        type: "slot",
+        defaultValue: "Drawer title"
+      },
+      footer: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      closeIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      onOpenChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "open", type: "boolean" }]
+      },
+      drawerScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "drawer"
+      },
+      drawerClassName: {
+        type: "class",
+        displayName: "Drawer content styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer .ant-drawer-content",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      closeButtonClassName: {
+        type: "class",
+        displayName: "Close button styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer .ant-drawer-close",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      forceRender: {
+        advanced: true,
+        type: "boolean"
+      },
+      defaultStylesClassName: {
+        type: "themeResetClass"
+      }
+    },
+    states: {
+      open: {
+        type: "writable",
+        valueProp: "open",
+        onChangeProp: "onOpenChange",
+        variableType: "boolean"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerDrawer",
+    importName: "AntdDrawer"
+  });
+}
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function AntdSteps(props) {
+  return /* @__PURE__ */ React.createElement(Steps, __spreadValues({}, props));
+}
+function registerSteps(loader) {
+  const statusOptions = ["wait", "process", "finish", "error"];
+  registerComponentHelper(loader, AntdSteps, {
+    name: "plasmic-antd5-steps",
+    displayName: "Steps",
+    props: {
+      items: {
+        type: "array",
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.title,
+          fields: {
+            title: "string",
+            description: "string",
+            subTitle: "string",
+            disabled: "boolean",
+            status: {
+              displayName: "Status",
+              type: "choice",
+              options: statusOptions,
+              defaultValueHint: "wait"
+            }
+            // TODO icon: 'slot',
+          }
+        },
+        defaultValue: [
+          {
+            title: "Applied",
+            description: "Application has been submitted."
+          },
+          {
+            title: "In Review",
+            description: "Application is being reviewed."
+          },
+          {
+            title: "Closed",
+            description: "Final decision on the application."
+          }
+        ]
+      },
+      current: {
+        type: "number",
+        displayName: "Current step",
+        defaultValue: 1
+      },
+      size: {
+        type: "choice",
+        options: ["small", "default"],
+        description: "Set the size of steps",
+        defaultValueHint: "default"
+      },
+      direction: {
+        type: "choice",
+        options: ["horizontal", "vertical"],
+        description: "Direction of steps",
+        defaultValueHint: "default"
+      },
+      progressDot: {
+        type: "boolean",
+        displayName: "Dot style"
+      },
+      status: {
+        displayName: "Status of current step",
+        type: "choice",
+        options: statusOptions,
+        defaultValueHint: "process"
+      },
+      type: {
+        type: "choice",
+        options: ["default", "navigation", "inline"],
+        defaultValueHint: "default"
+      },
+      percent: {
+        advanced: true,
+        type: "number",
+        description: "Number between 0 to 100"
+      },
+      responsive: {
+        advanced: true,
+        type: "boolean",
+        description: "Change to vertical when screen narrower than 532px"
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "step",
+            type: "number"
+          }
+        ]
+      }
+    },
+    states: {
+      current: {
+        type: "writable",
+        valueProp: "current",
+        onChangeProp: "onChange",
+        variableType: "number"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSteps",
+    importName: "AntdSteps"
+  });
+}
+
 function registerAll(loader) {
   registerConfigProvider(loader);
   registerTokens(loader);
@@ -4560,6 +5121,12 @@ function registerAll(loader) {
   registerNumberInput(loader);
   registerDatePicker(loader);
   registerUpload(loader);
+  registerColorPicker(loader);
+  registerDrawer(loader);
+  registerSteps(loader);
+  registerTooltip(loader);
+  registerAvatar(loader);
+  registerAvatarGroup(loader);
 }
 const componentNameToInputType = {
   [inputComponentName]: InputType.Text,