@plasmicpkgs/antd5 0.0.145 → 0.0.146

package/dist/antd.esm.js

@@ -1,5 +1,5 @@
-import React, { useMemo, isValidElement, useState, cloneElement } from 'react';
-import { Result, Avatar, Button, Checkbox, Collapse, ColorPicker, ConfigProvider, theme, message, notification, DatePicker, Drawer, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, Modal, Popover, Rate, Segmented, Slider, Steps, Table, Tabs, Tooltip, Tree, Upload } from 'antd';
+import React, { useMemo, isValidElement, useState, cloneElement, useEffect } from 'react';
+import { Result, Avatar, Button, Checkbox, Collapse, ColorPicker, ConfigProvider, theme, message, notification, DatePicker, Drawer, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, Modal, Pagination, Popover, Progress, Rate, Segmented, Slider, Steps, Table, Tabs, Tooltip, Tree, Upload } from 'antd';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import { usePlasmicLink, useSelector, GlobalActionsProvider, usePlasmicCanvasContext, DataProvider, repeatedElement } from '@plasmicapp/host';
@@ -167,33 +167,33 @@ function pick(obj, ...paths) {
   return res;
 }
 
-var __defProp$r = Object.defineProperty;
-var __defProps$j = Object.defineProperties;
-var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$r = (a, b) => {
+var __defProp$t = Object.defineProperty;
+var __defProps$k = Object.defineProperties;
+var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
+var __hasOwnProp$t = Object.prototype.hasOwnProperty;
+var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$t = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$r.call(b, prop))
-      __defNormalProp$r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+    if (__hasOwnProp$t.call(b, prop))
+      __defNormalProp$t(a, prop, b[prop]);
+  if (__getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(b)) {
+      if (__propIsEnum$t.call(b, prop))
+        __defNormalProp$t(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
-var __objRest$k = (source, exclude) => {
+var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$r.call(source, prop))
+  if (source != null && __getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$t.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -203,17 +203,17 @@ function AntdAvatar(_a) {
     letters,
     href,
     target
-  } = _b, props = __objRest$k(_b, [
+  } = _b, props = __objRest$m(_b, [
     "letters",
     "href",
     "target"
   ]);
-  const avatar = /* @__PURE__ */ React.createElement(Avatar, __spreadProps$j(__spreadValues$r({}, props), { children: props.children || letters }));
+  const avatar = /* @__PURE__ */ React.createElement(Avatar, __spreadProps$k(__spreadValues$t({}, 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$r({}, props));
+  return /* @__PURE__ */ React.createElement(Avatar.Group, __spreadValues$t({}, props));
 }
 function registerAvatar(loader) {
   registerComponentHelper(loader, AntdAvatar, {
@@ -301,43 +301,43 @@ function registerAvatarGroup(loader) {
   });
 }
 
-var __defProp$q = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = 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) => {
+var __defProp$s = Object.defineProperty;
+var __defProps$j = Object.defineProperties;
+var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
+var __hasOwnProp$s = Object.prototype.hasOwnProperty;
+var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$s = (a, b) => {
   for (var prop in b || (b = {}))
-    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]);
+    if (__hasOwnProp$s.call(b, prop))
+      __defNormalProp$s(a, prop, b[prop]);
+  if (__getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(b)) {
+      if (__propIsEnum$s.call(b, prop))
+        __defNormalProp$s(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
-var __objRest$j = (source, exclude) => {
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
+  if (source != null && __getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdButton(props) {
-  const _a = props, { submitsForm = false, children } = _a, rest = __objRest$j(_a, ["submitsForm", "children"]);
+  const _a = props, { submitsForm = false, children } = _a, rest = __objRest$l(_a, ["submitsForm", "children"]);
   const target = props.target === true ? "_blank" : props.target === false ? void 0 : props.target;
   return /* @__PURE__ */ React.createElement(
     Button,
-    __spreadProps$i(__spreadValues$q({}, rest), {
+    __spreadProps$j(__spreadValues$s({}, rest), {
       children: /* @__PURE__ */ React.createElement(
         "div",
         {
@@ -418,7 +418,7 @@ function registerButton(loader) {
         hidden: (props) => !props.href,
         defaultValueHint: false
       },
-      children: __spreadValues$q({
+      children: __spreadValues$s({
         type: "slot",
         defaultValue: [
           {
@@ -442,39 +442,39 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$p = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = 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$r = Object.defineProperty;
+var __defProps$i = Object.defineProperties;
+var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
+var __hasOwnProp$r = Object.prototype.hasOwnProperty;
+var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$r = (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$r.call(b, prop))
+      __defNormalProp$r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(b)) {
+      if (__propIsEnum$r.call(b, prop))
+        __defNormalProp$r(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
-var __objRest$i = (source, exclude) => {
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+var __objRest$k = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$r.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$r)
+    for (var prop of __getOwnPropSymbols$r(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$r.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdCheckbox(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$i(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$k(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.checked);
@@ -482,7 +482,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$h(__spreadValues$p({}, rest), { onChange: wrappedOnChange }));
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$i(__spreadValues$r({}, rest), { onChange: wrappedOnChange }));
 }
 AntdCheckbox.__plasmicFormFieldMeta = { valueProp: "checked" };
 const AntdCheckboxGroup = Checkbox.Group;
@@ -517,7 +517,7 @@ function registerCheckbox(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$p({
+      children: __spreadValues$r({
         type: "slot",
         defaultValue: [
           {
@@ -598,33 +598,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$o = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = 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$q = Object.defineProperty;
+var __defProps$h = Object.defineProperties;
+var __getOwnPropDescs$h = 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$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$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$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-var __objRest$h = (source, exclude) => {
+var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+var __objRest$j = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$o.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$o)
-    for (var prop of __getOwnPropSymbols$o(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.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;
@@ -644,7 +644,7 @@ function AntdAccordion(props) {
     collapsible,
     disabled,
     rotateCustomExpandIcon
-  } = _a, rest = __objRest$h(_a, [
+  } = _a, rest = __objRest$j(_a, [
     "items",
     "activeKey",
     "defaultActiveKey",
@@ -657,7 +657,7 @@ function AntdAccordion(props) {
     if (!React.isValidElement(itemsRaw) && !Array.isArray(itemsRaw))
       return [];
     return (Array.isArray(itemsRaw) ? itemsRaw : Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
-      const props2 = __spreadProps$g(__spreadValues$o({}, currentItem.props), {
+      const props2 = __spreadProps$h(__spreadValues$q({}, currentItem.props), {
         id: currentItem.props.id,
         key: currentItem.props.id,
         children: React.cloneElement(/* @__PURE__ */ React.createElement(React.Fragment, null, currentItem.props.children))
@@ -672,7 +672,7 @@ function AntdAccordion(props) {
   }, [itemsRaw]);
   return /* @__PURE__ */ React.createElement(
     Collapse,
-    __spreadValues$o({
+    __spreadValues$q({
       accordion: true,
       items,
       defaultActiveKey,
@@ -703,7 +703,7 @@ function AntdSingleCollapse(props) {
     forceRender,
     children,
     headerClass
-  } = _a, rest = __objRest$h(_a, [
+  } = _a, rest = __objRest$j(_a, [
     "open",
     "defaultOpen",
     "expandIcon",
@@ -733,7 +733,7 @@ function AntdSingleCollapse(props) {
   );
   return /* @__PURE__ */ React.createElement(
     Collapse,
-    __spreadValues$o({
+    __spreadValues$q({
       accordion: false,
       items: [item],
       defaultActiveKey: defaultOpen ? item.key : void 0,
@@ -835,7 +835,7 @@ const commonAccordionItemProps = {
     type: "class",
     displayName: "Header"
   },
-  children: __spreadProps$g(__spreadValues$o({
+  children: __spreadProps$h(__spreadValues$q({
     type: "slot",
     hidePlaceholder: true
   }, { mergeWithParent: true }), {
@@ -871,7 +871,7 @@ function registerCollapse(loader) {
     defaultStyles: {
       width: "stretch"
     },
-    props: __spreadValues$o(__spreadValues$o(__spreadValues$o({
+    props: __spreadValues$q(__spreadValues$q(__spreadValues$q({
       open: {
         editOnly: true,
         displayName: "Open",
@@ -881,7 +881,7 @@ function registerCollapse(loader) {
       }
     }, commonProps$1), commonAccordionItemProps), commonAccordionProps),
     states: {
-      open: __spreadValues$o({
+      open: __spreadValues$q({
         type: "writable",
         valueProp: "open",
         onChangeProp: "onChange",
@@ -902,7 +902,7 @@ function registerCollapse(loader) {
     defaultStyles: {
       width: "stretch"
     },
-    props: __spreadValues$o(__spreadValues$o({
+    props: __spreadValues$q(__spreadValues$q({
       activeKey: {
         editOnly: true,
         displayName: "Active panel ID",
@@ -911,7 +911,7 @@ function registerCollapse(loader) {
         description: `ID of Accordion item that is expanded by default.`,
         advanced: true
       },
-      items: __spreadProps$g(__spreadValues$o({
+      items: __spreadProps$h(__spreadValues$q({
         type: "slot",
         hidePlaceholder: true,
         allowedComponents: [accordionItemComponentName]
@@ -951,7 +951,7 @@ function registerCollapse(loader) {
       })
     }, commonProps$1), commonAccordionProps),
     states: {
-      activePanelId: __spreadValues$o({
+      activePanelId: __spreadValues$q({
         type: "writable",
         valueProp: "activeKey",
         onChangeProp: "onChange",
@@ -969,7 +969,7 @@ function registerCollapse(loader) {
   registerComponentHelper(loader, AntdAccordionItem, {
     name: accordionItemComponentName,
     displayName: "Accordion Item",
-    props: __spreadValues$o(__spreadValues$o({
+    props: __spreadValues$q(__spreadValues$q({
       id: {
         type: "string",
         description: `Unique identifier for this item`,
@@ -982,33 +982,33 @@ function registerCollapse(loader) {
   });
 }
 
-var __defProp$n = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = 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$p = Object.defineProperty;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = 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$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$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$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
-var __objRest$g = (source, exclude) => {
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
+var __objRest$i = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$n.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$n)
-    for (var prop of __getOwnPropSymbols$n(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.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;
@@ -1017,13 +1017,13 @@ function AntdColorPicker(_a) {
   var _b = _a, {
     showTextSwitch,
     onChange
-  } = _b, props = __objRest$g(_b, [
+  } = _b, props = __objRest$i(_b, [
     "showTextSwitch",
     "onChange"
   ]);
   return /* @__PURE__ */ React.createElement(
     ColorPicker,
-    __spreadProps$f(__spreadValues$n({}, props), {
+    __spreadProps$g(__spreadValues$p({}, props), {
       showText: props.showText || showTextSwitch,
       onChangeComplete: (value) => {
         onChange == null ? void 0 : onChange(typeof value === "string" ? value : value.toHexString());
@@ -1096,19 +1096,19 @@ function registerColorPicker(loader) {
   });
 }
 
-var __defProp$m = Object.defineProperty;
-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$o = Object.defineProperty;
+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$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$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;
 };
@@ -1119,7 +1119,7 @@ function mergeProps(props, ...restProps) {
   if (restProps.every((rest) => Object.keys(rest).length === 0)) {
     return props;
   }
-  const result = __spreadValues$m({}, props);
+  const result = __spreadValues$o({}, props);
   for (const rest of restProps) {
     for (const key of Object.keys(rest)) {
       result[key] = mergePropVals(key, result[key], rest[key]);
@@ -1156,7 +1156,7 @@ function mergePropVals(name, val1, val2) {
   } else if (name === "className") {
     return classNames(val1, val2);
   } else if (name === "style") {
-    return __spreadValues$m(__spreadValues$m({}, val1), val2);
+    return __spreadValues$o(__spreadValues$o({}, val1), val2);
   } else if (name === "ref") {
     return mergeRefs(val1, val2);
   } else if (typeof val1 !== typeof val2) {
@@ -1203,33 +1203,33 @@ function useIsMounted() {
   return isMounted;
 }
 
-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$n = Object.defineProperty;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = 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$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$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$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$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$n.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$n)
+    for (var prop of __getOwnPropSymbols$n(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1279,12 +1279,12 @@ function themeToAntdConfig(opts) {
   };
 }
 function AntdConfigProvider(props) {
-  const _a = props, { children, locale, themeStyles, loadingText, removeLoading } = _a, rest = __objRest$f(_a, ["children", "locale", "themeStyles", "loadingText", "removeLoading"]);
+  const _a = props, { children, locale, themeStyles, loadingText, removeLoading } = _a, rest = __objRest$h(_a, ["children", "locale", "themeStyles", "loadingText", "removeLoading"]);
   return /* @__PURE__ */ React.createElement(
     ConfigProvider,
-    __spreadValues$l({
+    __spreadValues$n({
       locale: locale != null ? locale : defaultLocale
-    }, themeToAntdConfig(__spreadProps$e(__spreadValues$l({}, rest), {
+    }, themeToAntdConfig(__spreadProps$f(__spreadValues$n({}, rest), {
       fontFamily: themeStyles.fontFamily,
       fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
       lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -1326,8 +1326,8 @@ function InnerConfigProvider(props) {
     () => ({
       showNotification: (opts) => {
         var _b, _c, _d;
-        const _a = opts, rest = __objRest$f(_a, ["type"]);
-        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadProps$e(__spreadValues$l({}, rest), {
+        const _a = opts, rest = __objRest$h(_a, ["type"]);
+        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadProps$f(__spreadValues$n({}, rest), {
           message: (_c = rest.message) == null ? void 0 : _c.toString(),
           description: (_d = rest.description) == null ? void 0 : _d.toString()
         }));
@@ -1659,7 +1659,7 @@ function registerTokens(loader) {
 }
 const registerConfigProvider = makeRegisterGlobalContext(
   AntdConfigProvider,
-  __spreadProps$e(__spreadValues$l({
+  __spreadProps$f(__spreadValues$n({
     name: "plasmic-antd5-config-provider",
     displayName: "Ant Design System Settings",
     props: {
@@ -1779,33 +1779,33 @@ const registerConfigProvider = makeRegisterGlobalContext(
   })
 );
 
-var __defProp$k = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = 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) => {
+var __defProp$m = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = 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$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$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$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
-var __objRest$e = (source, exclude) => {
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$k.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$k)
-    for (var prop of __getOwnPropSymbols$k(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.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;
@@ -1814,10 +1814,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$e(_a, ["picker", "popupScopeClassName"]);
+  const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest$g(_a, ["picker", "popupScopeClassName"]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
-    __spreadProps$d(__spreadValues$k({}, rest), {
+    __spreadProps$e(__spreadValues$m({}, 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),
@@ -1978,7 +1978,7 @@ function registerDatePicker(loader) {
       }
     },
     states: {
-      value: __spreadValues$k({
+      value: __spreadValues$m({
         type: "writable",
         valueProp: "value",
         onChangeProp: "onChange",
@@ -1995,33 +1995,33 @@ function registerDatePicker(loader) {
   });
 }
 
-var __defProp$j = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = 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$l = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = 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) => {
   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$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;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
-var __objRest$d = (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$j.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop))
+  if (source != null && __getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2057,7 +2057,7 @@ function AntdDateRangePicker(props) {
     onChange,
     popupScopeClassName,
     className
-  } = _a, rest = __objRest$d(_a, [
+  } = _a, rest = __objRest$f(_a, [
     "defaultStartDate",
     "defaultEndDate",
     "startDate",
@@ -2125,7 +2125,7 @@ function AntdDateRangePicker(props) {
     }
   `;
   const presetsDayjs = useMemo(
-    () => presets == null ? void 0 : presets.map((p) => __spreadProps$c(__spreadValues$j({}, p), { value: getDayjsRange([p.startDate, p.endDate]) })).filter((p) => {
+    () => presets == null ? void 0 : presets.map((p) => __spreadProps$d(__spreadValues$l({}, 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());
     }),
@@ -2133,7 +2133,7 @@ function AntdDateRangePicker(props) {
   );
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     RangePicker,
-    __spreadProps$c(__spreadValues$j({}, rest), {
+    __spreadProps$d(__spreadValues$l({}, rest), {
       picker,
       presets: presetsDayjs,
       allowEmpty: allowEmpty ? [allowEmpty, allowEmpty] : [allowEmptyStartDate, allowEmptyEndDate],
@@ -2370,13 +2370,13 @@ function registerDateRangePicker(loader) {
       }
     },
     states: {
-      startDate: __spreadValues$j({
+      startDate: __spreadValues$l({
         type: "writable",
         valueProp: "startDate",
         onChangeProp: "onChange",
         variableType: "text"
       }, dateRangePickerHelpers.states.startDate),
-      endDate: __spreadValues$j({
+      endDate: __spreadValues$l({
         type: "writable",
         valueProp: "endDate",
         onChangeProp: "onChange",
@@ -2393,39 +2393,39 @@ function registerDateRangePicker(loader) {
   });
 }
 
-var __defProp$i = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = 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$k = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = 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$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$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$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-var __objRest$c = (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$i.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$k.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$k)
+    for (var prop of __getOwnPropSymbols$k(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdDrawer(props) {
-  const _a = props, { onOpenChange, onClose, open, footer, drawerScopeClassName } = _a, rest = __objRest$c(_a, ["onOpenChange", "onClose", "open", "footer", "drawerScopeClassName"]);
+  const _a = props, { onOpenChange, onClose, open, footer, drawerScopeClassName } = _a, rest = __objRest$e(_a, ["onOpenChange", "onClose", "open", "footer", "drawerScopeClassName"]);
   const memoOnClose = React.useMemo(() => {
     if (onOpenChange || onClose) {
       return (e) => {
@@ -2438,7 +2438,7 @@ function AntdDrawer(props) {
   }, [onOpenChange, onClose]);
   return /* @__PURE__ */ React.createElement(
     Drawer,
-    __spreadProps$b(__spreadValues$i({}, rest), {
+    __spreadProps$c(__spreadValues$k({}, rest), {
       onClose: memoOnClose,
       rootClassName: drawerScopeClassName,
       open,
@@ -2588,25 +2588,25 @@ function registerDrawer(loader) {
   });
 }
 
-var __defProp$h = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = 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$j = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = 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$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$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$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 const AntdMenuDivider = Menu.Divider;
 const AntdMenuItem = Menu.Item;
 const AntdMenuItemGroup = Menu.ItemGroup;
@@ -2661,7 +2661,7 @@ const MENU_ITEM_TYPE = {
     }
   }
 };
-const UNKEYED_MENU_ITEM_TYPE = __spreadProps$a(__spreadValues$h({}, MENU_ITEM_TYPE), {
+const UNKEYED_MENU_ITEM_TYPE = __spreadProps$b(__spreadValues$j({}, MENU_ITEM_TYPE), {
   fields: Object.fromEntries(
     Object.entries(MENU_ITEM_TYPE.fields).filter(([k]) => k !== "key")
   )
@@ -2766,7 +2766,7 @@ function registerMenu(loader) {
         type: "string",
         description: "Set display title for collapsed item"
       },
-      children: __spreadValues$h({
+      children: __spreadValues$j({
         type: "slot",
         defaultValue: [
           {
@@ -2878,33 +2878,33 @@ function registerMenu(loader) {
   });
 }
 
-var __defProp$g = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = 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) => {
+var __defProp$i = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = 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$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$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$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$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$g.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$g)
-    for (var prop of __getOwnPropSymbols$g(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.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;
@@ -2918,7 +2918,7 @@ function AntdDropdown(props) {
     menuItemsJson,
     trigger = "click",
     dropdownMenuScopeClassName
-  } = _a, rest = __objRest$b(_a, [
+  } = _a, rest = __objRest$d(_a, [
     "children",
     "onAction",
     "menuItems",
@@ -2929,7 +2929,7 @@ function AntdDropdown(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     Dropdown,
-    __spreadProps$9(__spreadValues$g({}, rest), {
+    __spreadProps$a(__spreadValues$i({}, rest), {
       trigger: [trigger],
       overlay: () => {
         var _a2;
@@ -3070,7 +3070,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$g({
+      children: __spreadValues$i({
         type: "slot",
         defaultValue: [
           {
@@ -3095,25 +3095,25 @@ function registerDropdown(loader) {
   });
 }
 
-var __defProp$f = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = 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$h = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$h.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 const AntdInput = Input;
 const AntdTextArea = Input.TextArea;
 const AntdPassword = Input.Password;
@@ -3203,10 +3203,10 @@ const COMMON_EVENT_HANDLERS = {
 };
 const inputComponentName = "plasmic-antd5-input";
 function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, __spreadProps$8(__spreadValues$f({
+  registerComponentHelper(loader, AntdInput, __spreadProps$9(__spreadValues$h({
     name: inputComponentName,
     displayName: "Input",
-    props: __spreadValues$f(__spreadValues$f(__spreadValues$f({
+    props: __spreadValues$h(__spreadValues$h(__spreadValues$h({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -3237,7 +3237,7 @@ function registerInput(loader) {
         defaultValueHint: "text"
       }
     }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
-    states: __spreadValues$f({}, COMMON_STATES)
+    states: __spreadValues$h({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -3250,7 +3250,7 @@ function registerTextArea(loader) {
     name: textAreaComponentName,
     parentComponentName: inputComponentName,
     displayName: "Text Area",
-    props: __spreadValues$f({
+    props: __spreadValues$h({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -3271,7 +3271,7 @@ function registerTextArea(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$f({}, COMMON_STATES),
+    states: __spreadValues$h({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdTextArea"
@@ -3283,7 +3283,7 @@ function registerPasswordInput(loader) {
     name: passwordComponentName,
     parentComponentName: inputComponentName,
     displayName: "Password Input",
-    props: __spreadValues$f({
+    props: __spreadValues$h({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -3304,7 +3304,7 @@ function registerPasswordInput(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$f({}, COMMON_STATES),
+    states: __spreadValues$h({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdPassword"
@@ -3312,11 +3312,11 @@ function registerPasswordInput(loader) {
 }
 const inputNumberComponentName = "plasmic-antd5-input-number";
 function registerNumberInput(loader) {
-  registerComponentHelper(loader, AntdInputNumber, __spreadProps$8(__spreadValues$f({
+  registerComponentHelper(loader, AntdInputNumber, __spreadProps$9(__spreadValues$h({
     name: inputNumberComponentName,
     parentComponentName: inputComponentName,
     displayName: "Number Input",
-    props: __spreadProps$8(__spreadValues$f(__spreadValues$f(__spreadValues$f({
+    props: __spreadProps$9(__spreadValues$h(__spreadValues$h(__spreadValues$h({
       value: {
         type: "number",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -3354,7 +3354,7 @@ function registerNumberInput(loader) {
         ]
       }
     }),
-    states: __spreadValues$f({}, COMMON_STATES)
+    states: __spreadValues$h({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     // don't need component helpers
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -3362,33 +3362,33 @@ function registerNumberInput(loader) {
   }));
 }
 
-var __defProp$e = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = 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$g = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = 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$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$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$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$a = (source, exclude) => {
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(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$g.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$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3397,7 +3397,7 @@ const RadioGroup = Radio.Group;
 const AntdRadio = Radio;
 const AntdRadioButton = Radio.Button;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange, useChildren } = _a, rest = __objRest$a(_a, ["onChange", "useChildren"]);
+  const _a = props, { onChange, useChildren } = _a, rest = __objRest$c(_a, ["onChange", "useChildren"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -3407,7 +3407,7 @@ function AntdRadioGroup(props) {
   }, [onChange]);
   return /* @__PURE__ */ React.createElement(
     RadioGroup,
-    __spreadProps$7(__spreadValues$e({}, rest), {
+    __spreadProps$8(__spreadValues$g({}, rest), {
       onChange: wrappedOnChange,
       options: useChildren ? void 0 : rest.options
     })
@@ -3435,7 +3435,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$e({
+      children: __spreadValues$g({
         type: "slot",
         defaultValue: [
           {
@@ -3467,7 +3467,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$e({
+      children: __spreadValues$g({
         type: "slot",
         defaultValue: [
           {
@@ -3481,7 +3481,7 @@ function registerRadio(loader) {
     importName: "AntdRadioButton",
     parentComponentName: radioGroupComponentName
   });
-  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$e({
+  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$g({
     name: radioGroupComponentName,
     displayName: "Radio Group",
     props: {
@@ -3604,33 +3604,33 @@ function registerRadio(loader) {
   }));
 }
 
-var __defProp$d = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = 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$f = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = 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$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$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$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$9 = (source, exclude) => {
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(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$f.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$f)
+    for (var prop of __getOwnPropSymbols$f(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3645,7 +3645,7 @@ function AntdSelect(props) {
     suffixIcon,
     mode,
     useChildren
-  } = _a, rest = __objRest$9(_a, [
+  } = _a, rest = __objRest$b(_a, [
     "popupClassName",
     "popupScopeClassName",
     "defaultStylesClassName",
@@ -3653,13 +3653,13 @@ function AntdSelect(props) {
     "mode",
     "useChildren"
   ]);
-  const curated = __spreadValues$d({}, rest);
+  const curated = __spreadValues$f({}, rest);
   if (useChildren) {
     curated.options = void 0;
   }
   return /* @__PURE__ */ React.createElement(
     Select,
-    __spreadValues$d(__spreadProps$6(__spreadValues$d({}, curated), {
+    __spreadValues$f(__spreadProps$7(__spreadValues$f({}, curated), {
       mode: !mode || mode === "single" ? void 0 : mode,
       popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`,
       optionFilterProp: curated.options ? "label" : void 0,
@@ -3674,7 +3674,7 @@ const selectComponentName = "plasmic-antd5-select";
 const optionComponentName = "plasmic-antd5-option";
 const optionGroupComponentName = "plasmic-antd5-option-group";
 function registerSelect(loader) {
-  registerComponentHelper(loader, AntdSelect, __spreadProps$6(__spreadValues$d({
+  registerComponentHelper(loader, AntdSelect, __spreadProps$7(__spreadValues$f({
     name: selectComponentName,
     displayName: "Select",
     props: {
@@ -3910,7 +3910,7 @@ function registerSelect(loader) {
     displayName: "Option",
     parentComponentName: selectComponentName,
     props: {
-      children: __spreadValues$d({
+      children: __spreadValues$f({
         type: "slot",
         defaultValue: "Option"
       }, { mergeWithParent: true }),
@@ -3963,24 +3963,24 @@ function registerSelect(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$e = Object.defineProperty;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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;
 };
 function AntdSwitch(props) {
-  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$c({}, props));
+  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$e({}, props));
 }
 AntdSwitch.__plasmicFormFieldMeta = { valueProp: "checked" };
 const switchComponentName = "plasmic-antd5-switch";
@@ -4026,33 +4026,33 @@ function registerSwitch(loader) {
   });
 }
 
-var __defProp$b = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = 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$d = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$d.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$8 = (source, exclude) => {
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$b.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$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.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;
@@ -4094,7 +4094,7 @@ const Internal = React.forwardRef(
       formLayout,
       internalFieldCtx,
       setInternalFieldCtx
-    } = _a, rest = __objRest$8(_a, [
+    } = _a, rest = __objRest$a(_a, [
       "extendedOnValuesChange",
       "forceRemount",
       "formLayout",
@@ -4115,7 +4115,7 @@ const Internal = React.forwardRef(
           },
           /* @__PURE__ */ React.createElement(
             FormItemWrapper,
-            __spreadProps$5(__spreadValues$b({}, omit(formItem, "key")), {
+            __spreadProps$6(__spreadValues$d({}, 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%" }
@@ -4206,7 +4206,7 @@ const Internal = React.forwardRef(
       },
       /* @__PURE__ */ React.createElement(FormLayoutContext.Provider, { value: formLayout }, /* @__PURE__ */ React.createElement(
         Form,
-        __spreadProps$5(__spreadValues$b({}, rest), {
+        __spreadProps$6(__spreadValues$d({}, rest), {
           key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
           onValuesChange: (...args) => {
             var _a2;
@@ -4245,7 +4245,7 @@ function deriveFormFieldConfigs(dataFormItems, schema, data) {
     schema,
     (field) => {
       var _a;
-      return __spreadValues$b({
+      return __spreadValues$d({
         inputType: "Text" /* Text */
       }, field && {
         key: field.id,
@@ -4266,7 +4266,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$b({
+      setControlContextData == null ? void 0 : setControlContextData(__spreadValues$d({
         formInstance
       }, commonFormCtxData));
       return void 0;
@@ -4277,7 +4277,7 @@ function useFormItemDefinitions(rawData, props, formRef, commonFormCtxData) {
       schema,
       row
     );
-    setControlContextData == null ? void 0 : setControlContextData(__spreadValues$b({
+    setControlContextData == null ? void 0 : setControlContextData(__spreadValues$d({
       schema: data.schema,
       minimalFullLengthFields,
       mergedFields,
@@ -4318,7 +4318,7 @@ const FormWrapper = React.forwardRef(
     });
     React.useImperativeHandle(
       ref,
-      () => wrapperRef.current ? __spreadValues$b({}, wrapperRef.current) : {}
+      () => wrapperRef.current ? __spreadValues$d({}, wrapperRef.current) : {}
     );
     const formLayout = React.useMemo(
       () => {
@@ -4355,7 +4355,7 @@ const FormWrapper = React.forwardRef(
         forceRemount();
       }
     }, [props.data]);
-    const _b = props, { dataFormItems, formItems, data } = _b, rest = __objRest$8(_b, ["dataFormItems", "formItems", "data"]);
+    const _b = props, { dataFormItems, formItems, data } = _b, rest = __objRest$a(_b, ["dataFormItems", "formItems", "data"]);
     const actualFormItems = props.mode === "simplified" && formItemDefinitions ? formItemDefinitions : data ? dataFormItems : formItems;
     const previousFormItems = React.useRef([]);
     React.useEffect(() => {
@@ -4370,7 +4370,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$5(__spreadValues$b({
+      __spreadProps$6(__spreadValues$d({
         key: remountKey
       }, rest), {
         forceRemount,
@@ -4567,7 +4567,7 @@ function registerForm(loader) {
           return true;
         }
       },
-      submitSlot: __spreadValues$b({
+      submitSlot: __spreadValues$d({
         type: "slot",
         hidden: () => true,
         defaultValue: {
@@ -4859,7 +4859,7 @@ function FormItemWrapper(props) {
     customizeProps,
     setControlContextData,
     alignLabellessWithControls = true
-  } = _a, rest = __objRest$8(_a, [
+  } = _a, rest = __objRest$a(_a, [
     "rules",
     "description",
     "noLabel",
@@ -4936,7 +4936,7 @@ function FormItemWrapper(props) {
   }, []);
   return /* @__PURE__ */ React.createElement(
     FormItem,
-    __spreadProps$5(__spreadValues$b({}, rest), {
+    __spreadProps$6(__spreadValues$d({}, rest), {
       label: noLabel ? void 0 : props.label,
       name: relativeFormItemName,
       rules,
@@ -5001,7 +5001,7 @@ function deriveOnChangePropName(props) {
   return void 0;
 }
 function FormItemForwarder(_a) {
-  var _b = _a, { formItemProps } = _b, props = __objRest$8(_b, ["formItemProps"]);
+  var _b = _a, { formItemProps } = _b, props = __objRest$a(_b, ["formItemProps"]);
   var _a2;
   const status = Form.Item.useStatus();
   const internalFormCtx = React.useContext(InternalFormInstanceContext);
@@ -5014,7 +5014,7 @@ function FormItemForwarder(_a) {
   });
   return React.Children.map(formItemProps.children, (child, i) => {
     var _a3;
-    let newProps = __spreadProps$5(__spreadValues$b(__spreadValues$b({
+    let newProps = __spreadProps$6(__spreadValues$d(__spreadValues$d({
       name: formItemProps.name
     }, (_a3 = child.props) != null ? _a3 : {}), props), {
       __plasmicFormField: true
@@ -5263,7 +5263,7 @@ function commonFormItemProps(usage) {
 }
 const commonSimplifiedFormArrayItemType = (propName) => ({
   type: "object",
-  fields: __spreadValues$b({
+  fields: __spreadValues$d({
     label: {
       type: "string",
       defaultValueHint: getDefaultValueHint("label")
@@ -5359,7 +5359,7 @@ const commonSimplifiedFormArrayItemType = (propName) => ({
 });
 const formItemComponentName = "plasmic-antd5-form-item";
 function registerFormItem(loader) {
-  registerComponentHelper(loader, FormItemWrapper, __spreadValues$b({
+  registerComponentHelper(loader, FormItemWrapper, __spreadValues$d({
     name: formItemComponentName,
     displayName: "Form Field",
     parentComponentName: formComponentName,
@@ -5367,8 +5367,8 @@ function registerFormItem(loader) {
       marginBottom: "24px",
       width: "stretch"
     },
-    props: __spreadValues$b({
-      label: __spreadValues$b({
+    props: __spreadValues$d({
+      label: __spreadValues$d({
         type: "slot",
         defaultValue: {
           type: "text",
@@ -5376,7 +5376,7 @@ function registerFormItem(loader) {
         },
         hidden: (ps) => !!ps.noLabel
       }, { mergeWithParent: true }),
-      children: __spreadValues$b({
+      children: __spreadValues$d({
         type: "slot",
         defaultValue: {
           type: "component",
@@ -5553,7 +5553,7 @@ const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
       }
     }, [JSON.stringify(props.initialValue), JSON.stringify(fullFormItemName)]);
   }
-  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$5(__spreadValues$b({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$6(__spreadValues$d({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
     operationsRef.current = args;
     return args[0].map((field, index) => /* @__PURE__ */ React.createElement(
       PathContext.Provider,
@@ -5681,33 +5681,33 @@ function registerFormList(loader) {
   });
 }
 
-var __defProp$a = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = 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$c = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = 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$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$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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$7 = (source, exclude) => {
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$a.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$a)
-    for (var prop of __getOwnPropSymbols$a(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.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;
@@ -5722,7 +5722,7 @@ function AntdModal(props) {
     hideFooter,
     modalScopeClassName,
     wrapClassName
-  } = _a, rest = __objRest$7(_a, [
+  } = _a, rest = __objRest$9(_a, [
     "onOpenChange",
     "onOk",
     "onCancel",
@@ -5754,7 +5754,7 @@ function AntdModal(props) {
   }, [onOpenChange, onCancel]);
   return /* @__PURE__ */ React.createElement(
     Modal,
-    __spreadProps$4(__spreadValues$a({}, rest), {
+    __spreadProps$5(__spreadValues$c({}, rest), {
       onOk: memoOnOk,
       onCancel: memoOnCancel,
       open,
@@ -5884,30 +5884,298 @@ function registerModal(loader) {
   });
 }
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = 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$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$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 __objRest$6 = (source, exclude) => {
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.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$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.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;
+};
+function AntdPagination(props) {
+  const _a = props, { paginatedUrl, pageSizeOptions } = _a, rest = __objRest$8(_a, ["paginatedUrl", "pageSizeOptions"]);
+  useEffect(() => {
+    if (props.current && props.pageSize && props.onChange) {
+      props.onChange(props.current, props.pageSize);
+    }
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    Pagination,
+    __spreadValues$b({
+      pageSizeOptions: pageSizeOptions == null ? void 0 : pageSizeOptions.filter((i) => i == null ? void 0 : i.pageSize).map((i) => i.pageSize),
+      itemRender: paginatedUrl ? (pageNo, _, originalElement) => {
+        var _a2, _b;
+        if (!React.isValidElement(originalElement) || !props.pageSize) {
+          return originalElement;
+        }
+        let rel = void 0;
+        if (props.current) {
+          rel = pageNo === props.current ? "self" : pageNo === props.current - 1 ? "prev" : pageNo === props.current + 1 ? "next" : void 0;
+        }
+        const href = paginatedUrl(pageNo, props.pageSize);
+        return React.cloneElement(originalElement, __spreadProps$4(__spreadValues$b({}, originalElement.props), {
+          rel,
+          href,
+          style: __spreadProps$4(__spreadValues$b({}, (_b = (_a2 = originalElement.props) == null ? void 0 : _a2.style) != null ? _b : {}), {
+            pointerEvents: "none"
+          })
+        }));
+      } : void 0
+    }, rest)
+  );
+}
+const paginationComponentName = "plasmic-antd5-pagination";
+const paginationHelpers = {
+  states: {
+    pageSize: {
+      onChangeArgsToValue: (_, pageSize) => pageSize
+    },
+    startIndex: {
+      onChangeArgsToValue: (currentPage, pageSize) => (currentPage - 1) * pageSize
+    },
+    endIndex: {
+      onChangeArgsToValue: (currentPage, pageSize) => pageSize * currentPage - 1
+    }
+  }
+};
+function registerPagination(loader) {
+  registerComponentHelper(loader, AntdPagination, {
+    name: paginationComponentName,
+    displayName: "Pagination",
+    props: {
+      current: {
+        editOnly: true,
+        uncontrolledProp: "defaultCurrent",
+        type: "number",
+        displayName: "Current Page",
+        description: `Default current page`,
+        defaultValue: 1
+      },
+      total: {
+        type: "number",
+        defaultValueHint: 0,
+        description: `Total number of data items`
+      },
+      pageSize: {
+        editOnly: true,
+        uncontrolledProp: "defaultPageSize",
+        type: "number",
+        displayName: "Page size",
+        description: `Default number of items per page`,
+        defaultValue: 10
+      },
+      disabled: {
+        type: "boolean",
+        defaultValueHint: false,
+        description: `Disable pagination controls`
+      },
+      hideOnSinglePage: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: `Hide pager on single page`
+      },
+      showLessItems: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: `Show less page items`,
+        hidden: (ps) => !!ps.simple
+      },
+      showQuickJumper: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: `Show "Go to page" control to enable jumping to pages directly`,
+        hidden: (ps) => !!ps.simple
+      },
+      showSizeChanger: {
+        type: "boolean",
+        defaultValueHint: (ps) => ps.total ? ps.total > 50 : false,
+        advanced: true,
+        description: `Show page size selector`,
+        hidden: (ps) => !!ps.simple
+      },
+      //   showTitle prop seems to be doing nothing, so this is skipped
+      //   showTitle: {
+      //     type: "boolean",
+      //     defaultValueHint: true,
+      //     description: `Show page item's title`,
+      //   },
+      showTotal: {
+        type: "function",
+        displayName: "Show total",
+        description: "Display the total number and range",
+        advanced: true,
+        argNames: ["total", "range"],
+        argValues: (_ps, ctx) => [ctx.data[0], ctx.data[1]]
+      },
+      simple: {
+        type: "boolean",
+        defaultValueHint: false,
+        description: `Uuse simple mode (i.e. minimal controls)`
+      },
+      size: {
+        type: "choice",
+        defaultValueHint: "default",
+        description: `Size of the pager`,
+        options: ["default", "small"]
+      },
+      pageSizeOptions: {
+        type: "array",
+        defaultValue: [
+          {
+            pageSize: 10
+          },
+          {
+            pageSize: 20
+          },
+          {
+            pageSize: 50
+          },
+          {
+            pageSize: 100
+          }
+        ],
+        description: "The list of available page sizes",
+        advanced: true,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.pageSize,
+          fields: {
+            pageSize: {
+              type: "number",
+              min: 1
+            }
+          }
+        }
+      },
+      paginatedUrl: {
+        type: "function",
+        advanced: true,
+        description: "Helps generate SEO-friendly pagination links. These links will include appropriate href attributes, ensuring that search engines can effectively crawl and index your paginated content",
+        control: {
+          type: "href"
+        },
+        argNames: ["pageNo", "pageSize"],
+        argValues: (_props, ctx) => {
+          var _a;
+          return [
+            (_a = ctx == null ? void 0 : ctx.data) == null ? void 0 : _a[0],
+            _props.pageSize
+          ];
+        }
+      },
+      onChange: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [
+          {
+            name: "page",
+            type: "number"
+          },
+          {
+            name: "pageSize",
+            type: "number"
+          }
+        ]
+      },
+      onShowSizeChange: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [
+          {
+            name: "current",
+            type: "number"
+          },
+          {
+            name: "size",
+            type: "number"
+          }
+        ]
+      }
+    },
+    states: {
+      currentPage: {
+        type: "writable",
+        valueProp: "current",
+        onChangeProp: "onChange",
+        variableType: "number"
+      },
+      pageSize: __spreadValues$b({
+        type: "writable",
+        valueProp: "pageSize",
+        onChangeProp: "onShowSizeChange",
+        variableType: "number"
+      }, paginationHelpers.states.pageSize),
+      startIndex: __spreadValues$b({
+        type: "readonly",
+        variableType: "number",
+        onChangeProp: "onChange"
+      }, paginationHelpers.states.startIndex),
+      endIndex: __spreadValues$b({
+        type: "readonly",
+        variableType: "number",
+        onChangeProp: "onChange"
+      }, paginationHelpers.states.endIndex)
+    },
+    componentHelpers: {
+      helpers: paginationHelpers,
+      importName: "paginationHelpers",
+      importPath: "@plasmicpkgs/antd5/skinny/registerPagination"
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerPagination",
+    importName: "AntdPagination"
+  });
+}
+
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$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 __objRest$7 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$a.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))
         target[prop] = source[prop];
     }
   return target;
@@ -5918,7 +6186,7 @@ function AntdPopover(props) {
     popoverScopeClassName,
     contentText,
     content
-  } = _a, rest = __objRest$6(_a, [
+  } = _a, rest = __objRest$7(_a, [
     "overlayClassName",
     "popoverScopeClassName",
     "contentText",
@@ -5926,7 +6194,7 @@ function AntdPopover(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     Popover,
-    __spreadValues$9({
+    __spreadValues$a({
       content: content || contentText,
       overlayClassName: `${overlayClassName} ${popoverScopeClassName}`
     }, rest)
@@ -6058,6 +6326,224 @@ function registerPopover(loader) {
   });
 }
 
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$6 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = 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;
+};
+function AntdProgress(props) {
+  const _a = props, {
+    successPercent,
+    successStrokeColor,
+    stepColors,
+    infoFormat,
+    gradient,
+    strokeColor
+  } = _a, rest = __objRest$6(_a, [
+    "successPercent",
+    "successStrokeColor",
+    "stepColors",
+    "infoFormat",
+    "gradient",
+    "strokeColor"
+  ]);
+  const success = useMemo(() => {
+    if (!successPercent && !successStrokeColor)
+      return void 0;
+    const res = {
+      percent: successPercent,
+      strokeColor: successStrokeColor
+    };
+    return res;
+  }, [successPercent, successStrokeColor]);
+  const strokeColorProp = useMemo(() => {
+    if (props.type === "line" && !!props.steps) {
+      const colors = stepColors == null ? void 0 : stepColors.map((c) => c.color).filter((c) => c);
+      if (colors == null ? void 0 : colors.length) {
+        return colors;
+      }
+    }
+    const res = {};
+    gradient == null ? void 0 : gradient.filter((g) => g.color && g.percent !== void 0).map((g) => {
+      res[g.percent] = g.color;
+    });
+    if (Object.keys(res).length)
+      return res;
+    return strokeColor;
+  }, [gradient, props.steps, props.type, stepColors, strokeColor]);
+  return /* @__PURE__ */ React.createElement(
+    Progress,
+    __spreadValues$9({
+      strokeColor: strokeColorProp,
+      success,
+      format: infoFormat
+    }, rest)
+  );
+}
+const progressComponentName = "plasmic-antd5-progress";
+function registerProgress(loader) {
+  registerComponentHelper(loader, AntdProgress, {
+    name: progressComponentName,
+    displayName: "Progress",
+    props: {
+      type: {
+        type: "choice",
+        defaultValueHint: "line",
+        options: ["line", "circle", "dashboard"]
+      },
+      percent: {
+        type: "number",
+        description: "The completion percentage",
+        defaultValueHint: 0
+      },
+      size: {
+        type: "choice",
+        defaultValueHint: "default",
+        description: `Size of progress`,
+        advanced: true,
+        options: ["default", "small"]
+      },
+      showInfo: {
+        type: "boolean",
+        displayName: "Show text",
+        defaultValueHint: true,
+        advanced: true,
+        description: "Display the progress value and the status icon"
+      },
+      status: {
+        type: "choice",
+        defaultValueHint: "normal",
+        advanced: true,
+        options: ["success", "exception", "normal", "active"]
+      },
+      strokeColor: {
+        type: "color",
+        description: "The color of progress bar"
+      },
+      strokeLinecap: {
+        type: "choice",
+        description: "Style of endpoints of the progress path",
+        defaultValueHint: "round",
+        advanced: true,
+        options: ["round", "butt", "square"]
+      },
+      successPercent: {
+        type: "number",
+        advanced: true
+      },
+      successStrokeColor: {
+        type: "color",
+        description: "Color of the progress path marked success",
+        advanced: true,
+        hidden: (ps) => !ps.successPercent
+      },
+      trailColor: {
+        type: "color",
+        advanced: true,
+        description: "The color of unfilled part"
+      },
+      infoFormat: {
+        type: "function",
+        displayName: "Format",
+        defaultValueHint: ({ percent }) => `${percent || 0}%`,
+        description: "Customize the progress text",
+        advanced: true,
+        hidden: (ps) => ps.showInfo === void 0 ? false : !ps.showInfo,
+        argNames: ["percent", "successPercent"],
+        argValues: (_ps) => [
+          _ps.percent,
+          _ps.successPercent
+        ]
+      },
+      steps: {
+        type: "number",
+        hidden: (ps) => ps.type !== "line",
+        advanced: true,
+        description: "The total step count"
+      },
+      stepColors: {
+        type: "array",
+        hidden: (ps) => ps.type !== "line" ? true : ps.steps == null,
+        advanced: true,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.color,
+          fields: {
+            color: {
+              type: "color"
+            }
+          }
+        }
+      },
+      gradient: {
+        type: "array",
+        hidden: (ps) => ps.type === "line" && !!ps.steps,
+        advanced: true,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => `${item.percent}%: ${item.color}`,
+          fields: {
+            color: {
+              type: "color"
+            },
+            percent: {
+              type: "number"
+            }
+          }
+        }
+      },
+      strokeWidth: {
+        type: "number",
+        hidden: (ps) => ps.type === "line",
+        description: "To set the width of the circular progress, unit: percentage of the canvas width",
+        advanced: true,
+        defaultValueHint: 6
+      },
+      gapDegree: {
+        type: "number",
+        hidden: (ps) => ps.type !== "dashboard",
+        defaultValueHint: 75,
+        advanced: true,
+        description: "The gap degree of half circle",
+        min: 0,
+        max: 295
+      },
+      gapPosition: {
+        type: "choice",
+        hidden: (ps) => ps.type !== "dashboard",
+        options: ["top", "bottom", "left", "right"],
+        advanced: true,
+        defaultValueHint: "bottom"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerProgress",
+    importName: "AntdProgress"
+  });
+}
+
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
@@ -8499,6 +8985,8 @@ function registerAll(loader) {
   registerRate(loader);
   registerSlider(loader);
   registerSegmented(loader);
+  registerProgress(loader);
+  registerPagination(loader);
 }
 const componentNameToInputType = {
   [inputComponentName]: InputType.Text,