@superblocksteam/library 2.0.7 → 2.0.8-next.1

package/dist/{index-NrZGBHks.js → index-BG-l_gfQ.js}

@@ -1887,7 +1887,7 @@ function createAutoAnnotation(options) {
 function make_$5(adm, key2, descriptor, source2) {
   var _this$options_3, _this$options_4;
   if (descriptor.get) {
-    return computed.make_(adm, key2, descriptor, source2);
+    return computed$1.make_(adm, key2, descriptor, source2);
   }
   if (descriptor.set) {
     var set5 = createAction(key2.toString(), descriptor.set);
@@ -1923,7 +1923,7 @@ function make_$5(adm, key2, descriptor, source2) {
 function extend_$5(adm, key2, descriptor, proxyTrap) {
   var _this$options_5, _this$options_6;
   if (descriptor.get) {
-    return computed.extend_(adm, key2, descriptor, proxyTrap);
+    return computed$1.extend_(adm, key2, descriptor, proxyTrap);
   }
   if (descriptor.set) {
     return adm.defineProperty_(key2, {
@@ -2040,7 +2040,7 @@ var computedAnnotation = /* @__PURE__ */ createComputedAnnotation(COMPUTED);
 var computedStructAnnotation = /* @__PURE__ */ createComputedAnnotation(COMPUTED_STRUCT, {
   equals: comparer.structural
 });
-var computed = function computed2(arg1, arg2) {
+var computed$1 = function computed2(arg1, arg2) {
   if (is20223Decorator(arg2)) {
     return computedAnnotation.decorate_20223_(arg1, arg2);
   }
@@ -2063,8 +2063,8 @@ var computed = function computed2(arg1, arg2) {
   opts.name || (opts.name = arg1.name || "");
   return new ComputedValue(opts);
 };
-Object.assign(computed, computedAnnotation);
-computed.struct = /* @__PURE__ */ createDecoratorAnnotation(computedStructAnnotation);
+Object.assign(computed$1, computedAnnotation);
+computed$1.struct = /* @__PURE__ */ createDecoratorAnnotation(computedStructAnnotation);
 var _getDescriptor$config, _getDescriptor;
 var currentActionId = 0;
 var nextActionId = 1;
@@ -43505,17 +43505,26 @@ const isNameEqual = (a3, b3) => {
 const ResetComponentTrigger = {
   type: TriggerStepType.RESET_COMPONENT,
   async execute(context2, step) {
+    var _a2, _b2;
+    if (!((_a2 = step.widget) == null ? void 0 : _a2.name)) {
+      return;
+    }
     context2.rootStore.entityManager.resetEntity({
-      name: getName(step.widget.name),
-      scopeId: context2.scopeId
+      name: getName((_b2 = step.widget) == null ? void 0 : _b2.name),
+      scopeId: context2.scopeId,
+      key: step.propertyName,
+      onlyMetaProps: true
     });
   },
-  create(widget, propertyName, resetChildren) {
+  create(component, opts) {
+    const meta = getBindingIdentifier(component);
     return {
       type: TriggerStepType.RESET_COMPONENT,
-      widget,
-      propertyName,
-      resetChildren
+      widget: meta ? {
+        name: meta.entityName
+      } : void 0,
+      propertyName: opts == null ? void 0 : opts.property
+      // resetChildren,
     };
   }
 };
@@ -43540,12 +43549,15 @@ const SetComponentPropertyTrigger = {
       args: [value, step]
     });
   },
-  create(widget, propertyName, propertyValue) {
+  create(component, opts) {
+    const meta = getBindingIdentifier(component);
     return {
       type: TriggerStepType.SET_COMPONENT_PROPERTY,
-      widget,
-      propertyName,
-      propertyValue
+      widget: meta ? {
+        name: meta.entityName
+      } : void 0,
+      propertyName: opts.property,
+      propertyValue: opts.value
     };
   }
 };
@@ -46410,7 +46422,7 @@ function getTwoToneColor() {
 }
 var _excluded$u = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
 setTwoToneColor(blue$1.primary);
-var Icon$3 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
+var Icon$4 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
   var className = props2.className, icon = props2.icon, spin2 = props2.spin, rotate = props2.rotate, tabIndex = props2.tabIndex, onClick = props2.onClick, twoToneColor = props2.twoToneColor, restProps = _objectWithoutProperties(props2, _excluded$u);
   var _React$useContext = React.useContext(IconContext), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre, rootClassName = _React$useContext.rootClassName;
   var classString = classNames(rootClassName, prefixCls, _defineProperty$3(_defineProperty$3({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin2 || icon.name === "loading"), className);
@@ -46438,12 +46450,12 @@ var Icon$3 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
     style: svgStyle
   }));
 });
-Icon$3.displayName = "AntdIcon";
-Icon$3.getTwoToneColor = getTwoToneColor;
-Icon$3.setTwoToneColor = setTwoToneColor;
+Icon$4.displayName = "AntdIcon";
+Icon$4.getTwoToneColor = getTwoToneColor;
+Icon$4.setTwoToneColor = setTwoToneColor;
 var define_process_env_default$1t = {};
 var CheckCircleFilled$3 = function CheckCircleFilled2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CheckCircleFilled$4
   }));
@@ -46455,7 +46467,7 @@ if (define_process_env_default$1t.NODE_ENV !== "production") {
 var CloseCircleFilled$4 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
 var define_process_env_default$1s = {};
 var CloseCircleFilled$3 = function CloseCircleFilled2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CloseCircleFilled$4
   }));
@@ -46467,7 +46479,7 @@ if (define_process_env_default$1s.NODE_ENV !== "production") {
 var ExclamationCircleFilled$4 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
 var define_process_env_default$1r = {};
 var ExclamationCircleFilled$3 = function ExclamationCircleFilled2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: ExclamationCircleFilled$4
   }));
@@ -46479,7 +46491,7 @@ if (define_process_env_default$1r.NODE_ENV !== "production") {
 var InfoCircleFilled$4 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
 var define_process_env_default$1q = {};
 var InfoCircleFilled$3 = function InfoCircleFilled2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: InfoCircleFilled$4
   }));
@@ -46491,7 +46503,7 @@ if (define_process_env_default$1q.NODE_ENV !== "production") {
 var LoadingOutlined$4 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
 var define_process_env_default$1p = {};
 var LoadingOutlined$3 = function LoadingOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: LoadingOutlined$4
   }));
@@ -48253,7 +48265,7 @@ api$1.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps$
 var CheckCircleOutlined$4 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z" } }, { "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "check-circle", "theme": "outlined" };
 var define_process_env_default$1k = {};
 var CheckCircleOutlined$3 = function CheckCircleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CheckCircleOutlined$4
   }));
@@ -48265,7 +48277,7 @@ if (define_process_env_default$1k.NODE_ENV !== "production") {
 var CloseCircleOutlined$4 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm128.01 198.83c.03 0 .05.01.09.06l45.02 45.01a.2.2 0 01.05.09.12.12 0 010 .07c0 .02-.01.04-.05.08L557.25 512l127.87 127.86a.27.27 0 01.05.06v.02a.12.12 0 010 .07c0 .03-.01.05-.05.09l-45.02 45.02a.2.2 0 01-.09.05.12.12 0 01-.07 0c-.02 0-.04-.01-.08-.05L512 557.25 384.14 685.12c-.04.04-.06.05-.08.05a.12.12 0 01-.07 0c-.03 0-.05-.01-.09-.05l-45.02-45.02a.2.2 0 01-.05-.09.12.12 0 010-.07c0-.02.01-.04.06-.08L466.75 512 338.88 384.14a.27.27 0 01-.05-.06l-.01-.02a.12.12 0 010-.07c0-.03.01-.05.05-.09l45.02-45.02a.2.2 0 01.09-.05.12.12 0 01.07 0c.02 0 .04.01.08.06L512 466.75l127.86-127.86c.04-.05.06-.06.08-.06a.12.12 0 01.07 0z" } }] }, "name": "close-circle", "theme": "outlined" };
 var define_process_env_default$1j = {};
 var CloseCircleOutlined$3 = function CloseCircleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CloseCircleOutlined$4
   }));
@@ -48277,7 +48289,7 @@ if (define_process_env_default$1j.NODE_ENV !== "production") {
 var CloseOutlined$4 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 var define_process_env_default$1i = {};
 var CloseOutlined$3 = function CloseOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CloseOutlined$4
   }));
@@ -48289,7 +48301,7 @@ if (define_process_env_default$1i.NODE_ENV !== "production") {
 var ExclamationCircleOutlined$4 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" };
 var define_process_env_default$1h = {};
 var ExclamationCircleOutlined$3 = function ExclamationCircleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: ExclamationCircleOutlined$4
   }));
@@ -48301,7 +48313,7 @@ if (define_process_env_default$1h.NODE_ENV !== "production") {
 var InfoCircleOutlined$4 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
 var define_process_env_default$1g = {};
 var InfoCircleOutlined$3 = function InfoCircleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: InfoCircleOutlined$4
   }));
@@ -50919,7 +50931,7 @@ var TransBtn = function TransBtn2(_ref2) {
     }))
   }, children));
 };
-var Input$3 = function Input(_ref2, ref2) {
+var Input$4 = function Input(_ref2, ref2) {
   var _inputNode2, _inputNode2$props;
   var prefixCls = _ref2.prefixCls, id2 = _ref2.id, inputElement = _ref2.inputElement, disabled = _ref2.disabled, tabIndex = _ref2.tabIndex, autoFocus = _ref2.autoFocus, autoComplete = _ref2.autoComplete, editable = _ref2.editable, activeDescendantId = _ref2.activeDescendantId, value = _ref2.value, maxLength = _ref2.maxLength, _onKeyDown = _ref2.onKeyDown, _onMouseDown = _ref2.onMouseDown, _onChange = _ref2.onChange, onPaste = _ref2.onPaste, _onCompositionStart = _ref2.onCompositionStart, _onCompositionEnd = _ref2.onCompositionEnd, open = _ref2.open, attrs = _ref2.attrs;
   var inputNode = inputElement || /* @__PURE__ */ React.createElement("input", null);
@@ -50986,7 +50998,7 @@ var Input$3 = function Input(_ref2, ref2) {
   }));
   return inputNode;
 };
-var RefInput = /* @__PURE__ */ React.forwardRef(Input$3);
+var RefInput = /* @__PURE__ */ React.forwardRef(Input$4);
 RefInput.displayName = "Input";
 var define_process_env_default$1e = {};
 function toArray$8(value) {
@@ -59486,7 +59498,7 @@ var getMergedStatus = function getMergedStatus2(contextStatus, customStatus) {
 var CheckOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, "name": "check", "theme": "outlined" };
 var define_process_env_default$13 = {};
 var CheckOutlined = function CheckOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CheckOutlined$1
   }));
@@ -59498,7 +59510,7 @@ if (define_process_env_default$13.NODE_ENV !== "production") {
 var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var define_process_env_default$12 = {};
 var DownOutlined = function DownOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: DownOutlined$1
   }));
@@ -59510,7 +59522,7 @@ if (define_process_env_default$12.NODE_ENV !== "production") {
 var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
 var define_process_env_default$11 = {};
 var SearchOutlined = function SearchOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: SearchOutlined$1
   }));
@@ -60493,7 +60505,7 @@ Badge.Ribbon = Ribbon;
 var EllipsisOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" };
 var define_process_env_default$Z = {};
 var EllipsisOutlined = function EllipsisOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: EllipsisOutlined$1
   }));
@@ -60941,7 +60953,7 @@ function useDirectionStyle(level) {
     paddingLeft: len * inlineIndent
   };
 }
-function Icon$2(_ref2) {
+function Icon$3(_ref2) {
   var icon = _ref2.icon, props2 = _ref2.props, children = _ref2.children;
   var iconNode;
   if (typeof icon === "function") {
@@ -61052,7 +61064,7 @@ var InternalMenuItem = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
     onClick: onInternalClick,
     onKeyDown: onInternalKeyDown,
     onFocus: onInternalFocus
-  }), children, /* @__PURE__ */ React.createElement(Icon$2, {
+  }), children, /* @__PURE__ */ React.createElement(Icon$3, {
     props: _objectSpread2$1(_objectSpread2$1({}, props2), {}, {
       isSelected: selected
     }),
@@ -61408,7 +61420,7 @@ var InternalSubMenu = function InternalSubMenu2(props2) {
     "aria-disabled": mergedDisabled,
     onClick: onInternalTitleClick,
     onFocus: onInternalFocus
-  }, activeProps), title, /* @__PURE__ */ React.createElement(Icon$2, {
+  }, activeProps), title, /* @__PURE__ */ React.createElement(Icon$3, {
     icon: mode !== "horizontal" ? mergedExpandIcon : null,
     props: _objectSpread2$1(_objectSpread2$1({}, props2), {}, {
       isOpen: open,
@@ -61824,7 +61836,7 @@ ExportMenu.Divider = Divider$1;
 var BarsOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" };
 var define_process_env_default$S = {};
 var BarsOutlined = function BarsOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: BarsOutlined$1
   }));
@@ -61836,7 +61848,7 @@ if (define_process_env_default$S.NODE_ENV !== "production") {
 var LeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
 var define_process_env_default$R = {};
 var LeftOutlined = function LeftOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: LeftOutlined$1
   }));
@@ -61848,7 +61860,7 @@ if (define_process_env_default$R.NODE_ENV !== "production") {
 var RightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
 var define_process_env_default$Q = {};
 var RightOutlined = function RightOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: RightOutlined$1
   }));
@@ -62523,7 +62535,7 @@ function useAccessibility(_ref2) {
   }, [visible2]);
 }
 var _excluded$5 = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus"];
-function Dropdown$2(props2, ref2) {
+function Dropdown$3(props2, ref2) {
   var _props$arrow = props2.arrow, arrow2 = _props$arrow === void 0 ? false : _props$arrow, _props$prefixCls = props2.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-dropdown" : _props$prefixCls, transitionName2 = props2.transitionName, animation = props2.animation, align = props2.align, _props$placement = props2.placement, placement = _props$placement === void 0 ? "bottomLeft" : _props$placement, _props$placements = props2.placements, placements2 = _props$placements === void 0 ? placements$1 : _props$placements, getPopupContainer = props2.getPopupContainer, showAction = props2.showAction, hideAction = props2.hideAction, overlayClassName = props2.overlayClassName, overlayStyle = props2.overlayStyle, visible2 = props2.visible, _props$trigger = props2.trigger, trigger2 = _props$trigger === void 0 ? ["hover"] : _props$trigger, autoFocus = props2.autoFocus, otherProps = _objectWithoutProperties(props2, _excluded$5);
   var _React$useState = React.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), triggerVisible = _React$useState2[0], setTriggerVisible = _React$useState2[1];
   var mergedVisible = "visible" in props2 ? visible2 : triggerVisible;
@@ -62623,7 +62635,7 @@ function Dropdown$2(props2, ref2) {
     getPopupContainer
   }), renderChildren());
 }
-const Dropdown$3 = /* @__PURE__ */ React.forwardRef(Dropdown$2);
+const Dropdown$4 = /* @__PURE__ */ React.forwardRef(Dropdown$3);
 var id$3 = 0;
 var ids$1 = {};
 function wrapperRaf(callback) {
@@ -63069,12 +63081,12 @@ var InternalButton = function InternalButton2(props2, ref2) {
     disabled: !!innerLoading
   }, buttonNode);
 };
-var Button$5 = /* @__PURE__ */ React.forwardRef(InternalButton);
+var Button$6 = /* @__PURE__ */ React.forwardRef(InternalButton);
 if (define_process_env_default$K.NODE_ENV !== "production") {
-  Button$5.displayName = "Button";
+  Button$6.displayName = "Button";
 }
-Button$5.Group = ButtonGroup$1;
-Button$5.__ANT_BUTTON = true;
+Button$6.Group = ButtonGroup$1;
+Button$6.__ANT_BUTTON = true;
 var canUseDocElement = function canUseDocElement2() {
   return canUseDom$1() && window.document.documentElement;
 };
@@ -63262,7 +63274,7 @@ var DropdownButton = function DropdownButton2(props2) {
   } else {
     dropdownProps.placement = direction === "rtl" ? "bottomLeft" : "bottomRight";
   }
-  var leftButton = /* @__PURE__ */ React.createElement(Button$5, {
+  var leftButton = /* @__PURE__ */ React.createElement(Button$6, {
     type: type5,
     danger,
     disabled,
@@ -63272,7 +63284,7 @@ var DropdownButton = function DropdownButton2(props2) {
     href: href2,
     title
   }, children);
-  var rightButton = /* @__PURE__ */ React.createElement(Button$5, {
+  var rightButton = /* @__PURE__ */ React.createElement(Button$6, {
     type: type5,
     danger,
     icon
@@ -63282,12 +63294,12 @@ var DropdownButton = function DropdownButton2(props2) {
     className: classes,
     size: compactSize,
     block: true
-  }, restProps), leftButtonToRender, /* @__PURE__ */ React.createElement(Dropdown$1, _extends$4({}, dropdownProps), rightButtonToRender));
+  }, restProps), leftButtonToRender, /* @__PURE__ */ React.createElement(Dropdown$2, _extends$4({}, dropdownProps), rightButtonToRender));
 };
 DropdownButton.__ANT_BUTTON = true;
 var define_process_env_default$J = {};
 tuple$1("topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight", "top", "bottom");
-var Dropdown$1 = function Dropdown2(props2) {
+var Dropdown$2 = function Dropdown2(props2) {
   var _React$useContext = React.useContext(ConfigContext), getContextPopupContainer = _React$useContext.getPopupContainer, getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction;
   if (define_process_env_default$J.NODE_ENV !== "production") {
     [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach(function(_ref2) {
@@ -63377,7 +63389,7 @@ var Dropdown$1 = function Dropdown2(props2) {
       }
     }, /* @__PURE__ */ React.createElement(NoCompactStyle, null, overlayNode));
   };
-  return /* @__PURE__ */ React.createElement(Dropdown$3, _extends$4({
+  return /* @__PURE__ */ React.createElement(Dropdown$4, _extends$4({
     alignPoint: alignPoint2
   }, props2, {
     mouseEnterDelay,
@@ -63395,7 +63407,7 @@ var Dropdown$1 = function Dropdown2(props2) {
     onVisibleChange: onInnerOpenChange
   }), dropdownTrigger);
 };
-Dropdown$1.Button = DropdownButton;
+Dropdown$2.Button = DropdownButton;
 //! moment.js
 //! version : 2.30.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -71188,7 +71200,7 @@ var SkeletonButton = function SkeletonButton2(props2) {
 var DotChartOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM288 604a64 64 0 10128 0 64 64 0 10-128 0zm118-224a48 48 0 1096 0 48 48 0 10-96 0zm158 228a96 96 0 10192 0 96 96 0 10-192 0zm148-314a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "dot-chart", "theme": "outlined" };
 var define_process_env_default$F = {};
 var DotChartOutlined = function DotChartOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: DotChartOutlined$1
   }));
@@ -71933,7 +71945,7 @@ var Collapse = function Collapse2(props2) {
 };
 Collapse.Panel = CollapsePanel;
 function PickerButton(props2) {
-  return /* @__PURE__ */ React.createElement(Button$5, _extends$4({
+  return /* @__PURE__ */ React.createElement(Button$6, _extends$4({
     size: "small",
     type: "primary"
   }, props2));
@@ -72041,7 +72053,7 @@ function PickerTag(props2) {
 var CalendarOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" } }] }, "name": "calendar", "theme": "outlined" };
 var define_process_env_default$z = {};
 var CalendarOutlined = function CalendarOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: CalendarOutlined$1
   }));
@@ -72053,7 +72065,7 @@ if (define_process_env_default$z.NODE_ENV !== "production") {
 var ClockCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, "name": "clock-circle", "theme": "outlined" };
 var define_process_env_default$y = {};
 var ClockCircleOutlined = function ClockCircleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: ClockCircleOutlined$1
   }));
@@ -72065,7 +72077,7 @@ if (define_process_env_default$y.NODE_ENV !== "production") {
 var SwapRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" } }] }, "name": "swap-right", "theme": "outlined" };
 var define_process_env_default$x = {};
 var SwapRightOutlined = function SwapRightOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: SwapRightOutlined$1
   }));
@@ -72415,7 +72427,7 @@ function generatePicker(generateConfig2) {
   MergedDatePicker.QuarterPicker = QuarterPicker;
   return MergedDatePicker;
 }
-var DatePicker = generatePicker(generateConfig);
+var DatePicker$1 = generatePicker(generateConfig);
 var OrderContext = /* @__PURE__ */ React.createContext(null);
 var define_process_env_default$u = {};
 var EMPTY_LIST$1 = [];
@@ -72975,7 +72987,7 @@ function useItemRef() {
 var QuestionCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, "name": "question-circle", "theme": "outlined" };
 var define_process_env_default$r = {};
 var QuestionCircleOutlined = function QuestionCircleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: QuestionCircleOutlined$1
   }));
@@ -73448,7 +73460,7 @@ Form$1.create = function() {
 var EyeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, "name": "eye", "theme": "outlined" };
 var define_process_env_default$n = {};
 var EyeOutlined = function EyeOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: EyeOutlined$1
   }));
@@ -73971,7 +73983,7 @@ var BaseInput = function BaseInput2(props2) {
   return element;
 };
 var _excluded$3 = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnter", "onKeyDown", "prefixCls", "disabled", "htmlSize", "className", "maxLength", "suffix", "showCount", "type", "inputClassName"];
-var Input$2 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
+var Input$3 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
   var autoComplete = props2.autoComplete, onChange2 = props2.onChange, onFocus = props2.onFocus, onBlur = props2.onBlur, onPressEnter = props2.onPressEnter, onKeyDown = props2.onKeyDown, _props$prefixCls = props2.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-input" : _props$prefixCls, disabled = props2.disabled, htmlSize = props2.htmlSize, className = props2.className, maxLength = props2.maxLength, suffix = props2.suffix, showCount = props2.showCount, _props$type = props2.type, type5 = _props$type === void 0 ? "text" : _props$type, inputClassName = props2.inputClassName, rest = _objectWithoutProperties(props2, _excluded$3);
   var _useMergedState = useMergedState(props2.defaultValue, {
     value: props2.value
@@ -74192,7 +74204,7 @@ function triggerFocus(element, option) {
     }
   }
 }
-var Input$1 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
+var Input$2 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
   var customizePrefixCls = props2.prefixCls, _props$bordered = props2.bordered, bordered = _props$bordered === void 0 ? true : _props$bordered, customStatus = props2.status, customSize = props2.size, customDisabled = props2.disabled, onBlur = props2.onBlur, onFocus = props2.onFocus, suffix = props2.suffix, allowClear = props2.allowClear, addonAfter = props2.addonAfter, addonBefore = props2.addonBefore, className = props2.className, onChange2 = props2.onChange, rest = __rest$a(props2, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "onChange"]);
   var _React$useContext = React__default.useContext(ConfigContext), getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction, input = _React$useContext.input;
   var prefixCls = getPrefixCls("input", customizePrefixCls);
@@ -74235,7 +74247,7 @@ var Input$1 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
       clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$n, null)
     };
   }
-  return /* @__PURE__ */ React__default.createElement(Input$2, _extends$4({
+  return /* @__PURE__ */ React__default.createElement(Input$3, _extends$4({
     ref: composeRef(ref2, inputRef),
     prefixCls,
     autoComplete: input === null || input === void 0 ? void 0 : input.autoComplete
@@ -74264,7 +74276,7 @@ var Input$1 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
 var EyeInvisibleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" } }, { "tag": "path", "attrs": { "d": "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" } }] }, "name": "eye-invisible", "theme": "outlined" };
 var define_process_env_default$j = {};
 var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: EyeInvisibleOutlined$1
   }));
@@ -74346,7 +74358,7 @@ var Password = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
     if (size2) {
       omittedProps.size = size2;
     }
-    return /* @__PURE__ */ React.createElement(Input$1, _extends$4({
+    return /* @__PURE__ */ React.createElement(Input$2, _extends$4({
       ref: composeRef(ref2, inputRef)
     }, omittedProps));
   };
@@ -74419,7 +74431,7 @@ var Search$1 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
       size: size2
     } : {}));
   } else {
-    button2 = /* @__PURE__ */ React.createElement(Button$5, {
+    button2 = /* @__PURE__ */ React.createElement(Button$6, {
       className: btnClassName,
       type: enterButton ? "primary" : void 0,
       size: size2,
@@ -74445,7 +74457,7 @@ var Search$1 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
     composedRef.current = false;
     onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e3);
   };
-  return /* @__PURE__ */ React.createElement(Input$1, _extends$4({
+  return /* @__PURE__ */ React.createElement(Input$2, _extends$4({
     ref: composeRef(inputRef, ref2),
     onPressEnter
   }, restProps, {
@@ -74950,15 +74962,15 @@ var TextArea = /* @__PURE__ */ React.forwardRef(function(_a2, ref2) {
   }
   return textareaNode;
 });
-var Input2 = Input$1;
-Input2.Group = Group;
-Input2.Search = Search$1;
-Input2.TextArea = TextArea;
-Input2.Password = Password;
+var Input$1 = Input$2;
+Input$1.Group = Group;
+Input$1.Search = Search$1;
+Input$1.TextArea = TextArea;
+Input$1.Password = Password;
 var UpOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, "name": "up", "theme": "outlined" };
 var define_process_env_default$f = {};
 var UpOutlined = function UpOutlined2(props2, ref2) {
-  return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
+  return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
     ref: ref2,
     icon: UpOutlined$1
   }));
@@ -76091,7 +76103,7 @@ var ActionButton = function ActionButton2(props2) {
     handlePromiseOnOk(returnValueOfOnOk);
   };
   var type5 = props2.type, children = props2.children, prefixCls = props2.prefixCls, buttonProps = props2.buttonProps;
-  return /* @__PURE__ */ React.createElement(Button$5, _extends$4({}, convertLegacyProps(type5), {
+  return /* @__PURE__ */ React.createElement(Button$6, _extends$4({}, convertLegacyProps(type5), {
     onClick,
     loading: loading2,
     prefixCls
@@ -76121,7 +76133,7 @@ var getClickPosition = function getClickPosition2(e3) {
 if (canUseDocElement()) {
   document.documentElement.addEventListener("click", getClickPosition, true);
 }
-var Modal$1 = function Modal2(props2) {
+var Modal$2 = function Modal2(props2) {
   var _a2;
   var _React$useContext = React.useContext(ConfigContext), getContextPopupContainer = _React$useContext.getPopupContainer, getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction;
   var handleCancel = function handleCancel2(e3) {
@@ -76141,9 +76153,9 @@ var Modal$1 = function Modal2(props2) {
     defaultLocale: getConfirmLocale()
   }, function(contextLocale) {
     var okText = props2.okText, _props$okType = props2.okType, okType = _props$okType === void 0 ? "primary" : _props$okType, cancelText = props2.cancelText, _props$confirmLoading = props2.confirmLoading, confirmLoading = _props$confirmLoading === void 0 ? false : _props$confirmLoading;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button$5, _extends$4({
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button$6, _extends$4({
       onClick: handleCancel
-    }, props2.cancelButtonProps), cancelText || contextLocale.cancelText), /* @__PURE__ */ React.createElement(Button$5, _extends$4({}, convertLegacyProps(okType), {
+    }, props2.cancelButtonProps), cancelText || contextLocale.cancelText), /* @__PURE__ */ React.createElement(Button$6, _extends$4({}, convertLegacyProps(okType), {
       loading: confirmLoading,
       onClick: handleOk
     }, props2.okButtonProps), okText !== null && okText !== void 0 ? okText : contextLocale.okText));
@@ -76200,7 +76212,7 @@ var ConfirmDialog = function ConfirmDialog2(props2) {
     prefixCls: rootPrefixCls,
     iconPrefixCls,
     direction
-  }, /* @__PURE__ */ React.createElement(Modal$1, {
+  }, /* @__PURE__ */ React.createElement(Modal$2, {
     prefixCls,
     className: classString,
     wrapClassName: classNames(_defineProperty$3({}, "".concat(contentPrefixCls, "-centered"), !!props2.centered), wrapClassName),
@@ -76533,23 +76545,23 @@ function useModal() {
 function modalWarn(props2) {
   return confirm$1(withWarn(props2));
 }
-var Modal = Modal$1;
-Modal.useModal = useModal;
-Modal.info = function infoFn(props2) {
+var Modal$1 = Modal$2;
+Modal$1.useModal = useModal;
+Modal$1.info = function infoFn(props2) {
   return confirm$1(withInfo(props2));
 };
-Modal.success = function successFn(props2) {
+Modal$1.success = function successFn(props2) {
   return confirm$1(withSuccess(props2));
 };
-Modal.error = function errorFn(props2) {
+Modal$1.error = function errorFn(props2) {
   return confirm$1(withError(props2));
 };
-Modal.warning = modalWarn;
-Modal.warn = modalWarn;
-Modal.confirm = function confirmFn(props2) {
+Modal$1.warning = modalWarn;
+Modal$1.warn = modalWarn;
+Modal$1.confirm = function confirmFn(props2) {
   return confirm$1(withConfirm(props2));
 };
-Modal.destroyAll = function destroyAllFn() {
+Modal$1.destroyAll = function destroyAllFn() {
   while (destroyFns.length) {
     var close2 = destroyFns.pop();
     if (close2) {
@@ -76557,7 +76569,7 @@ Modal.destroyAll = function destroyAllFn() {
     }
   }
 };
-Modal.config = modalGlobalConfig;
+Modal$1.config = modalGlobalConfig;
 var toggleSelection;
 var hasRequiredToggleSelection;
 function requireToggleSelection() {
@@ -83061,9 +83073,9 @@ function getChildren(input, path2, entity, scopedState) {
     );
   }
   let children;
-  if (input instanceof Section) {
+  if (input instanceof Section$1) {
     children = getChildrenFromSection(input);
-  } else if (Object.values(input).every((c3) => c3 instanceof Section)) {
+  } else if (Object.values(input).every((c3) => c3 instanceof Section$1)) {
     children = Object.values(input).reduce((acc, section) => {
       return { ...acc, ...getChildrenFromSection(section) };
     }, {});
@@ -83079,7 +83091,7 @@ function getChildren(input, path2, entity, scopedState) {
   }
   return children;
 }
-class Section {
+let Section$1 = class Section {
   constructor(category) {
     __publicField(this, "props", {});
     __publicField(this, "propertiesPanelConfig", {
@@ -83131,7 +83143,7 @@ class Section {
         return "Uncategorized";
     }
   }
-}
+};
 class Prop {
   constructor(typeString, defaultValidator) {
     __publicField(this, "prop");
@@ -83387,13 +83399,13 @@ class Prop {
       const content = this.getProps();
       const { type: type5, ...rest } = childrenDisplay;
       let contentDef;
-      if (content instanceof Section) {
+      if (content instanceof Section$1) {
         contentDef = { content };
-      } else if (Object.values(content).every((c3) => c3 instanceof Section)) {
+      } else if (Object.values(content).every((c3) => c3 instanceof Section$1)) {
         contentDef = content;
       } else {
         contentDef = {
-          content: Section.category(PropsPanelCategory.Content).propertiesPanel({
+          content: Section$1.category(PropsPanelCategory.Content).propertiesPanel({
             showHeader: false
           }).children(content)
         };
@@ -83574,7 +83586,12 @@ function buildPropLeafDefault(prop, name, parentDefault) {
   return propDefault;
 }
 function traverseProps(sections, onProp, parentPath = "") {
-  const processProps = (props2, parentPath2, parentDefault) => {
+  const processProps = ({
+    sectionName,
+    props: props2,
+    parentPath: parentPath2,
+    parentDefault
+  }) => {
     for (const [name, prop] of Object.entries(props2)) {
       const fullPath = parentPath2 ? `${parentPath2}.${name}` : name;
       if (prop instanceof CompositeProp) {
@@ -83583,32 +83600,59 @@ function traverseProps(sections, onProp, parentPath = "") {
           name,
           parentDefault
         );
-        processProps(prop.nestedProps, fullPath, compositeDefault);
+        processProps({
+          sectionName,
+          props: prop.nestedProps,
+          parentPath: fullPath,
+          parentDefault: compositeDefault
+        });
       } else if (prop instanceof RecordProp) {
         const recordPath = `${fullPath}.${RECORD_PATH_IDENTIFIER}`;
-        processProps(prop.nestedProps, recordPath, prop.build().default);
-      } else if (prop instanceof Section) {
-        processProps(prop.props, parentPath2);
+        processProps({
+          sectionName,
+          props: prop.nestedProps,
+          parentPath: recordPath,
+          parentDefault: prop.build().default
+        });
+      } else if (prop instanceof Section$1) {
+        processProps({
+          sectionName,
+          props: prop.props,
+          parentPath: parentPath2
+        });
       } else if (prop instanceof UnionProp) {
         const sharedKeys = Object.keys(prop.shared);
-        processProps(prop.shared, fullPath);
+        processProps({
+          sectionName,
+          props: prop.shared,
+          parentPath: fullPath
+        });
         for (const variant of prop.variants) {
           const variantWithoutSharedKeys = Object.fromEntries(
             Object.entries(variant).filter(
               ([key2]) => !sharedKeys.includes(key2)
             )
           );
-          processProps(variantWithoutSharedKeys, fullPath);
+          processProps({
+            sectionName,
+            props: variantWithoutSharedKeys,
+            parentPath: fullPath
+          });
         }
       } else if (prop instanceof Prop) {
-        onProp(prop, fullPath, name, parentDefault);
+        onProp(prop, fullPath, name, parentDefault, sectionName);
       } else {
         console.warn("Invalid prop type", { name, prop });
       }
     }
   };
-  for (const [, section] of Object.entries(sections)) {
-    processProps(section.props, parentPath);
+  for (const [sectionName, section] of Object.entries(sections)) {
+    processProps({
+      sectionName,
+      props: section.props,
+      parentPath,
+      parentDefault: void 0
+    });
   }
 }
 function createInternalPropsList(sections, parentPath = "") {
@@ -83632,7 +83676,7 @@ function createManagedPropsList(sections, parentPath = "") {
   const managedPropsList = [];
   traverseProps(
     sections,
-    (prop, fullPath, name, parentDefault) => {
+    (prop, fullPath, name, parentDefault, sectionName) => {
       let configuredProp = prop.setName(fullPath);
       const propDefault = buildPropLeafDefault(prop, name, parentDefault);
       if (propDefault !== void 0) {
@@ -83640,7 +83684,10 @@ function createManagedPropsList(sections, parentPath = "") {
       }
       const builtProp = configuredProp.build();
       if (builtProp.dataType !== "internal") {
-        managedPropsList.push({ ...builtProp });
+        managedPropsList.push({
+          ...builtProp,
+          ...sectionName === "meta" ? { isMetaProp: true } : {}
+        });
       }
     },
     parentPath
@@ -83845,7 +83892,7 @@ function registerStores(stores) {
   internalStores = { ...internalStores, ...stores };
   if (SUPPORTED_MODES.includes("production")) {
     if (Object.keys(internalStores).length === Object.keys(stores).length) {
-      import("./devtools-consolidated-B3U5EpYG.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
+      import("./devtools-consolidated-DEIGUjCl.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
         setRegisteredStores(internalStores);
         initializeCustomDevTools();
       }).catch((error) => {
@@ -83858,7 +83905,7 @@ function registerStores(stores) {
   }
 }
 const DevToolsInternal = React__default.lazy(() => {
-  return import("./devtools-consolidated-B3U5EpYG.js").then((module2) => ({
+  return import("./devtools-consolidated-DEIGUjCl.js").then((module2) => ({
     default: module2.CustomDevTools
   }));
 });
@@ -84133,7 +84180,7 @@ function createScopeProxy(scopes, useSuspense = false) {
   );
   return proxy;
 }
-class SbEventFlow {
+class EventFlow {
   constructor() {
     __publicField(this, "steps", []);
   }
@@ -84145,36 +84192,36 @@ class SbEventFlow {
     return this;
   }
   static start() {
-    return new SbEventFlow();
+    return new EventFlow();
   }
   // TODO(code-mode): any is for userland code, we need to figure out how to type this
   static runJS(handler) {
-    return SbEventFlow.start().runJS(handler);
+    return EventFlow.start().runJS(handler);
   }
   // TODO(code-mode): any is for userland code, we need to figure out how to type this
   runJS(handler) {
     return this.addStep(EventRegistry.runJs.create(handler));
   }
   static navigateTo(props2) {
-    return SbEventFlow.start().navigateTo(props2);
+    return EventFlow.start().navigateTo(props2);
   }
   navigateTo(props2) {
     return this.addStep(EventRegistry.navigateTo.create(props2));
   }
   static navigateToApp(appId) {
-    return SbEventFlow.start().navigateToApp(appId);
+    return EventFlow.start().navigateToApp(appId);
   }
   navigateToApp(appId) {
     return this.addStep(EventRegistry.navigateToApp.create(appId));
   }
   static navigateToRoute(route) {
-    return SbEventFlow.start().navigateToRoute(route);
+    return EventFlow.start().navigateToRoute(route);
   }
   navigateToRoute(route) {
     return this.addStep(EventRegistry.navigateToRoute.create(route));
   }
   static setQueryParams(params, keepQueryParams = false) {
-    return SbEventFlow.start().setQueryParams(params, keepQueryParams);
+    return EventFlow.start().setQueryParams(params, keepQueryParams);
   }
   setQueryParams(params, keepQueryParams = false) {
     return this.addStep(
@@ -84182,25 +84229,25 @@ class SbEventFlow {
     );
   }
   static controlSlideout(slideout, action2) {
-    return SbEventFlow.start().controlSlideout(slideout, action2);
+    return EventFlow.start().controlSlideout(slideout, action2);
   }
   controlSlideout(slideout, action2) {
     return this.addStep(EventRegistry.controlSlideout.create(slideout, action2));
   }
   static controlModal(modal, action2) {
-    return SbEventFlow.start().controlModal(modal, action2);
+    return EventFlow.start().controlModal(modal, action2);
   }
   controlModal(modal, action2) {
     return this.addStep(EventRegistry.controlModal.create(modal, action2));
   }
   static controlTimer(stateTimer, action2) {
-    return SbEventFlow.start().controlTimer(stateTimer, action2);
+    return EventFlow.start().controlTimer(stateTimer, action2);
   }
   controlTimer(stateTimer, action2) {
     return this.addStep(EventRegistry.controlTimer.create(stateTimer, action2));
   }
   static runApis(apis, onSuccess, onError2) {
-    return SbEventFlow.start().runApis(apis, onSuccess, onError2);
+    return EventFlow.start().runApis(apis, onSuccess, onError2);
   }
   runApis(apis, onSuccess, onError2) {
     return this.addStep(
@@ -84212,51 +84259,41 @@ class SbEventFlow {
     );
   }
   static cancelApis(apis, onCancel) {
-    return SbEventFlow.start().cancelApis(apis, onCancel);
+    return EventFlow.start().cancelApis(apis, onCancel);
   }
   cancelApis(apis, onCancel) {
     return this.addStep(
       EventRegistry.cancelApi.create(apis, onCancel)
     );
   }
-  static resetComponent(widget, propertyName, resetChildren) {
-    return SbEventFlow.start().resetComponent(
-      widget,
-      propertyName,
-      resetChildren
-    );
+  static resetComponent(component, opts) {
+    return EventFlow.start().resetComponent(component, opts);
   }
-  resetComponent(widget, propertyName, resetChildren) {
-    return this.addStep(
-      EventRegistry.resetComponent.create(widget, propertyName, resetChildren)
-    );
+  resetComponent(component, opts) {
+    return this.addStep(EventRegistry.resetComponent.create(component, opts));
   }
   static resetStateVar(state) {
-    return SbEventFlow.start().resetStateVar(state);
+    return EventFlow.start().resetStateVar(state);
   }
   resetStateVar(state) {
     return this.addStep(EventRegistry.resetStateVar.create(state));
   }
   static setStateVar(stateVarName, value) {
-    return SbEventFlow.start().setStateVar(stateVarName, value);
+    return EventFlow.start().setStateVar(stateVarName, value);
   }
   setStateVar(stateVar, value) {
     return this.addStep(EventRegistry.setStateVar.create(stateVar, value));
   }
-  static setComponentProperty(widget, propertyName, value) {
-    return SbEventFlow.start().setComponentProperty(
-      widget,
-      propertyName,
-      value
-    );
+  static setComponentProperty(component, opts) {
+    return EventFlow.start().setComponentProperty(component, opts);
   }
-  setComponentProperty(widget, propertyName, value) {
+  setComponentProperty(component, opts) {
     return this.addStep(
-      EventRegistry.setComponentProperty.create(widget, propertyName, value)
+      EventRegistry.setComponentProperty.create(component, opts)
     );
   }
   static showAlert(message2, alertType, alertDuration, alertPosition) {
-    return SbEventFlow.start().showAlert(
+    return EventFlow.start().showAlert(
       message2,
       alertType,
       alertDuration,
@@ -84274,7 +84311,7 @@ class SbEventFlow {
     );
   }
   static setProfile(profileId, profileAction) {
-    return SbEventFlow.start().setProfile(profileId, profileAction);
+    return EventFlow.start().setProfile(profileId, profileAction);
   }
   setProfile(profileId, profileAction) {
     return this.addStep(
@@ -84282,7 +84319,7 @@ class SbEventFlow {
     );
   }
   static triggerEvent(eventName, eventData) {
-    return SbEventFlow.start().triggerEvent(eventName, eventData);
+    return EventFlow.start().triggerEvent(eventName, eventData);
   }
   triggerEvent(eventName, eventData) {
     return this.addStep(
@@ -84290,7 +84327,7 @@ class SbEventFlow {
     );
   }
   static sequence(eventFlows) {
-    return SbEventFlow.start().sequence(eventFlows);
+    return EventFlow.start().sequence(eventFlows);
   }
   sequence(eventFlows) {
     this.steps = [
@@ -84347,7 +84384,7 @@ const isDerivedProp = (value) => {
   return isBindingString(value);
 };
 const isEventFlow = (value) => {
-  return value instanceof SbEventFlow;
+  return value instanceof EventFlow;
 };
 const isComputedProp = (value) => {
   return isComputedProperty(value);
@@ -84517,8 +84554,8 @@ class EntityManager {
       createScope: action,
       deleteScope: action,
       setValidationState: action,
-      getFullState: computed,
-      getValidationState: computed,
+      getFullState: computed$1,
+      getValidationState: computed$1,
       createEntity: action,
       updateEntity: action,
       deleteEntity: action,
@@ -84760,7 +84797,7 @@ class EntityManager {
       );
     }
     const managedProp = this.componentRegistry.getManagedProps(entityType).find((p) => p.path === finalProp);
-    const getValue2 = computed(() => {
+    const getValue2 = computed$1(() => {
       let ret = null;
       try {
         const metaParent = getMetaParent();
@@ -84943,15 +84980,24 @@ class EntityManager {
     }
   }
   resetEntity(params) {
-    const { name, key: key2 } = params;
+    const { name, key: key2, onlyMetaProps } = params;
     const entityMeta = this.getScope(params.scopeId).getEntityMeta(name);
     if (key2) {
       if (key2 in entityMeta) {
         delete entityMeta[key2];
       }
     } else {
+      let metaPropsNames = [];
+      if (onlyMetaProps) {
+        const managedPropsForType = this.componentRegistry.getManagedProps(
+          entityMeta.type
+        );
+        metaPropsNames = managedPropsForType.filter((p) => p.isMetaProp).map((p) => p.path);
+      }
       for (const prop of Object.keys(entityMeta)) {
-        delete entityMeta[prop];
+        if (!onlyMetaProps || onlyMetaProps && metaPropsNames.includes(prop)) {
+          delete entityMeta[prop];
+        }
       }
     }
   }
@@ -86290,18 +86336,18 @@ const rootStore$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   default: rootStore
 }, Symbol.toStringTag, { value: "Module" }));
 const WithLayoutContainerTypes = /* @__PURE__ */ new Set([
-  "SbContainer",
-  "SbColumn",
-  "SbModal",
-  "SbSlideout"
+  "Container",
+  "Column",
+  "Modal",
+  "Slideout"
 ]);
-const VStackLikeContainerTypes = /* @__PURE__ */ new Set(["SbPage"]);
-const HStackLikeContainerTypes = /* @__PURE__ */ new Set(["SbSection"]);
+const VStackLikeContainerTypes = /* @__PURE__ */ new Set(["Page"]);
+const HStackLikeContainerTypes = /* @__PURE__ */ new Set(["Section"]);
 const StackLikeContainerTypes = /* @__PURE__ */ new Set([
   ...VStackLikeContainerTypes,
   ...HStackLikeContainerTypes
 ]);
-const detachedComponentTypeList = ["SbModal", "SbSlideout"];
+const detachedComponentTypeList = ["Modal", "Slideout"];
 const DetachedComponentTypes = new Set(
   detachedComponentTypeList
 );
@@ -86323,25 +86369,25 @@ const restrictions = [
   rule(
     "Columns can only be dropped on sections",
     ({ draggedType, dropTargetType }) => {
-      return draggedType === "SbColumn" && dropTargetType !== "SbSection";
+      return draggedType === "Column" && dropTargetType !== "Section";
     }
   ),
   rule(
     "Sections can only be dropped on pages",
     ({ draggedType, dropTargetType }) => {
-      return draggedType === "SbSection" && dropTargetType !== "SbPage";
+      return draggedType === "Section" && dropTargetType !== "Page";
     }
   ),
   rule(
     "Only sections can be dropped on non-empty pages",
     ({ draggedType, dropTargetType, dropTargetEmpty }) => {
-      return draggedType !== "SbSection" && dropTargetType === "SbPage" && !dropTargetEmpty;
+      return draggedType !== "Section" && dropTargetType === "Page" && !dropTargetEmpty;
     }
   ),
   rule(
     "Only columns can be dropped on non-empty sections",
     ({ draggedType, dropTargetType, dropTargetEmpty }) => {
-      return draggedType !== "SbColumn" && dropTargetType === "SbSection" && !dropTargetEmpty;
+      return draggedType !== "Column" && dropTargetType === "Section" && !dropTargetEmpty;
     }
   )
 ];
@@ -86351,7 +86397,7 @@ const isDragAndDropTypeValid = ({
   dropTargetEmpty,
   isDraggingNewComponent
 }) => {
-  const actualDraggedType = isDraggingNewComponent && (draggedType === "SbModal" || draggedType === "SbSlideout") ? "SbButton" : draggedType;
+  const actualDraggedType = isDraggingNewComponent && (draggedType === "Modal" || draggedType === "Slideout") ? "Button" : draggedType;
   const triggeredRestriction = restrictions.find(
     (restriction) => restriction.restriction({
       draggedType: actualDraggedType,
@@ -86370,16 +86416,16 @@ const isTypeDroppable = (type5) => {
   return false;
 };
 const isTypeDraggable = (type5) => {
-  return type5 !== "SbPage" && type5 !== "SbSlideout" && type5 !== "SbModal";
+  return type5 !== "Page" && type5 !== "Slideout" && type5 !== "Modal";
 };
 const isContentDraggable = (type5) => {
-  return isTypeDraggable(type5) && type5 !== "SbColumn" && type5 !== "SbSection";
+  return isTypeDraggable(type5) && type5 !== "Column" && type5 !== "Section";
 };
 function shouldWrapInSectionAndColumn(type5, parentType) {
   if (DetachedComponentTypes.has(type5)) {
     return false;
   }
-  return parentType === "SbPage" && type5 !== "SbSection" || parentType === "SbSection" && type5 !== "SbColumn";
+  return parentType === "Page" && type5 !== "Section" || parentType === "Section" && type5 !== "Column";
 }
 const filterSafeStackDimensionProperties = (existingProps) => {
   const { width, height, size: size2 } = existingProps;
@@ -86416,7 +86462,7 @@ const filterSafeGridDimensionProperties = (existingProps) => {
   return safeDimensions;
 };
 const defaultSizeForComponent = (componentType, isFreeform, draggedDimensions) => {
-  if (componentType === "SbIcon") {
+  if (componentType === "Icon") {
     return {};
   }
   const height = Property.Dimension(Dim.fit());
@@ -86428,12 +86474,12 @@ const defaultSizeForComponent = (componentType, isFreeform, draggedDimensions) =
     };
   }
   switch (componentType) {
-    case "SbText":
-    case "SbButton":
-    case "SbCheckbox":
-    case "SbSwitch":
+    case "Text":
+    case "Button":
+    case "Checkbox":
+    case "Switch":
       return { height, width: Property.Dimension(Dim.fit()) };
-    case "SbImage":
+    case "Image":
       return {
         height,
         width: Property.Dimension(Dim.px((draggedDimensions == null ? void 0 : draggedDimensions.widthPx) ?? 288))
@@ -86510,8 +86556,8 @@ class InteractionLayerManager {
     __runInitializers(_init3, 5, this);
     /**
      * The id of the root element that is currently being interacted with
-     * the root can be SbPage, SbModal or SbSlideout
-     * If set to undefined, the interaction layer will be the SbPage
+     * the root can be Page, Modal or Slideout
+     * If set to undefined, the interaction layer will be the Page
      * if set to the detached component id, the inteactoin layer will be disabled on the page
      */
     __publicField(this, "activeRootInstanceId");
@@ -87052,7 +87098,7 @@ class OperationManager {
       params.sourceId
     );
     const oldName = ((_a2 = widgetMeta == null ? void 0 : widgetMeta.name) == null ? void 0 : _a2.value) ?? "";
-    const kind = (widgetMeta == null ? void 0 : widgetMeta.type) === "SbPage" ? "page" : "component";
+    const kind = (widgetMeta == null ? void 0 : widgetMeta.type) === "Page" ? "page" : "component";
     const scopeName = (widgetMeta == null ? void 0 : widgetMeta.scopeId) ? rootStore.entityManager.getScopeName(widgetMeta.scopeId) : void 0;
     if (!scopeName) {
       console.error("No scope name found for widget", params.sourceId);
@@ -87079,18 +87125,18 @@ class OperationManager {
       (id2) => editStore2.runtimeEntitiesManager.getAnyEditorWidgetMeta(id2)
     );
     if (!widgets.some(
-      (widget) => (widget == null ? void 0 : widget.type) === "SbSection" || (widget == null ? void 0 : widget.type) === "SbColumn"
+      (widget) => (widget == null ? void 0 : widget.type) === "Section" || (widget == null ? void 0 : widget.type) === "Column"
     )) {
       return true;
     }
     const sectionsToDelete = widgets.filter(
-      (widget) => (widget == null ? void 0 : widget.type) === "SbSection"
+      (widget) => (widget == null ? void 0 : widget.type) === "Section"
     );
     const sectionInstanceIds = new Set(
       sectionsToDelete.filter((section) => section == null ? void 0 : section.instanceId).map((section) => section == null ? void 0 : section.instanceId)
     );
     const columnsToDelete = widgets.filter(
-      (widget) => (widget == null ? void 0 : widget.type) === "SbColumn"
+      (widget) => (widget == null ? void 0 : widget.type) === "Column"
     );
     const columnInstanceIds = new Set(
       columnsToDelete.filter((column2) => column2 == null ? void 0 : column2.instanceId).map((column2) => column2 == null ? void 0 : column2.instanceId)
@@ -87321,7 +87367,7 @@ const makeMobxCachedGetter = (getter) => {
   const getterFunc = (id2) => {
     let fn3 = cachedGetters[id2];
     if (!fn3) {
-      fn3 = computed(() => getter(id2));
+      fn3 = computed$1(() => getter(id2));
       cachedGetters[id2] = fn3;
     }
     return fn3.get();
@@ -87377,14 +87423,14 @@ function getPropertyValue$1({
   if (property.type === "EVENT" && scopeId && name) {
     const eventFlows = property.value.map((step) => {
       try {
-        return getSbEventFlow(step, scopeId);
+        return getEventFlow(step, scopeId);
       } catch {
         return void 0;
       }
     }).filter(
       (eventFlow) => eventFlow !== void 0
     );
-    return SbEventFlow.sequence(eventFlows);
+    return EventFlow.sequence(eventFlows);
   }
   if (property.type === "STATIC" && typeof property.value === "object" && property.value !== null) {
     return Object.entries(property.value).reduce(
@@ -87405,7 +87451,7 @@ function getPropertyValue$1({
   }
   return property.value;
 }
-function getSbEventFlow(step, scopeId) {
+function getEventFlow(step, scopeId) {
   var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
   if (!isValidStepDef(step)) {
     return void 0;
@@ -87429,22 +87475,22 @@ function getSbEventFlow(step, scopeId) {
     return entityNames.map(getEntity).filter((entity) => entity !== void 0);
   };
   const createNestedEventFlow = (steps) => {
-    return Array.isArray(steps) && steps.length > 0 ? getSbEventFlow(steps, scopeId) : void 0;
+    return Array.isArray(steps) && steps.length > 0 ? getEventFlow(steps, scopeId) : void 0;
   };
   switch (step.type) {
     case "executeApi":
-      return SbEventFlow.runApis(
+      return EventFlow.runApis(
         getEntities(step.apiNames),
         createNestedEventFlow(step.onSuccess ?? []),
         createNestedEventFlow(step.onError ?? [])
       );
     case "cancelApi":
-      return SbEventFlow.cancelApis(
+      return EventFlow.cancelApis(
         getEntities(step.apiNames),
         createNestedEventFlow(step.onCancel ?? [])
       );
     case "runJs":
-      return SbEventFlow.runJS(function(...args) {
+      return EventFlow.runJS(function(...args) {
         if (step.code) {
           try {
             const cleanCode = step.code.trim().endsWith(";") ? step.code.slice(0, -1) : step.code;
@@ -87455,28 +87501,28 @@ function getSbEventFlow(step, scopeId) {
         }
       });
     case "navigateTo":
-      return SbEventFlow.navigateTo({
+      return EventFlow.navigateTo({
         url: step.url,
         newWindow: step.newWindow
       });
     case "navigateToApp":
-      return SbEventFlow.navigateToApp(step.targetApp.id);
+      return EventFlow.navigateToApp(step.targetApp.id);
     case "navigateToRoute":
-      return SbEventFlow.navigateToRoute(step.routeId);
+      return EventFlow.navigateToRoute(step.routeId);
     case "setQueryParams":
-      return SbEventFlow.setQueryParams(
+      return EventFlow.setQueryParams(
         step.queryParams ? JSON.parse(step.queryParams) : {},
         step.keepQueryParams
       );
     case "controlSlideout": {
       const slideoutEntity = getEntity(step.name);
       if (!slideoutEntity) return void 0;
-      return SbEventFlow.controlSlideout(slideoutEntity, step.action);
+      return EventFlow.controlSlideout(slideoutEntity, step.action);
     }
     case "controlModal": {
       const modalEntity = getEntity(step.name);
       if (!modalEntity) return void 0;
-      return SbEventFlow.controlModal(modalEntity, step.action);
+      return EventFlow.controlModal(modalEntity, step.action);
     }
     case "controlTimer": {
       const timerStep = step;
@@ -87485,7 +87531,7 @@ function getSbEventFlow(step, scopeId) {
       }
       const timerEntity = getEntity(timerStep.timer.name);
       if (!timerEntity) return void 0;
-      return SbEventFlow.controlTimer(timerEntity, step.action ?? "start");
+      return EventFlow.controlTimer(timerEntity, step.action ?? "start");
     }
     case "setStateVar": {
       const variableStep = step;
@@ -87496,43 +87542,43 @@ function getSbEventFlow(step, scopeId) {
         scopeId,
         name: getName((_c2 = variableStep.variable) == null ? void 0 : _c2.name)
       }) : step.value;
-      return SbEventFlow.setStateVar(stateEntity, value);
+      return EventFlow.setStateVar(stateEntity, value);
     }
     case "resetStateVar": {
       const variableStep = step;
       const resetStateEntity = getEntity((_d2 = variableStep.variable) == null ? void 0 : _d2.name);
       if (!resetStateEntity) return void 0;
-      return SbEventFlow.resetStateVar(resetStateEntity);
+      return EventFlow.resetStateVar(resetStateEntity);
     }
     case "resetComponent": {
-      const resetWidgetEntity = getEntity((_e2 = step.widget) == null ? void 0 : _e2.name);
-      if (!resetWidgetEntity) return void 0;
-      return SbEventFlow.resetComponent(
-        step.widget,
-        step.propertyName,
-        step.resetChildren
+      const component = getEntity(((_e2 = step.widget) == null ? void 0 : _e2.name) ?? "");
+      if (!component) return void 0;
+      return EventFlow.resetComponent(
+        component,
+        step.propertyName ? {
+          property: step.propertyName
+        } : void 0
       );
     }
     case "setComponentProperty": {
-      const setWidgetEntity = getEntity((_f2 = step.widget) == null ? void 0 : _f2.name);
-      if (!setWidgetEntity) return void 0;
-      return SbEventFlow.setComponentProperty(
-        step.widget,
-        step.propertyName,
-        step.propertyValue
-      );
+      const component = getEntity(((_f2 = step.widget) == null ? void 0 : _f2.name) ?? "");
+      if (!component) return void 0;
+      return EventFlow.setComponentProperty(component, {
+        property: step.propertyName,
+        value: step.propertyValue
+      });
     }
     case "showAlert":
-      return SbEventFlow.showAlert(
+      return EventFlow.showAlert(
         step.message,
         step.style,
         step.alertDuration,
         step.alertPosition
       );
     case "setProfile":
-      return SbEventFlow.setProfile(step.profileId, step.profileAction);
+      return EventFlow.setProfile(step.profileId, step.profileAction);
     case "triggerEvent":
-      return SbEventFlow.triggerEvent((_g2 = step.event) == null ? void 0 : _g2.name, step.eventPayload);
+      return EventFlow.triggerEvent((_g2 = step.event) == null ? void 0 : _g2.name, step.eventPayload);
     default:
       console.warn("Unhandled runtime step type", step.type);
       return void 0;
@@ -87854,15 +87900,15 @@ class RuntimeEntitiesManager {
         const { width, height, marginLeft, marginTop } = pendingResize;
         merged.props = {
           ...merged.props || {},
-          ...width && merged.type !== "SbIcon" && { width },
-          ...height && merged.type !== "SbIcon" && { height },
-          ...width && merged.type === "SbIcon" && { size: width },
+          ...width && merged.type !== "Icon" && { width },
+          ...height && merged.type !== "Icon" && { height },
+          ...width && merged.type === "Icon" && { size: width },
           ...marginLeft && { marginLeft },
           ...marginTop && { marginTop }
         };
       }
       const shouldResizePage = getEditStore().ui.dnd.shouldResizePage;
-      if (shouldResizePage && merged.type === "SbPage") {
+      if (shouldResizePage && merged.type === "Page") {
         merged.props = {
           ...merged.props || {},
           ...{ width: "100%", height: "100%" }
@@ -89268,7 +89314,7 @@ class ResizingManager {
     const heightMode = (_g2 = (_f2 = widget == null ? void 0 : widget.props) == null ? void 0 : _f2.height) == null ? void 0 : _g2.mode;
     const deltaX = currentX - resizeState.dragStartX;
     const deltaY = currentY - resizeState.dragStartY;
-    if (type5 === "SbIcon") {
+    if (type5 === "Icon") {
       widthMode = (_i = (_h2 = widget == null ? void 0 : widget.props) == null ? void 0 : _h2.size) == null ? void 0 : _i.mode;
       if (!widthMode) {
         const parentInstanceId = widget == null ? void 0 : widget.parentInstanceId;
@@ -89345,13 +89391,13 @@ class ResizingManager {
     }
     resizeState.isApplyingResize = true;
     const properties2 = {
-      ...resizeState.heightToUpdate && type5 !== "SbIcon" && {
+      ...resizeState.heightToUpdate && type5 !== "Icon" && {
         height: Property.Dimension(resizeState.heightToUpdate)
       },
-      ...resizeState.widthToUpdate && type5 !== "SbIcon" && {
+      ...resizeState.widthToUpdate && type5 !== "Icon" && {
         width: Property.Dimension(resizeState.widthToUpdate)
       },
-      ...resizeState.widthToUpdate && type5 === "SbIcon" && {
+      ...resizeState.widthToUpdate && type5 === "Icon" && {
         size: Property.Dimension(resizeState.widthToUpdate)
       },
       ...resizeState.marginLeftToUpdate && {
@@ -89391,8 +89437,8 @@ class UIStore {
       _selectedInstanceIds: observable,
       _focusedSourceId: observable,
       _focusedInstanceId: observable,
-      focusedSourceId: computed,
-      focusedInstanceId: computed,
+      focusedSourceId: computed$1,
+      focusedInstanceId: computed$1,
       setSelectedSourceIds: action,
       setSelectedInstanceIds: action,
       setFocusedSourceId: action,
@@ -89635,7 +89681,7 @@ function setEditStore(instance) {
 }
 const useObserverMemo = (fn3, deps) => {
   return useMemo$2(() => {
-    return computed(fn3);
+    return computed$1(fn3);
   }, deps).get();
 };
 const useStandaloneObserverMemo = (fn3, deps) => {
@@ -91386,14 +91432,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-DyTMsYjm.js"
+            "./allPathsLoader-btoKYE5V.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-B6CeEPjz.js"
+            "./splitPathsBySizeLoader-D4Fa2Noh.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -91713,7 +91759,7 @@ SmallTick$1.defaultProps = {
   size: IconSize$2.STANDARD
 };
 SmallTick$1.displayName = "Blueprint5.Icon.SmallTick";
-var Icon$1 = React.forwardRef(function(props2, ref2) {
+var Icon$2 = React.forwardRef(function(props2, ref2) {
   var _a2, _b2;
   var _c2 = props2.autoLoad, autoLoad = _c2 === void 0 ? true : _c2, className = props2.className, color = props2.color, icon = props2.icon, intent = props2.intent, _d2 = props2.tagName, tagName = _d2 === void 0 ? "span" : _d2, svgProps = props2.svgProps, title = props2.title, htmlTitle = props2.htmlTitle, htmlProps = __rest$2(props2, ["autoLoad", "className", "color", "icon", "intent", "tagName", "svgProps", "title", "htmlTitle"]);
   var size2 = (_b2 = (_a2 = props2.iconSize) !== null && _a2 !== void 0 ? _a2 : props2.size) !== null && _b2 !== void 0 ? _b2 : IconSize$2.STANDARD;
@@ -91769,7 +91815,7 @@ var Icon$1 = React.forwardRef(function(props2, ref2) {
     }, removeNonHTMLProps$1(htmlProps)));
   }
 });
-Icon$1.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Icon");
+Icon$2.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Icon");
 var SpinnerSize$1;
 (function(SpinnerSize2) {
   SpinnerSize2[SpinnerSize2["SMALL"] = 20] = "SMALL";
@@ -91822,7 +91868,7 @@ var getViewBox$1 = function(strokeWidth) {
   return "".concat(viewBoxX, " ").concat(viewBoxX, " ").concat(viewBoxWidth, " ").concat(viewBoxWidth);
 };
 var useIsomorphicLayoutEffect$8 = hasDOMEnvironment$1() ? React.useLayoutEffect : React.useEffect;
-var Text$1 = React.forwardRef(function(_a2, forwardedRef) {
+var Text$2 = React.forwardRef(function(_a2, forwardedRef) {
   var _b2;
   var children = _a2.children, _c2 = _a2.tagName, tagName = _c2 === void 0 ? "div" : _c2, title = _a2.title, className = _a2.className, _d2 = _a2.ellipsize, ellipsize = _d2 === void 0 ? false : _d2, htmlProps = __rest$2(_a2, ["children", "tagName", "title", "className", "ellipsize"]);
   var contentMeasuringRef = React.useRef();
@@ -91840,12 +91886,12 @@ var Text$1 = React.forwardRef(function(_a2, forwardedRef) {
   }, [contentMeasuringRef, children, ellipsize]);
   return React.createElement(tagName, __assign$2(__assign$2({}, htmlProps), { className: classNames((_b2 = {}, _b2[TEXT_OVERFLOW_ELLIPSIS$1] = ellipsize, _b2), className), ref: textRef, title: title !== null && title !== void 0 ? title : isContentOverflowing ? textContent : void 0 }), children);
 });
-Text$1.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Text");
-var Button$4 = React.forwardRef(function(props2, ref2) {
+Text$2.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Text");
+var Button$5 = React.forwardRef(function(props2, ref2) {
   var commonAttributes = useSharedButtonAttributes$1(props2, ref2);
   return React.createElement("button", __assign$2({ type: "button" }, removeNonHTMLProps$1(props2), commonAttributes), renderButtonContents$1(props2));
 });
-Button$4.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Button");
+Button$5.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Button");
 var AnchorButton$1 = React.forwardRef(function(props2, ref2) {
   var href2 = props2.href;
   var commonProps = useSharedButtonAttributes$1(props2, ref2, {
@@ -91870,14 +91916,14 @@ function renderButtonContents$1(props2) {
     React.Fragment,
     null,
     loading2 && React.createElement(Spinner$1, { key: "loading", className: BUTTON_SPINNER$1, size: SpinnerSize$1.SMALL }),
-    React.createElement(Icon$1, { key: "leftIcon", icon }),
+    React.createElement(Icon$2, { key: "leftIcon", icon }),
     hasTextContent && React.createElement(
-      Text$1,
+      Text$2,
       { key: "text", className: classNames(BUTTON_TEXT$1, textClassName), ellipsize: ellipsizeText, tagName: "span" },
       text,
       children
     ),
-    React.createElement(Icon$1, { key: "rightIcon", icon: rightIcon })
+    React.createElement(Icon$2, { key: "rightIcon", icon: rightIcon })
   );
 }
 function _inheritsLoose(t3, o) {
@@ -96875,9 +96921,9 @@ var MenuItem$1 = React.forwardRef(function(props2, ref2) {
     React.createElement(
       "span",
       { className: MENU_ITEM_ICON$1 },
-      React.createElement(Icon$1, { icon, "aria-hidden": true, tabIndex: -1 })
+      React.createElement(Icon$2, { icon, "aria-hidden": true, tabIndex: -1 })
     )
-  ) : void 0, React.createElement(Text$1, { className: classNames(FILL$1, textClassName), ellipsize: !multiline, title: htmlTitle }, text), maybeLabel, hasSubmenu ? React.createElement(CaretRight$1, { className: MENU_SUBMENU_ICON$1, title: "Open sub menu" }) : void 0);
+  ) : void 0, React.createElement(Text$2, { className: classNames(FILL$1, textClassName), ellipsize: !multiline, title: htmlTitle }, text), maybeLabel, hasSubmenu ? React.createElement(CaretRight$1, { className: MENU_SUBMENU_ICON$1, title: "Open sub menu" }) : void 0);
   var liClasses = classNames((_b2 = {}, _b2[MENU_SUBMENU$1] = hasSubmenu, _b2));
   return React.createElement("li", { className: liClasses, ref: ref2, role: liRole, "aria-selected": ariaSelected }, children == null ? target : React.createElement(Popover$1, __assign$2({ autoFocus: false, captureDismiss: false, disabled, enforceFocus: false, hoverCloseDelay: 0, interactionKind: "hover", modifiers: SUBMENU_POPOVER_MODIFIERS$1, targetProps: { role: targetRole, tabIndex: 0 }, placement: "right-start", usePortal: false }, popoverProps, { content: React.createElement(Menu$1, __assign$2({}, submenuProps), children), minimal: true, popoverClassName: classNames(MENU_SUBMENU$1, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popoverClassName) }), target));
 });
@@ -97047,7 +97093,7 @@ var InputGroup$1 = (
       if (leftElement != null) {
         return React.createElement("span", { className: INPUT_LEFT_CONTAINER$1, ref: this.refHandlers.leftElement }, leftElement);
       } else if (leftIcon != null) {
-        return React.createElement(Icon$1, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
+        return React.createElement(Icon$2, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
       }
       return void 0;
     };
@@ -97425,8 +97471,8 @@ var NumericInput = (
       return React.createElement(
         ButtonGroup,
         { className: FIXED, key: "button-group", vertical: true },
-        React.createElement(Button$4, __assign$2({ "aria-label": "increment", "aria-controls": this.numericInputId, disabled: disabled || isIncrementDisabled, icon: React.createElement(ChevronUp, null), intent }, this.incrementButtonHandlers)),
-        React.createElement(Button$4, __assign$2({ "aria-label": "decrement", "aria-controls": this.numericInputId, disabled: disabled || isDecrementDisabled, icon: React.createElement(ChevronDown, null), intent }, this.decrementButtonHandlers))
+        React.createElement(Button$5, __assign$2({ "aria-label": "increment", "aria-controls": this.numericInputId, disabled: disabled || isIncrementDisabled, icon: React.createElement(ChevronUp, null), intent }, this.incrementButtonHandlers)),
+        React.createElement(Button$5, __assign$2({ "aria-label": "decrement", "aria-controls": this.numericInputId, disabled: disabled || isDecrementDisabled, icon: React.createElement(ChevronDown, null), intent }, this.decrementButtonHandlers))
       );
     };
     NumericInput2.prototype.renderInput = function() {
@@ -97596,9 +97642,9 @@ var Tag = React.forwardRef(function(props2, ref2) {
   return React.createElement(
     "span",
     __assign$2({}, removeNonHTMLProps$1(htmlProps), interactiveProps, { className: tagClasses }),
-    React.createElement(Icon$1, { icon }),
-    !isReactNodeEmpty$1(children) && React.createElement(Text$1, { className: FILL$1, ellipsize: !multiline, tagName: "span", title: htmlTitle }, children),
-    React.createElement(Icon$1, { icon: rightIcon }),
+    React.createElement(Icon$2, { icon }),
+    !isReactNodeEmpty$1(children) && React.createElement(Text$2, { className: FILL$1, ellipsize: !multiline, tagName: "span", title: htmlTitle }, children),
+    React.createElement(Icon$2, { icon: rightIcon }),
     isRemovable && React.createElement(TagRemoveButton, __assign$2({}, props2))
   );
 });
@@ -97755,7 +97801,7 @@ var TagInput = (
       return React.createElement(
         "div",
         { className: classes, onBlur: this.handleContainerBlur, onClick: this.handleContainerClick },
-        React.createElement(Icon$1, { className: TAG_INPUT_ICON, icon: leftIcon, size: isLarge ? IconSize$2.LARGE : IconSize$2.STANDARD }),
+        React.createElement(Icon$2, { className: TAG_INPUT_ICON, icon: leftIcon, size: isLarge ? IconSize$2.LARGE : IconSize$2.STANDARD }),
         React.createElement(
           "div",
           { className: TAG_INPUT_VALUES },
@@ -100487,9 +100533,9 @@ const createBindableEntityProxy = (entityAccessor, identifier2) => {
 };
 const existingScopeIds = /* @__PURE__ */ new Set();
 function internalCreateScope(getInitialEntities, options) {
-  return createSbScope(getInitialEntities, options);
+  return createScope(getInitialEntities, options);
 }
-function createSbScope(getInitialEntities, options) {
+function createScope(getInitialEntities, options) {
   const { parentScopeId, name } = options;
   if (!name) {
     throw new Error("Scope name is required");
@@ -101114,7 +101160,7 @@ const useButtonContent = (props2, forceTextColorWhenDisabled) => {
     styleForText
   ]);
 };
-const Button$3 = (props2) => {
+const Button$4 = (props2) => {
   const {
     buttonStyle,
     border: border2,
@@ -111669,7 +111715,7 @@ const DuplicatedNamePopover = observer(({ name, children, showWarning, sourceId
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleRename, className: FormWrapperClassName, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Input2,
+            Input$1,
             {
               value: newName,
               onChange: (e3) => setNewName(e3.target.value)
@@ -112570,7 +112616,7 @@ const containerLayout = (sizeProps) => Prop.union({
             props: {
               marginTop: Property.Dimension(Dim.row(gridPosition.yGU)),
               marginLeft: Property.Dimension(Dim.col(gridPosition.xGU)),
-              ...type5 === "SbIcon" ? {
+              ...type5 === "Icon" ? {
                 size: Property.Dimension(Dim.col(gridPosition.widthGU))
               } : {
                 width: Property.Dimension(
@@ -112602,7 +112648,7 @@ const containerLayout = (sizeProps) => Prop.union({
               marginTop: Property.Static(""),
               marginLeft: Property.Static(""),
               constraintTop: Property.Static(""),
-              ...type5 === "SbIcon" ? {
+              ...type5 === "Icon" ? {
                 size: Property.Dimension(Dim.px(elementRect.width))
               } : {
                 width: Property.Dimension(Dim.px(elementRect.width)),
@@ -112679,7 +112725,7 @@ const containerLayout = (sizeProps) => Prop.union({
     }
   ]
 });
-const basicLayout = () => Section.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible());
+const basicLayout = () => Section$1.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible());
 const InvisiblePattern = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='12'%20height='12'%20fill='transparent'%20/%3e%3cline%20x1='0'%20y1='12'%20x2='12'%20y2='0'%20stroke='%23C6CAD2'%20stroke-width='0.5'%20transform='rotate(-90%206%206)'%20/%3e%3c/svg%3e";
 const canUseDOM$1 = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 function isWindow(element) {
@@ -116913,7 +116959,7 @@ function getParentInfo(parent) {
 function getModalChildren(modalName) {
   return [
     {
-      tagName: "SbContainer",
+      tagName: "Container",
       properties: {
         variant: Property.Static("none"),
         width: Property.Dimension(Dim.fill()),
@@ -116922,7 +116968,7 @@ function getModalChildren(modalName) {
       },
       children: [
         {
-          tagName: "SbText",
+          tagName: "Text",
           properties: {
             text: Property.Static("Modal Title"),
             textStyle: Property.Static({
@@ -116934,7 +116980,7 @@ function getModalChildren(modalName) {
       ]
     },
     {
-      tagName: "SbContainer",
+      tagName: "Container",
       properties: {
         variant: Property.Static("none"),
         width: Property.Dimension(Dim.fill()),
@@ -116943,7 +116989,7 @@ function getModalChildren(modalName) {
       children: []
     },
     {
-      tagName: "SbContainer",
+      tagName: "Container",
       properties: {
         spacing: Property.Dimension(Dim.px(8)),
         width: Property.Dimension(Dim.fill()),
@@ -116953,7 +116999,7 @@ function getModalChildren(modalName) {
       },
       children: [
         {
-          tagName: "SbButton",
+          tagName: "Button",
           properties: {
             label: Property.Static("Cancel"),
             variant: Property.Static("secondary"),
@@ -116969,7 +117015,7 @@ function getModalChildren(modalName) {
           children: []
         },
         {
-          tagName: "SbButton",
+          tagName: "Button",
           properties: {
             label: Property.Static("Confirm")
           },
@@ -116982,7 +117028,7 @@ function getModalChildren(modalName) {
 function getSlideoutChildren() {
   return [
     {
-      tagName: "SbContainer",
+      tagName: "Container",
       properties: {
         variant: Property.Static("none"),
         width: Property.Dimension(Dim.fill()),
@@ -116991,7 +117037,7 @@ function getSlideoutChildren() {
       },
       children: [
         {
-          tagName: "SbText",
+          tagName: "Text",
           properties: {
             text: Property.Static("Slideout Title"),
             textStyle: Property.Static({
@@ -117003,7 +117049,7 @@ function getSlideoutChildren() {
       ]
     },
     {
-      tagName: "SbContainer",
+      tagName: "Container",
       properties: {
         variant: Property.Static("none"),
         width: Property.Dimension(Dim.fill()),
@@ -117018,7 +117064,7 @@ function getSlideoutChildren() {
 function getSectionChildren() {
   return [
     {
-      tagName: "SbColumn",
+      tagName: "Column",
       properties: {
         width: Property.Dimension(Dim.fill()),
         height: Property.Dimension(Dim.fill())
@@ -117033,10 +117079,10 @@ function getTriggerComponent({
   primaryComponentName,
   triggerComponentId
 }) {
-  if (componentType === "SbModal") {
+  if (componentType === "Modal") {
     return {
       parentElement,
-      tagName: "SbButton",
+      tagName: "Button",
       id: triggerComponentId,
       properties: {
         label: Property.Static("Open Modal"),
@@ -117051,10 +117097,10 @@ function getTriggerComponent({
       },
       children: []
     };
-  } else if (componentType === "SbSlideout") {
+  } else if (componentType === "Slideout") {
     return {
       parentElement,
-      tagName: "SbButton",
+      tagName: "Button",
       id: triggerComponentId,
       properties: {
         label: Property.Static("Open Slideout"),
@@ -117077,26 +117123,26 @@ function getComponentBaseProperties(componentType, parentInfo) {
   const customComponents = rootStore.componentRegistry.customComponentList;
   const properties2 = {};
   let children = [];
-  const shouldProvideAName = componentType === "SbInput" || componentType === "SbDropdown" || componentType === "SbDatePicker" || componentType === "SbCheckbox" || componentType === "SbSwitch" || componentType === "SbModal" || componentType === "SbSlideout" || componentType === "SbTable" || // Components not yet implemented
-  componentType === "SbForm" || componentType === "SbRadio" || componentType === "SbRichText" || componentType === "SbFilePicker" || componentType === "SbCodeEditor" || componentType === "SbChat" || // Components that can be implicitly created when dropping on a page or section
-  componentType === "SbSection" || componentType === "SbColumn" || // All components dropped in a grid
+  const shouldProvideAName = componentType === "Input" || componentType === "Dropdown" || componentType === "DatePicker" || componentType === "Checkbox" || componentType === "Switch" || componentType === "Modal" || componentType === "Slideout" || componentType === "Table" || // Components not yet implemented
+  componentType === "Form" || componentType === "Radio" || componentType === "RichText" || componentType === "FilePicker" || componentType === "CodeEditor" || componentType === "Chat" || // Components that can be implicitly created when dropping on a page or section
+  componentType === "Section" || componentType === "Column" || // All components dropped in a grid
   parentInfo.isGridLike || // All custom components
   customComponents.includes(componentType);
-  const isContainer = componentType === "SbSection" || componentType === "SbColumn" || componentType === "SbContainer" || componentType === "SbModal" || componentType === "SbSlideout";
-  if (isContainer && componentType !== "SbModal" && componentType !== "SbSlideout") {
+  const isContainer = componentType === "Section" || componentType === "Column" || componentType === "Container" || componentType === "Modal" || componentType === "Slideout";
+  if (isContainer && componentType !== "Modal" && componentType !== "Slideout") {
     properties2.width = Property.Dimension(Dim.fill());
   }
   if (shouldProvideAName) {
     properties2.name = Property.Static(getUniqueName(componentType));
   }
   switch (componentType) {
-    case "SbText":
+    case "Text":
       properties2.text = Property.Static("Hello, world!");
       break;
-    case "SbInput":
+    case "Input":
       properties2.label = Property.Static("Label");
       break;
-    case "SbButton":
+    case "Button":
       properties2.label = Property.Static("Submit");
       properties2.onClick = Property.Event([
         {
@@ -117106,7 +117152,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
         }
       ]);
       break;
-    case "SbImage":
+    case "Image":
       properties2.src = Property.Static(
         "https://lowcode.s3.us-west-2.amazonaws.com/eilish-billie.jpeg"
       );
@@ -117114,7 +117160,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
       properties2.width = parentInfo.isGridLike ? Property.Dimension(Dim.col(4)) : Property.Dimension(Dim.px(300));
       properties2.height = Property.Dimension(Dim.fit());
       break;
-    case "SbKeyValue":
+    case "KeyValue":
       properties2.sourceData = Property.Static({
         id: 123,
         name: "John Smith",
@@ -117158,7 +117204,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
         }
       });
       break;
-    case "SbDropdown":
+    case "Dropdown":
       properties2.label = Property.Static("Label");
       properties2.options = Property.Computed([
         { label: "All statuses", value: "all" },
@@ -117171,26 +117217,26 @@ function getComponentBaseProperties(componentType, parentInfo) {
         { label: "On hold", value: "on_hold" }
       ]);
       break;
-    case "SbModal":
+    case "Modal":
       children = getModalChildren((_a2 = properties2.name) == null ? void 0 : _a2.value);
       break;
-    case "SbSlideout":
+    case "Slideout":
       children = getSlideoutChildren();
       break;
-    case "SbCheckbox":
+    case "Checkbox":
       properties2.label = Property.Static("Label");
       break;
-    case "SbDatePicker":
+    case "DatePicker":
       properties2.label = Property.Static("Label");
       properties2.defaultDate = Property.Static((/* @__PURE__ */ new Date()).toISOString());
       break;
-    case "SbSwitch":
+    case "Switch":
       properties2.label = Property.Static("Label");
       break;
-    case "SbSection":
+    case "Section":
       children = getSectionChildren();
       break;
-    case "SbTable":
+    case "Table":
       properties2.tableData = Property.Static(DEFAULT_TABLE_DATA);
       properties2.columns = Property.Static(DEFAULT_TABLE_COLUMNS);
       properties2.header = Property.Static("Customers");
@@ -117215,7 +117261,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
   };
 }
 const getUniqueName = (componentType) => {
-  const baseName = componentType.replace("Sb", "");
+  const baseName = componentType;
   let counter2 = 1;
   let name = `${baseName}${counter2}`;
   while (rootStore.nameManager.hasEntityWithName(name)) {
@@ -117225,10 +117271,10 @@ const getUniqueName = (componentType) => {
   return name;
 };
 function checkComponentForParentTypeBeforeCreating(componentType, parentType) {
-  if (componentType === "SbSection" && parentType !== "SbPage") {
+  if (componentType === "Section" && parentType !== "Page") {
     return false;
   }
-  if (componentType === "SbColumn" && parentType !== "SbSection" && parentType !== "SbPage") {
+  if (componentType === "Column" && parentType !== "Section" && parentType !== "Page") {
     return false;
   }
   return true;
@@ -117252,7 +117298,7 @@ async function createComponent({
     componentType,
     parentInfo.type
   );
-  const isGridLike = willWrapInSectionAndColumn && componentType !== "SbColumn" ? true : parentInfo.isGridLike;
+  const isGridLike = willWrapInSectionAndColumn && componentType !== "Column" ? true : parentInfo.isGridLike;
   const tagName = componentType;
   const {
     properties: propertiesFromType,
@@ -117276,7 +117322,7 @@ async function createComponent({
   );
   const pageComponent = editStore2.runtimeEntitiesManager.getClosestAncestorByType(
     parentInstanceId,
-    "SbPage"
+    "Page"
   );
   const pageSource = {
     source: {
@@ -117334,32 +117380,32 @@ async function createComponent({
 }
 function wrapInSectionColumnIfDroppingOnPage(primaryComponent, parentType) {
   const { properties: sectionProperties } = getComponentBaseProperties(
-    "SbSection",
+    "Section",
     {
       isGridLike: false
       // parent is a page
     }
   );
-  if (primaryComponent.tagName === "SbColumn") {
+  if (primaryComponent.tagName === "Column") {
     return {
       parentElement: primaryComponent.parentElement,
-      tagName: "SbSection",
+      tagName: "Section",
       id: getEditStore().operationManager.generateSourceId(),
       properties: sectionProperties,
       children: [primaryComponent]
     };
   }
   const { properties: columnProperties } = getComponentBaseProperties(
-    "SbColumn",
+    "Column",
     {
       isGridLike: false
       // parent is section
     }
   );
-  if (parentType === "SbSection") {
+  if (parentType === "Section") {
     return {
       parentElement: primaryComponent.parentElement,
-      tagName: "SbColumn",
+      tagName: "Column",
       id: getEditStore().operationManager.generateSourceId(),
       properties: columnProperties,
       children: [primaryComponent]
@@ -117367,12 +117413,12 @@ function wrapInSectionColumnIfDroppingOnPage(primaryComponent, parentType) {
   }
   return {
     parentElement: primaryComponent.parentElement,
-    tagName: "SbSection",
+    tagName: "Section",
     id: getEditStore().operationManager.generateSourceId(),
     properties: sectionProperties,
     children: [
       {
-        tagName: "SbColumn",
+        tagName: "Column",
         id: getEditStore().operationManager.generateSourceId(),
         properties: {
           ...columnProperties,
@@ -117418,7 +117464,7 @@ const handleGridDropWithinCanvas = (params) => {
   const propsToChange = droppedWidgetConstraints ? {
     marginTop: Property.Dimension(Dim.row(droppedWidgetConstraints.top)),
     marginLeft: Property.Dimension(Dim.col(droppedWidgetConstraints.left)),
-    ...draggedType === "SbIcon" ? { size: size2 } : { width, height },
+    ...draggedType === "Icon" ? { size: size2 } : { width, height },
     constraintTop: Property.Expression(
       JSON.stringify(droppedWidgetConstraints.constraintTop)
     )
@@ -117492,7 +117538,7 @@ const mergeDroppedDimensions = (draggedType, draggedProps, activeDragRect) => {
   });
   const width = safeExistingDimensions.width ?? ((activeDragRect == null ? void 0 : activeDragRect.width) ? Property.Dimension(Dim.px(activeDragRect.width)) : Property.Static(""));
   const height = safeExistingDimensions.height ?? ((activeDragRect == null ? void 0 : activeDragRect.height) ? Property.Dimension(Dim.px(activeDragRect.height)) : Property.Static(""));
-  if (draggedType === "SbIcon") {
+  if (draggedType === "Icon") {
     const size2 = safeExistingDimensions.size ?? ((activeDragRect == null ? void 0 : activeDragRect.height) ? Property.Dimension(Dim.px(activeDragRect.height)) : Property.Static(""));
     return { size: size2 };
   }
@@ -117571,7 +117617,7 @@ const dropComponentInWrappingSectionOrColumn = async (params) => {
   }
   const scopeName = rootStore.entityManager.getScopeName(dropScopeId);
   const newComponentSourceId = await createComponent({
-    componentType: dropTargetType === "SbPage" ? "SbSection" : "SbColumn",
+    componentType: dropTargetType === "Page" ? "Section" : "Column",
     parent: { index: dropInfo.insertionIndex, id: dropSourceId },
     scopeName
   });
@@ -118035,7 +118081,7 @@ const AddSectionButton = ({
   const indexForNewSection = placement === "above" ? indexForBaseSection : indexForBaseSection + 1;
   const createSection = useCallback(async () => {
     const newSectionSourceId = await createComponent({
-      componentType: "SbSection",
+      componentType: "Section",
       parent: { id: sectionParentSourceId, index: indexForNewSection },
       scopeName: sectionParentScopeName
     });
@@ -118085,7 +118131,7 @@ const AddSectionButtons = ({
   var _a2;
   const editStore2 = getEditStore();
   const currentSection = editStore2.runtimeEntitiesManager.getEditorWidgetMeta(sectionInstanceId);
-  if (!currentSection || currentSection.type !== "SbSection") {
+  if (!currentSection || currentSection.type !== "Section") {
     console.error("currentSection not found");
     return null;
   }
@@ -118137,7 +118183,7 @@ const canResizeHeight = (heightMode) => {
 const useResizeCapabilities = (instanceId) => {
   var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
   const widget = (_a2 = rootStore.editStore) == null ? void 0 : _a2.runtimeEntitiesManager.getEditorWidgetMeta(instanceId);
-  if ((widget == null ? void 0 : widget.type) === "SbIcon") {
+  if ((widget == null ? void 0 : widget.type) === "Icon") {
     const sizeMode = (_c2 = (_b2 = widget.props) == null ? void 0 : _b2.size) == null ? void 0 : _c2.mode;
     return {
       canResizeWidth: sizeMode != null && sizeMode !== "fit",
@@ -118316,7 +118362,7 @@ const InteractionRectHandles = (props2) => {
                   }
                 }
               },
-              content: /* @__PURE__ */ jsxRuntimeExports.jsx(NotifierTooltipBody, { children: pos2 === "left" || pos2 === "right" ? "Width cannot be resized. Change width to pixel to enable manual resizing." : pos2 === "top" || pos2 === "bottom" ? type5 === "SbIcon" ? "Icons can be resized by changing its width." : "Height cannot be resized. Change height to pixel to enable manual resizing." : "" }),
+              content: /* @__PURE__ */ jsxRuntimeExports.jsx(NotifierTooltipBody, { children: pos2 === "left" || pos2 === "right" ? "Width cannot be resized. Change width to pixel to enable manual resizing." : pos2 === "top" || pos2 === "bottom" ? type5 === "Icon" ? "Icons can be resized by changing its width." : "Height cannot be resized. Change height to pixel to enable manual resizing." : "" }),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" } })
             }
           )
@@ -118398,7 +118444,7 @@ const NamePillDiv = (params) => {
       },
       children: [
         type5 === "ERROR" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon$1,
+          Icon$2,
           {
             icon: "error",
             color: colors.WHITE,
@@ -118562,7 +118608,7 @@ const InteractionRect = (props2) => {
           }
         }
       ),
-      type5 === "SbColumn" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: parentInstanceId })
+      type5 === "Column" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: parentInstanceId })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
@@ -118608,7 +118654,7 @@ const InteractionRect = (props2) => {
         selectionType
       }
     ),
-    type5 === "SbSection" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: instanceId }),
+    type5 === "Section" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: instanceId }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       NamePill,
       {
@@ -118712,7 +118758,7 @@ function getFocusedWidget(event, rootType, rootElement, editStore2, isExtended)
 function useWidgetHover(rootType) {
   useEffect(() => {
     const rootElement = document.getElementById(
-      rootType === "SbPage" ? CANVAS_ROOT_ID : PORTAL_ROOT_ID
+      rootType === "Page" ? CANVAS_ROOT_ID : PORTAL_ROOT_ID
     );
     const editStore2 = getEditStore();
     const handleMouseMove = (event) => {
@@ -118746,15 +118792,15 @@ function useWidgetHover(rootType) {
   }, [rootType]);
 }
 const DETACHED_COMPONENT_TYPES = [
-  "SbModal",
-  "SbSlideout"
+  "Modal",
+  "Slideout"
 ];
 const InteractionLayer = observer(
   (props2) => {
     useWidgetHover(props2.rootType);
     const { scopeId } = useScope();
     const editStore2 = getEditStore();
-    const isActive2 = editStore2.interactionLayerManager.activeRootInstanceId === props2.rootInstanceId || editStore2.interactionLayerManager.activeRootInstanceId === void 0 && props2.rootType === "SbPage";
+    const isActive2 = editStore2.interactionLayerManager.activeRootInstanceId === props2.rootInstanceId || editStore2.interactionLayerManager.activeRootInstanceId === void 0 && props2.rootType === "Page";
     const selectedElements = useSelectionElements({
       focusedSourceId: editStore2.ui.getFocusedSourceId(),
       selectedSourceIds: editStore2.ui.getSelectedSourceIds(),
@@ -119108,13 +119154,13 @@ const EditWrapper = observer(function EditWrapper2(props2) {
   }, [props2]);
   useStableEffect(
     () => {
-      if (customProperties.length === 0 || props2.type !== "SbCustom") {
+      if (customProperties.length === 0 || props2.type !== "CustomComponent") {
         return;
       }
-      const customProps = Section.category(PropsPanelCategory.Content).children(
+      const customProps = Section$1.category(PropsPanelCategory.Content).children(
         Object.fromEntries(
           customProperties.filter((property) => {
-            return !(props2.widgetProps[property] instanceof SbEventFlow);
+            return !(props2.widgetProps[property] instanceof EventFlow);
           }).map((property) => {
             var _a2;
             const widgetProps = props2.widgetProps;
@@ -119162,12 +119208,12 @@ const EditWrapper = observer(function EditWrapper2(props2) {
           })
         )
       );
-      const events2 = Section.category(
+      const events2 = Section$1.category(
         PropsPanelCategory.EventHandlers
       ).children(
         Object.fromEntries(
           customProperties.filter((property) => {
-            return props2.widgetProps[property] instanceof SbEventFlow;
+            return props2.widgetProps[property] instanceof EventFlow;
           }).map((property) => {
             var _a2;
             const widgetProps = props2.widgetProps;
@@ -119198,7 +119244,7 @@ const EditWrapper = observer(function EditWrapper2(props2) {
       type: props2.type
     }
   );
-  if (props2.type === "SbPage") {
+  if (props2.type === "Page") {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       content,
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -119293,9 +119339,9 @@ function useTrackRuntimeWidget(instanceId, params) {
     stableEffectOptions
   );
 }
-const registerSbComponent = (type5, config2, Component3) => {
+const registerComponent$1 = (type5, config2, Component3) => {
   if (typeof window === "undefined") {
-    console.log("[] ssr registering sb component", type5);
+    console.log("[] ssr registering component", type5);
     return (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props2 });
   }
   const managedProps = createManagedPropsList(config2.propertiesDefinition);
@@ -119408,7 +119454,7 @@ const registerSbComponent = (type5, config2, Component3) => {
   rootStore.componentRegistry.addManagedProps(type5, managedProps ?? []);
   return SbComponent;
 };
-function registerSbEntity(name, config2, Entity) {
+function registerEntity(name, config2, Entity) {
   const managedProps = createManagedPropsList(config2.propertiesDefinition);
   const internalProps = createInternalPropsList(config2.propertiesDefinition);
   rootStore.componentRegistry.addManagedProps(name, managedProps ?? []);
@@ -119938,7 +119984,7 @@ const textStyle$1 = textStyleProp({
   };
 });
 const propertiesDefinition$i = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     label: Prop.string().readAndWrite().validate(VALIDATORS.TEXT_ALLOW_UNDEFINED).propertiesPanel({
       label: "Label",
       placeholder: "Enter label text",
@@ -119947,8 +119993,8 @@ const propertiesDefinition$i = {
       defaultOnAdd: "Submit"
     })
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: BUTTON_PADDING, default: BUTTON_PADDING })).add(size$2()).add(margin()).add(visible()),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: BUTTON_PADDING, default: BUTTON_PADDING })).add(size$2()).add(margin()).add(visible()),
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     variant: Prop.string().readAndWrite().default("primary").propertiesPanel({
       label: "Variant",
       controlType: "DROP_DOWN",
@@ -120023,19 +120069,19 @@ const propertiesDefinition$i = {
     }),
     loading: loading()
   }),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     isDisabled: Prop.boolean().readAndWrite().default(false).propertiesPanel({
       label: "Disabled"
     })
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onClick: Prop.event().propertiesPanel({
       label: "onClick"
     })
   })
 };
-const SbButton = registerSbComponent(
-  "SbButton",
+const Button$3 = registerComponent$1(
+  "Button",
   {
     propertiesDefinition: propertiesDefinition$i,
     hasExtendedClickArea: true
@@ -120079,7 +120125,7 @@ const SbButton = registerSbComponent(
       return props2.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicSVG, { size: iconSize, iconName: props2.icon }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
     }, [iconSize, props2.icon]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...passThroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button$3,
+      Button$4,
       {
         width: "100%",
         height: "100%",
@@ -120200,7 +120246,7 @@ const commonLayoutProps = {
   ...shouldScrollContents(true),
   ...visible()
 };
-Section.category(PropsPanelCategory.Appearance).children({
+Section$1.category(PropsPanelCategory.Appearance).children({
   backgroundColor: colorProp({
     label: "Background",
     helpText: "Changes the color of the background"
@@ -120210,7 +120256,7 @@ Section.category(PropsPanelCategory.Appearance).children({
   loading: loading()
 });
 ({
-  layout: Section.category(PropsPanelCategory.Layout).add({
+  layout: Section$1.category(PropsPanelCategory.Layout).add({
     verticalAlign: Prop.string().readAndWrite().default("top").propertiesPanel({
       label: "Vertical align",
       controlType: "RADIO_BUTTON_GROUP",
@@ -120275,7 +120321,7 @@ Section.category(PropsPanelCategory.Appearance).children({
   })
 });
 ({
-  layout: Section.category(PropsPanelCategory.Layout).add({
+  layout: Section$1.category(PropsPanelCategory.Layout).add({
     verticalAlign: Prop.string().readAndWrite().default("top").propertiesPanel({
       label: "Vertical align",
       controlType: "RADIO_BUTTON_GROUP",
@@ -120352,18 +120398,17 @@ const getStackChildStyle = ({
     // if parent height is fit-content, child height 100% will cause unexpected height if child is empty container
     childCount === 1 && (height == null ? void 0 : height.mode) === "fill" && (parentHeight == null ? void 0 : parentHeight.mode) !== "fit" ? { height: "100%" } : dimToCSS(height, "height", primary === "height")
   );
-  const width = (childProps == null ? void 0 : childProps.width) ?? (["SbText", "SbButton", "SbCheckbox", "SbSwitch"].includes(
-    (childProps == null ? void 0 : childProps.type) ?? ""
-  ) ? Dim.fit() : Dim.fill());
+  const width = (childProps == null ? void 0 : childProps.width) ?? (["Text", "Button", "Checkbox", "Switch"].includes((childProps == null ? void 0 : childProps.type) ?? "") ? Dim.fit() : Dim.fill());
   let widthCss = childCount === 1 && (width == null ? void 0 : width.mode) === "fill" && (parentWidth == null ? void 0 : parentWidth.mode) !== "fit" ? { width: "100%" } : dimToCSS(width, "width", primary === "width");
-  if ((childProps == null ? void 0 : childProps.type) === "SbIcon") {
+  const canShrinkBelowContentWidth = (childProps == null ? void 0 : childProps.minWidth) === void 0 && (childProps == null ? void 0 : childProps.type) === "Column";
+  if ((childProps == null ? void 0 : childProps.type) === "Icon") {
     heightCss = dimToCSS(Dim.fit(), "height", false);
     widthCss = dimToCSS(Dim.fit(), "width", false);
   }
   const widthInPx = (width == null ? void 0 : width.mode) === "px";
   const heightInPx = (height == null ? void 0 : height.mode) === "px";
   const shouldNotShrink = widthInPx && primary === "width" || heightInPx && primary === "height";
-  const minWidthCss = widthInPx ? {} : getMinMaxCss(childProps == null ? void 0 : childProps.minWidth, "minWidth");
+  const minWidthCss = widthInPx ? {} : canShrinkBelowContentWidth ? { minWidth: "0px" } : getMinMaxCss(childProps == null ? void 0 : childProps.minWidth, "minWidth");
   const maxWidthCss = widthInPx ? {} : getMinMaxCss(childProps == null ? void 0 : childProps.maxWidth, "maxWidth");
   const minHeightCss = heightInPx ? {} : getMinMaxCss(childProps == null ? void 0 : childProps.minHeight, "minHeight");
   const maxHeightCss = heightInPx ? {} : getMinMaxCss(childProps == null ? void 0 : childProps.maxHeight, "maxHeight");
@@ -120386,7 +120431,7 @@ const getStackChildStyle = ({
     ...marginCss,
     ...stickyCss
   };
-  if ((childProps == null ? void 0 : childProps.type) === "SbModal" || (childProps == null ? void 0 : childProps.type) === "SbSlideout") {
+  if ((childProps == null ? void 0 : childProps.type) === "Modal" || (childProps == null ? void 0 : childProps.type) === "Slideout") {
     style2.display = "none";
   }
   return style2;
@@ -120514,14 +120559,14 @@ const DEFAULT_SECTION_PADDING = {
   bottom: Dim.px(0)
 };
 const propertiesDefinition$h = {
-  contents: Section.category(PropsPanelCategory.Content).children({
+  contents: Section$1.category(PropsPanelCategory.Content).children({
     columns: Prop.array().readAndWrite().propertiesPanel({
       label: "Columns",
       controlType: "COLUMN_LIST",
       headerControlType: "ADD_SECTION_COLUMN"
     })
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(
+  layout: Section$1.category(PropsPanelCategory.Layout).add(
     padding({
       themeValue: DEFAULT_SECTION_PADDING,
       default: DEFAULT_SECTION_PADDING,
@@ -120543,7 +120588,7 @@ const propertiesDefinition$h = {
       helpText: "Controls whether the section is sticky to the top of the Page. When enabled, sections below this one will scroll under the section."
     }).default(false)
   }).add(visible()),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     backgroundColor: colorProp({
       label: "Background",
       helpText: "Changes the color of the background",
@@ -120555,8 +120600,8 @@ const propertiesDefinition$h = {
     loading: loading()
   })
 };
-const SbSection = registerSbComponent(
-  "SbSection",
+const Section2 = registerComponent$1(
+  "Section",
   {
     container: true,
     propertiesDefinition: propertiesDefinition$h
@@ -120578,6 +120623,7 @@ const SbSection = registerSbComponent(
         padding: props2.padding,
         border: props2.border,
         backgroundColor: props2.backgroundColor,
+        shouldScrollContents: true,
         children: props2.children
       }
     );
@@ -120686,7 +120732,7 @@ const useHeightObserver = () => {
   return { ref: ref2, height };
 };
 ({
-  general: Section.category(PropsPanelCategory.Layout).children({
+  general: Section$1.category(PropsPanelCategory.Layout).children({
     columns: Prop.number().readAndWrite().propertiesPanel({
       label: "Columns",
       placeholder: "Enter columns"
@@ -120724,7 +120770,7 @@ const GridChild = observer(
     const left2 = gridPositions[childProps.name].left;
     const rows = gridPositions[childProps.name].height;
     const columns = gridPositions[childProps.name].width;
-    const Component3 = heightMode === "fit" || childProps.sbType === "SbIcon" ? MeasuredComponent : StaticComponent;
+    const Component3 = heightMode === "fit" || childProps.sbType === "Icon" ? MeasuredComponent : StaticComponent;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -120738,7 +120784,7 @@ const GridChild = observer(
           Component3,
           {
             staticHeight: (((_b2 = childProps.height) == null ? void 0 : _b2.value) ?? 0) * rowHeight,
-            style: childProps.sbType === "SbIcon" ? {
+            style: childProps.sbType === "Icon" ? {
               aspectRatio: "1"
             } : void 0,
             onHeightChanged: (height) => {
@@ -120775,7 +120821,7 @@ const InternalGrid = observer(
         const marginTop = (entity == null ? void 0 : entity.marginTop) ?? (isDimension(child.props.marginTop) ? child.props.marginTop : void 0);
         const marginLeft = (entity == null ? void 0 : entity.marginLeft) ?? (isDimension(child.props.marginLeft) ? child.props.marginLeft : void 0);
         let width = (entity == null ? void 0 : entity.width) ?? (isDimension(child.props.width) ? child.props.width : void 0);
-        if (sbType === "SbIcon") {
+        if (sbType === "Icon") {
           width = (entity == null ? void 0 : entity.size) ?? (isDimension(child.props.size) ? child.props.size : void 0);
         }
         const height = (entity == null ? void 0 : entity.height) ?? (isDimension(child.props.height) ? child.props.height : void 0);
@@ -120812,7 +120858,7 @@ const InternalGrid = observer(
       const positions = childrenArray.reduce(
         (acc, child) => {
           var _a3, _b2, _c2;
-          let width = ((_a3 = child.width) == null ? void 0 : _a3.value) ?? (child.sbType === "SbTable" || child.sbType === "SbContainer" ? 6 : 2);
+          let width = ((_a3 = child.width) == null ? void 0 : _a3.value) ?? (child.sbType === "Table" || child.sbType === "Container" ? 6 : 2);
           if (((_b2 = child.width) == null ? void 0 : _b2.mode) === "fill") {
             width = columns;
           }
@@ -120893,7 +120939,7 @@ const StaticComponent = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...style2, width: "100%", height: "100%" }, children });
 };
 const propertiesDefinition$g = {
-  layout: Section.category(PropsPanelCategory.Layout).add(
+  layout: Section$1.category(PropsPanelCategory.Layout).add(
     containerLayout({
       ...spacing(),
       ...padding({
@@ -120917,7 +120963,7 @@ const propertiesDefinition$g = {
       })
     })
   ).add(shouldScrollContents(true)).add(visible()),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     variant: Prop.string().readAndWrite().default("none").propertiesPanel({
       label: "Variant",
       controlType: "RADIO_BUTTON_GROUP",
@@ -121047,8 +121093,8 @@ const InternalContainer = (props2) => {
     }
   );
 };
-const SbContainer = registerSbComponent(
-  "SbContainer",
+const Container = registerComponent$1(
+  "Container",
   {
     container: true,
     propertiesDefinition: propertiesDefinition$g
@@ -121056,7 +121102,7 @@ const SbContainer = registerSbComponent(
   InternalContainer
 );
 const propertiesDefinition$f = {
-  layout: Section.category(PropsPanelCategory.Layout).add(
+  layout: Section$1.category(PropsPanelCategory.Layout).add(
     containerLayout({
       ...spacing(),
       ...padding(),
@@ -121071,7 +121117,7 @@ const propertiesDefinition$f = {
       })
     })
   ).add(shouldScrollContents(true)).add(visible()),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     backgroundColor: colorProp({
       label: "Background",
       helpText: "Changes the color of the background",
@@ -121085,8 +121131,8 @@ const propertiesDefinition$f = {
 };
 const CONTAINER_MIN_WIDTH = Dim.px(0);
 const CONTAINER_FILL_DIM = Dim.fill();
-const SbColumn = registerSbComponent(
-  "SbColumn",
+const Column = registerComponent$1(
+  "Column",
   {
     container: true,
     propertiesDefinition: propertiesDefinition$f
@@ -127853,7 +127899,7 @@ const _InputComponent = class _InputComponent extends React__default.Component {
     __publicField(this, "passwordIconComponent", () => {
       const iconSize = this.props.iconSize ?? DEFAULT_ICON_SIZE;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button$4,
+        Button$5,
         {
           icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
             DynamicSVG,
@@ -128390,7 +128436,7 @@ const textLengthProps = {
   })
 };
 const propertiesDefinition$e = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     label: Prop.string().readAndWrite().default("").propertiesPanel({
       label: "Label",
       placeholder: "Enter label text",
@@ -128490,7 +128536,7 @@ const propertiesDefinition$e = {
       isRemovable: true
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).add({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).add({
     labelPosition: labelPosition(),
     labelStyle: labelTextStyle(),
     placeholderText: Prop.string().readAndWrite().default("Enter text").propertiesPanel({
@@ -128533,11 +128579,11 @@ const propertiesDefinition$e = {
   ).add({
     loading: loading()
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: INPUT_PADDING, default: INPUT_PADDING })).add({
+  layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: INPUT_PADDING, default: INPUT_PADDING })).add({
     ...size$2(),
     ...widthWithoutFit()
   }).add(margin()).add({ labelWidth }).add(visible()),
-  interaction: Section.category(PropsPanelCategory.Interaction).add(
+  interaction: Section$1.category(PropsPanelCategory.Interaction).add(
     Prop.union({
       shared: {
         inputType: Prop.string()
@@ -128589,7 +128635,7 @@ const propertiesDefinition$e = {
     }),
     ...getCustomValidationProperties()
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onTextChanged: Prop.event().propertiesPanel({
       label: "onTextChanged",
       helpText: "Triggers an action when the text is changed",
@@ -128611,11 +128657,11 @@ const propertiesDefinition$e = {
       controlType: "EVENT_TRIGGER"
     })
   }),
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     text: Prop.any().readable().validate(VALIDATORS.TEXT_ALLOW_UNDEFINED),
     isTouched: Prop.boolean().readable().default(false)
   }),
-  derived: Section.category(PropsPanelCategory.Derived).children({
+  derived: Section$1.category(PropsPanelCategory.Derived).children({
     value: Prop.any().readable().default(getValue$1),
     // should be string | number but input-component typecheck fails
     validationErrors: Prop.any().readable().default(function() {
@@ -128625,8 +128671,8 @@ const propertiesDefinition$e = {
     showError: Prop.boolean().readable().default(getShowError)
   })
 };
-const SbInput = registerSbComponent(
-  "SbInput",
+const Input2 = registerComponent$1(
+  "Input",
   {
     propertiesDefinition: propertiesDefinition$e
   },
@@ -128787,14 +128833,14 @@ const SbInput = registerSbComponent(
   }
 );
 const propertiesDefinition$d = {
-  contents: Section.category(PropsPanelCategory.Content).children({
+  contents: Section$1.category(PropsPanelCategory.Content).children({
     columns: Prop.array().readAndWrite().propertiesPanel({
       label: "Sections",
       controlType: "SECTION_LIST",
       headerControlType: "ADD_SECTION"
     })
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(
+  layout: Section$1.category(PropsPanelCategory.Layout).add(
     size$2({
       defaults: {
         width: Dim.fill(),
@@ -128807,17 +128853,17 @@ const propertiesDefinition$d = {
       hasMaxHeight: false
     })
   ),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     loading: loading()
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onLoad: Prop.event().propertiesPanel({
       label: "onPageLoad"
     })
   })
 };
-const SbPage = registerSbComponent(
-  "SbPage",
+const Page = registerComponent$1(
+  "Page",
   {
     container: true,
     propertiesDefinition: propertiesDefinition$d
@@ -135491,7 +135537,7 @@ const textStyle = textStyleProp().default(function() {
   };
 });
 const propertiesDefinition$c = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     text: Prop.string().readAndWrite().propertiesPanel({
       label: "Text",
       placeholder: "Enter text"
@@ -135508,7 +135554,7 @@ const propertiesDefinition$c = {
       ]
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     textStyle,
     horizontalAlign: Prop.string().readAndWrite().default("left").propertiesPanel({
       label: "Horizontal align",
@@ -135768,8 +135814,8 @@ const useIconContainerStyles = ({
     };
   }, [iconGap, horizontalAlign]);
 };
-const SbText = registerSbComponent(
-  "SbText",
+const Text$1 = registerComponent$1(
+  "Text",
   {
     propertiesDefinition: propertiesDefinition$c
   },
@@ -135951,7 +135997,7 @@ const ModalScrollBackground = $e$1`
 const getParent$1 = () => {
   return document.getElementById(PORTAL_ROOT_ID) || document.body;
 };
-const CloseButtonStyled$1 = qe$1(Button$5)`
+const CloseButtonStyled$1 = qe$1(Button$6)`
   position: absolute;
   z-index: ${Layers$1.closeButton};
   padding: 0;
@@ -136030,7 +136076,7 @@ const ModalComponent = (props2) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModalScrollBackground, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Modal,
+      Modal$1,
       {
         width: modalWidthCss,
         open: props2.isOpen,
@@ -136066,7 +136112,7 @@ const ModalComponent = (props2) => {
         footer: props2.isEditing && props2.isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           InteractionLayer,
           {
-            rootType: "SbModal",
+            rootType: "Modal",
             rootInstanceId: props2.instanceId,
             rootName: props2.name
           }
@@ -136085,11 +136131,11 @@ const ModalComponent = (props2) => {
             "div",
             {
               ref: props2.dropTargetRef,
-              id: getEditWrapperIdWithType(props2.instanceId, "SbModal"),
+              id: getEditWrapperIdWithType(props2.instanceId, "Modal"),
               style: {
                 anchorName: getWidgetDropAreaAnchorName(
                   props2.instanceId,
-                  "SbModal"
+                  "Modal"
                 )
               },
               children: modalInternalContainer
@@ -136101,13 +136147,13 @@ const ModalComponent = (props2) => {
   ] });
 };
 const propertiesDefinition$b = {
-  layout: Section.category(PropsPanelCategory.Layout).add(
+  layout: Section$1.category(PropsPanelCategory.Layout).add(
     containerLayout({
       ...spacing(),
       ...padding()
     })
   ),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     backgroundColor: colorProp({
       label: "Background color",
       helpText: "The background color of the component"
@@ -136156,14 +136202,14 @@ const propertiesDefinition$b = {
     }),
     loading: loading()
   }),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     closeOnClickOutside: Prop.boolean().readAndWrite().default(true).propertiesPanel({
       label: "Quick dismiss",
       helpText: "Allows dismissing the modal when a user presses the escape key or clicks the backdrop",
       controlType: "SWITCH"
     })
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onOpen: Prop.event().propertiesPanel({
       label: "onOpen"
     }),
@@ -136172,12 +136218,12 @@ const propertiesDefinition$b = {
     })
   }),
   // non-configurable properties
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     isOpen: Prop.boolean().readable().default(false)
   })
 };
-const SbModal = registerSbComponent(
-  "SbModal",
+const Modal = registerComponent$1(
+  "Modal",
   {
     propertiesDefinition: propertiesDefinition$b,
     container: true
@@ -136276,13 +136322,13 @@ const SLIDEOUT_WIDTH_PRESETS = {
   [SlideoutSize.fullscreen]: Dim.percent(100)
 };
 const propertiesDefinition$a = {
-  layout: Section.category(PropsPanelCategory.Layout).add(
+  layout: Section$1.category(PropsPanelCategory.Layout).add(
     containerLayout({
       ...spacing(),
       ...padding()
     })
   ),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     backgroundColor: colorProp({
       label: "Background color",
       helpText: "The background color of the component"
@@ -136335,14 +136381,14 @@ const propertiesDefinition$a = {
     }),
     loading: loading()
   }),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     closeOnClickOutside: Prop.boolean().readAndWrite().default(true).propertiesPanel({
       label: "Quick dismiss",
       helpText: "Allows dismissing the slideout when a user presses the escape key or clicks the backdrop",
       controlType: "SWITCH"
     })
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onOpen: Prop.event().propertiesPanel({
       label: "onOpen"
     }),
@@ -136351,7 +136397,7 @@ const propertiesDefinition$a = {
     })
   }),
   // non-configurable properties
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     isOpen: Prop.boolean().readable().default(false)
   })
 };
@@ -136437,7 +136483,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     }
     return [Provider, useContext2];
   }
-  const createScope = () => {
+  const createScope2 = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
       return React.createContext(defaultContext);
     });
@@ -136449,16 +136495,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       );
     };
   };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+  createScope2.scopeName = scopeName;
+  return [createContext3, composeContextScopes(createScope2, ...createContextScopeDeps)];
 }
 function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
+  const createScope2 = () => {
+    const scopeHooks = scopes.map((createScope22) => ({
+      useScope: createScope22(),
+      scopeName: createScope22.scopeName
     }));
     return function useComposedScopes(overrideScopes) {
       const nextScopes = scopeHooks.reduce((nextScopes2, { useScope: useScope2, scopeName }) => {
@@ -136469,8 +136515,8 @@ function composeContextScopes(...scopes) {
       return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
+  createScope2.scopeName = baseScope.scopeName;
+  return createScope2;
 }
 var useLayoutEffect22 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
 };
@@ -137389,7 +137435,7 @@ var RemoveScroll = React.forwardRef(function(props2, parentRef) {
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
   }), callbacks2 = _a2[0], setCallbacks = _a2[1];
-  var forwardProps = props2.forwardProps, children = props2.children, className = props2.className, removeScrollBar = props2.removeScrollBar, enabled = props2.enabled, shards = props2.shards, sideCar = props2.sideCar, noRelative = props2.noRelative, noIsolation = props2.noIsolation, inert = props2.inert, allowPinchZoom = props2.allowPinchZoom, _b2 = props2.as, Container = _b2 === void 0 ? "div" : _b2, gapMode = props2.gapMode, rest = __rest$1(props2, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
+  var forwardProps = props2.forwardProps, children = props2.children, className = props2.className, removeScrollBar = props2.removeScrollBar, enabled = props2.enabled, shards = props2.shards, sideCar = props2.sideCar, noRelative = props2.noRelative, noIsolation = props2.noIsolation, inert = props2.inert, allowPinchZoom = props2.allowPinchZoom, _b2 = props2.as, Container2 = _b2 === void 0 ? "div" : _b2, gapMode = props2.gapMode, rest = __rest$1(props2, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref2, parentRef]);
   var containerProps = __assign$1(__assign$1({}, rest), callbacks2);
@@ -137397,7 +137443,7 @@ var RemoveScroll = React.forwardRef(function(props2, parentRef) {
     React.Fragment,
     null,
     enabled && React.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref2, gapMode }),
-    forwardProps ? React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container, __assign$1({}, containerProps, { className, ref: containerRef }), children)
+    forwardProps ? React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign$1({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -138348,7 +138394,7 @@ const StyledDialogContent = qe$1(Content)`
 const getParent2 = () => {
   return document.getElementById(PORTAL_ROOT_ID) || document.body;
 };
-const CloseButtonStyled = qe$1(Button$5)`
+const CloseButtonStyled = qe$1(Button$6)`
   position: absolute;
   z-index: ${Layers$1.closeButton};
   padding: 0;
@@ -138508,11 +138554,11 @@ const SlideoutComponent = (props2) => {
                 "div",
                 {
                   ref: props2.dropTargetRef,
-                  id: getEditWrapperIdWithType(props2.instanceId, "SbSlideout"),
+                  id: getEditWrapperIdWithType(props2.instanceId, "Slideout"),
                   style: {
                     anchorName: getWidgetDropAreaAnchorName(
                       props2.instanceId,
-                      "SbSlideout"
+                      "Slideout"
                     ),
                     height: "100%",
                     width: "100%"
@@ -138523,7 +138569,7 @@ const SlideoutComponent = (props2) => {
               props2.isEditing && props2.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 InteractionLayer,
                 {
-                  rootType: "SbSlideout",
+                  rootType: "Slideout",
                   rootInstanceId: props2.instanceId,
                   rootName: props2.name
                 }
@@ -138535,8 +138581,8 @@ const SlideoutComponent = (props2) => {
     }
   );
 };
-const SbSlideout = registerSbComponent(
-  "SbSlideout",
+const Slideout = registerComponent$1(
+  "Slideout",
   {
     propertiesDefinition: propertiesDefinition$a,
     container: true
@@ -139251,7 +139297,7 @@ const tagsColumnProperties = {
   }
 };
 const columnPanelConfig = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     label: Prop.string().readAndWrite().propertiesPanel({
       label: "Column header"
     })
@@ -139342,7 +139388,7 @@ const columnPanelConfig = {
       controlType: "SWITCH"
     }).default(true)
   }),
-  presentation: Section.category(PropsPanelCategory.Appearance).children({
+  presentation: Section$1.category(PropsPanelCategory.Appearance).children({
     headerIcon: Prop.string().readAndWrite().propertiesPanel({
       label: "Header icon",
       controlType: "ICON_SELECTOR",
@@ -139433,7 +139479,7 @@ const columnPanelConfig = {
       controlType: "SWITCH"
     })
   }),
-  interaction: Section.category(PropsPanelCategory.Interaction).add(
+  interaction: Section$1.category(PropsPanelCategory.Interaction).add(
     Prop.union({
       shared: {
         columnType: Prop.string()
@@ -145835,7 +145881,7 @@ function CaptionLabel(props2) {
 function IconDropdown(props2) {
   return jsxRuntimeExports.jsx("svg", __assign({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props2, { children: jsxRuntimeExports.jsx("path", { d: "M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z", fill: "currentColor", fillRule: "nonzero" }) }));
 }
-function Dropdown(props2) {
+function Dropdown$1(props2) {
   var _a2, _b2;
   var onChange2 = props2.onChange, value = props2.value, children = props2.children, caption = props2.caption, className = props2.className, style2 = props2.style;
   var dayPicker = useDayPicker();
@@ -145866,7 +145912,7 @@ function MonthsDropdown(props2) {
     var newMonth = setMonth2(startOfMonth(props2.displayMonth), selectedMonth);
     props2.onChange(newMonth);
   };
-  var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown;
+  var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown$1;
   return jsxRuntimeExports.jsx(DropdownComponent, { name: "months", "aria-label": labelMonthDropdown2(), className: classNames2.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: props2.displayMonth.getMonth(), caption: formatMonthCaption2(props2.displayMonth, { locale: locale2 }), children: dropdownMonths.map(function(m4) {
     return jsxRuntimeExports.jsx("option", { value: m4.getMonth(), children: formatMonthCaption2(m4, { locale: locale2 }) }, m4.getMonth());
   }) });
@@ -145889,7 +145935,7 @@ function YearsDropdown(props2) {
     var newMonth = setYear2(startOfMonth(displayMonth), Number(e3.target.value));
     props2.onChange(newMonth);
   };
-  var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown;
+  var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown$1;
   return jsxRuntimeExports.jsx(DropdownComponent, { name: "years", "aria-label": labelYearDropdown2(), className: classNames2.dropdown_year, style: styles.dropdown_year, onChange: handleChange, value: displayMonth.getFullYear(), caption: formatYearCaption2(displayMonth, { locale: locale2 }), children: years2.map(function(year2) {
     return jsxRuntimeExports.jsx("option", { value: year2.getFullYear(), children: formatYearCaption2(year2, { locale: locale2 }) }, year2.getFullYear());
   }) });
@@ -146974,7 +147020,7 @@ function getMonthWeeks(month, options) {
   }
   return weeksInMonth;
 }
-function Table$2(props2) {
+function Table$3(props2) {
   var _a2, _b2, _c2;
   var _d2 = useDayPicker(), locale2 = _d2.locale, classNames2 = _d2.classNames, styles = _d2.styles, hideHead = _d2.hideHead, fixedWeeks = _d2.fixedWeeks, components = _d2.components, weekStartsOn = _d2.weekStartsOn, firstWeekContainsDate = _d2.firstWeekContainsDate, ISOWeek = _d2.ISOWeek;
   var weeks2 = getMonthWeeks(props2.displayMonth, {
@@ -147045,7 +147091,7 @@ function Month(props2) {
     style2 = __assign(__assign({}, style2), styles.caption_between);
   }
   var CaptionComponent = (_b2 = components === null || components === void 0 ? void 0 : components.Caption) !== null && _b2 !== void 0 ? _b2 : Caption;
-  return jsxRuntimeExports.jsxs("div", { className: className.join(" "), style: style2, children: [jsxRuntimeExports.jsx(CaptionComponent, { id: captionId, displayMonth: props2.displayMonth, displayIndex: props2.displayIndex }), jsxRuntimeExports.jsx(Table$2, { id: tableId, "aria-labelledby": captionId, displayMonth: props2.displayMonth })] }, props2.displayIndex);
+  return jsxRuntimeExports.jsxs("div", { className: className.join(" "), style: style2, children: [jsxRuntimeExports.jsx(CaptionComponent, { id: captionId, displayMonth: props2.displayMonth, displayIndex: props2.displayIndex }), jsxRuntimeExports.jsx(Table$3, { id: tableId, "aria-labelledby": captionId, displayMonth: props2.displayMonth })] }, props2.displayIndex);
 }
 function Months$1(props2) {
   var _a2 = useDayPicker(), classNames2 = _a2.classNames, styles = _a2.styles;
@@ -148482,14 +148528,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-CmUnKzK9.js"
+            "./allPathsLoader-CjyQe-yl.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-mTPqVWRR.js"
+            "./splitPathsBySizeLoader-DWVXFLzy.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -148749,7 +148795,7 @@ SmallTick.defaultProps = {
   size: IconSize.STANDARD
 };
 SmallTick.displayName = "Blueprint5.Icon.SmallTick";
-var Icon = React.forwardRef(function(props2, ref2) {
+var Icon$1 = React.forwardRef(function(props2, ref2) {
   var _a2, _b2;
   var _c2 = props2.autoLoad, autoLoad = _c2 === void 0 ? true : _c2, className = props2.className, color = props2.color, icon = props2.icon, intent = props2.intent, _d2 = props2.tagName, tagName = _d2 === void 0 ? "span" : _d2, svgProps = props2.svgProps, title = props2.title, htmlTitle = props2.htmlTitle, htmlProps = __rest$2(props2, ["autoLoad", "className", "color", "icon", "intent", "tagName", "svgProps", "title", "htmlTitle"]);
   var size2 = (_b2 = (_a2 = props2.iconSize) !== null && _a2 !== void 0 ? _a2 : props2.size) !== null && _b2 !== void 0 ? _b2 : IconSize.STANDARD;
@@ -148805,7 +148851,7 @@ var Icon = React.forwardRef(function(props2, ref2) {
     }, removeNonHTMLProps(htmlProps)));
   }
 });
-Icon.displayName = "".concat(DISPLAYNAME_PREFIX, ".Icon");
+Icon$1.displayName = "".concat(DISPLAYNAME_PREFIX, ".Icon");
 var SpinnerSize;
 (function(SpinnerSize2) {
   SpinnerSize2[SpinnerSize2["SMALL"] = 20] = "SMALL";
@@ -148906,14 +148952,14 @@ function renderButtonContents(props2) {
     React.Fragment,
     null,
     loading2 && React.createElement(Spinner, { className: BUTTON_SPINNER, size: SpinnerSize.SMALL }),
-    React.createElement(Icon, { icon }),
+    React.createElement(Icon$1, { icon }),
     hasTextContent && React.createElement(
       Text,
       { className: classNames(BUTTON_TEXT, textClassName), ellipsize: ellipsizeText, tagName: "span" },
       text,
       children
     ),
-    React.createElement(Icon, { icon: endIcon !== null && endIcon !== void 0 ? endIcon : rightIcon })
+    React.createElement(Icon$1, { icon: endIcon !== null && endIcon !== void 0 ? endIcon : rightIcon })
   );
 }
 var OverlaysContext = React.createContext({
@@ -150329,7 +150375,7 @@ var MenuItem = React.forwardRef(function(props2, ref2) {
     React.createElement(
       "span",
       { className: MENU_ITEM_ICON },
-      React.createElement(Icon, { icon, "aria-hidden": true, tabIndex: -1 })
+      React.createElement(Icon$1, { icon, "aria-hidden": true, tabIndex: -1 })
     )
   ) : void 0, React.createElement(Text, { className: classNames(FILL, textClassName), ellipsize: !multiline, title: htmlTitle }, text), maybeLabel, hasSubmenu ? React.createElement(CaretRight, { className: MENU_SUBMENU_ICON, title: "Open sub menu" }) : void 0);
   var liClasses = classNames((_b2 = {}, _b2[MENU_SUBMENU] = hasSubmenu, _b2));
@@ -150481,7 +150527,7 @@ var InputGroup = (
       if (leftElement != null) {
         return React.createElement("span", { className: INPUT_LEFT_CONTAINER, ref: this.refHandlers.leftElement }, leftElement);
       } else if (leftIcon != null) {
-        return React.createElement(Icon, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
+        return React.createElement(Icon$1, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
       }
       return void 0;
     };
@@ -154463,7 +154509,7 @@ var TimePicker = (
       return React.createElement(
         "span",
         { "aria-controls": this.timeInputIds[timeUnit], "aria-label": label, tabIndex: -1, className: classes, onClick },
-        React.createElement(Icon, { icon: isDirectionUp ? "chevron-up" : "chevron-down", title: label })
+        React.createElement(Icon$1, { icon: isDirectionUp ? "chevron-up" : "chevron-down", title: label })
       );
     };
     TimePicker2.prototype.renderDivider = function(text) {
@@ -155766,8 +155812,8 @@ var DatePicker3 = (
         React.createElement(
           "div",
           { className: Classes.DATEPICKER_FOOTER, key: "footer" },
-          React.createElement(Button$4, { minimal: true, disabled: !todayEnabled, onClick: this.handleTodayClick, text: todayButtonText }),
-          React.createElement(Button$4, { disabled: !canClearSelection, minimal: true, onClick: this.handleClearClick, text: clearButtonText })
+          React.createElement(Button$5, { minimal: true, disabled: !todayEnabled, onClick: this.handleTodayClick, text: todayButtonText }),
+          React.createElement(Button$5, { disabled: !canClearSelection, minimal: true, onClick: this.handleClearClick, text: clearButtonText })
         )
       ];
     };
@@ -156347,7 +156393,7 @@ const DatePickerActionsWrapper = qe$1.div`
     bottom: -80px;
   }
 `;
-const DatePickerActionButton = qe$1(Button$4)`
+const DatePickerActionButton = qe$1(Button$5)`
   height: 32px;
   width: auto;
 
@@ -163767,7 +163813,7 @@ const TableButton = (props2) => {
     };
   }, [props2.buttonVariant, props2.backgroundColor, props2.theme]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": `action-button`, style: wrapperStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button$3,
+    Button$4,
     {
       theme: props2.theme,
       textColor: ((_a2 = textProps.style) == null ? void 0 : _a2.color) ?? defaultTextColor,
@@ -164575,7 +164621,7 @@ const rowEventArgs = (entity) => {
   ];
 };
 const propertiesDefinition$9 = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     header: Prop.string().readAndWrite().default("").propertiesPanel({
       label: "Header",
       placeholder: "Table name",
@@ -164658,7 +164704,7 @@ const propertiesDefinition$9 = {
     })
   }),
   layout: basicLayout(),
-  interaction: Section.category(PropsPanelCategory.Interaction).add({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).add({
     isFilterable: Prop.boolean().readAndWrite().default(true).propertiesPanel({
       label: "Filtering",
       helpText: "Enable per column filtering"
@@ -164767,7 +164813,7 @@ const propertiesDefinition$9 = {
       helpText: "Sets the search placeholder text"
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     defaultSelectedRow: Prop.number().readAndWrite().propertiesPanel({
       label: "Default selected row",
       helpText: "Sets the default selected row"
@@ -164878,7 +164924,7 @@ const propertiesDefinition$9 = {
       helpText: "Sets the border radius of the search"
     })
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onRowClick: Prop.event().propertiesPanel({
       label: "onRowClick",
       computedArgs: rowEventArgs
@@ -164927,7 +164973,7 @@ const propertiesDefinition$9 = {
       ]
     })
   }),
-  derived: Section.category(PropsPanelCategory.Derived).children({
+  derived: Section$1.category(PropsPanelCategory.Derived).children({
     // leaving tableDataWithInserts in because filteredTableData depends on them
     // because we won't have editing, tableDataWithInserts will be the same as tableData
     tableDataWithInserts: Prop.any().readable().default(function() {
@@ -164952,7 +164998,7 @@ const propertiesDefinition$9 = {
     // validationErrors: Prop.any().readable().default(getAllValidationErrors),
     // editedRowIndices: Prop.any().readable().default(getEditedRowIndices),
   }),
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     selectedRowIndex: Prop.number().readable().default(function() {
       return this.defaultSelectedRow;
     }),
@@ -174522,7 +174568,7 @@ const TableRoot = /* @__PURE__ */ React__default.memo(function TableVirtuosoRoot
   )));
 });
 const {
-  Component: Table$1,
+  Component: Table$2,
   usePublisher,
   useEmitterValue,
   useEmitter
@@ -174584,7 +174630,7 @@ const {
 );
 const Scroller = /* @__PURE__ */ buildScroller({ usePublisher, useEmitterValue, useEmitter });
 const WindowScroller = /* @__PURE__ */ buildWindowScroller({ usePublisher, useEmitterValue, useEmitter });
-const TableVirtuoso = Table$1;
+const TableVirtuoso = Table$2;
 const isUserOnMac = () => window.navigator.platform.toLowerCase().indexOf("mac") >= 0;
 const TableActionIcon = ({
   children,
@@ -174981,14 +175027,14 @@ const Right$2 = qe$1.div`
     align-items: center;
   }
 `;
-const AddButton = qe$1(Button$5)`
+const AddButton = qe$1(Button$6)`
   padding: 5px;
   svg {
     height: 20px;
     width: 20px;
   }
 `;
-const DeleteButton = qe$1(Button$5)`
+const DeleteButton = qe$1(Button$6)`
   padding: 7px;
   svg {
     height: 16px;
@@ -175121,7 +175167,7 @@ const TableFooter = ({
     if (numEdits > 0) {
       buttons.push(
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$5,
+          Button$6,
           {
             type: "ghost",
             onClick: handleEditCancel,
@@ -175149,7 +175195,7 @@ const TableFooter = ({
       }
       buttons.push(
         /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$2, { placement: "bottom", title: tooltipMessage, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$5,
+          Button$6,
           {
             type: "primary",
             onClick: handleEditSave,
@@ -175432,7 +175478,7 @@ const ColumnsSetting = (props2) => {
           );
         }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Right$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$5,
+          Button$6,
           {
             type: "primary",
             size: "small",
@@ -175748,7 +175794,7 @@ const uiOfparamsType = {
       rules: [{ required: true, message: "Enter a value" }],
       initialValue: formParams.text1,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Input2,
+        Input$1,
         {
           placeholder: "Value",
           "data-test": "filter-condition-param",
@@ -175852,7 +175898,7 @@ const uiOfparamsType = {
       rules: [{ required: true, message: "Enter a value" }],
       initialValue: formParams.date1,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DatePicker,
+        DatePicker$1,
         {
           placeholder: "Value",
           "data-test": "filter-condition-param",
@@ -175890,7 +175936,7 @@ const uiOfparamsType = {
       ],
       initialValue: [formParams.date1 ?? null, formParams.date2 ?? null],
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DatePicker.RangePicker,
+        DatePicker$1.RangePicker,
         {
           style: { width: "100%" },
           format: backwardsCompatibleMomentFormatter(
@@ -176330,7 +176376,7 @@ const FilterPopoverContent = ({
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs(ValuesSelectAllNoneWrapper, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Button$5,
+                        Button$6,
                         {
                           type: "link",
                           style: { padding: 0 },
@@ -176341,7 +176387,7 @@ const FilterPopoverContent = ({
                         }
                       ),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Button$5,
+                        Button$6,
                         {
                           type: "link",
                           style: { padding: 0 },
@@ -176390,7 +176436,7 @@ const FilterPopoverContent = ({
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(ActionButtonsWrapper, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Form$1.Item, { style: { marginRight: "auto" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button$5,
+            Button$6,
             {
               type: "link",
               onClick: handleClearClick,
@@ -176401,7 +176447,7 @@ const FilterPopoverContent = ({
             }
           ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Form$1.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button$5,
+            Button$6,
             {
               onClick: onClose2,
               className: CLASS_NAMES.SECONDARY_NEUTRAL_BUTTON,
@@ -176409,7 +176455,7 @@ const FilterPopoverContent = ({
             }
           ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Form$1.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button$5,
+            Button$6,
             {
               type: "primary",
               htmlType: "submit",
@@ -177138,7 +177184,7 @@ const Wrapper$1 = qe$1.div`
   display: flex;
   align-items: center;
 `;
-const MenuButton = qe$1(Button$5)`
+const MenuButton = qe$1(Button$6)`
   height: ${(props2) => props2.$tableSizes.ROW_HEIGHT - 2 * MENU_PADDING}px;
   width: ${(props2) => props2.$tableSizes.ROW_HEIGHT - 2 * MENU_PADDING}px;
   min-height: 20px;
@@ -177170,7 +177216,7 @@ const TableRowContextMenu = (props2) => {
     };
   }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Dropdown$1,
+    Dropdown$2,
     {
       trigger: ["click"],
       placement: "bottom",
@@ -177504,7 +177550,7 @@ const isRowEqual = (row1, row2) => {
   });
   return isRowEqual2;
 };
-const Table = (props2) => {
+const Table$1 = (props2) => {
   var _a2, _b2;
   const tableSizes = TABLE_SIZES[getRowDensity(props2.rowDensity)];
   const {
@@ -179771,7 +179817,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
     }, 0) + Object.keys(this.props.deletedRowIndices ?? {}).length + Object.keys(((_a2 = this.props.inserts) == null ? void 0 : _a2.insertedRowsById) ?? {}).length;
     const numEditErrors = ((_b2 = this.props.validationErrors) == null ? void 0 : _b2.length) ?? 0;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TableManagerContext.Provider, { value: this.tableManager, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton$1, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table,
+      Table$1,
       {
         theme: this.props.theme,
         appMode: "EDIT",
@@ -179933,8 +179979,8 @@ const EMPTY_ARRAY = [];
 const EMPTY_OBJ = {};
 const noop = () => {
 };
-const SbTable = registerSbComponent(
-  "SbTable",
+const Table = registerComponent$1(
+  "Table",
   {
     propertiesDefinition: propertiesDefinition$9
   },
@@ -180692,7 +180738,7 @@ var MultiSelect = (
         var maybeClearButton = onClear !== void 0 && selectedItems.length > 0 ? (
           // use both aria-label and title a11y attributes here, for screen readers
           // and mouseover interactions respectively
-          React.createElement(Button$4, { "aria-label": "Clear selected items", disabled, icon: React.createElement(Cross$1, null), minimal: true, onClick: _this.handleClearButtonClick, title: "Clear selected items" })
+          React.createElement(Button$5, { "aria-label": "Clear selected items", disabled, icon: React.createElement(Cross$1, null), minimal: true, onClick: _this.handleClearButtonClick, title: "Clear selected items" })
         ) : void 0;
         var inputProps = __assign$2(__assign$2({}, tagInputProps.inputProps), { className: classNames((_a3 = tagInputProps.inputProps) === null || _a3 === void 0 ? void 0 : _a3.className, MULTISELECT_TAG_INPUT_INPUT) });
         return React.createElement(TagInput, __assign$2({ placeholder, rightElement: maybeClearButton }, tagInputProps, { className: classNames(className, MULTISELECT, tagInputProps.className), disabled, fill, inputRef: _this.refHandlers.input, inputProps, inputValue: listProps.query, onAdd: _this.getTagInputAddHandler(listProps), onInputChange: listProps.handleQueryChange, onRemove: _this.handleTagRemove, values: selectedItems.map(_this.props.tagRenderer) }));
@@ -183818,7 +183864,7 @@ const normalizeFunction = (val, transformationValue) => {
   return String(val);
 };
 const propertiesDefinition$8 = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     label: Prop.string().readAndWrite().default("").propertiesPanel({
       label: "Label",
       helpText: "Text to be shown above the dropdown",
@@ -183856,7 +183902,7 @@ const propertiesDefinition$8 = {
       }
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     labelPosition: labelPosition(),
     labelStyle: labelTextStyle(),
     icon: Prop.string().propertiesPanel({
@@ -183874,11 +183920,11 @@ const propertiesDefinition$8 = {
     textStyle: inputTextStyle(),
     loading: loading()
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
+  layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
     ...size$2(),
     ...widthWithoutFit()
   }).add(margin()).add(visible()),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     multiselect: Prop.boolean().readAndWrite().default(false).propertiesPanel({
       label: "Multi-select",
       helpText: "Allows users to select either a single option or multiple options"
@@ -183910,7 +183956,7 @@ const propertiesDefinition$8 = {
     errorMessagePlacement,
     ...customValidationProperties
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onOptionChange: Prop.event().propertiesPanel({
       label: "onOptionChange"
     }),
@@ -183921,7 +183967,7 @@ const propertiesDefinition$8 = {
       label: "onClear"
     })
   }),
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     metaSelectedOptionValue: Prop.any().default(function() {
       return this.defaultOptionValue;
     }),
@@ -183931,7 +183977,7 @@ const propertiesDefinition$8 = {
     isTouched: Prop.boolean().default(false),
     searchText: Prop.string()
   }),
-  derived: Section.category(PropsPanelCategory.Derived).children({
+  derived: Section$1.category(PropsPanelCategory.Derived).children({
     value: Prop.any().readable().default(function() {
       return this.multiselect ? this.selectedOptionArr : this.selectedOptionValue;
     }),
@@ -184118,8 +184164,8 @@ const DropdownStyleOverrides = qe$1.div`
     ${(props2) => props2.$vertical ? labelStyle.vertical : labelStyle.horizontal}
   }
 `;
-const SbDropdown = registerSbComponent(
-  "SbDropdown",
+const Dropdown = registerComponent$1(
+  "Dropdown",
   {
     container: false,
     propertiesDefinition: propertiesDefinition$8
@@ -184360,8 +184406,8 @@ const SbDropdown = registerSbComponent(
     ) }) });
   }
 );
-const SbCustom = registerSbComponent(
-  "SbCustom",
+const CustomComponent = registerComponent$1(
+  "CustomComponent",
   {
     propertiesDefinition: {}
   },
@@ -184379,20 +184425,20 @@ const SbCustom = registerSbComponent(
   }
 );
 const defaultSections = {
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     loading: loading()
   }),
   layout: basicLayout()
 };
 function registerComponent(name, propertiesDefinition2, component) {
-  const contentSection = Section.category(PropsPanelCategory.Content).children(
+  const contentSection = Section$1.category(PropsPanelCategory.Content).children(
     Object.fromEntries(
       Object.entries(propertiesDefinition2).filter(
         ([_15, prop]) => prop.type !== "event"
       )
     )
   );
-  const eventSection = Section.category(
+  const eventSection = Section$1.category(
     PropsPanelCategory.EventHandlers
   ).children(
     Object.fromEntries(
@@ -184401,7 +184447,7 @@ function registerComponent(name, propertiesDefinition2, component) {
       )
     )
   );
-  return registerSbComponent(
+  return registerComponent$1(
     name,
     {
       propertiesDefinition: {
@@ -184516,7 +184562,7 @@ class CheckboxComponent extends React__default.PureComponent {
   }
 }
 const propertiesDefinition$7 = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     label: Prop.string().readAndWrite().default("").propertiesPanel({
       label: "Label",
       helpText: "Displays a label next to the component",
@@ -184531,12 +184577,12 @@ const propertiesDefinition$7 = {
       controlType: "SWITCH"
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     labelStyle: labelTextStyle(),
     loading: loading()
   }),
   layout: basicLayout(),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     isRequired: Prop.boolean().readAndWrite().propertiesPanel({
       label: "Required",
       helpText: "Makes checking this component mandatory",
@@ -184549,19 +184595,19 @@ const propertiesDefinition$7 = {
     errorMessagePlacement,
     ...customValidationProperties
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onCheckChange: Prop.event().propertiesPanel({
       label: "onCheckChange"
     })
   }),
   // non-configurable properties
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     isTouched: Prop.boolean().default(false),
     isChecked: Prop.boolean().readable().default(function() {
       return this.defaultChecked;
     })
   }),
-  derived: Section.category(PropsPanelCategory.Derived).children({
+  derived: Section$1.category(PropsPanelCategory.Derived).children({
     value: Prop.boolean().readable().default(function() {
       return this.isChecked;
     }),
@@ -184589,8 +184635,8 @@ const CheckboxContainer = qe$1.div`
   flex-direction: column;
   align-items: flex-start;
 `;
-const SbCheckbox = registerSbComponent(
-  "SbCheckbox",
+const Checkbox = registerComponent$1(
+  "Checkbox",
   {
     propertiesDefinition: propertiesDefinition$7
   },
@@ -184745,7 +184791,7 @@ const adjustMinMaxDateSideEffect = (params) => {
   return {};
 };
 const propertiesDefinition$6 = {
-  general: Section.category(PropsPanelCategory.Content).add({
+  general: Section$1.category(PropsPanelCategory.Content).add({
     label: Prop.string().readAndWrite().default("").propertiesPanel({
       label: "Label",
       helpText: "Sets a label text for the Datepicker",
@@ -184816,11 +184862,11 @@ const propertiesDefinition$6 = {
       controlType: "SWITCH"
     })
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
+  layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
     ...size$2(),
     ...widthWithoutFit()
   }).add(margin()).add(visible()),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     labelPosition: labelPosition(),
     labelStyle: labelTextStyle(),
     icon: Prop.string().readAndWrite().default("calendar_today").propertiesPanel({
@@ -184837,7 +184883,7 @@ const propertiesDefinition$6 = {
     textStyle: inputTextStyle(),
     loading: loading()
   }),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     isRequired: Prop.boolean().readAndWrite().default(false).propertiesPanel({
       label: "Required",
       helpText: "Makes date picker mandatory",
@@ -184864,7 +184910,7 @@ const propertiesDefinition$6 = {
     errorMessagePlacement,
     ...customValidationProperties
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onDateSelected: Prop.event().propertiesPanel({
       label: "onDateSelected"
     })
@@ -184875,13 +184921,13 @@ const propertiesDefinition$6 = {
    * Also handles defaults from our old system
    * Also handles meta properties like isTouched & selectedDate
    */
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     selectedDate: Prop.string().readable().default(function() {
       return this.defaultDate;
     }),
     isTouched: Prop.boolean().default(false)
   }),
-  derived: Section.category(PropsPanelCategory.Derived).children({
+  derived: Section$1.category(PropsPanelCategory.Derived).children({
     value: Prop.string().readable().default(function() {
       return this.selectedDate ? this.selectedDate : void 0;
     }),
@@ -184935,8 +184981,8 @@ const DatePickerContainer = qe$1.div`
   align-items: flex-start;
   width: 100%;
 `;
-const SbDatePicker = registerSbComponent(
-  "SbDatePicker",
+const DatePicker = registerComponent$1(
+  "DatePicker",
   {
     // If we want to allow nesting other child widgets inside date picker,
     // set container: true. Usually date pickers won't container other widgets.
@@ -185017,7 +185063,7 @@ const SbDatePicker = registerSbComponent(
   }
 );
 const propertiesDefinition$5 = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     label: Prop.string().readAndWrite().default("").propertiesPanel({
       label: "Label",
       helpText: "The label to be displayed beside the switch",
@@ -185032,7 +185078,7 @@ const propertiesDefinition$5 = {
       controlType: "SWITCH"
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     labelPosition: Prop.string().readAndWrite().default("right").propertiesPanel({
       label: "Label position",
       controlType: "RADIO_BUTTON_GROUP",
@@ -185056,7 +185102,7 @@ const propertiesDefinition$5 = {
     })
   }),
   layout: basicLayout(),
-  interaction: Section.category(PropsPanelCategory.Interaction).children({
+  interaction: Section$1.category(PropsPanelCategory.Interaction).children({
     isRequired: Prop.boolean().readAndWrite().propertiesPanel({
       label: "Required",
       helpText: "Makes checking this component mandatory",
@@ -185069,19 +185115,19 @@ const propertiesDefinition$5 = {
     errorMessagePlacement,
     ...customValidationProperties
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onSwitchChange: Prop.event().propertiesPanel({
       label: "onSwitchChange"
     })
   }),
   // non-configurable properties
-  meta: Section.category(PropsPanelCategory.Meta).children({
+  meta: Section$1.category(PropsPanelCategory.Meta).children({
     isTouched: Prop.boolean().default(false),
     isChecked: Prop.boolean().readable().default(function() {
       return this.defaultChecked;
     })
   }),
-  derived: Section.category(PropsPanelCategory.Derived).children({
+  derived: Section$1.category(PropsPanelCategory.Derived).children({
     isToggledOn: Prop.boolean().readable().default(function() {
       return this.isChecked;
     }),
@@ -185247,8 +185293,8 @@ const SwitchContainer = qe$1.div`
   flex-direction: column;
   align-items: flex-start;
 `;
-const SbSwitch = registerSbComponent(
-  "SbSwitch",
+const Switch = registerComponent$1(
+  "Switch",
   {
     propertiesDefinition: propertiesDefinition$5
   },
@@ -185303,7 +185349,7 @@ const SbSwitch = registerSbComponent(
   }
 );
 const propertiesDefinition$4 = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     icon: Prop.string().readAndWrite().default("info").propertiesPanel({
       label: "Icon",
       helpText: "Select an icon",
@@ -185311,20 +185357,20 @@ const propertiesDefinition$4 = {
     })
   }),
   // layout: basicLayout(),
-  layout: Section.category(PropsPanelCategory.Layout).children({
+  layout: Section$1.category(PropsPanelCategory.Layout).children({
     size: Prop.dimension().readAndWrite().propertiesPanel({
       label: "Size",
       controlType: "WIDTH_DROPDOWN"
     }).default(Dim.fit())
   }).add(margin()).add(visible()),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     color: colorProp({
       label: "Color",
       helpText: "Changes the color of the icon"
     }),
     loading: loading()
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onClick: Prop.event().propertiesPanel({
       label: "onClick",
       helpText: "Triggers an action when a user clicks the icon"
@@ -185334,8 +185380,8 @@ const propertiesDefinition$4 = {
 const StyledContainer = qe$1.div`
   overflow: hidden;
 `;
-const SbIcon = registerSbComponent(
-  "SbIcon",
+const Icon = registerComponent$1(
+  "Icon",
   {
     propertiesDefinition: propertiesDefinition$4
   },
@@ -185533,7 +185579,7 @@ class ImageComponent extends React.Component {
   }
 }
 const propertiesDefinition$3 = {
-  general: Section.category(PropsPanelCategory.Content).children({
+  general: Section$1.category(PropsPanelCategory.Content).children({
     src: Prop.string().readAndWrite().propertiesPanel({
       label: "Image",
       helpText: "Renders the image from the URL or Data URL in the component.",
@@ -185541,7 +185587,7 @@ const propertiesDefinition$3 = {
       controlType: "INPUT_TEXT"
     })
   }),
-  appearance: Section.category(PropsPanelCategory.Appearance).children({
+  appearance: Section$1.category(PropsPanelCategory.Appearance).children({
     backgroundColor: colorProp({
       label: "Background",
       helpText: "Changes the color of the background"
@@ -185572,8 +185618,8 @@ const propertiesDefinition$3 = {
     }),
     loading: loading()
   }),
-  layout: Section.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible()),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  layout: Section$1.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible()),
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onClick: Prop.event().propertiesPanel({
       label: "onClick",
       helpText: "Triggers an action when a user clicks the image"
@@ -185586,8 +185632,8 @@ const ImageContainer = qe$1.div`
   align-items: flex-start;
   overflow-y: hidden;
 `;
-const SbImage = registerSbComponent(
-  "SbImage",
+const Image = registerComponent$1(
+  "Image",
   {
     propertiesDefinition: propertiesDefinition$3
   },
@@ -185625,7 +185671,7 @@ const SbImage = registerSbComponent(
   }
 );
 const propertiesDefinition$2 = {
-  general: Section.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
+  general: Section$1.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
     defaultValue: Prop.any().readAndWrite().propertiesPanel({
       label: "Default value",
       helpText: "Sets the default value of the state variable",
@@ -185651,7 +185697,7 @@ const propertiesDefinition$2 = {
       ]
     })
   }),
-  functions: Section.category(PropsPanelCategory.Functions).children({
+  functions: Section$1.category(PropsPanelCategory.Functions).children({
     set: Prop.function(function(_s2, value) {
       const widget = this;
       widget.value = value;
@@ -185662,7 +185708,7 @@ const propertiesDefinition$2 = {
     })
   })
 };
-const SbVariable = registerSbEntity(
+const SbVariable = registerEntity(
   SbEntityType.VARIABLE,
   {
     propertiesDefinition: propertiesDefinition$2
@@ -185678,7 +185724,7 @@ const SbVariable = registerSbEntity(
   }
 );
 const propertiesDefinition$1 = {
-  general: Section.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
+  general: Section$1.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
     intervalMs: Prop.number().default(300).readAndWrite().propertiesPanel({
       label: "Interval",
       helpText: "Sets the interval of the timer",
@@ -185692,16 +185738,16 @@ const propertiesDefinition$1 = {
       controlType: "SWITCH"
     })
   }),
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onFire: Prop.event().propertiesPanel({ label: "onFire" })
   }),
-  metadata: Section.category(PropsPanelCategory.Meta).children({
+  metadata: Section$1.category(PropsPanelCategory.Meta).children({
     timerId: Prop.string().validate(VALIDATORS.TEXT_ALLOW_UNDEFINED),
     isRunning: Prop.boolean().default(function() {
       return this.timerId !== void 0;
     })
   }),
-  functions: Section.category(PropsPanelCategory.Functions).children({
+  functions: Section$1.category(PropsPanelCategory.Functions).children({
     start: Prop.function(function(_s2) {
       const timer = this;
       if (timer.timerId) clearInterval(timer.timerId);
@@ -185725,7 +185771,7 @@ const propertiesDefinition$1 = {
     })
   })
 };
-const SbTimer = registerSbEntity(
+const SbTimer = registerEntity(
   SbEntityType.TIMER,
   {
     propertiesDefinition: propertiesDefinition$1
@@ -185794,7 +185840,7 @@ class SuspensibleAPI {
   }
 }
 const propertiesDefinition = {
-  events: Section.category(PropsPanelCategory.EventHandlers).children({
+  events: Section$1.category(PropsPanelCategory.EventHandlers).children({
     onSuccess: Prop.event().propertiesPanel({ label: "onSuccess" }),
     onError: Prop.event().propertiesPanel({ label: "onError" })
   }).propertiesPanel({
@@ -185803,7 +185849,7 @@ const propertiesDefinition = {
     headerType: "Large",
     subHeader: "Configure frontend event handlers to run in response to the API"
   }),
-  metadata: Section.category(PropsPanelCategory.Meta).children({
+  metadata: Section$1.category(PropsPanelCategory.Meta).children({
     response: Prop.any().computed(function() {
       return this._suspensibleApi.response;
     }).readable(),
@@ -185814,7 +185860,7 @@ const propertiesDefinition = {
       return this._suspensibleApi.isLoading;
     }).readable()
   }),
-  functions: Section.category("Derived").children({
+  functions: Section$1.category("Derived").children({
     run: Prop.function(async function(_s2) {
       var _a2, _b2;
       const api2 = this;
@@ -185832,7 +185878,7 @@ const propertiesDefinition = {
       await api2._suspensibleApi.cancel();
     })
   }),
-  internal: Section.category(PropsPanelCategory.Internal).children({
+  internal: Section$1.category(PropsPanelCategory.Internal).children({
     /**
      * Internal SuspensibleAPI instance that manages loading states and React Suspense integration.
      * This property is hidden from the public interface but accessible to other properties.
@@ -185859,7 +185905,7 @@ const propertiesDefinition = {
     })
   })
 };
-const SbApi = registerSbEntity(
+const SbApi = registerEntity(
   SbEntityType.API,
   {
     propertiesDefinition
@@ -197942,7 +197988,7 @@ const EmbedWrapper = (props2) => {
                 throw new Error(`API ${apiName} not found`);
               }
               runEventHandlers({
-                flow: SbEventFlow.runApis([api2]),
+                flow: EventFlow.runApis([api2]),
                 name: getName(apiName),
                 scopeId,
                 additionalContext: {
@@ -200114,8 +200160,8 @@ function useUpdateProperties() {
   );
 }
 const useTheme = useTheme$1;
-function sbComputed(fn3) {
-  const computedValue = computed(() => {
+function computed(fn3) {
+  const computedValue = computed$1(() => {
     try {
       return fn3;
     } catch (error) {
@@ -200166,29 +200212,29 @@ var clientExports = requireClient();
 export {
   Outlet as $,
   AppStateVarPersistence6 as A,
-  SbApi as B,
-  SbProvider as C,
-  SbEventFlow as D,
-  copyToClipboard as E,
-  navigateTo as F,
-  setQueryParams as G,
-  download as H,
+  Button$3 as B,
+  Column as C,
+  Dropdown as D,
+  EventFlow as E,
+  showAlert as F,
+  logoutIntegrations as G,
+  registerScope as H,
   IconSize$2 as I,
-  showAlert as J,
-  logoutIntegrations as K,
-  registerScope as L,
-  registerPage as M,
-  createSbScope as N,
-  Global as O,
-  Embed as P,
+  registerPage as J,
+  createScope as K,
+  Global as L,
+  Modal as M,
+  Theme as N,
+  Embed as O,
+  Page as P,
   Env as Q,
   SbEvent as R,
-  SbButton as S,
-  Theme as T,
+  Section2 as S,
+  Text$1 as T,
   useUpdateProperties as U,
   useTheme as V,
   Prop as W,
-  sbComputed as X,
+  computed as X,
   Dim as Y,
   SB as Z,
   __awaiter as _,
@@ -200308,29 +200354,29 @@ export {
   useLocation as bx,
   useMatch as by,
   useMatches as bz,
-  SbSection as c,
-  SbColumn as d,
-  SbContainer as e,
-  SbInput as f,
-  SbPage as g,
-  SbText as h,
-  SbModal as i,
+  Container as c,
+  Input2 as d,
+  Slideout as e,
+  Table as f,
+  CustomComponent as g,
+  Checkbox as h,
+  DatePicker as i,
   jsxRuntimeExports as j,
-  SbSlideout as k,
-  SbTable as l,
+  Switch as k,
+  Icon as l,
   makeAutoObservable as m,
-  SbDropdown as n,
+  Image as n,
   observer as o,
   pascalCase as p,
-  SbCustom as q,
+  SbVariable as q,
   registerComponent as r,
-  SbCheckbox as s,
+  SbTimer as s,
   toJS as t,
-  SbDatePicker as u,
-  SbSwitch as v,
-  SbIcon as w,
-  SbImage as x,
-  SbVariable as y,
-  SbTimer as z
-};
-//# sourceMappingURL=index-NrZGBHks.js.map
+  SbApi as u,
+  SbProvider as v,
+  copyToClipboard as w,
+  navigateTo as x,
+  setQueryParams as y,
+  download as z
+};
+//# sourceMappingURL=index-BG-l_gfQ.js.map