@plasmicpkgs/antd5 0.0.131 → 0.0.132

package/dist/antd.esm.js

@@ -167,43 +167,43 @@ function pick(obj, ...paths) {
   return res;
 }
 
-var __defProp$p = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$p = (a, b) => {
+var __defProp$q = Object.defineProperty;
+var __defProps$j = Object.defineProperties;
+var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$q = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$p.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(b)) {
-      if (__propIsEnum$p.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+    if (__hasOwnProp$q.call(b, prop))
+      __defNormalProp$q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(b)) {
+      if (__propIsEnum$q.call(b, prop))
+        __defNormalProp$q(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
-var __objRest$i = (source, exclude) => {
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __objRest$j = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
+  if (source != null && __getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdButton(props) {
-  const _a = props, { submitsForm = false, children } = _a, rest = __objRest$i(_a, ["submitsForm", "children"]);
+  const _a = props, { submitsForm = false, children } = _a, rest = __objRest$j(_a, ["submitsForm", "children"]);
   const target = props.target === true ? "_blank" : props.target === false ? void 0 : props.target;
   return /* @__PURE__ */ React.createElement(
     Button,
-    __spreadProps$i(__spreadValues$p({}, rest), {
+    __spreadProps$j(__spreadValues$q({}, rest), {
       children: /* @__PURE__ */ React.createElement(
         "div",
         {
@@ -284,7 +284,7 @@ function registerButton(loader) {
         hidden: (props) => !props.href,
         defaultValueHint: false
       },
-      children: __spreadValues$p({
+      children: __spreadValues$q({
         type: "slot",
         defaultValue: [
           {
@@ -308,39 +308,39 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$o = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$o = (a, b) => {
+var __defProp$p = Object.defineProperty;
+var __defProps$i = Object.defineProperties;
+var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$p = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$o.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(b)) {
-      if (__propIsEnum$o.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
+    if (__hasOwnProp$p.call(b, prop))
+      __defNormalProp$p(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b)) {
+      if (__propIsEnum$p.call(b, prop))
+        __defNormalProp$p(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
-var __objRest$h = (source, exclude) => {
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+var __objRest$i = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
+  if (source != null && __getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdCheckbox(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$h(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$i(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.checked);
@@ -348,7 +348,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$h(__spreadValues$o({}, rest), { onChange: wrappedOnChange }));
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$i(__spreadValues$p({}, rest), { onChange: wrappedOnChange }));
 }
 AntdCheckbox.__plasmicFormFieldMeta = { valueProp: "checked" };
 const AntdCheckboxGroup = Checkbox.Group;
@@ -383,7 +383,7 @@ function registerCheckbox(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$o({
+      children: __spreadValues$p({
         type: "slot",
         defaultValue: [
           {
@@ -464,33 +464,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$n = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$n = (a, b) => {
+var __defProp$o = Object.defineProperty;
+var __defProps$h = Object.defineProperties;
+var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$o = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$n.call(b, prop))
-      __defNormalProp$n(a, prop, b[prop]);
-  if (__getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(b)) {
-      if (__propIsEnum$n.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
+    if (__hasOwnProp$o.call(b, prop))
+      __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b)) {
+      if (__propIsEnum$o.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-var __objRest$g = (source, exclude) => {
+var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
+  if (source != null && __getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -540,12 +540,12 @@ function themeToAntdConfig(opts) {
   };
 }
 function AntdConfigProvider(props) {
-  const _a = props, { children, themeStyles, loadingText, removeLoading } = _a, rest = __objRest$g(_a, ["children", "themeStyles", "loadingText", "removeLoading"]);
+  const _a = props, { children, themeStyles, loadingText, removeLoading } = _a, rest = __objRest$h(_a, ["children", "themeStyles", "loadingText", "removeLoading"]);
   return /* @__PURE__ */ React.createElement(
     ConfigProvider,
-    __spreadValues$n({
+    __spreadValues$o({
       locale: defaultLocale
-    }, themeToAntdConfig(__spreadProps$g(__spreadValues$n({}, rest), {
+    }, themeToAntdConfig(__spreadProps$h(__spreadValues$o({}, rest), {
       fontFamily: themeStyles.fontFamily,
       fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
       lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -586,9 +586,12 @@ function InnerConfigProvider(props) {
   const actions = React.useMemo(
     () => ({
       showNotification: (opts) => {
-        var _b;
-        const _a = opts, rest = __objRest$g(_a, ["type"]);
-        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$n({}, rest));
+        var _b, _c, _d;
+        const _a = opts, rest = __objRest$h(_a, ["type"]);
+        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadProps$h(__spreadValues$o({}, rest), {
+          message: (_c = rest.message) == null ? void 0 : _c.toString(),
+          description: (_d = rest.description) == null ? void 0 : _d.toString()
+        }));
       },
       hideNotifications: () => {
         app.notification.destroy();
@@ -888,7 +891,7 @@ function registerTokens(loader) {
 }
 const registerConfigProvider = makeRegisterGlobalContext(
   AntdConfigProvider,
-  __spreadProps$g(__spreadValues$n({
+  __spreadProps$h(__spreadValues$o({
     name: "plasmic-antd5-config-provider",
     displayName: "Ant Design System Settings",
     props: {
@@ -1008,25 +1011,25 @@ const registerConfigProvider = makeRegisterGlobalContext(
   })
 );
 
-var __defProp$m = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
+var __defProp$n = Object.defineProperty;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$n = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$m.call(b, prop))
-      __defNormalProp$m(a, prop, b[prop]);
-  if (__getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(b)) {
-      if (__propIsEnum$m.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
+    if (__hasOwnProp$n.call(b, prop))
+      __defNormalProp$n(a, prop, b[prop]);
+  if (__getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(b)) {
+      if (__propIsEnum$n.call(b, prop))
+        __defNormalProp$n(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
 const AntdMenuDivider = Menu.Divider;
 const AntdMenuItem = Menu.Item;
 const AntdMenuItemGroup = Menu.ItemGroup;
@@ -1081,7 +1084,7 @@ const MENU_ITEM_TYPE = {
     }
   }
 };
-const UNKEYED_MENU_ITEM_TYPE = __spreadProps$f(__spreadValues$m({}, MENU_ITEM_TYPE), {
+const UNKEYED_MENU_ITEM_TYPE = __spreadProps$g(__spreadValues$n({}, MENU_ITEM_TYPE), {
   fields: Object.fromEntries(
     Object.entries(MENU_ITEM_TYPE.fields).filter(([k]) => k !== "key")
   )
@@ -1186,7 +1189,7 @@ function registerMenu(loader) {
         type: "string",
         description: "Set display title for collapsed item"
       },
-      children: __spreadValues$m({
+      children: __spreadValues$n({
         type: "slot",
         defaultValue: [
           {
@@ -1298,33 +1301,33 @@ function registerMenu(loader) {
   });
 }
 
-var __defProp$l = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
-var __hasOwnProp$l = Object.prototype.hasOwnProperty;
-var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$l = (a, b) => {
+var __defProp$m = Object.defineProperty;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$m = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$l.call(b, prop))
-      __defNormalProp$l(a, prop, b[prop]);
-  if (__getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop))
-        __defNormalProp$l(a, prop, b[prop]);
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$m(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$m(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-var __objRest$f = (source, exclude) => {
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
+  if (source != null && __getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1338,7 +1341,7 @@ function AntdDropdown(props) {
     menuItemsJson,
     trigger = "click",
     dropdownMenuScopeClassName
-  } = _a, rest = __objRest$f(_a, [
+  } = _a, rest = __objRest$g(_a, [
     "children",
     "onAction",
     "menuItems",
@@ -1349,7 +1352,7 @@ function AntdDropdown(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     Dropdown,
-    __spreadProps$e(__spreadValues$l({}, rest), {
+    __spreadProps$f(__spreadValues$m({}, rest), {
       trigger: [trigger],
       overlay: () => {
         var _a2;
@@ -1490,7 +1493,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$l({
+      children: __spreadValues$m({
         type: "slot",
         defaultValue: [
           {
@@ -1515,19 +1518,19 @@ function registerDropdown(loader) {
   });
 }
 
-var __defProp$k = Object.defineProperty;
-var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
-var __hasOwnProp$k = Object.prototype.hasOwnProperty;
-var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$k = (a, b) => {
+var __defProp$l = Object.defineProperty;
+var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$l = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$k.call(b, prop))
-      __defNormalProp$k(a, prop, b[prop]);
-  if (__getOwnPropSymbols$k)
-    for (var prop of __getOwnPropSymbols$k(b)) {
-      if (__propIsEnum$k.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
+    if (__hasOwnProp$l.call(b, prop))
+      __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b)) {
+      if (__propIsEnum$l.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
     }
   return a;
 };
@@ -1538,7 +1541,7 @@ function mergeProps(props, ...restProps) {
   if (restProps.every((rest) => Object.keys(rest).length === 0)) {
     return props;
   }
-  const result = __spreadValues$k({}, props);
+  const result = __spreadValues$l({}, props);
   for (const rest of restProps) {
     for (const key of Object.keys(rest)) {
       result[key] = mergePropVals(key, result[key], rest[key]);
@@ -1575,7 +1578,7 @@ function mergePropVals(name, val1, val2) {
   } else if (name === "className") {
     return classNames(val1, val2);
   } else if (name === "style") {
-    return __spreadValues$k(__spreadValues$k({}, val1), val2);
+    return __spreadValues$l(__spreadValues$l({}, val1), val2);
   } else if (name === "ref") {
     return mergeRefs(val1, val2);
   } else if (typeof val1 !== typeof val2) {
@@ -1611,25 +1614,25 @@ function reactNodeToString(reactNode) {
   return string;
 }
 
-var __defProp$j = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = 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) => {
+var __defProp$k = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$k = (a, b) => {
   for (var prop in b || (b = {}))
-    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]);
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 const AntdInput = Input;
 const AntdTextArea = Input.TextArea;
 const AntdPassword = Input.Password;
@@ -1719,10 +1722,10 @@ const COMMON_EVENT_HANDLERS = {
 };
 const inputComponentName = "plasmic-antd5-input";
 function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, __spreadProps$d(__spreadValues$j({
+  registerComponentHelper(loader, AntdInput, __spreadProps$e(__spreadValues$k({
     name: inputComponentName,
     displayName: "Input",
-    props: __spreadValues$j(__spreadValues$j(__spreadValues$j({
+    props: __spreadValues$k(__spreadValues$k(__spreadValues$k({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1753,7 +1756,7 @@ function registerInput(loader) {
         defaultValueHint: "text"
       }
     }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
-    states: __spreadValues$j({}, COMMON_STATES)
+    states: __spreadValues$k({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -1766,7 +1769,7 @@ function registerTextArea(loader) {
     name: textAreaComponentName,
     parentComponentName: inputComponentName,
     displayName: "Text Area",
-    props: __spreadValues$j({
+    props: __spreadValues$k({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1787,7 +1790,7 @@ function registerTextArea(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$j({}, COMMON_STATES),
+    states: __spreadValues$k({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdTextArea"
@@ -1799,7 +1802,7 @@ function registerPasswordInput(loader) {
     name: passwordComponentName,
     parentComponentName: inputComponentName,
     displayName: "Password Input",
-    props: __spreadValues$j({
+    props: __spreadValues$k({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1820,7 +1823,7 @@ function registerPasswordInput(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$j({}, COMMON_STATES),
+    states: __spreadValues$k({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdPassword"
@@ -1828,11 +1831,11 @@ function registerPasswordInput(loader) {
 }
 const inputNumberComponentName = "plasmic-antd5-input-number";
 function registerNumberInput(loader) {
-  registerComponentHelper(loader, AntdInputNumber, __spreadProps$d(__spreadValues$j({
+  registerComponentHelper(loader, AntdInputNumber, __spreadProps$e(__spreadValues$k({
     name: inputNumberComponentName,
     parentComponentName: inputComponentName,
     displayName: "Number Input",
-    props: __spreadProps$d(__spreadValues$j(__spreadValues$j(__spreadValues$j({
+    props: __spreadProps$e(__spreadValues$k(__spreadValues$k(__spreadValues$k({
       value: {
         type: "number",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1870,7 +1873,7 @@ function registerNumberInput(loader) {
         ]
       }
     }),
-    states: __spreadValues$j({}, COMMON_STATES)
+    states: __spreadValues$k({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     // don't need component helpers
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -1878,33 +1881,33 @@ function registerNumberInput(loader) {
   }));
 }
 
-var __defProp$i = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = 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) => {
+var __defProp$j = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = 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$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]);
+    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$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
-var __objRest$e = (source, exclude) => {
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __objRest$f = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$i.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$i)
-    for (var prop of __getOwnPropSymbols$i(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$i.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;
@@ -1913,7 +1916,7 @@ const RadioGroup = Radio.Group;
 const AntdRadio = Radio;
 const AntdRadioButton = Radio.Button;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange, useChildren } = _a, rest = __objRest$e(_a, ["onChange", "useChildren"]);
+  const _a = props, { onChange, useChildren } = _a, rest = __objRest$f(_a, ["onChange", "useChildren"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -1923,7 +1926,7 @@ function AntdRadioGroup(props) {
   }, [onChange]);
   return /* @__PURE__ */ React.createElement(
     RadioGroup,
-    __spreadProps$c(__spreadValues$i({}, rest), {
+    __spreadProps$d(__spreadValues$j({}, rest), {
       onChange: wrappedOnChange,
       options: useChildren ? void 0 : rest.options
     })
@@ -1951,7 +1954,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$i({
+      children: __spreadValues$j({
         type: "slot",
         defaultValue: [
           {
@@ -1983,7 +1986,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$i({
+      children: __spreadValues$j({
         type: "slot",
         defaultValue: [
           {
@@ -1997,7 +2000,7 @@ function registerRadio(loader) {
     importName: "AntdRadioButton",
     parentComponentName: radioGroupComponentName
   });
-  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$i({
+  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$j({
     name: radioGroupComponentName,
     displayName: "Radio Group",
     props: {
@@ -2120,33 +2123,33 @@ function registerRadio(loader) {
   }));
 }
 
-var __defProp$h = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = 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) => {
+var __defProp$i = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = 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$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]);
+    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$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-var __objRest$d = (source, exclude) => {
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __objRest$e = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$h.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$h)
-    for (var prop of __getOwnPropSymbols$h(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$h.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;
@@ -2161,7 +2164,7 @@ function AntdSelect(props) {
     suffixIcon,
     mode,
     useChildren
-  } = _a, rest = __objRest$d(_a, [
+  } = _a, rest = __objRest$e(_a, [
     "popupClassName",
     "popupScopeClassName",
     "defaultStylesClassName",
@@ -2169,13 +2172,13 @@ function AntdSelect(props) {
     "mode",
     "useChildren"
   ]);
-  const curated = __spreadValues$h({}, rest);
+  const curated = __spreadValues$i({}, rest);
   if (useChildren) {
     curated.options = void 0;
   }
   return /* @__PURE__ */ React.createElement(
     Select,
-    __spreadValues$h(__spreadProps$b(__spreadValues$h({}, curated), {
+    __spreadValues$i(__spreadProps$c(__spreadValues$i({}, curated), {
       mode: !mode || mode === "single" ? void 0 : mode,
       popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`,
       optionFilterProp: curated.options ? "label" : void 0,
@@ -2190,7 +2193,7 @@ const selectComponentName = "plasmic-antd5-select";
 const optionComponentName = "plasmic-antd5-option";
 const optionGroupComponentName = "plasmic-antd5-option-group";
 function registerSelect(loader) {
-  registerComponentHelper(loader, AntdSelect, __spreadProps$b(__spreadValues$h({
+  registerComponentHelper(loader, AntdSelect, __spreadProps$c(__spreadValues$i({
     name: selectComponentName,
     displayName: "Select",
     props: {
@@ -2426,7 +2429,7 @@ function registerSelect(loader) {
     displayName: "Option",
     parentComponentName: selectComponentName,
     props: {
-      children: __spreadValues$h({
+      children: __spreadValues$i({
         type: "slot",
         defaultValue: "Option"
       }, { mergeWithParent: true }),
@@ -2479,24 +2482,24 @@ function registerSelect(loader) {
   });
 }
 
-var __defProp$g = Object.defineProperty;
-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) => {
+var __defProp$h = Object.defineProperty;
+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$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]);
+    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;
 };
 function AntdSwitch(props) {
-  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$g({}, props));
+  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$h({}, props));
 }
 AntdSwitch.__plasmicFormFieldMeta = { valueProp: "checked" };
 const switchComponentName = "plasmic-antd5-switch";
@@ -2542,33 +2545,33 @@ function registerSwitch(loader) {
   });
 }
 
-var __defProp$f = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = 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) => {
+var __defProp$g = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = 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$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]);
+    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$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-var __objRest$c = (source, exclude) => {
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __objRest$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2577,10 +2580,10 @@ function AntdDatePicker(props) {
   const nativeInput = React.useRef(null);
   const [open, setOpen] = useState(false);
   const strValue = props.value && typeof props.value === "object" && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
-  const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest$c(_a, ["picker", "popupScopeClassName"]);
+  const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest$d(_a, ["picker", "popupScopeClassName"]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
-    __spreadProps$a(__spreadValues$f({}, rest), {
+    __spreadProps$b(__spreadValues$g({}, rest), {
       picker,
       value: props.value === void 0 ? void 0 : !props.value ? null : dayjs(props.value),
       defaultValue: props.defaultValue === void 0 ? void 0 : dayjs(props.defaultValue),
@@ -2746,33 +2749,33 @@ function registerDatePicker(loader) {
   });
 }
 
-var __defProp$e = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = 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$f = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = 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$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$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$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-var __objRest$b = (source, exclude) => {
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$e.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$e)
-    for (var prop of __getOwnPropSymbols$e(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.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;
@@ -2814,7 +2817,7 @@ const Internal = React.forwardRef(
       formLayout,
       internalFieldCtx,
       setInternalFieldCtx
-    } = _a, rest = __objRest$b(_a, [
+    } = _a, rest = __objRest$c(_a, [
       "extendedOnValuesChange",
       "forceRemount",
       "formLayout",
@@ -2835,7 +2838,7 @@ const Internal = React.forwardRef(
           },
           /* @__PURE__ */ React.createElement(
             FormItemWrapper,
-            __spreadProps$9(__spreadValues$e({}, omit(formItem, "key")), {
+            __spreadProps$a(__spreadValues$f({}, omit(formItem, "key")), {
               noLabel: formItem.inputType === "Checkbox" /* Checkbox */ || formItem.noLabel,
               valuePropName: (_c2 = formItem.valuePropName) != null ? _c2 : formItem.inputType === "Checkbox" /* Checkbox */ ? "checked" : void 0,
               style: { width: "100%" }
@@ -2926,7 +2929,7 @@ const Internal = React.forwardRef(
       },
       /* @__PURE__ */ React.createElement(FormLayoutContext.Provider, { value: formLayout }, /* @__PURE__ */ React.createElement(
         Form,
-        __spreadProps$9(__spreadValues$e({}, rest), {
+        __spreadProps$a(__spreadValues$f({}, rest), {
           key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
           onValuesChange: (...args) => {
             var _a2;
@@ -2965,7 +2968,7 @@ function deriveFormFieldConfigs(dataFormItems, schema, data) {
     schema,
     (field) => {
       var _a;
-      return __spreadValues$e({
+      return __spreadValues$f({
         inputType: "Text" /* Text */
       }, field && {
         key: field.id,
@@ -2986,7 +2989,7 @@ function useFormItemDefinitions(rawData, props, formRef, commonFormCtxData) {
     const data = rawData && normalizeData(rawData);
     const schema = data && (data == null ? void 0 : data.schema);
     if (mode !== "simplified" || !rawData || rawData.isLoading || rawData.error || !data || !schema || !data.data) {
-      setControlContextData == null ? void 0 : setControlContextData(__spreadValues$e({
+      setControlContextData == null ? void 0 : setControlContextData(__spreadValues$f({
         formInstance
       }, commonFormCtxData));
       return void 0;
@@ -2997,7 +3000,7 @@ function useFormItemDefinitions(rawData, props, formRef, commonFormCtxData) {
       schema,
       row
     );
-    setControlContextData == null ? void 0 : setControlContextData(__spreadValues$e({
+    setControlContextData == null ? void 0 : setControlContextData(__spreadValues$f({
       schema: data.schema,
       minimalFullLengthFields,
       mergedFields,
@@ -3038,7 +3041,7 @@ const FormWrapper = React.forwardRef(
     });
     React.useImperativeHandle(
       ref,
-      () => wrapperRef.current ? __spreadValues$e({}, wrapperRef.current) : {}
+      () => wrapperRef.current ? __spreadValues$f({}, wrapperRef.current) : {}
     );
     const formLayout = React.useMemo(
       () => {
@@ -3075,7 +3078,7 @@ const FormWrapper = React.forwardRef(
         forceRemount();
       }
     }, [props.data]);
-    const _b = props, { dataFormItems, formItems, data } = _b, rest = __objRest$b(_b, ["dataFormItems", "formItems", "data"]);
+    const _b = props, { dataFormItems, formItems, data } = _b, rest = __objRest$c(_b, ["dataFormItems", "formItems", "data"]);
     const actualFormItems = props.mode === "simplified" && formItemDefinitions ? formItemDefinitions : data ? dataFormItems : formItems;
     const previousFormItems = React.useRef([]);
     React.useEffect(() => {
@@ -3090,7 +3093,7 @@ const FormWrapper = React.forwardRef(
     const isLoadingData = rawData == null ? void 0 : rawData.isLoading;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Internal,
-      __spreadProps$9(__spreadValues$e({
+      __spreadProps$a(__spreadValues$f({
         key: remountKey
       }, rest), {
         forceRemount,
@@ -3287,7 +3290,7 @@ function registerForm(loader) {
           return true;
         }
       },
-      submitSlot: __spreadValues$e({
+      submitSlot: __spreadValues$f({
         type: "slot",
         hidden: () => true,
         defaultValue: {
@@ -3409,12 +3412,12 @@ function registerForm(loader) {
         ]
       },
       validateTrigger: {
-        displayName: "Validate rules",
+        displayName: "Validate when",
         type: "choice",
         options: [
-          { value: "onBlur", label: "When a field loses focus" },
-          { value: "onChange", label: "When a field changes" },
-          { value: "onSubmit", label: "When the form is submitted" }
+          { value: "onBlur", label: "a field loses focus" },
+          { value: "onChange", label: "a field changes" },
+          { value: "onSubmit", label: "the form is submitted" }
         ],
         multiSelect: true,
         defaultValueHint: ["onChange"],
@@ -3579,7 +3582,7 @@ function FormItemWrapper(props) {
     customizeProps,
     setControlContextData,
     alignLabellessWithControls = true
-  } = _a, rest = __objRest$b(_a, [
+  } = _a, rest = __objRest$c(_a, [
     "rules",
     "description",
     "noLabel",
@@ -3656,7 +3659,7 @@ function FormItemWrapper(props) {
   }, []);
   return /* @__PURE__ */ React.createElement(
     FormItem,
-    __spreadProps$9(__spreadValues$e({}, rest), {
+    __spreadProps$a(__spreadValues$f({}, rest), {
       label: noLabel ? void 0 : props.label,
       name: relativeFormItemName,
       rules,
@@ -3721,7 +3724,7 @@ function deriveOnChangePropName(props) {
   return void 0;
 }
 function FormItemForwarder(_a) {
-  var _b = _a, { formItemProps } = _b, props = __objRest$b(_b, ["formItemProps"]);
+  var _b = _a, { formItemProps } = _b, props = __objRest$c(_b, ["formItemProps"]);
   var _a2;
   const status = Form.Item.useStatus();
   const internalFormCtx = React.useContext(InternalFormInstanceContext);
@@ -3734,7 +3737,7 @@ function FormItemForwarder(_a) {
   });
   return React.Children.map(formItemProps.children, (child, i) => {
     var _a3;
-    let newProps = __spreadProps$9(__spreadValues$e(__spreadValues$e({}, (_a3 = child.props) != null ? _a3 : {}), props), {
+    let newProps = __spreadProps$a(__spreadValues$f(__spreadValues$f({}, (_a3 = child.props) != null ? _a3 : {}), props), {
       __plasmicFormField: true
     });
     if (formItemProps.customizeProps) {
@@ -3921,9 +3924,15 @@ function commonFormItemProps(usage) {
       defaultValueHint: getDefaultValueHint("hidden")
     },
     validateTrigger: {
+      displayName: "Validate when",
       type: "choice",
-      options: ["onSubmit", "onChange", "onBlur"],
+      options: [
+        { value: "onBlur", label: "a field loses focus" },
+        { value: "onChange", label: "a field changes" },
+        { value: "onSubmit", label: "the form is submitted" }
+      ],
       multiSelect: true,
+      defaultValueHint: ["onChange"],
       advanced: true
     },
     shouldUpdate: {
@@ -3975,7 +3984,7 @@ function commonFormItemProps(usage) {
 }
 const commonSimplifiedFormArrayItemType = (propName) => ({
   type: "object",
-  fields: __spreadValues$e({
+  fields: __spreadValues$f({
     label: {
       type: "string",
       defaultValueHint: getDefaultValueHint("label")
@@ -4071,7 +4080,7 @@ const commonSimplifiedFormArrayItemType = (propName) => ({
 });
 const formItemComponentName = "plasmic-antd5-form-item";
 function registerFormItem(loader) {
-  registerComponentHelper(loader, FormItemWrapper, __spreadValues$e({
+  registerComponentHelper(loader, FormItemWrapper, __spreadValues$f({
     name: formItemComponentName,
     displayName: "Form Field",
     parentComponentName: formComponentName,
@@ -4079,8 +4088,8 @@ function registerFormItem(loader) {
       marginBottom: "24px",
       width: "stretch"
     },
-    props: __spreadValues$e({
-      label: __spreadValues$e({
+    props: __spreadValues$f({
+      label: __spreadValues$f({
         type: "slot",
         defaultValue: {
           type: "text",
@@ -4088,7 +4097,7 @@ function registerFormItem(loader) {
         },
         hidden: (ps) => !!ps.noLabel
       }, { mergeWithParent: true }),
-      children: __spreadValues$e({
+      children: __spreadValues$f({
         type: "slot",
         defaultValue: {
           type: "component",
@@ -4265,7 +4274,7 @@ const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
       }
     }, [props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$9(__spreadValues$e({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$a(__spreadValues$f({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
     operationsRef.current = args;
     return args[0].map((field, index) => /* @__PURE__ */ React.createElement(
       PathContext.Provider,
@@ -4392,33 +4401,33 @@ function registerFormList(loader) {
   });
 }
 
-var __defProp$d = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = 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$e = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = 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) => {
   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$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;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-var __objRest$a = (source, exclude) => {
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$e.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$e)
+    for (var prop of __getOwnPropSymbols$e(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -4433,7 +4442,7 @@ function AntdModal(props) {
     hideFooter,
     modalScopeClassName,
     wrapClassName
-  } = _a, rest = __objRest$a(_a, [
+  } = _a, rest = __objRest$b(_a, [
     "onOpenChange",
     "onOk",
     "onCancel",
@@ -4465,7 +4474,7 @@ function AntdModal(props) {
   }, [onOpenChange, onCancel]);
   return /* @__PURE__ */ React.createElement(
     Modal,
-    __spreadProps$8(__spreadValues$d({}, rest), {
+    __spreadProps$9(__spreadValues$e({}, rest), {
       onOk: memoOnOk,
       onCancel: memoOnCancel,
       open,
@@ -4595,30 +4604,30 @@ function registerModal(loader) {
   });
 }
 
-var __defProp$c = Object.defineProperty;
-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$d = Object.defineProperty;
+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$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$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 __objRest$9 = (source, exclude) => {
+var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$d.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$d)
+    for (var prop of __getOwnPropSymbols$d(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -4633,7 +4642,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
     setControlContextData,
     selectedRowKeys,
     defaultSelectedRowKeys
-  } = _a, rest = __objRest$9(_a, [
+  } = _a, rest = __objRest$a(_a, [
     "data",
     "onSelectedRowKeysChange",
     "onSelectedRowsChange",
@@ -4699,7 +4708,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
   );
   return /* @__PURE__ */ React.createElement(
     Table,
-    __spreadValues$c({
+    __spreadValues$d({
       loading: data == null ? void 0 : data.isLoading,
       dataSource: data == null ? void 0 : data.data,
       rowSelection: selection,
@@ -4808,7 +4817,7 @@ function registerTable(loader) {
       }
     }
   });
-  registerComponentHelper(loader, AntdColumn, __spreadValues$c({
+  registerComponentHelper(loader, AntdColumn, __spreadValues$d({
     name: "plasmic-antd5-table-column",
     displayName: "Column",
     parentComponentName: "plasmic-antd5-table",
@@ -4845,7 +4854,7 @@ function registerTable(loader) {
     importPath: "@plasmicpkgs/antd5/skinny/registerTable",
     importName: "AntdColumn"
   }, { isRenderless: true }));
-  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$c({
+  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$d({
     name: "plasmic-antd5-table-column-group",
     displayName: "Column Group",
     parentComponentName: "plasmic-antd5-table",
@@ -4864,39 +4873,39 @@ function registerTable(loader) {
   }, { isRenderless: true }));
 }
 
-var __defProp$b = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = 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$c = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = 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$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$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$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$8 = (source, exclude) => {
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$b.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$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.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;
 };
 function UploadWrapper(props) {
-  const _a = props, { files, onFilesChange } = _a, rest = __objRest$8(_a, ["files", "onFilesChange"]);
+  const _a = props, { files, onFilesChange } = _a, rest = __objRest$9(_a, ["files", "onFilesChange"]);
   const handleChange = (info) => {
     const { file } = info;
     if (file.status === "removed") {
@@ -4911,7 +4920,7 @@ function UploadWrapper(props) {
     };
     onFilesChange == null ? void 0 : onFilesChange([
       ...files,
-      __spreadProps$7(__spreadValues$b({}, metadata), {
+      __spreadProps$8(__spreadValues$c({}, metadata), {
         status: "uploading"
       })
     ]);
@@ -4919,7 +4928,7 @@ function UploadWrapper(props) {
     reader.onload = () => {
       onFilesChange == null ? void 0 : onFilesChange([
         ...files.filter((f) => f.uid !== file.uid),
-        __spreadProps$7(__spreadValues$b({}, metadata), {
+        __spreadProps$8(__spreadValues$c({}, metadata), {
           contents: reader.result.replace(
             /^data:[^;]+;base64,/,
             ""
@@ -4931,7 +4940,7 @@ function UploadWrapper(props) {
     reader.onerror = (error) => {
       onFilesChange == null ? void 0 : onFilesChange([
         ...files.filter((f) => f.uid !== file.uid),
-        __spreadProps$7(__spreadValues$b({}, metadata), {
+        __spreadProps$8(__spreadValues$c({}, metadata), {
           status: "error"
         })
       ]);
@@ -4943,7 +4952,7 @@ function UploadWrapper(props) {
   };
   return /* @__PURE__ */ React.createElement(
     Upload,
-    __spreadProps$7(__spreadValues$b({}, rest), {
+    __spreadProps$8(__spreadValues$c({}, rest), {
       fileList: files,
       beforeUpload: () => {
         return false;
@@ -4962,7 +4971,7 @@ UploadWrapper.__plasmicFormFieldMeta = {
   onChangePropName: "onFilesChange"
 };
 function registerUpload(loader) {
-  registerComponentHelper(loader, UploadWrapper, __spreadProps$7(__spreadValues$b({
+  registerComponentHelper(loader, UploadWrapper, __spreadProps$8(__spreadValues$c({
     name: "plasmic-antd5-upload",
     displayName: "Upload",
     props: {
@@ -5049,33 +5058,33 @@ function registerUpload(loader) {
   }));
 }
 
-var __defProp$a = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = 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$b = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = 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$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$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$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$7 = (source, exclude) => {
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$a.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$a)
-    for (var prop of __getOwnPropSymbols$a(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.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;
@@ -5085,17 +5094,17 @@ function AntdAvatar(_a) {
     letters,
     href,
     target
-  } = _b, props = __objRest$7(_b, [
+  } = _b, props = __objRest$8(_b, [
     "letters",
     "href",
     "target"
   ]);
-  const avatar = /* @__PURE__ */ React.createElement(Avatar, __spreadProps$6(__spreadValues$a({}, props), { children: props.children || letters }));
+  const avatar = /* @__PURE__ */ React.createElement(Avatar, __spreadProps$7(__spreadValues$b({}, 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$a({}, props));
+  return /* @__PURE__ */ React.createElement(Avatar.Group, __spreadValues$b({}, props));
 }
 function registerAvatar(loader) {
   registerComponentHelper(loader, AntdAvatar, {
@@ -5183,27 +5192,27 @@ function registerAvatarGroup(loader) {
   });
 }
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = 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) => {
+var __defProp$a = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = 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) => {
   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$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;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 function AntdTooltip(props) {
-  return /* @__PURE__ */ React.createElement(Tooltip, __spreadProps$5(__spreadValues$9({}, props), { title: props.title || props.titleText }));
+  return /* @__PURE__ */ React.createElement(Tooltip, __spreadProps$6(__spreadValues$a({}, props), { title: props.title || props.titleText }));
 }
 function registerTooltip(loader) {
   registerComponentHelper(loader, AntdTooltip, {
@@ -5263,33 +5272,33 @@ function registerTooltip(loader) {
   });
 }
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = 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$9 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = 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$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$6 = (source, exclude) => {
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -5298,13 +5307,13 @@ function AntdColorPicker(_a) {
   var _b = _a, {
     showTextSwitch,
     onChange
-  } = _b, props = __objRest$6(_b, [
+  } = _b, props = __objRest$7(_b, [
     "showTextSwitch",
     "onChange"
   ]);
   return /* @__PURE__ */ React.createElement(
     ColorPicker,
-    __spreadProps$4(__spreadValues$8({}, props), {
+    __spreadProps$5(__spreadValues$9({}, props), {
       showText: props.showText || showTextSwitch,
       onChangeComplete: (value) => {
         onChange == null ? void 0 : onChange(typeof value === "string" ? value : value.toHexString());
@@ -5377,39 +5386,39 @@ function registerColorPicker(loader) {
   });
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = 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$8 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = 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$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$5 = (source, exclude) => {
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdDrawer(props) {
-  const _a = props, { onOpenChange, onClose, open, footer, drawerScopeClassName } = _a, rest = __objRest$5(_a, ["onOpenChange", "onClose", "open", "footer", "drawerScopeClassName"]);
+  const _a = props, { onOpenChange, onClose, open, footer, drawerScopeClassName } = _a, rest = __objRest$6(_a, ["onOpenChange", "onClose", "open", "footer", "drawerScopeClassName"]);
   const memoOnClose = React.useMemo(() => {
     if (onOpenChange || onClose) {
       return (e) => {
@@ -5422,7 +5431,7 @@ function AntdDrawer(props) {
   }, [onOpenChange, onClose]);
   return /* @__PURE__ */ React.createElement(
     Drawer,
-    __spreadProps$3(__spreadValues$7({}, rest), {
+    __spreadProps$4(__spreadValues$8({}, rest), {
       onClose: memoOnClose,
       rootClassName: drawerScopeClassName,
       open,
@@ -5572,24 +5581,24 @@ function registerDrawer(loader) {
   });
 }
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+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$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
 function AntdSteps(props) {
-  return /* @__PURE__ */ React.createElement(Steps, __spreadValues$6({}, props));
+  return /* @__PURE__ */ React.createElement(Steps, __spreadValues$7({}, props));
 }
 function registerSteps(loader) {
   const statusOptions = ["wait", "process", "finish", "error"];
@@ -5696,30 +5705,30 @@ function registerSteps(loader) {
   });
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$6 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = 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$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function useMunged(props) {
   const [autoExpandParent, setAutoExpandParent] = useState(
     props.autoExpandParent
   );
-  const munged = __spreadProps$2(__spreadValues$5({}, props), { autoExpandParent });
+  const munged = __spreadProps$3(__spreadValues$6({}, props), { autoExpandParent });
   if (!props.expandedKeys) {
     delete munged["expandedKeys"];
   }
@@ -5732,11 +5741,11 @@ function useMunged(props) {
 }
 function AntdTree(props) {
   const munged = useMunged(props);
-  return /* @__PURE__ */ React.createElement(Tree, __spreadValues$5({}, munged));
+  return /* @__PURE__ */ React.createElement(Tree, __spreadValues$6({}, munged));
 }
 function AntdDirectoryTree(props) {
   const munged = useMunged(props);
-  return /* @__PURE__ */ React.createElement(Tree.DirectoryTree, __spreadValues$5({}, munged));
+  return /* @__PURE__ */ React.createElement(Tree.DirectoryTree, __spreadValues$6({}, munged));
 }
 const treeHelpers_ = {
   states: {
@@ -5966,20 +5975,20 @@ function registerTreeHelper({
       }
     },
     states: {
-      checkedKeys: __spreadValues$5({
+      checkedKeys: __spreadValues$6({
         type: "writable",
         valueProp: "checkedKeys",
         onChangeProp: "onCheck",
         variableType: "array",
         initVal: []
       }, treeHelpers_.states.checkedKeys),
-      checkedNodes: __spreadValues$5({
+      checkedNodes: __spreadValues$6({
         type: "readonly",
         onChangeProp: "onCheck",
         variableType: "array",
         initVal: []
       }, treeHelpers_.states.checkedNodes),
-      checkedDetails: __spreadValues$5({
+      checkedDetails: __spreadValues$6({
         type: "readonly",
         onChangeProp: "onCheck",
         variableType: "object",
@@ -5988,20 +5997,20 @@ function registerTreeHelper({
           halfCheckedKeys: []
         }
       }, treeHelpers_.states.checkedDetails),
-      selectedKeys: __spreadValues$5({
+      selectedKeys: __spreadValues$6({
         type: "writable",
         valueProp: "selectedKeys",
         onChangeProp: "onSelect",
         variableType: "array",
         initVal: []
       }, treeHelpers_.states.selectedKeys),
-      selectedNodes: __spreadValues$5({
+      selectedNodes: __spreadValues$6({
         type: "readonly",
         onChangeProp: "onSelect",
         variableType: "array",
         initVal: []
       }, treeHelpers_.states.selectedNodes),
-      expandedKeys: __spreadValues$5({
+      expandedKeys: __spreadValues$6({
         type: "writable",
         valueProp: "expandedKeys",
         onChangeProp: "onExpand",
@@ -6041,33 +6050,33 @@ function registerDirectoryTree(loader) {
   });
 }
 
-var __defProp$4 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = 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$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$4 = (source, exclude) => {
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -6087,7 +6096,7 @@ function AntdAccordion(props) {
     collapsible,
     disabled,
     rotateCustomExpandIcon
-  } = _a, rest = __objRest$4(_a, [
+  } = _a, rest = __objRest$5(_a, [
     "items",
     "activeKey",
     "defaultActiveKey",
@@ -6100,7 +6109,7 @@ function AntdAccordion(props) {
     if (!React.isValidElement(itemsRaw))
       return [];
     return (Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
-      const props2 = __spreadProps$1(__spreadValues$4({}, currentItem.props), {
+      const props2 = __spreadProps$2(__spreadValues$5({}, currentItem.props), {
         id: currentItem.props.id,
         key: currentItem.props.id,
         children: React.cloneElement(/* @__PURE__ */ React.createElement(React.Fragment, null, currentItem.props.children))
@@ -6115,7 +6124,7 @@ function AntdAccordion(props) {
   }, [itemsRaw]);
   return /* @__PURE__ */ React.createElement(
     Collapse,
-    __spreadValues$4({
+    __spreadValues$5({
       accordion: true,
       items,
       defaultActiveKey,
@@ -6146,7 +6155,7 @@ function AntdSingleCollapse(props) {
     forceRender,
     children,
     headerClass
-  } = _a, rest = __objRest$4(_a, [
+  } = _a, rest = __objRest$5(_a, [
     "open",
     "defaultOpen",
     "expandIcon",
@@ -6176,7 +6185,7 @@ function AntdSingleCollapse(props) {
   );
   return /* @__PURE__ */ React.createElement(
     Collapse,
-    __spreadValues$4({
+    __spreadValues$5({
       accordion: false,
       items: [item],
       defaultActiveKey: defaultOpen ? item.key : void 0,
@@ -6278,7 +6287,7 @@ const commonAccordionItemProps = {
     type: "class",
     displayName: "Header"
   },
-  children: __spreadProps$1(__spreadValues$4({
+  children: __spreadProps$2(__spreadValues$5({
     type: "slot",
     hidePlaceholder: true
   }, { mergeWithParent: true }), {
@@ -6314,7 +6323,7 @@ function registerCollapse(loader) {
     defaultStyles: {
       width: "stretch"
     },
-    props: __spreadValues$4(__spreadValues$4(__spreadValues$4({
+    props: __spreadValues$5(__spreadValues$5(__spreadValues$5({
       open: {
         editOnly: true,
         displayName: "Open",
@@ -6324,7 +6333,7 @@ function registerCollapse(loader) {
       }
     }, commonProps$1), commonAccordionItemProps), commonAccordionProps),
     states: {
-      open: __spreadValues$4({
+      open: __spreadValues$5({
         type: "writable",
         valueProp: "open",
         onChangeProp: "onChange",
@@ -6345,7 +6354,7 @@ function registerCollapse(loader) {
     defaultStyles: {
       width: "stretch"
     },
-    props: __spreadValues$4(__spreadValues$4({
+    props: __spreadValues$5(__spreadValues$5({
       activeKey: {
         editOnly: true,
         displayName: "Active panel ID",
@@ -6354,7 +6363,7 @@ function registerCollapse(loader) {
         description: `ID of Accordion item that is expanded by default.`,
         advanced: true
       },
-      items: __spreadProps$1(__spreadValues$4({
+      items: __spreadProps$2(__spreadValues$5({
         type: "slot",
         hidePlaceholder: true,
         allowedComponents: [accordionItemComponentName]
@@ -6394,7 +6403,7 @@ function registerCollapse(loader) {
       })
     }, commonProps$1), commonAccordionProps),
     states: {
-      activePanelId: __spreadValues$4({
+      activePanelId: __spreadValues$5({
         type: "writable",
         valueProp: "activeKey",
         onChangeProp: "onChange",
@@ -6412,7 +6421,7 @@ function registerCollapse(loader) {
   registerComponentHelper(loader, AntdAccordionItem, {
     name: accordionItemComponentName,
     displayName: "Accordion Item",
-    props: __spreadValues$4(__spreadValues$4({
+    props: __spreadValues$5(__spreadValues$5({
       id: {
         type: "string",
         description: `Unique identifier for this item`,
@@ -6425,30 +6434,30 @@ function registerCollapse(loader) {
   });
 }
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$3 = (source, exclude) => {
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -6459,7 +6468,7 @@ function AntdPopover(props) {
     popoverScopeClassName,
     contentText,
     content
-  } = _a, rest = __objRest$3(_a, [
+  } = _a, rest = __objRest$4(_a, [
     "overlayClassName",
     "popoverScopeClassName",
     "contentText",
@@ -6467,7 +6476,7 @@ function AntdPopover(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     Popover,
-    __spreadValues$3({
+    __spreadValues$4({
       content: content || contentText,
       overlayClassName: `${overlayClassName} ${popoverScopeClassName}`
     }, rest)
@@ -6599,33 +6608,33 @@ function registerPopover(loader) {
   });
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$3 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest$2 = (source, exclude) => {
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -6660,7 +6669,7 @@ function AntdTabs(props) {
     tabPosition,
     tabsScopeClassName,
     tabsDropdownScopeClassName
-  } = _a, rest = __objRest$2(_a, [
+  } = _a, rest = __objRest$3(_a, [
     "items",
     "animated",
     "animateTabBar",
@@ -6690,7 +6699,7 @@ function AntdTabs(props) {
       if (!React.isValidElement(currentItem) || !React.isValidElement(currentItem.props.children)) {
         return null;
       }
-      return __spreadProps(__spreadValues$2({}, currentItem.props), {
+      return __spreadProps$1(__spreadValues$3({}, currentItem.props), {
         key: currentItem.key,
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, currentItem.props.children)
       });
@@ -6698,7 +6707,7 @@ function AntdTabs(props) {
   }, [itemsRaw]);
   return /* @__PURE__ */ React.createElement(
     Tabs,
-    __spreadValues$2({
+    __spreadValues$3({
       className: `${className} ${tabsScopeClassName}`,
       popupClassName: tabsDropdownScopeClassName,
       tabBarExtraContent: {
@@ -6717,7 +6726,7 @@ function AntdTabs(props) {
         },
         /* @__PURE__ */ React.createElement(
           DefaultTabBar,
-          __spreadProps(__spreadValues$2({}, props2), {
+          __spreadProps$1(__spreadValues$3({}, props2), {
             style: { backgroundColor: tabBarBackground }
           })
         )
@@ -6783,7 +6792,7 @@ function registerTabs(loader) {
         options: ["line", "card"],
         description: "Basic style of tabs"
       },
-      items: __spreadProps(__spreadValues$2({
+      items: __spreadProps$1(__spreadValues$3({
         type: "slot",
         hidePlaceholder: true,
         allowedComponents: [tabItemComponentName]
@@ -7042,36 +7051,36 @@ function registerTabs(loader) {
   });
 }
 
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+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) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$1 = (source, exclude) => {
+var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdRate(props) {
-  const _a = props, { character, count, tooltips, multiCharacter, symbols } = _a, rest = __objRest$1(_a, ["character", "count", "tooltips", "multiCharacter", "symbols"]);
+  const _a = props, { character, count, tooltips, multiCharacter, symbols } = _a, rest = __objRest$2(_a, ["character", "count", "tooltips", "multiCharacter", "symbols"]);
   const symbolsProp = useMemo(
     () => {
       var _a2, _b, _c;
@@ -7091,7 +7100,7 @@ function AntdRate(props) {
   }, [character, multiCharacter, symbolsProp]);
   return /* @__PURE__ */ React.createElement(
     Rate,
-    __spreadValues$1({
+    __spreadValues$2({
       tooltips: tooltips == null ? void 0 : tooltips.map((t) => t == null ? void 0 : t.label),
       count: countProp,
       character: characterProp
@@ -7225,30 +7234,30 @@ function registerRate(loader) {
   });
 }
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest = (source, exclude) => {
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -7304,7 +7313,7 @@ function AntdRangeSlider(props) {
     valueMax,
     defaultValueMin,
     defaultValueMax
-  } = _a, rest = __objRest(_a, [
+  } = _a, rest = __objRest$1(_a, [
     "marks",
     "stylableMarks",
     "sliderScopeClassName",
@@ -7328,7 +7337,7 @@ function AntdRangeSlider(props) {
   });
   return /* @__PURE__ */ React.createElement(
     Slider,
-    __spreadValues({
+    __spreadValues$1({
       value: [valueMin || 0, valueMax || 0],
       defaultValue: [defaultValueMin || 0, defaultValueMax || 0],
       range: { draggableTrack },
@@ -7348,7 +7357,7 @@ function AntdSingleSlider(props) {
     tooltipPlacement,
     tooltipPrefix,
     tooltipSuffix
-  } = _a, rest = __objRest(_a, [
+  } = _a, rest = __objRest$1(_a, [
     "marks",
     "stylableMarks",
     "sliderScopeClassName",
@@ -7367,7 +7376,7 @@ function AntdSingleSlider(props) {
   });
   return /* @__PURE__ */ React.createElement(
     Slider,
-    __spreadValues({
+    __spreadValues$1({
       className: `${sliderScopeClassName} ${className}`,
       tooltip: tooltipProp,
       marks: marksProp
@@ -7617,7 +7626,7 @@ function registerSlider(loader) {
     defaultStyles: {
       width: "300px"
     },
-    props: __spreadValues({
+    props: __spreadValues$1({
       value: {
         type: "number",
         editOnly: true,
@@ -7652,7 +7661,7 @@ function registerSlider(loader) {
     defaultStyles: {
       width: "300px"
     },
-    props: __spreadValues({
+    props: __spreadValues$1({
       draggableTrack: {
         type: "boolean",
         defaultValueHint: false,
@@ -7682,13 +7691,13 @@ function registerSlider(loader) {
       }
     }, commonProps),
     states: {
-      min: __spreadValues({
+      min: __spreadValues$1({
         type: "writable",
         valueProp: "valueMin",
         onChangeProp: "onChange",
         variableType: "number"
       }, rangeSliderHelpers.states.min),
-      max: __spreadValues({
+      max: __spreadValues$1({
         type: "writable",
         valueProp: "valueMax",
         onChangeProp: "onChange",
@@ -7722,6 +7731,404 @@ function registerSlider(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) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const { RangePicker } = DatePicker;
+function getDayjsRange(dateRange) {
+  return Array.isArray(dateRange) ? [
+    dateRange[0] ? dayjs(dateRange[0]) : null,
+    dateRange[1] ? dayjs(dateRange[1]) : null
+  ] : [null, null];
+}
+function getStrRange(dateRange) {
+  return Array.isArray(dateRange) ? dateRange.map(
+    (date) => date && !(typeof date === "string") && "toISOString" in date ? date.toISOString() : date === null ? void 0 : date
+  ) : void 0;
+}
+function AntdDateRangePicker(props) {
+  const _a = props, {
+    defaultStartDate,
+    defaultEndDate,
+    startDate,
+    endDate,
+    allowEmpty,
+    allowEmptyEndDate,
+    allowEmptyStartDate,
+    disabled,
+    renderExtraFooter,
+    disableStartDate,
+    disableEndDate,
+    presets,
+    picker,
+    placeholder,
+    onChange,
+    popupScopeClassName,
+    className
+  } = _a, rest = __objRest(_a, [
+    "defaultStartDate",
+    "defaultEndDate",
+    "startDate",
+    "endDate",
+    "allowEmpty",
+    "allowEmptyEndDate",
+    "allowEmptyStartDate",
+    "disabled",
+    "renderExtraFooter",
+    "disableStartDate",
+    "disableEndDate",
+    "presets",
+    "picker",
+    "placeholder",
+    "onChange",
+    "popupScopeClassName",
+    "className"
+  ]);
+  const popupScopeClassNameSelector = popupScopeClassName ? `.${popupScopeClassName}` : "";
+  const css = `
+    @media(max-width: 900px) { 
+      .ant-picker-panels{ 
+        flex-direction: column;
+      }
+    }
+    
+    @media(max-width: 500px) { 
+      ${popupScopeClassNameSelector}.ant-picker-dropdown {
+        top: 20px !important;
+        left: 10px !important;
+        right: 10px !important;
+        max-height: 95vh;
+        position: fixed;
+        overflow-y: scroll;
+        max-width: 100vw;
+      }
+
+      ${popupScopeClassNameSelector} .ant-picker-panel-container {
+        min-width: 300px;
+      }
+
+      ${popupScopeClassNameSelector} .ant-picker-datetime-panel {
+        flex-direction: column;
+      }
+
+      .${className} .ant-picker-input > input {
+        font-size: 16px !important;
+      }
+      
+      ${popupScopeClassNameSelector} .ant-picker-header-view {
+        line-height: unset !important;
+      }
+      
+      ${popupScopeClassNameSelector} .ant-picker-content {
+        height: unset !important;
+      }
+      
+      ${popupScopeClassNameSelector} .ant-picker-time-panel-column {
+        height: 100px;
+      }
+
+      ${popupScopeClassNameSelector} .ant-picker-range-arrow {
+        display: none;
+      }
+    }
+  `;
+  const presetsDayjs = useMemo(
+    () => presets == null ? void 0 : presets.map((p) => __spreadProps(__spreadValues({}, p), { value: getDayjsRange([p.startDate, p.endDate]) })).filter((p) => {
+      var _a2, _b;
+      return ((_a2 = p.value[0]) == null ? void 0 : _a2.isValid()) && ((_b = p.value[1]) == null ? void 0 : _b.isValid());
+    }),
+    [presets]
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    RangePicker,
+    __spreadProps(__spreadValues({}, rest), {
+      picker,
+      presets: presetsDayjs,
+      allowEmpty: allowEmpty ? [allowEmpty, allowEmpty] : [allowEmptyStartDate, allowEmptyEndDate],
+      value: getDayjsRange([startDate, endDate]),
+      defaultValue: getDayjsRange([defaultStartDate, defaultEndDate]),
+      renderExtraFooter: renderExtraFooter ? () => renderExtraFooter : void 0,
+      className,
+      inputReadOnly: true,
+      disabled: disabled ? disabled : [disableStartDate, disableEndDate],
+      placeholder: placeholder == null ? void 0 : placeholder.split(/,\s*/).slice(0, 2),
+      popupClassName: popupScopeClassName,
+      onChange: (values, _dateStrings) => {
+        onChange == null ? void 0 : onChange(getStrRange(values) || [null, null]);
+      }
+    })
+  ), /* @__PURE__ */ React.createElement("style", { dangerouslySetInnerHTML: { __html: css } }));
+}
+const dateRangePickerComponentName = "plasmic-antd5-date-range-picker";
+const dateRangePickerHelpers = {
+  states: {
+    startDate: {
+      onChangeArgsToValue: (value) => value[0]
+    },
+    endDate: {
+      onChangeArgsToValue: (value) => value[1]
+    }
+  }
+};
+function registerDateRangePicker(loader) {
+  registerComponentHelper(loader, AntdDateRangePicker, {
+    name: dateRangePickerComponentName,
+    displayName: "Date Range Picker",
+    props: {
+      startDate: {
+        type: "dateString",
+        editOnly: true,
+        uncontrolledProp: "defaultStartDate",
+        description: "The default start date as ISO strings",
+        // TODO: Can there be a default validator attached to each prop type, so dynamic values can be checked?
+        hidden: (ps) => !!ps.__plasmicFormField
+      },
+      endDate: {
+        type: "dateString",
+        editOnly: true,
+        uncontrolledProp: "defaultEndDate",
+        description: "The default end date as ISO strings",
+        // TODO: Can there be a default validator attached to each prop type, so dynamic values can be checked?
+        hidden: (ps) => !!ps.__plasmicFormField
+      },
+      allowClear: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true,
+        description: "Whether to show the clear button"
+      },
+      autoFocus: {
+        type: "boolean",
+        description: "Focus when component is rendered",
+        defaultValueHint: false,
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true
+      },
+      changeOnBlur: {
+        type: "boolean",
+        advanced: true,
+        description: "Trigger change when blur. e.g. datetime picker no need click confirm button",
+        defaultValueHint: false,
+        hidden: (ps) => !ps.showTime
+      },
+      disabled: {
+        type: "boolean",
+        description: "Disable date range inputs",
+        defaultValueHint: false
+      },
+      disableStartDate: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: "Disable start date input only",
+        hidden: (ps) => ps.disabled
+      },
+      disableEndDate: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: "Disable end date input only",
+        hidden: (ps) => ps.disabled
+      },
+      picker: {
+        type: "choice",
+        options: ["date", "week", "month", "quarter", "year"].map((value) => ({
+          value,
+          label: capitalize(value)
+        })),
+        defaultValueHint: "date"
+      },
+      placeholder: {
+        type: "string",
+        advanced: true,
+        defaultValueHint: "Start date, End date",
+        description: "The placeholders of the start and end date inputs, separated by a comma"
+      },
+      placement: {
+        type: "choice",
+        options: ["bottomLeft", "bottomRight", "topLeft", "topRight"].map(
+          (value) => ({
+            value,
+            label: kebabCase(value)
+          })
+        ),
+        advanced: true,
+        defaultValueHint: "bottom-left",
+        description: "The position where the selection box pops up"
+      },
+      presets: {
+        type: "array",
+        advanced: true,
+        description: "The preset ranges for quick selection",
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.label,
+          fields: {
+            label: "string",
+            startDate: {
+              type: "dateString"
+            },
+            endDate: {
+              type: "dateString"
+            }
+          }
+        }
+      },
+      size: {
+        type: "choice",
+        advanced: true,
+        options: ["small", "middle", "large"].map((value) => ({
+          value,
+          label: capitalize(value)
+        })),
+        defaultValueHint: "middle"
+      },
+      status: {
+        type: "choice",
+        advanced: true,
+        options: ["error", "warning"].map((value) => ({
+          value,
+          label: capitalize(value)
+        })),
+        description: "Set validation status"
+      },
+      allowEmpty: {
+        type: "boolean",
+        advanced: true,
+        description: "Allow leaving start or end input empty",
+        defaultValueHint: false
+      },
+      allowEmptyStartDate: {
+        type: "boolean",
+        advanced: true,
+        description: "Allow leaving start input empty",
+        defaultValueHint: false,
+        hidden: (ps) => ps.allowEmpty
+      },
+      allowEmptyEndDate: {
+        type: "boolean",
+        advanced: true,
+        description: "Allow leaving end input empty",
+        defaultValueHint: false,
+        hidden: (ps) => ps.allowEmpty
+      },
+      renderExtraFooter: {
+        type: "slot",
+        displayName: "Extra footer",
+        hidePlaceholder: true
+      },
+      showTime: {
+        type: "boolean",
+        description: "Enable time selection",
+        defaultValueHint: false,
+        hidden: (ps) => ps.picker !== void 0 && ps.picker !== "date"
+      },
+      popupScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "dateRangePickerPopup"
+      },
+      popupClassName: {
+        type: "class",
+        displayName: "Popup container",
+        selectors: [
+          {
+            selector: ":dateRangePickerPopup .ant-picker-panel-container",
+            label: "Base"
+          }
+        ]
+      },
+      popupHeaderClassName: {
+        type: "class",
+        displayName: "Popup header",
+        selectors: [
+          {
+            selector: ":dateRangePickerPopup .ant-picker-header",
+            label: "Base"
+          }
+        ]
+      },
+      popupBodyClassName: {
+        type: "class",
+        displayName: "Popup body",
+        selectors: [
+          {
+            selector: ":dateRangePickerPopup .ant-picker-body",
+            label: "Base"
+          }
+        ]
+      },
+      popupFooterClassName: {
+        type: "class",
+        displayName: "Popup footer",
+        selectors: [
+          {
+            selector: ":dateRangePickerPopup .ant-picker-footer",
+            label: "Base"
+          }
+        ]
+      },
+      onChange: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{ name: "value", type: "object" }]
+      }
+    },
+    states: {
+      startDate: __spreadValues({
+        type: "writable",
+        valueProp: "startDate",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }, dateRangePickerHelpers.states.startDate),
+      endDate: __spreadValues({
+        type: "writable",
+        valueProp: "endDate",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }, dateRangePickerHelpers.states.endDate)
+    },
+    componentHelpers: {
+      helpers: dateRangePickerHelpers,
+      importName: "dateRangePickerHelpers",
+      importPath: "@plasmicpkgs/antd5/skinny/registerDateRangePicker"
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerDateRangePicker",
+    importName: "AntdDateRangePicker"
+  });
+}
+
 function registerAll(loader) {
   registerConfigProvider(loader);
   registerTokens(loader);
@@ -7743,6 +8150,7 @@ function registerAll(loader) {
   registerTextArea(loader);
   registerNumberInput(loader);
   registerDatePicker(loader);
+  registerDateRangePicker(loader);
   registerUpload(loader);
   registerColorPicker(loader);
   registerDrawer(loader);