@superblocksteam/library 2.0.8-next.0 → 2.0.8-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/{allPaths-WRYxU7UZ.js → allPaths-Cm5ix1Jo.js} +2 -2
  2. package/dist/{allPaths-WRYxU7UZ.js.map → allPaths-Cm5ix1Jo.js.map} +1 -1
  3. package/dist/{allPaths-B1MsvDDf.js → allPaths-D8-nUDU0.js} +2 -2
  4. package/dist/{allPaths-B1MsvDDf.js.map → allPaths-D8-nUDU0.js.map} +1 -1
  5. package/dist/{allPathsLoader-BHVTIYt4.js → allPathsLoader-CjyQe-yl.js} +3 -3
  6. package/dist/{allPathsLoader-jAElVH-z.js.map → allPathsLoader-CjyQe-yl.js.map} +1 -1
  7. package/dist/{allPathsLoader-jAElVH-z.js → allPathsLoader-btoKYE5V.js} +3 -3
  8. package/dist/{allPathsLoader-BHVTIYt4.js.map → allPathsLoader-btoKYE5V.js.map} +1 -1
  9. package/dist/{devtools-consolidated-CKofLggZ.js → devtools-consolidated-DEIGUjCl.js} +2 -2
  10. package/dist/{devtools-consolidated-CKofLggZ.js.map → devtools-consolidated-DEIGUjCl.js.map} +1 -1
  11. package/dist/{index-bTBSm8qa.js → index-BG-l_gfQ.js} +509 -511
  12. package/dist/{index-bTBSm8qa.js.map → index-BG-l_gfQ.js.map} +1 -1
  13. package/dist/index.js +38 -38
  14. package/dist/{splitPathsBySizeLoader-Dn3N8sjZ.js → splitPathsBySizeLoader-D4Fa2Noh.js} +2 -2
  15. package/dist/{splitPathsBySizeLoader-Dn3N8sjZ.js.map → splitPathsBySizeLoader-D4Fa2Noh.js.map} +1 -1
  16. package/dist/{splitPathsBySizeLoader-CyYanZaN.js → splitPathsBySizeLoader-DWVXFLzy.js} +2 -2
  17. package/dist/{splitPathsBySizeLoader-CyYanZaN.js.map → splitPathsBySizeLoader-DWVXFLzy.js.map} +1 -1
  18. package/dist-types/edit-mode/dnd/utils.d.ts +1 -1
  19. package/dist-types/edit-mode/features/interaction-layer-manager.d.ts +2 -2
  20. package/dist-types/edit-mode/interaction-layer.d.ts +1 -1
  21. package/dist-types/internal-testing/components/image.d.ts +1 -1
  22. package/dist-types/lib/index.d.ts +20 -20
  23. package/dist-types/lib/internal-details/lib/evaluator/base-entity-manager.d.ts +2 -2
  24. package/dist-types/lib/internal-details/lib/evaluator/to-executables-or-values.d.ts +2 -2
  25. package/dist-types/lib/internal-details/sb-wrapper.d.ts +2 -2
  26. package/dist-types/lib/internal-details/scope/scope.d.ts +2 -2
  27. package/dist-types/lib/triggers/implementations/apis/cancel-apis.d.ts +3 -3
  28. package/dist-types/lib/triggers/run-event-handlers.d.ts +2 -2
  29. package/dist-types/lib/user-facing/components/button/index.d.ts +2 -2
  30. package/dist-types/lib/user-facing/components/button/props.d.ts +1 -1
  31. package/dist-types/lib/user-facing/components/checkbox/index.d.ts +2 -2
  32. package/dist-types/lib/user-facing/components/checkbox/props.d.ts +1 -1
  33. package/dist-types/lib/user-facing/components/column/index.d.ts +1 -1
  34. package/dist-types/lib/user-facing/components/container/index.d.ts +1 -1
  35. package/dist-types/lib/user-facing/components/custom/index.d.ts +1 -1
  36. package/dist-types/lib/user-facing/components/custom/register-custom-component.d.ts +2 -2
  37. package/dist-types/lib/user-facing/components/date-picker/index.d.ts +2 -2
  38. package/dist-types/lib/user-facing/components/date-picker/props.d.ts +1 -1
  39. package/dist-types/lib/user-facing/components/dropdown/index.d.ts +4 -4
  40. package/dist-types/lib/user-facing/components/dropdown/props.d.ts +3 -3
  41. package/dist-types/lib/user-facing/components/icon/index.d.ts +2 -2
  42. package/dist-types/lib/user-facing/components/icon/props.d.ts +1 -1
  43. package/dist-types/lib/user-facing/components/image/index.d.ts +2 -2
  44. package/dist-types/lib/user-facing/components/image/props.d.ts +1 -1
  45. package/dist-types/lib/user-facing/components/input/index.d.ts +5 -5
  46. package/dist-types/lib/user-facing/components/input/props.d.ts +4 -4
  47. package/dist-types/lib/user-facing/components/modal/index.d.ts +3 -3
  48. package/dist-types/lib/user-facing/components/modal/props.d.ts +2 -2
  49. package/dist-types/lib/user-facing/components/page/index.d.ts +2 -2
  50. package/dist-types/lib/user-facing/components/page/props.d.ts +1 -1
  51. package/dist-types/lib/user-facing/components/page/register-page.d.ts +2 -2
  52. package/dist-types/lib/user-facing/components/section/index.d.ts +1 -1
  53. package/dist-types/lib/user-facing/components/slideout/index.d.ts +3 -3
  54. package/dist-types/lib/user-facing/components/slideout/props.d.ts +2 -2
  55. package/dist-types/lib/user-facing/components/switch/index.d.ts +2 -2
  56. package/dist-types/lib/user-facing/components/switch/props.d.ts +1 -1
  57. package/dist-types/lib/user-facing/components/table/column-properties-panel.d.ts +1 -1
  58. package/dist-types/lib/user-facing/components/table/index.d.ts +7 -7
  59. package/dist-types/lib/user-facing/components/table/props.d.ts +6 -6
  60. package/dist-types/lib/user-facing/components/text/index.d.ts +1 -1
  61. package/dist-types/lib/user-facing/entities/api/index.d.ts +5 -5
  62. package/dist-types/lib/user-facing/entities/api/props.d.ts +2 -2
  63. package/dist-types/lib/user-facing/entities/timer/index.d.ts +3 -3
  64. package/dist-types/lib/user-facing/entities/timer/props.d.ts +1 -1
  65. package/dist-types/lib/user-facing/{sb-event-flow.d.ts → event-flow.d.ts} +25 -25
  66. package/dist-types/lib/user-facing/internal-index.d.ts +1 -1
  67. package/dist-types/lib/user-facing/properties-panel/props-builder.d.ts +4 -4
  68. package/dist-types/lib/user-facing/state/computed.d.ts +2 -0
  69. package/dist-types/lib/user-facing/state/create-scope.d.ts +4 -4
  70. package/dist-types/lib/user-facing/state/types.d.ts +1 -1
  71. package/package.json +2 -2
  72. package/dist-types/lib/user-facing/state/sb-computed.d.ts +0 -2
package/dist/{index-bTBSm8qa.js → index-BG-l_gfQ.js} RENAMED
@@ -1887,7 +1887,7 @@ function createAutoAnnotation(options) {
1887
1887
  function make_$5(adm, key2, descriptor, source2) {
1888
1888
  var _this$options_3, _this$options_4;
1889
1889
  if (descriptor.get) {
1890
- return computed.make_(adm, key2, descriptor, source2);
1890
+ return computed$1.make_(adm, key2, descriptor, source2);
1891
1891
  }
1892
1892
  if (descriptor.set) {
1893
1893
  var set5 = createAction(key2.toString(), descriptor.set);
@@ -1923,7 +1923,7 @@ function make_$5(adm, key2, descriptor, source2) {
1923
1923
  function extend_$5(adm, key2, descriptor, proxyTrap) {
1924
1924
  var _this$options_5, _this$options_6;
1925
1925
  if (descriptor.get) {
1926
- return computed.extend_(adm, key2, descriptor, proxyTrap);
1926
+ return computed$1.extend_(adm, key2, descriptor, proxyTrap);
1927
1927
  }
1928
1928
  if (descriptor.set) {
1929
1929
  return adm.defineProperty_(key2, {
@@ -2040,7 +2040,7 @@ var computedAnnotation = /* @__PURE__ */ createComputedAnnotation(COMPUTED);
2040
2040
  var computedStructAnnotation = /* @__PURE__ */ createComputedAnnotation(COMPUTED_STRUCT, {
2041
2041
  equals: comparer.structural
2042
2042
  });
2043
- var computed = function computed2(arg1, arg2) {
2043
+ var computed$1 = function computed2(arg1, arg2) {
2044
2044
  if (is20223Decorator(arg2)) {
2045
2045
  return computedAnnotation.decorate_20223_(arg1, arg2);
2046
2046
  }
@@ -2063,8 +2063,8 @@ var computed = function computed2(arg1, arg2) {
2063
2063
  opts.name || (opts.name = arg1.name || "");
2064
2064
  return new ComputedValue(opts);
2065
2065
  };
2066
- Object.assign(computed, computedAnnotation);
2067
- computed.struct = /* @__PURE__ */ createDecoratorAnnotation(computedStructAnnotation);
2066
+ Object.assign(computed$1, computedAnnotation);
2067
+ computed$1.struct = /* @__PURE__ */ createDecoratorAnnotation(computedStructAnnotation);
2068
2068
  var _getDescriptor$config, _getDescriptor;
2069
2069
  var currentActionId = 0;
2070
2070
  var nextActionId = 1;
@@ -46422,7 +46422,7 @@ function getTwoToneColor() {
46422
46422
  }
46423
46423
  var _excluded$u = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
46424
46424
  setTwoToneColor(blue$1.primary);
46425
- var Icon$3 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
46425
+ var Icon$4 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
46426
46426
  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);
46427
46427
  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;
46428
46428
  var classString = classNames(rootClassName, prefixCls, _defineProperty$3(_defineProperty$3({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin2 || icon.name === "loading"), className);
@@ -46450,12 +46450,12 @@ var Icon$3 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
46450
46450
  style: svgStyle
46451
46451
  }));
46452
46452
  });
46453
- Icon$3.displayName = "AntdIcon";
46454
- Icon$3.getTwoToneColor = getTwoToneColor;
46455
- Icon$3.setTwoToneColor = setTwoToneColor;
46453
+ Icon$4.displayName = "AntdIcon";
46454
+ Icon$4.getTwoToneColor = getTwoToneColor;
46455
+ Icon$4.setTwoToneColor = setTwoToneColor;
46456
46456
  var define_process_env_default$1t = {};
46457
46457
  var CheckCircleFilled$3 = function CheckCircleFilled2(props2, ref2) {
46458
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
46458
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
46459
46459
  ref: ref2,
46460
46460
  icon: CheckCircleFilled$4
46461
46461
  }));
@@ -46467,7 +46467,7 @@ if (define_process_env_default$1t.NODE_ENV !== "production") {
46467
46467
  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" };
46468
46468
  var define_process_env_default$1s = {};
46469
46469
  var CloseCircleFilled$3 = function CloseCircleFilled2(props2, ref2) {
46470
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
46470
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
46471
46471
  ref: ref2,
46472
46472
  icon: CloseCircleFilled$4
46473
46473
  }));
@@ -46479,7 +46479,7 @@ if (define_process_env_default$1s.NODE_ENV !== "production") {
46479
46479
  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" };
46480
46480
  var define_process_env_default$1r = {};
46481
46481
  var ExclamationCircleFilled$3 = function ExclamationCircleFilled2(props2, ref2) {
46482
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
46482
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
46483
46483
  ref: ref2,
46484
46484
  icon: ExclamationCircleFilled$4
46485
46485
  }));
@@ -46491,7 +46491,7 @@ if (define_process_env_default$1r.NODE_ENV !== "production") {
46491
46491
  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" };
46492
46492
  var define_process_env_default$1q = {};
46493
46493
  var InfoCircleFilled$3 = function InfoCircleFilled2(props2, ref2) {
46494
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
46494
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
46495
46495
  ref: ref2,
46496
46496
  icon: InfoCircleFilled$4
46497
46497
  }));
@@ -46503,7 +46503,7 @@ if (define_process_env_default$1q.NODE_ENV !== "production") {
46503
46503
  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" };
46504
46504
  var define_process_env_default$1p = {};
46505
46505
  var LoadingOutlined$3 = function LoadingOutlined2(props2, ref2) {
46506
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
46506
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
46507
46507
  ref: ref2,
46508
46508
  icon: LoadingOutlined$4
46509
46509
  }));
@@ -48265,7 +48265,7 @@ api$1.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps$
48265
48265
  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" };
48266
48266
  var define_process_env_default$1k = {};
48267
48267
  var CheckCircleOutlined$3 = function CheckCircleOutlined2(props2, ref2) {
48268
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
48268
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
48269
48269
  ref: ref2,
48270
48270
  icon: CheckCircleOutlined$4
48271
48271
  }));
@@ -48277,7 +48277,7 @@ if (define_process_env_default$1k.NODE_ENV !== "production") {
48277
48277
  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" };
48278
48278
  var define_process_env_default$1j = {};
48279
48279
  var CloseCircleOutlined$3 = function CloseCircleOutlined2(props2, ref2) {
48280
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
48280
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
48281
48281
  ref: ref2,
48282
48282
  icon: CloseCircleOutlined$4
48283
48283
  }));
@@ -48289,7 +48289,7 @@ if (define_process_env_default$1j.NODE_ENV !== "production") {
48289
48289
  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" };
48290
48290
  var define_process_env_default$1i = {};
48291
48291
  var CloseOutlined$3 = function CloseOutlined2(props2, ref2) {
48292
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
48292
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
48293
48293
  ref: ref2,
48294
48294
  icon: CloseOutlined$4
48295
48295
  }));
@@ -48301,7 +48301,7 @@ if (define_process_env_default$1i.NODE_ENV !== "production") {
48301
48301
  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" };
48302
48302
  var define_process_env_default$1h = {};
48303
48303
  var ExclamationCircleOutlined$3 = function ExclamationCircleOutlined2(props2, ref2) {
48304
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
48304
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
48305
48305
  ref: ref2,
48306
48306
  icon: ExclamationCircleOutlined$4
48307
48307
  }));
@@ -48313,7 +48313,7 @@ if (define_process_env_default$1h.NODE_ENV !== "production") {
48313
48313
  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" };
48314
48314
  var define_process_env_default$1g = {};
48315
48315
  var InfoCircleOutlined$3 = function InfoCircleOutlined2(props2, ref2) {
48316
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
48316
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
48317
48317
  ref: ref2,
48318
48318
  icon: InfoCircleOutlined$4
48319
48319
  }));
@@ -50931,7 +50931,7 @@ var TransBtn = function TransBtn2(_ref2) {
50931
50931
  }))
50932
50932
  }, children));
50933
50933
  };
50934
- var Input$3 = function Input(_ref2, ref2) {
50934
+ var Input$4 = function Input(_ref2, ref2) {
50935
50935
  var _inputNode2, _inputNode2$props;
50936
50936
  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;
50937
50937
  var inputNode = inputElement || /* @__PURE__ */ React.createElement("input", null);
@@ -50998,7 +50998,7 @@ var Input$3 = function Input(_ref2, ref2) {
50998
50998
  }));
50999
50999
  return inputNode;
51000
51000
  };
51001
- var RefInput = /* @__PURE__ */ React.forwardRef(Input$3);
51001
+ var RefInput = /* @__PURE__ */ React.forwardRef(Input$4);
51002
51002
  RefInput.displayName = "Input";
51003
51003
  var define_process_env_default$1e = {};
51004
51004
  function toArray$8(value) {
@@ -59498,7 +59498,7 @@ var getMergedStatus = function getMergedStatus2(contextStatus, customStatus) {
59498
59498
  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" };
59499
59499
  var define_process_env_default$13 = {};
59500
59500
  var CheckOutlined = function CheckOutlined2(props2, ref2) {
59501
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
59501
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
59502
59502
  ref: ref2,
59503
59503
  icon: CheckOutlined$1
59504
59504
  }));
@@ -59510,7 +59510,7 @@ if (define_process_env_default$13.NODE_ENV !== "production") {
59510
59510
  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" };
59511
59511
  var define_process_env_default$12 = {};
59512
59512
  var DownOutlined = function DownOutlined2(props2, ref2) {
59513
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
59513
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
59514
59514
  ref: ref2,
59515
59515
  icon: DownOutlined$1
59516
59516
  }));
@@ -59522,7 +59522,7 @@ if (define_process_env_default$12.NODE_ENV !== "production") {
59522
59522
  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" };
59523
59523
  var define_process_env_default$11 = {};
59524
59524
  var SearchOutlined = function SearchOutlined2(props2, ref2) {
59525
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
59525
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
59526
59526
  ref: ref2,
59527
59527
  icon: SearchOutlined$1
59528
59528
  }));
@@ -60505,7 +60505,7 @@ Badge.Ribbon = Ribbon;
60505
60505
  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" };
60506
60506
  var define_process_env_default$Z = {};
60507
60507
  var EllipsisOutlined = function EllipsisOutlined2(props2, ref2) {
60508
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
60508
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
60509
60509
  ref: ref2,
60510
60510
  icon: EllipsisOutlined$1
60511
60511
  }));
@@ -60953,7 +60953,7 @@ function useDirectionStyle(level) {
60953
60953
  paddingLeft: len * inlineIndent
60954
60954
  };
60955
60955
  }
60956
- function Icon$2(_ref2) {
60956
+ function Icon$3(_ref2) {
60957
60957
  var icon = _ref2.icon, props2 = _ref2.props, children = _ref2.children;
60958
60958
  var iconNode;
60959
60959
  if (typeof icon === "function") {
@@ -61064,7 +61064,7 @@ var InternalMenuItem = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
61064
61064
  onClick: onInternalClick,
61065
61065
  onKeyDown: onInternalKeyDown,
61066
61066
  onFocus: onInternalFocus
61067
- }), children, /* @__PURE__ */ React.createElement(Icon$2, {
61067
+ }), children, /* @__PURE__ */ React.createElement(Icon$3, {
61068
61068
  props: _objectSpread2$1(_objectSpread2$1({}, props2), {}, {
61069
61069
  isSelected: selected
61070
61070
  }),
@@ -61420,7 +61420,7 @@ var InternalSubMenu = function InternalSubMenu2(props2) {
61420
61420
  "aria-disabled": mergedDisabled,
61421
61421
  onClick: onInternalTitleClick,
61422
61422
  onFocus: onInternalFocus
61423
- }, activeProps), title, /* @__PURE__ */ React.createElement(Icon$2, {
61423
+ }, activeProps), title, /* @__PURE__ */ React.createElement(Icon$3, {
61424
61424
  icon: mode !== "horizontal" ? mergedExpandIcon : null,
61425
61425
  props: _objectSpread2$1(_objectSpread2$1({}, props2), {}, {
61426
61426
  isOpen: open,
@@ -61836,7 +61836,7 @@ ExportMenu.Divider = Divider$1;
61836
61836
  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" };
61837
61837
  var define_process_env_default$S = {};
61838
61838
  var BarsOutlined = function BarsOutlined2(props2, ref2) {
61839
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
61839
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
61840
61840
  ref: ref2,
61841
61841
  icon: BarsOutlined$1
61842
61842
  }));
@@ -61848,7 +61848,7 @@ if (define_process_env_default$S.NODE_ENV !== "production") {
61848
61848
  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" };
61849
61849
  var define_process_env_default$R = {};
61850
61850
  var LeftOutlined = function LeftOutlined2(props2, ref2) {
61851
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
61851
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
61852
61852
  ref: ref2,
61853
61853
  icon: LeftOutlined$1
61854
61854
  }));
@@ -61860,7 +61860,7 @@ if (define_process_env_default$R.NODE_ENV !== "production") {
61860
61860
  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" };
61861
61861
  var define_process_env_default$Q = {};
61862
61862
  var RightOutlined = function RightOutlined2(props2, ref2) {
61863
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
61863
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
61864
61864
  ref: ref2,
61865
61865
  icon: RightOutlined$1
61866
61866
  }));
@@ -62535,7 +62535,7 @@ function useAccessibility(_ref2) {
62535
62535
  }, [visible2]);
62536
62536
  }
62537
62537
  var _excluded$5 = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus"];
62538
- function Dropdown$2(props2, ref2) {
62538
+ function Dropdown$3(props2, ref2) {
62539
62539
  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);
62540
62540
  var _React$useState = React.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), triggerVisible = _React$useState2[0], setTriggerVisible = _React$useState2[1];
62541
62541
  var mergedVisible = "visible" in props2 ? visible2 : triggerVisible;
@@ -62635,7 +62635,7 @@ function Dropdown$2(props2, ref2) {
62635
62635
  getPopupContainer
62636
62636
  }), renderChildren());
62637
62637
  }
62638
- const Dropdown$3 = /* @__PURE__ */ React.forwardRef(Dropdown$2);
62638
+ const Dropdown$4 = /* @__PURE__ */ React.forwardRef(Dropdown$3);
62639
62639
  var id$3 = 0;
62640
62640
  var ids$1 = {};
62641
62641
  function wrapperRaf(callback) {
@@ -63081,12 +63081,12 @@ var InternalButton = function InternalButton2(props2, ref2) {
63081
63081
  disabled: !!innerLoading
63082
63082
  }, buttonNode);
63083
63083
  };
63084
- var Button$5 = /* @__PURE__ */ React.forwardRef(InternalButton);
63084
+ var Button$6 = /* @__PURE__ */ React.forwardRef(InternalButton);
63085
63085
  if (define_process_env_default$K.NODE_ENV !== "production") {
63086
- Button$5.displayName = "Button";
63086
+ Button$6.displayName = "Button";
63087
63087
  }
63088
- Button$5.Group = ButtonGroup$1;
63089
- Button$5.__ANT_BUTTON = true;
63088
+ Button$6.Group = ButtonGroup$1;
63089
+ Button$6.__ANT_BUTTON = true;
63090
63090
  var canUseDocElement = function canUseDocElement2() {
63091
63091
  return canUseDom$1() && window.document.documentElement;
63092
63092
  };
@@ -63274,7 +63274,7 @@ var DropdownButton = function DropdownButton2(props2) {
63274
63274
  } else {
63275
63275
  dropdownProps.placement = direction === "rtl" ? "bottomLeft" : "bottomRight";
63276
63276
  }
63277
- var leftButton = /* @__PURE__ */ React.createElement(Button$5, {
63277
+ var leftButton = /* @__PURE__ */ React.createElement(Button$6, {
63278
63278
  type: type5,
63279
63279
  danger,
63280
63280
  disabled,
@@ -63284,7 +63284,7 @@ var DropdownButton = function DropdownButton2(props2) {
63284
63284
  href: href2,
63285
63285
  title
63286
63286
  }, children);
63287
- var rightButton = /* @__PURE__ */ React.createElement(Button$5, {
63287
+ var rightButton = /* @__PURE__ */ React.createElement(Button$6, {
63288
63288
  type: type5,
63289
63289
  danger,
63290
63290
  icon
@@ -63294,12 +63294,12 @@ var DropdownButton = function DropdownButton2(props2) {
63294
63294
  className: classes,
63295
63295
  size: compactSize,
63296
63296
  block: true
63297
- }, restProps), leftButtonToRender, /* @__PURE__ */ React.createElement(Dropdown$1, _extends$4({}, dropdownProps), rightButtonToRender));
63297
+ }, restProps), leftButtonToRender, /* @__PURE__ */ React.createElement(Dropdown$2, _extends$4({}, dropdownProps), rightButtonToRender));
63298
63298
  };
63299
63299
  DropdownButton.__ANT_BUTTON = true;
63300
63300
  var define_process_env_default$J = {};
63301
63301
  tuple$1("topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight", "top", "bottom");
63302
- var Dropdown$1 = function Dropdown2(props2) {
63302
+ var Dropdown$2 = function Dropdown2(props2) {
63303
63303
  var _React$useContext = React.useContext(ConfigContext), getContextPopupContainer = _React$useContext.getPopupContainer, getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction;
63304
63304
  if (define_process_env_default$J.NODE_ENV !== "production") {
63305
63305
  [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach(function(_ref2) {
@@ -63389,7 +63389,7 @@ var Dropdown$1 = function Dropdown2(props2) {
63389
63389
  }
63390
63390
  }, /* @__PURE__ */ React.createElement(NoCompactStyle, null, overlayNode));
63391
63391
  };
63392
- return /* @__PURE__ */ React.createElement(Dropdown$3, _extends$4({
63392
+ return /* @__PURE__ */ React.createElement(Dropdown$4, _extends$4({
63393
63393
  alignPoint: alignPoint2
63394
63394
  }, props2, {
63395
63395
  mouseEnterDelay,
@@ -63407,7 +63407,7 @@ var Dropdown$1 = function Dropdown2(props2) {
63407
63407
  onVisibleChange: onInnerOpenChange
63408
63408
  }), dropdownTrigger);
63409
63409
  };
63410
- Dropdown$1.Button = DropdownButton;
63410
+ Dropdown$2.Button = DropdownButton;
63411
63411
  //! moment.js
63412
63412
  //! version : 2.30.1
63413
63413
  //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -71200,7 +71200,7 @@ var SkeletonButton = function SkeletonButton2(props2) {
71200
71200
  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" };
71201
71201
  var define_process_env_default$F = {};
71202
71202
  var DotChartOutlined = function DotChartOutlined2(props2, ref2) {
71203
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
71203
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
71204
71204
  ref: ref2,
71205
71205
  icon: DotChartOutlined$1
71206
71206
  }));
@@ -71945,7 +71945,7 @@ var Collapse = function Collapse2(props2) {
71945
71945
  };
71946
71946
  Collapse.Panel = CollapsePanel;
71947
71947
  function PickerButton(props2) {
71948
- return /* @__PURE__ */ React.createElement(Button$5, _extends$4({
71948
+ return /* @__PURE__ */ React.createElement(Button$6, _extends$4({
71949
71949
  size: "small",
71950
71950
  type: "primary"
71951
71951
  }, props2));
@@ -72053,7 +72053,7 @@ function PickerTag(props2) {
72053
72053
  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" };
72054
72054
  var define_process_env_default$z = {};
72055
72055
  var CalendarOutlined = function CalendarOutlined2(props2, ref2) {
72056
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
72056
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
72057
72057
  ref: ref2,
72058
72058
  icon: CalendarOutlined$1
72059
72059
  }));
@@ -72065,7 +72065,7 @@ if (define_process_env_default$z.NODE_ENV !== "production") {
72065
72065
  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" };
72066
72066
  var define_process_env_default$y = {};
72067
72067
  var ClockCircleOutlined = function ClockCircleOutlined2(props2, ref2) {
72068
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
72068
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
72069
72069
  ref: ref2,
72070
72070
  icon: ClockCircleOutlined$1
72071
72071
  }));
@@ -72077,7 +72077,7 @@ if (define_process_env_default$y.NODE_ENV !== "production") {
72077
72077
  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" };
72078
72078
  var define_process_env_default$x = {};
72079
72079
  var SwapRightOutlined = function SwapRightOutlined2(props2, ref2) {
72080
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
72080
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
72081
72081
  ref: ref2,
72082
72082
  icon: SwapRightOutlined$1
72083
72083
  }));
@@ -72427,7 +72427,7 @@ function generatePicker(generateConfig2) {
72427
72427
  MergedDatePicker.QuarterPicker = QuarterPicker;
72428
72428
  return MergedDatePicker;
72429
72429
  }
72430
- var DatePicker = generatePicker(generateConfig);
72430
+ var DatePicker$1 = generatePicker(generateConfig);
72431
72431
  var OrderContext = /* @__PURE__ */ React.createContext(null);
72432
72432
  var define_process_env_default$u = {};
72433
72433
  var EMPTY_LIST$1 = [];
@@ -72987,7 +72987,7 @@ function useItemRef() {
72987
72987
  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" };
72988
72988
  var define_process_env_default$r = {};
72989
72989
  var QuestionCircleOutlined = function QuestionCircleOutlined2(props2, ref2) {
72990
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
72990
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
72991
72991
  ref: ref2,
72992
72992
  icon: QuestionCircleOutlined$1
72993
72993
  }));
@@ -73460,7 +73460,7 @@ Form$1.create = function() {
73460
73460
  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" };
73461
73461
  var define_process_env_default$n = {};
73462
73462
  var EyeOutlined = function EyeOutlined2(props2, ref2) {
73463
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
73463
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
73464
73464
  ref: ref2,
73465
73465
  icon: EyeOutlined$1
73466
73466
  }));
@@ -73983,7 +73983,7 @@ var BaseInput = function BaseInput2(props2) {
73983
73983
  return element;
73984
73984
  };
73985
73985
  var _excluded$3 = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnter", "onKeyDown", "prefixCls", "disabled", "htmlSize", "className", "maxLength", "suffix", "showCount", "type", "inputClassName"];
73986
- var Input$2 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
73986
+ var Input$3 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
73987
73987
  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);
73988
73988
  var _useMergedState = useMergedState(props2.defaultValue, {
73989
73989
  value: props2.value
@@ -74204,7 +74204,7 @@ function triggerFocus(element, option) {
74204
74204
  }
74205
74205
  }
74206
74206
  }
74207
- var Input$1 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
74207
+ var Input$2 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
74208
74208
  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"]);
74209
74209
  var _React$useContext = React__default.useContext(ConfigContext), getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction, input = _React$useContext.input;
74210
74210
  var prefixCls = getPrefixCls("input", customizePrefixCls);
@@ -74247,7 +74247,7 @@ var Input$1 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
74247
74247
  clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$n, null)
74248
74248
  };
74249
74249
  }
74250
- return /* @__PURE__ */ React__default.createElement(Input$2, _extends$4({
74250
+ return /* @__PURE__ */ React__default.createElement(Input$3, _extends$4({
74251
74251
  ref: composeRef(ref2, inputRef),
74252
74252
  prefixCls,
74253
74253
  autoComplete: input === null || input === void 0 ? void 0 : input.autoComplete
@@ -74276,7 +74276,7 @@ var Input$1 = /* @__PURE__ */ forwardRef(function(props2, ref2) {
74276
74276
  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" };
74277
74277
  var define_process_env_default$j = {};
74278
74278
  var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props2, ref2) {
74279
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
74279
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
74280
74280
  ref: ref2,
74281
74281
  icon: EyeInvisibleOutlined$1
74282
74282
  }));
@@ -74358,7 +74358,7 @@ var Password = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
74358
74358
  if (size2) {
74359
74359
  omittedProps.size = size2;
74360
74360
  }
74361
- return /* @__PURE__ */ React.createElement(Input$1, _extends$4({
74361
+ return /* @__PURE__ */ React.createElement(Input$2, _extends$4({
74362
74362
  ref: composeRef(ref2, inputRef)
74363
74363
  }, omittedProps));
74364
74364
  };
@@ -74431,7 +74431,7 @@ var Search$1 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
74431
74431
  size: size2
74432
74432
  } : {}));
74433
74433
  } else {
74434
- button2 = /* @__PURE__ */ React.createElement(Button$5, {
74434
+ button2 = /* @__PURE__ */ React.createElement(Button$6, {
74435
74435
  className: btnClassName,
74436
74436
  type: enterButton ? "primary" : void 0,
74437
74437
  size: size2,
@@ -74457,7 +74457,7 @@ var Search$1 = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
74457
74457
  composedRef.current = false;
74458
74458
  onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e3);
74459
74459
  };
74460
- return /* @__PURE__ */ React.createElement(Input$1, _extends$4({
74460
+ return /* @__PURE__ */ React.createElement(Input$2, _extends$4({
74461
74461
  ref: composeRef(inputRef, ref2),
74462
74462
  onPressEnter
74463
74463
  }, restProps, {
@@ -74962,15 +74962,15 @@ var TextArea = /* @__PURE__ */ React.forwardRef(function(_a2, ref2) {
74962
74962
  }
74963
74963
  return textareaNode;
74964
74964
  });
74965
- var Input2 = Input$1;
74966
- Input2.Group = Group;
74967
- Input2.Search = Search$1;
74968
- Input2.TextArea = TextArea;
74969
- Input2.Password = Password;
74965
+ var Input$1 = Input$2;
74966
+ Input$1.Group = Group;
74967
+ Input$1.Search = Search$1;
74968
+ Input$1.TextArea = TextArea;
74969
+ Input$1.Password = Password;
74970
74970
  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" };
74971
74971
  var define_process_env_default$f = {};
74972
74972
  var UpOutlined = function UpOutlined2(props2, ref2) {
74973
- return /* @__PURE__ */ React.createElement(Icon$3, _extends$4({}, props2, {
74973
+ return /* @__PURE__ */ React.createElement(Icon$4, _extends$4({}, props2, {
74974
74974
  ref: ref2,
74975
74975
  icon: UpOutlined$1
74976
74976
  }));
@@ -76103,7 +76103,7 @@ var ActionButton = function ActionButton2(props2) {
76103
76103
  handlePromiseOnOk(returnValueOfOnOk);
76104
76104
  };
76105
76105
  var type5 = props2.type, children = props2.children, prefixCls = props2.prefixCls, buttonProps = props2.buttonProps;
76106
- return /* @__PURE__ */ React.createElement(Button$5, _extends$4({}, convertLegacyProps(type5), {
76106
+ return /* @__PURE__ */ React.createElement(Button$6, _extends$4({}, convertLegacyProps(type5), {
76107
76107
  onClick,
76108
76108
  loading: loading2,
76109
76109
  prefixCls
@@ -76133,7 +76133,7 @@ var getClickPosition = function getClickPosition2(e3) {
76133
76133
  if (canUseDocElement()) {
76134
76134
  document.documentElement.addEventListener("click", getClickPosition, true);
76135
76135
  }
76136
- var Modal$1 = function Modal2(props2) {
76136
+ var Modal$2 = function Modal2(props2) {
76137
76137
  var _a2;
76138
76138
  var _React$useContext = React.useContext(ConfigContext), getContextPopupContainer = _React$useContext.getPopupContainer, getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction;
76139
76139
  var handleCancel = function handleCancel2(e3) {
@@ -76153,9 +76153,9 @@ var Modal$1 = function Modal2(props2) {
76153
76153
  defaultLocale: getConfirmLocale()
76154
76154
  }, function(contextLocale) {
76155
76155
  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;
76156
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button$5, _extends$4({
76156
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button$6, _extends$4({
76157
76157
  onClick: handleCancel
76158
- }, props2.cancelButtonProps), cancelText || contextLocale.cancelText), /* @__PURE__ */ React.createElement(Button$5, _extends$4({}, convertLegacyProps(okType), {
76158
+ }, props2.cancelButtonProps), cancelText || contextLocale.cancelText), /* @__PURE__ */ React.createElement(Button$6, _extends$4({}, convertLegacyProps(okType), {
76159
76159
  loading: confirmLoading,
76160
76160
  onClick: handleOk
76161
76161
  }, props2.okButtonProps), okText !== null && okText !== void 0 ? okText : contextLocale.okText));
@@ -76212,7 +76212,7 @@ var ConfirmDialog = function ConfirmDialog2(props2) {
76212
76212
  prefixCls: rootPrefixCls,
76213
76213
  iconPrefixCls,
76214
76214
  direction
76215
- }, /* @__PURE__ */ React.createElement(Modal$1, {
76215
+ }, /* @__PURE__ */ React.createElement(Modal$2, {
76216
76216
  prefixCls,
76217
76217
  className: classString,
76218
76218
  wrapClassName: classNames(_defineProperty$3({}, "".concat(contentPrefixCls, "-centered"), !!props2.centered), wrapClassName),
@@ -76545,23 +76545,23 @@ function useModal() {
76545
76545
  function modalWarn(props2) {
76546
76546
  return confirm$1(withWarn(props2));
76547
76547
  }
76548
- var Modal = Modal$1;
76549
- Modal.useModal = useModal;
76550
- Modal.info = function infoFn(props2) {
76548
+ var Modal$1 = Modal$2;
76549
+ Modal$1.useModal = useModal;
76550
+ Modal$1.info = function infoFn(props2) {
76551
76551
  return confirm$1(withInfo(props2));
76552
76552
  };
76553
- Modal.success = function successFn(props2) {
76553
+ Modal$1.success = function successFn(props2) {
76554
76554
  return confirm$1(withSuccess(props2));
76555
76555
  };
76556
- Modal.error = function errorFn(props2) {
76556
+ Modal$1.error = function errorFn(props2) {
76557
76557
  return confirm$1(withError(props2));
76558
76558
  };
76559
- Modal.warning = modalWarn;
76560
- Modal.warn = modalWarn;
76561
- Modal.confirm = function confirmFn(props2) {
76559
+ Modal$1.warning = modalWarn;
76560
+ Modal$1.warn = modalWarn;
76561
+ Modal$1.confirm = function confirmFn(props2) {
76562
76562
  return confirm$1(withConfirm(props2));
76563
76563
  };
76564
- Modal.destroyAll = function destroyAllFn() {
76564
+ Modal$1.destroyAll = function destroyAllFn() {
76565
76565
  while (destroyFns.length) {
76566
76566
  var close2 = destroyFns.pop();
76567
76567
  if (close2) {
@@ -76569,7 +76569,7 @@ Modal.destroyAll = function destroyAllFn() {
76569
76569
  }
76570
76570
  }
76571
76571
  };
76572
- Modal.config = modalGlobalConfig;
76572
+ Modal$1.config = modalGlobalConfig;
76573
76573
  var toggleSelection;
76574
76574
  var hasRequiredToggleSelection;
76575
76575
  function requireToggleSelection() {
@@ -83073,9 +83073,9 @@ function getChildren(input, path2, entity, scopedState) {
83073
83073
  );
83074
83074
  }
83075
83075
  let children;
83076
- if (input instanceof Section) {
83076
+ if (input instanceof Section$1) {
83077
83077
  children = getChildrenFromSection(input);
83078
- } else if (Object.values(input).every((c3) => c3 instanceof Section)) {
83078
+ } else if (Object.values(input).every((c3) => c3 instanceof Section$1)) {
83079
83079
  children = Object.values(input).reduce((acc, section) => {
83080
83080
  return { ...acc, ...getChildrenFromSection(section) };
83081
83081
  }, {});
@@ -83091,7 +83091,7 @@ function getChildren(input, path2, entity, scopedState) {
83091
83091
  }
83092
83092
  return children;
83093
83093
  }
83094
- class Section {
83094
+ let Section$1 = class Section {
83095
83095
  constructor(category) {
83096
83096
  __publicField(this, "props", {});
83097
83097
  __publicField(this, "propertiesPanelConfig", {
@@ -83143,7 +83143,7 @@ class Section {
83143
83143
  return "Uncategorized";
83144
83144
  }
83145
83145
  }
83146
- }
83146
+ };
83147
83147
  class Prop {
83148
83148
  constructor(typeString, defaultValidator) {
83149
83149
  __publicField(this, "prop");
@@ -83399,13 +83399,13 @@ class Prop {
83399
83399
  const content = this.getProps();
83400
83400
  const { type: type5, ...rest } = childrenDisplay;
83401
83401
  let contentDef;
83402
- if (content instanceof Section) {
83402
+ if (content instanceof Section$1) {
83403
83403
  contentDef = { content };
83404
- } else if (Object.values(content).every((c3) => c3 instanceof Section)) {
83404
+ } else if (Object.values(content).every((c3) => c3 instanceof Section$1)) {
83405
83405
  contentDef = content;
83406
83406
  } else {
83407
83407
  contentDef = {
83408
- content: Section.category(PropsPanelCategory.Content).propertiesPanel({
83408
+ content: Section$1.category(PropsPanelCategory.Content).propertiesPanel({
83409
83409
  showHeader: false
83410
83410
  }).children(content)
83411
83411
  };
@@ -83614,7 +83614,7 @@ function traverseProps(sections, onProp, parentPath = "") {
83614
83614
  parentPath: recordPath,
83615
83615
  parentDefault: prop.build().default
83616
83616
  });
83617
- } else if (prop instanceof Section) {
83617
+ } else if (prop instanceof Section$1) {
83618
83618
  processProps({
83619
83619
  sectionName,
83620
83620
  props: prop.props,
@@ -83892,7 +83892,7 @@ function registerStores(stores) {
83892
83892
  internalStores = { ...internalStores, ...stores };
83893
83893
  if (SUPPORTED_MODES.includes("production")) {
83894
83894
  if (Object.keys(internalStores).length === Object.keys(stores).length) {
83895
- import("./devtools-consolidated-CKofLggZ.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
83895
+ import("./devtools-consolidated-DEIGUjCl.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
83896
83896
  setRegisteredStores(internalStores);
83897
83897
  initializeCustomDevTools();
83898
83898
  }).catch((error) => {
@@ -83905,7 +83905,7 @@ function registerStores(stores) {
83905
83905
  }
83906
83906
  }
83907
83907
  const DevToolsInternal = React__default.lazy(() => {
83908
- return import("./devtools-consolidated-CKofLggZ.js").then((module2) => ({
83908
+ return import("./devtools-consolidated-DEIGUjCl.js").then((module2) => ({
83909
83909
  default: module2.CustomDevTools
83910
83910
  }));
83911
83911
  });
@@ -84180,7 +84180,7 @@ function createScopeProxy(scopes, useSuspense = false) {
84180
84180
  );
84181
84181
  return proxy;
84182
84182
  }
84183
- class SbEventFlow {
84183
+ class EventFlow {
84184
84184
  constructor() {
84185
84185
  __publicField(this, "steps", []);
84186
84186
  }
@@ -84192,36 +84192,36 @@ class SbEventFlow {
84192
84192
  return this;
84193
84193
  }
84194
84194
  static start() {
84195
- return new SbEventFlow();
84195
+ return new EventFlow();
84196
84196
  }
84197
84197
  // TODO(code-mode): any is for userland code, we need to figure out how to type this
84198
84198
  static runJS(handler) {
84199
- return SbEventFlow.start().runJS(handler);
84199
+ return EventFlow.start().runJS(handler);
84200
84200
  }
84201
84201
  // TODO(code-mode): any is for userland code, we need to figure out how to type this
84202
84202
  runJS(handler) {
84203
84203
  return this.addStep(EventRegistry.runJs.create(handler));
84204
84204
  }
84205
84205
  static navigateTo(props2) {
84206
- return SbEventFlow.start().navigateTo(props2);
84206
+ return EventFlow.start().navigateTo(props2);
84207
84207
  }
84208
84208
  navigateTo(props2) {
84209
84209
  return this.addStep(EventRegistry.navigateTo.create(props2));
84210
84210
  }
84211
84211
  static navigateToApp(appId) {
84212
- return SbEventFlow.start().navigateToApp(appId);
84212
+ return EventFlow.start().navigateToApp(appId);
84213
84213
  }
84214
84214
  navigateToApp(appId) {
84215
84215
  return this.addStep(EventRegistry.navigateToApp.create(appId));
84216
84216
  }
84217
84217
  static navigateToRoute(route) {
84218
- return SbEventFlow.start().navigateToRoute(route);
84218
+ return EventFlow.start().navigateToRoute(route);
84219
84219
  }
84220
84220
  navigateToRoute(route) {
84221
84221
  return this.addStep(EventRegistry.navigateToRoute.create(route));
84222
84222
  }
84223
84223
  static setQueryParams(params, keepQueryParams = false) {
84224
- return SbEventFlow.start().setQueryParams(params, keepQueryParams);
84224
+ return EventFlow.start().setQueryParams(params, keepQueryParams);
84225
84225
  }
84226
84226
  setQueryParams(params, keepQueryParams = false) {
84227
84227
  return this.addStep(
@@ -84229,25 +84229,25 @@ class SbEventFlow {
84229
84229
  );
84230
84230
  }
84231
84231
  static controlSlideout(slideout, action2) {
84232
- return SbEventFlow.start().controlSlideout(slideout, action2);
84232
+ return EventFlow.start().controlSlideout(slideout, action2);
84233
84233
  }
84234
84234
  controlSlideout(slideout, action2) {
84235
84235
  return this.addStep(EventRegistry.controlSlideout.create(slideout, action2));
84236
84236
  }
84237
84237
  static controlModal(modal, action2) {
84238
- return SbEventFlow.start().controlModal(modal, action2);
84238
+ return EventFlow.start().controlModal(modal, action2);
84239
84239
  }
84240
84240
  controlModal(modal, action2) {
84241
84241
  return this.addStep(EventRegistry.controlModal.create(modal, action2));
84242
84242
  }
84243
84243
  static controlTimer(stateTimer, action2) {
84244
- return SbEventFlow.start().controlTimer(stateTimer, action2);
84244
+ return EventFlow.start().controlTimer(stateTimer, action2);
84245
84245
  }
84246
84246
  controlTimer(stateTimer, action2) {
84247
84247
  return this.addStep(EventRegistry.controlTimer.create(stateTimer, action2));
84248
84248
  }
84249
84249
  static runApis(apis, onSuccess, onError2) {
84250
- return SbEventFlow.start().runApis(apis, onSuccess, onError2);
84250
+ return EventFlow.start().runApis(apis, onSuccess, onError2);
84251
84251
  }
84252
84252
  runApis(apis, onSuccess, onError2) {
84253
84253
  return this.addStep(
@@ -84259,7 +84259,7 @@ class SbEventFlow {
84259
84259
  );
84260
84260
  }
84261
84261
  static cancelApis(apis, onCancel) {
84262
- return SbEventFlow.start().cancelApis(apis, onCancel);
84262
+ return EventFlow.start().cancelApis(apis, onCancel);
84263
84263
  }
84264
84264
  cancelApis(apis, onCancel) {
84265
84265
  return this.addStep(
@@ -84267,25 +84267,25 @@ class SbEventFlow {
84267
84267
  );
84268
84268
  }
84269
84269
  static resetComponent(component, opts) {
84270
- return SbEventFlow.start().resetComponent(component, opts);
84270
+ return EventFlow.start().resetComponent(component, opts);
84271
84271
  }
84272
84272
  resetComponent(component, opts) {
84273
84273
  return this.addStep(EventRegistry.resetComponent.create(component, opts));
84274
84274
  }
84275
84275
  static resetStateVar(state) {
84276
- return SbEventFlow.start().resetStateVar(state);
84276
+ return EventFlow.start().resetStateVar(state);
84277
84277
  }
84278
84278
  resetStateVar(state) {
84279
84279
  return this.addStep(EventRegistry.resetStateVar.create(state));
84280
84280
  }
84281
84281
  static setStateVar(stateVarName, value) {
84282
- return SbEventFlow.start().setStateVar(stateVarName, value);
84282
+ return EventFlow.start().setStateVar(stateVarName, value);
84283
84283
  }
84284
84284
  setStateVar(stateVar, value) {
84285
84285
  return this.addStep(EventRegistry.setStateVar.create(stateVar, value));
84286
84286
  }
84287
84287
  static setComponentProperty(component, opts) {
84288
- return SbEventFlow.start().setComponentProperty(component, opts);
84288
+ return EventFlow.start().setComponentProperty(component, opts);
84289
84289
  }
84290
84290
  setComponentProperty(component, opts) {
84291
84291
  return this.addStep(
@@ -84293,7 +84293,7 @@ class SbEventFlow {
84293
84293
  );
84294
84294
  }
84295
84295
  static showAlert(message2, alertType, alertDuration, alertPosition) {
84296
- return SbEventFlow.start().showAlert(
84296
+ return EventFlow.start().showAlert(
84297
84297
  message2,
84298
84298
  alertType,
84299
84299
  alertDuration,
@@ -84311,7 +84311,7 @@ class SbEventFlow {
84311
84311
  );
84312
84312
  }
84313
84313
  static setProfile(profileId, profileAction) {
84314
- return SbEventFlow.start().setProfile(profileId, profileAction);
84314
+ return EventFlow.start().setProfile(profileId, profileAction);
84315
84315
  }
84316
84316
  setProfile(profileId, profileAction) {
84317
84317
  return this.addStep(
@@ -84319,7 +84319,7 @@ class SbEventFlow {
84319
84319
  );
84320
84320
  }
84321
84321
  static triggerEvent(eventName, eventData) {
84322
- return SbEventFlow.start().triggerEvent(eventName, eventData);
84322
+ return EventFlow.start().triggerEvent(eventName, eventData);
84323
84323
  }
84324
84324
  triggerEvent(eventName, eventData) {
84325
84325
  return this.addStep(
@@ -84327,7 +84327,7 @@ class SbEventFlow {
84327
84327
  );
84328
84328
  }
84329
84329
  static sequence(eventFlows) {
84330
- return SbEventFlow.start().sequence(eventFlows);
84330
+ return EventFlow.start().sequence(eventFlows);
84331
84331
  }
84332
84332
  sequence(eventFlows) {
84333
84333
  this.steps = [
@@ -84384,7 +84384,7 @@ const isDerivedProp = (value) => {
84384
84384
  return isBindingString(value);
84385
84385
  };
84386
84386
  const isEventFlow = (value) => {
84387
- return value instanceof SbEventFlow;
84387
+ return value instanceof EventFlow;
84388
84388
  };
84389
84389
  const isComputedProp = (value) => {
84390
84390
  return isComputedProperty(value);
@@ -84554,8 +84554,8 @@ class EntityManager {
84554
84554
  createScope: action,
84555
84555
  deleteScope: action,
84556
84556
  setValidationState: action,
84557
- getFullState: computed,
84558
- getValidationState: computed,
84557
+ getFullState: computed$1,
84558
+ getValidationState: computed$1,
84559
84559
  createEntity: action,
84560
84560
  updateEntity: action,
84561
84561
  deleteEntity: action,
@@ -84797,7 +84797,7 @@ class EntityManager {
84797
84797
  );
84798
84798
  }
84799
84799
  const managedProp = this.componentRegistry.getManagedProps(entityType).find((p) => p.path === finalProp);
84800
- const getValue2 = computed(() => {
84800
+ const getValue2 = computed$1(() => {
84801
84801
  let ret = null;
84802
84802
  try {
84803
84803
  const metaParent = getMetaParent();
@@ -86336,18 +86336,18 @@ const rootStore$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
86336
86336
  default: rootStore
86337
86337
  }, Symbol.toStringTag, { value: "Module" }));
86338
86338
  const WithLayoutContainerTypes = /* @__PURE__ */ new Set([
86339
- "SbContainer",
86340
- "SbColumn",
86341
- "SbModal",
86342
- "SbSlideout"
86339
+ "Container",
86340
+ "Column",
86341
+ "Modal",
86342
+ "Slideout"
86343
86343
  ]);
86344
- const VStackLikeContainerTypes = /* @__PURE__ */ new Set(["SbPage"]);
86345
- const HStackLikeContainerTypes = /* @__PURE__ */ new Set(["SbSection"]);
86344
+ const VStackLikeContainerTypes = /* @__PURE__ */ new Set(["Page"]);
86345
+ const HStackLikeContainerTypes = /* @__PURE__ */ new Set(["Section"]);
86346
86346
  const StackLikeContainerTypes = /* @__PURE__ */ new Set([
86347
86347
  ...VStackLikeContainerTypes,
86348
86348
  ...HStackLikeContainerTypes
86349
86349
  ]);
86350
- const detachedComponentTypeList = ["SbModal", "SbSlideout"];
86350
+ const detachedComponentTypeList = ["Modal", "Slideout"];
86351
86351
  const DetachedComponentTypes = new Set(
86352
86352
  detachedComponentTypeList
86353
86353
  );
@@ -86369,25 +86369,25 @@ const restrictions = [
86369
86369
  rule(
86370
86370
  "Columns can only be dropped on sections",
86371
86371
  ({ draggedType, dropTargetType }) => {
86372
- return draggedType === "SbColumn" && dropTargetType !== "SbSection";
86372
+ return draggedType === "Column" && dropTargetType !== "Section";
86373
86373
  }
86374
86374
  ),
86375
86375
  rule(
86376
86376
  "Sections can only be dropped on pages",
86377
86377
  ({ draggedType, dropTargetType }) => {
86378
- return draggedType === "SbSection" && dropTargetType !== "SbPage";
86378
+ return draggedType === "Section" && dropTargetType !== "Page";
86379
86379
  }
86380
86380
  ),
86381
86381
  rule(
86382
86382
  "Only sections can be dropped on non-empty pages",
86383
86383
  ({ draggedType, dropTargetType, dropTargetEmpty }) => {
86384
- return draggedType !== "SbSection" && dropTargetType === "SbPage" && !dropTargetEmpty;
86384
+ return draggedType !== "Section" && dropTargetType === "Page" && !dropTargetEmpty;
86385
86385
  }
86386
86386
  ),
86387
86387
  rule(
86388
86388
  "Only columns can be dropped on non-empty sections",
86389
86389
  ({ draggedType, dropTargetType, dropTargetEmpty }) => {
86390
- return draggedType !== "SbColumn" && dropTargetType === "SbSection" && !dropTargetEmpty;
86390
+ return draggedType !== "Column" && dropTargetType === "Section" && !dropTargetEmpty;
86391
86391
  }
86392
86392
  )
86393
86393
  ];
@@ -86397,7 +86397,7 @@ const isDragAndDropTypeValid = ({
86397
86397
  dropTargetEmpty,
86398
86398
  isDraggingNewComponent
86399
86399
  }) => {
86400
- const actualDraggedType = isDraggingNewComponent && (draggedType === "SbModal" || draggedType === "SbSlideout") ? "SbButton" : draggedType;
86400
+ const actualDraggedType = isDraggingNewComponent && (draggedType === "Modal" || draggedType === "Slideout") ? "Button" : draggedType;
86401
86401
  const triggeredRestriction = restrictions.find(
86402
86402
  (restriction) => restriction.restriction({
86403
86403
  draggedType: actualDraggedType,
@@ -86416,16 +86416,16 @@ const isTypeDroppable = (type5) => {
86416
86416
  return false;
86417
86417
  };
86418
86418
  const isTypeDraggable = (type5) => {
86419
- return type5 !== "SbPage" && type5 !== "SbSlideout" && type5 !== "SbModal";
86419
+ return type5 !== "Page" && type5 !== "Slideout" && type5 !== "Modal";
86420
86420
  };
86421
86421
  const isContentDraggable = (type5) => {
86422
- return isTypeDraggable(type5) && type5 !== "SbColumn" && type5 !== "SbSection";
86422
+ return isTypeDraggable(type5) && type5 !== "Column" && type5 !== "Section";
86423
86423
  };
86424
86424
  function shouldWrapInSectionAndColumn(type5, parentType) {
86425
86425
  if (DetachedComponentTypes.has(type5)) {
86426
86426
  return false;
86427
86427
  }
86428
- return parentType === "SbPage" && type5 !== "SbSection" || parentType === "SbSection" && type5 !== "SbColumn";
86428
+ return parentType === "Page" && type5 !== "Section" || parentType === "Section" && type5 !== "Column";
86429
86429
  }
86430
86430
  const filterSafeStackDimensionProperties = (existingProps) => {
86431
86431
  const { width, height, size: size2 } = existingProps;
@@ -86462,7 +86462,7 @@ const filterSafeGridDimensionProperties = (existingProps) => {
86462
86462
  return safeDimensions;
86463
86463
  };
86464
86464
  const defaultSizeForComponent = (componentType, isFreeform, draggedDimensions) => {
86465
- if (componentType === "SbIcon") {
86465
+ if (componentType === "Icon") {
86466
86466
  return {};
86467
86467
  }
86468
86468
  const height = Property.Dimension(Dim.fit());
@@ -86474,12 +86474,12 @@ const defaultSizeForComponent = (componentType, isFreeform, draggedDimensions) =
86474
86474
  };
86475
86475
  }
86476
86476
  switch (componentType) {
86477
- case "SbText":
86478
- case "SbButton":
86479
- case "SbCheckbox":
86480
- case "SbSwitch":
86477
+ case "Text":
86478
+ case "Button":
86479
+ case "Checkbox":
86480
+ case "Switch":
86481
86481
  return { height, width: Property.Dimension(Dim.fit()) };
86482
- case "SbImage":
86482
+ case "Image":
86483
86483
  return {
86484
86484
  height,
86485
86485
  width: Property.Dimension(Dim.px((draggedDimensions == null ? void 0 : draggedDimensions.widthPx) ?? 288))
@@ -86556,8 +86556,8 @@ class InteractionLayerManager {
86556
86556
  __runInitializers(_init3, 5, this);
86557
86557
  /**
86558
86558
  * The id of the root element that is currently being interacted with
86559
- * the root can be SbPage, SbModal or SbSlideout
86560
- * If set to undefined, the interaction layer will be the SbPage
86559
+ * the root can be Page, Modal or Slideout
86560
+ * If set to undefined, the interaction layer will be the Page
86561
86561
  * if set to the detached component id, the inteactoin layer will be disabled on the page
86562
86562
  */
86563
86563
  __publicField(this, "activeRootInstanceId");
@@ -87098,7 +87098,7 @@ class OperationManager {
87098
87098
  params.sourceId
87099
87099
  );
87100
87100
  const oldName = ((_a2 = widgetMeta == null ? void 0 : widgetMeta.name) == null ? void 0 : _a2.value) ?? "";
87101
- const kind = (widgetMeta == null ? void 0 : widgetMeta.type) === "SbPage" ? "page" : "component";
87101
+ const kind = (widgetMeta == null ? void 0 : widgetMeta.type) === "Page" ? "page" : "component";
87102
87102
  const scopeName = (widgetMeta == null ? void 0 : widgetMeta.scopeId) ? rootStore.entityManager.getScopeName(widgetMeta.scopeId) : void 0;
87103
87103
  if (!scopeName) {
87104
87104
  console.error("No scope name found for widget", params.sourceId);
@@ -87125,18 +87125,18 @@ class OperationManager {
87125
87125
  (id2) => editStore2.runtimeEntitiesManager.getAnyEditorWidgetMeta(id2)
87126
87126
  );
87127
87127
  if (!widgets.some(
87128
- (widget) => (widget == null ? void 0 : widget.type) === "SbSection" || (widget == null ? void 0 : widget.type) === "SbColumn"
87128
+ (widget) => (widget == null ? void 0 : widget.type) === "Section" || (widget == null ? void 0 : widget.type) === "Column"
87129
87129
  )) {
87130
87130
  return true;
87131
87131
  }
87132
87132
  const sectionsToDelete = widgets.filter(
87133
- (widget) => (widget == null ? void 0 : widget.type) === "SbSection"
87133
+ (widget) => (widget == null ? void 0 : widget.type) === "Section"
87134
87134
  );
87135
87135
  const sectionInstanceIds = new Set(
87136
87136
  sectionsToDelete.filter((section) => section == null ? void 0 : section.instanceId).map((section) => section == null ? void 0 : section.instanceId)
87137
87137
  );
87138
87138
  const columnsToDelete = widgets.filter(
87139
- (widget) => (widget == null ? void 0 : widget.type) === "SbColumn"
87139
+ (widget) => (widget == null ? void 0 : widget.type) === "Column"
87140
87140
  );
87141
87141
  const columnInstanceIds = new Set(
87142
87142
  columnsToDelete.filter((column2) => column2 == null ? void 0 : column2.instanceId).map((column2) => column2 == null ? void 0 : column2.instanceId)
@@ -87367,7 +87367,7 @@ const makeMobxCachedGetter = (getter) => {
87367
87367
  const getterFunc = (id2) => {
87368
87368
  let fn3 = cachedGetters[id2];
87369
87369
  if (!fn3) {
87370
- fn3 = computed(() => getter(id2));
87370
+ fn3 = computed$1(() => getter(id2));
87371
87371
  cachedGetters[id2] = fn3;
87372
87372
  }
87373
87373
  return fn3.get();
@@ -87423,14 +87423,14 @@ function getPropertyValue$1({
87423
87423
  if (property.type === "EVENT" && scopeId && name) {
87424
87424
  const eventFlows = property.value.map((step) => {
87425
87425
  try {
87426
- return getSbEventFlow(step, scopeId);
87426
+ return getEventFlow(step, scopeId);
87427
87427
  } catch {
87428
87428
  return void 0;
87429
87429
  }
87430
87430
  }).filter(
87431
87431
  (eventFlow) => eventFlow !== void 0
87432
87432
  );
87433
- return SbEventFlow.sequence(eventFlows);
87433
+ return EventFlow.sequence(eventFlows);
87434
87434
  }
87435
87435
  if (property.type === "STATIC" && typeof property.value === "object" && property.value !== null) {
87436
87436
  return Object.entries(property.value).reduce(
@@ -87451,7 +87451,7 @@ function getPropertyValue$1({
87451
87451
  }
87452
87452
  return property.value;
87453
87453
  }
87454
- function getSbEventFlow(step, scopeId) {
87454
+ function getEventFlow(step, scopeId) {
87455
87455
  var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
87456
87456
  if (!isValidStepDef(step)) {
87457
87457
  return void 0;
@@ -87475,22 +87475,22 @@ function getSbEventFlow(step, scopeId) {
87475
87475
  return entityNames.map(getEntity).filter((entity) => entity !== void 0);
87476
87476
  };
87477
87477
  const createNestedEventFlow = (steps) => {
87478
- return Array.isArray(steps) && steps.length > 0 ? getSbEventFlow(steps, scopeId) : void 0;
87478
+ return Array.isArray(steps) && steps.length > 0 ? getEventFlow(steps, scopeId) : void 0;
87479
87479
  };
87480
87480
  switch (step.type) {
87481
87481
  case "executeApi":
87482
- return SbEventFlow.runApis(
87482
+ return EventFlow.runApis(
87483
87483
  getEntities(step.apiNames),
87484
87484
  createNestedEventFlow(step.onSuccess ?? []),
87485
87485
  createNestedEventFlow(step.onError ?? [])
87486
87486
  );
87487
87487
  case "cancelApi":
87488
- return SbEventFlow.cancelApis(
87488
+ return EventFlow.cancelApis(
87489
87489
  getEntities(step.apiNames),
87490
87490
  createNestedEventFlow(step.onCancel ?? [])
87491
87491
  );
87492
87492
  case "runJs":
87493
- return SbEventFlow.runJS(function(...args) {
87493
+ return EventFlow.runJS(function(...args) {
87494
87494
  if (step.code) {
87495
87495
  try {
87496
87496
  const cleanCode = step.code.trim().endsWith(";") ? step.code.slice(0, -1) : step.code;
@@ -87501,28 +87501,28 @@ function getSbEventFlow(step, scopeId) {
87501
87501
  }
87502
87502
  });
87503
87503
  case "navigateTo":
87504
- return SbEventFlow.navigateTo({
87504
+ return EventFlow.navigateTo({
87505
87505
  url: step.url,
87506
87506
  newWindow: step.newWindow
87507
87507
  });
87508
87508
  case "navigateToApp":
87509
- return SbEventFlow.navigateToApp(step.targetApp.id);
87509
+ return EventFlow.navigateToApp(step.targetApp.id);
87510
87510
  case "navigateToRoute":
87511
- return SbEventFlow.navigateToRoute(step.routeId);
87511
+ return EventFlow.navigateToRoute(step.routeId);
87512
87512
  case "setQueryParams":
87513
- return SbEventFlow.setQueryParams(
87513
+ return EventFlow.setQueryParams(
87514
87514
  step.queryParams ? JSON.parse(step.queryParams) : {},
87515
87515
  step.keepQueryParams
87516
87516
  );
87517
87517
  case "controlSlideout": {
87518
87518
  const slideoutEntity = getEntity(step.name);
87519
87519
  if (!slideoutEntity) return void 0;
87520
- return SbEventFlow.controlSlideout(slideoutEntity, step.action);
87520
+ return EventFlow.controlSlideout(slideoutEntity, step.action);
87521
87521
  }
87522
87522
  case "controlModal": {
87523
87523
  const modalEntity = getEntity(step.name);
87524
87524
  if (!modalEntity) return void 0;
87525
- return SbEventFlow.controlModal(modalEntity, step.action);
87525
+ return EventFlow.controlModal(modalEntity, step.action);
87526
87526
  }
87527
87527
  case "controlTimer": {
87528
87528
  const timerStep = step;
@@ -87531,7 +87531,7 @@ function getSbEventFlow(step, scopeId) {
87531
87531
  }
87532
87532
  const timerEntity = getEntity(timerStep.timer.name);
87533
87533
  if (!timerEntity) return void 0;
87534
- return SbEventFlow.controlTimer(timerEntity, step.action ?? "start");
87534
+ return EventFlow.controlTimer(timerEntity, step.action ?? "start");
87535
87535
  }
87536
87536
  case "setStateVar": {
87537
87537
  const variableStep = step;
@@ -87542,18 +87542,18 @@ function getSbEventFlow(step, scopeId) {
87542
87542
  scopeId,
87543
87543
  name: getName((_c2 = variableStep.variable) == null ? void 0 : _c2.name)
87544
87544
  }) : step.value;
87545
- return SbEventFlow.setStateVar(stateEntity, value);
87545
+ return EventFlow.setStateVar(stateEntity, value);
87546
87546
  }
87547
87547
  case "resetStateVar": {
87548
87548
  const variableStep = step;
87549
87549
  const resetStateEntity = getEntity((_d2 = variableStep.variable) == null ? void 0 : _d2.name);
87550
87550
  if (!resetStateEntity) return void 0;
87551
- return SbEventFlow.resetStateVar(resetStateEntity);
87551
+ return EventFlow.resetStateVar(resetStateEntity);
87552
87552
  }
87553
87553
  case "resetComponent": {
87554
87554
  const component = getEntity(((_e2 = step.widget) == null ? void 0 : _e2.name) ?? "");
87555
87555
  if (!component) return void 0;
87556
- return SbEventFlow.resetComponent(
87556
+ return EventFlow.resetComponent(
87557
87557
  component,
87558
87558
  step.propertyName ? {
87559
87559
  property: step.propertyName
@@ -87563,22 +87563,22 @@ function getSbEventFlow(step, scopeId) {
87563
87563
  case "setComponentProperty": {
87564
87564
  const component = getEntity(((_f2 = step.widget) == null ? void 0 : _f2.name) ?? "");
87565
87565
  if (!component) return void 0;
87566
- return SbEventFlow.setComponentProperty(component, {
87566
+ return EventFlow.setComponentProperty(component, {
87567
87567
  property: step.propertyName,
87568
87568
  value: step.propertyValue
87569
87569
  });
87570
87570
  }
87571
87571
  case "showAlert":
87572
- return SbEventFlow.showAlert(
87572
+ return EventFlow.showAlert(
87573
87573
  step.message,
87574
87574
  step.style,
87575
87575
  step.alertDuration,
87576
87576
  step.alertPosition
87577
87577
  );
87578
87578
  case "setProfile":
87579
- return SbEventFlow.setProfile(step.profileId, step.profileAction);
87579
+ return EventFlow.setProfile(step.profileId, step.profileAction);
87580
87580
  case "triggerEvent":
87581
- return SbEventFlow.triggerEvent((_g2 = step.event) == null ? void 0 : _g2.name, step.eventPayload);
87581
+ return EventFlow.triggerEvent((_g2 = step.event) == null ? void 0 : _g2.name, step.eventPayload);
87582
87582
  default:
87583
87583
  console.warn("Unhandled runtime step type", step.type);
87584
87584
  return void 0;
@@ -87900,15 +87900,15 @@ class RuntimeEntitiesManager {
87900
87900
  const { width, height, marginLeft, marginTop } = pendingResize;
87901
87901
  merged.props = {
87902
87902
  ...merged.props || {},
87903
- ...width && merged.type !== "SbIcon" && { width },
87904
- ...height && merged.type !== "SbIcon" && { height },
87905
- ...width && merged.type === "SbIcon" && { size: width },
87903
+ ...width && merged.type !== "Icon" && { width },
87904
+ ...height && merged.type !== "Icon" && { height },
87905
+ ...width && merged.type === "Icon" && { size: width },
87906
87906
  ...marginLeft && { marginLeft },
87907
87907
  ...marginTop && { marginTop }
87908
87908
  };
87909
87909
  }
87910
87910
  const shouldResizePage = getEditStore().ui.dnd.shouldResizePage;
87911
- if (shouldResizePage && merged.type === "SbPage") {
87911
+ if (shouldResizePage && merged.type === "Page") {
87912
87912
  merged.props = {
87913
87913
  ...merged.props || {},
87914
87914
  ...{ width: "100%", height: "100%" }
@@ -89314,7 +89314,7 @@ class ResizingManager {
89314
89314
  const heightMode = (_g2 = (_f2 = widget == null ? void 0 : widget.props) == null ? void 0 : _f2.height) == null ? void 0 : _g2.mode;
89315
89315
  const deltaX = currentX - resizeState.dragStartX;
89316
89316
  const deltaY = currentY - resizeState.dragStartY;
89317
- if (type5 === "SbIcon") {
89317
+ if (type5 === "Icon") {
89318
89318
  widthMode = (_i = (_h2 = widget == null ? void 0 : widget.props) == null ? void 0 : _h2.size) == null ? void 0 : _i.mode;
89319
89319
  if (!widthMode) {
89320
89320
  const parentInstanceId = widget == null ? void 0 : widget.parentInstanceId;
@@ -89391,13 +89391,13 @@ class ResizingManager {
89391
89391
  }
89392
89392
  resizeState.isApplyingResize = true;
89393
89393
  const properties2 = {
89394
- ...resizeState.heightToUpdate && type5 !== "SbIcon" && {
89394
+ ...resizeState.heightToUpdate && type5 !== "Icon" && {
89395
89395
  height: Property.Dimension(resizeState.heightToUpdate)
89396
89396
  },
89397
- ...resizeState.widthToUpdate && type5 !== "SbIcon" && {
89397
+ ...resizeState.widthToUpdate && type5 !== "Icon" && {
89398
89398
  width: Property.Dimension(resizeState.widthToUpdate)
89399
89399
  },
89400
- ...resizeState.widthToUpdate && type5 === "SbIcon" && {
89400
+ ...resizeState.widthToUpdate && type5 === "Icon" && {
89401
89401
  size: Property.Dimension(resizeState.widthToUpdate)
89402
89402
  },
89403
89403
  ...resizeState.marginLeftToUpdate && {
@@ -89437,8 +89437,8 @@ class UIStore {
89437
89437
  _selectedInstanceIds: observable,
89438
89438
  _focusedSourceId: observable,
89439
89439
  _focusedInstanceId: observable,
89440
- focusedSourceId: computed,
89441
- focusedInstanceId: computed,
89440
+ focusedSourceId: computed$1,
89441
+ focusedInstanceId: computed$1,
89442
89442
  setSelectedSourceIds: action,
89443
89443
  setSelectedInstanceIds: action,
89444
89444
  setFocusedSourceId: action,
@@ -89681,7 +89681,7 @@ function setEditStore(instance) {
89681
89681
  }
89682
89682
  const useObserverMemo = (fn3, deps) => {
89683
89683
  return useMemo$2(() => {
89684
- return computed(fn3);
89684
+ return computed$1(fn3);
89685
89685
  }, deps).get();
89686
89686
  };
89687
89687
  const useStandaloneObserverMemo = (fn3, deps) => {
@@ -91432,14 +91432,14 @@ function getLoaderFn$1(options) {
91432
91432
  if (!(loader === "all")) return [3, 3];
91433
91433
  return [4, import(
91434
91434
  /* webpackChunkName: "blueprint-icons-all-paths-loader" */
91435
- "./allPathsLoader-BHVTIYt4.js"
91435
+ "./allPathsLoader-btoKYE5V.js"
91436
91436
  )];
91437
91437
  case 2:
91438
91438
  return [2, _b2.sent().allPathsLoader];
91439
91439
  case 3:
91440
91440
  return [4, import(
91441
91441
  /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
91442
- "./splitPathsBySizeLoader-Dn3N8sjZ.js"
91442
+ "./splitPathsBySizeLoader-D4Fa2Noh.js"
91443
91443
  )];
91444
91444
  case 4:
91445
91445
  return [2, _b2.sent().splitPathsBySizeLoader];
@@ -91759,7 +91759,7 @@ SmallTick$1.defaultProps = {
91759
91759
  size: IconSize$2.STANDARD
91760
91760
  };
91761
91761
  SmallTick$1.displayName = "Blueprint5.Icon.SmallTick";
91762
- var Icon$1 = React.forwardRef(function(props2, ref2) {
91762
+ var Icon$2 = React.forwardRef(function(props2, ref2) {
91763
91763
  var _a2, _b2;
91764
91764
  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"]);
91765
91765
  var size2 = (_b2 = (_a2 = props2.iconSize) !== null && _a2 !== void 0 ? _a2 : props2.size) !== null && _b2 !== void 0 ? _b2 : IconSize$2.STANDARD;
@@ -91815,7 +91815,7 @@ var Icon$1 = React.forwardRef(function(props2, ref2) {
91815
91815
  }, removeNonHTMLProps$1(htmlProps)));
91816
91816
  }
91817
91817
  });
91818
- Icon$1.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Icon");
91818
+ Icon$2.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Icon");
91819
91819
  var SpinnerSize$1;
91820
91820
  (function(SpinnerSize2) {
91821
91821
  SpinnerSize2[SpinnerSize2["SMALL"] = 20] = "SMALL";
@@ -91868,7 +91868,7 @@ var getViewBox$1 = function(strokeWidth) {
91868
91868
  return "".concat(viewBoxX, " ").concat(viewBoxX, " ").concat(viewBoxWidth, " ").concat(viewBoxWidth);
91869
91869
  };
91870
91870
  var useIsomorphicLayoutEffect$8 = hasDOMEnvironment$1() ? React.useLayoutEffect : React.useEffect;
91871
- var Text$1 = React.forwardRef(function(_a2, forwardedRef) {
91871
+ var Text$2 = React.forwardRef(function(_a2, forwardedRef) {
91872
91872
  var _b2;
91873
91873
  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"]);
91874
91874
  var contentMeasuringRef = React.useRef();
@@ -91886,12 +91886,12 @@ var Text$1 = React.forwardRef(function(_a2, forwardedRef) {
91886
91886
  }, [contentMeasuringRef, children, ellipsize]);
91887
91887
  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);
91888
91888
  });
91889
- Text$1.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Text");
91890
- var Button$4 = React.forwardRef(function(props2, ref2) {
91889
+ Text$2.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Text");
91890
+ var Button$5 = React.forwardRef(function(props2, ref2) {
91891
91891
  var commonAttributes = useSharedButtonAttributes$1(props2, ref2);
91892
91892
  return React.createElement("button", __assign$2({ type: "button" }, removeNonHTMLProps$1(props2), commonAttributes), renderButtonContents$1(props2));
91893
91893
  });
91894
- Button$4.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Button");
91894
+ Button$5.displayName = "".concat(DISPLAYNAME_PREFIX$1, ".Button");
91895
91895
  var AnchorButton$1 = React.forwardRef(function(props2, ref2) {
91896
91896
  var href2 = props2.href;
91897
91897
  var commonProps = useSharedButtonAttributes$1(props2, ref2, {
@@ -91916,14 +91916,14 @@ function renderButtonContents$1(props2) {
91916
91916
  React.Fragment,
91917
91917
  null,
91918
91918
  loading2 && React.createElement(Spinner$1, { key: "loading", className: BUTTON_SPINNER$1, size: SpinnerSize$1.SMALL }),
91919
- React.createElement(Icon$1, { key: "leftIcon", icon }),
91919
+ React.createElement(Icon$2, { key: "leftIcon", icon }),
91920
91920
  hasTextContent && React.createElement(
91921
- Text$1,
91921
+ Text$2,
91922
91922
  { key: "text", className: classNames(BUTTON_TEXT$1, textClassName), ellipsize: ellipsizeText, tagName: "span" },
91923
91923
  text,
91924
91924
  children
91925
91925
  ),
91926
- React.createElement(Icon$1, { key: "rightIcon", icon: rightIcon })
91926
+ React.createElement(Icon$2, { key: "rightIcon", icon: rightIcon })
91927
91927
  );
91928
91928
  }
91929
91929
  function _inheritsLoose(t3, o) {
@@ -96921,9 +96921,9 @@ var MenuItem$1 = React.forwardRef(function(props2, ref2) {
96921
96921
  React.createElement(
96922
96922
  "span",
96923
96923
  { className: MENU_ITEM_ICON$1 },
96924
- React.createElement(Icon$1, { icon, "aria-hidden": true, tabIndex: -1 })
96924
+ React.createElement(Icon$2, { icon, "aria-hidden": true, tabIndex: -1 })
96925
96925
  )
96926
- ) : 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);
96926
+ ) : 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);
96927
96927
  var liClasses = classNames((_b2 = {}, _b2[MENU_SUBMENU$1] = hasSubmenu, _b2));
96928
96928
  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));
96929
96929
  });
@@ -97093,7 +97093,7 @@ var InputGroup$1 = (
97093
97093
  if (leftElement != null) {
97094
97094
  return React.createElement("span", { className: INPUT_LEFT_CONTAINER$1, ref: this.refHandlers.leftElement }, leftElement);
97095
97095
  } else if (leftIcon != null) {
97096
- return React.createElement(Icon$1, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
97096
+ return React.createElement(Icon$2, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
97097
97097
  }
97098
97098
  return void 0;
97099
97099
  };
@@ -97471,8 +97471,8 @@ var NumericInput = (
97471
97471
  return React.createElement(
97472
97472
  ButtonGroup,
97473
97473
  { className: FIXED, key: "button-group", vertical: true },
97474
- React.createElement(Button$4, __assign$2({ "aria-label": "increment", "aria-controls": this.numericInputId, disabled: disabled || isIncrementDisabled, icon: React.createElement(ChevronUp, null), intent }, this.incrementButtonHandlers)),
97475
- React.createElement(Button$4, __assign$2({ "aria-label": "decrement", "aria-controls": this.numericInputId, disabled: disabled || isDecrementDisabled, icon: React.createElement(ChevronDown, null), intent }, this.decrementButtonHandlers))
97474
+ React.createElement(Button$5, __assign$2({ "aria-label": "increment", "aria-controls": this.numericInputId, disabled: disabled || isIncrementDisabled, icon: React.createElement(ChevronUp, null), intent }, this.incrementButtonHandlers)),
97475
+ React.createElement(Button$5, __assign$2({ "aria-label": "decrement", "aria-controls": this.numericInputId, disabled: disabled || isDecrementDisabled, icon: React.createElement(ChevronDown, null), intent }, this.decrementButtonHandlers))
97476
97476
  );
97477
97477
  };
97478
97478
  NumericInput2.prototype.renderInput = function() {
@@ -97642,9 +97642,9 @@ var Tag = React.forwardRef(function(props2, ref2) {
97642
97642
  return React.createElement(
97643
97643
  "span",
97644
97644
  __assign$2({}, removeNonHTMLProps$1(htmlProps), interactiveProps, { className: tagClasses }),
97645
- React.createElement(Icon$1, { icon }),
97646
- !isReactNodeEmpty$1(children) && React.createElement(Text$1, { className: FILL$1, ellipsize: !multiline, tagName: "span", title: htmlTitle }, children),
97647
- React.createElement(Icon$1, { icon: rightIcon }),
97645
+ React.createElement(Icon$2, { icon }),
97646
+ !isReactNodeEmpty$1(children) && React.createElement(Text$2, { className: FILL$1, ellipsize: !multiline, tagName: "span", title: htmlTitle }, children),
97647
+ React.createElement(Icon$2, { icon: rightIcon }),
97648
97648
  isRemovable && React.createElement(TagRemoveButton, __assign$2({}, props2))
97649
97649
  );
97650
97650
  });
@@ -97801,7 +97801,7 @@ var TagInput = (
97801
97801
  return React.createElement(
97802
97802
  "div",
97803
97803
  { className: classes, onBlur: this.handleContainerBlur, onClick: this.handleContainerClick },
97804
- React.createElement(Icon$1, { className: TAG_INPUT_ICON, icon: leftIcon, size: isLarge ? IconSize$2.LARGE : IconSize$2.STANDARD }),
97804
+ React.createElement(Icon$2, { className: TAG_INPUT_ICON, icon: leftIcon, size: isLarge ? IconSize$2.LARGE : IconSize$2.STANDARD }),
97805
97805
  React.createElement(
97806
97806
  "div",
97807
97807
  { className: TAG_INPUT_VALUES },
@@ -100533,9 +100533,9 @@ const createBindableEntityProxy = (entityAccessor, identifier2) => {
100533
100533
  };
100534
100534
  const existingScopeIds = /* @__PURE__ */ new Set();
100535
100535
  function internalCreateScope(getInitialEntities, options) {
100536
- return createSbScope(getInitialEntities, options);
100536
+ return createScope(getInitialEntities, options);
100537
100537
  }
100538
- function createSbScope(getInitialEntities, options) {
100538
+ function createScope(getInitialEntities, options) {
100539
100539
  const { parentScopeId, name } = options;
100540
100540
  if (!name) {
100541
100541
  throw new Error("Scope name is required");
@@ -101160,7 +101160,7 @@ const useButtonContent = (props2, forceTextColorWhenDisabled) => {
101160
101160
  styleForText
101161
101161
  ]);
101162
101162
  };
101163
- const Button$3 = (props2) => {
101163
+ const Button$4 = (props2) => {
101164
101164
  const {
101165
101165
  buttonStyle,
101166
101166
  border: border2,
@@ -111715,7 +111715,7 @@ const DuplicatedNamePopover = observer(({ name, children, showWarning, sourceId
111715
111715
  ] }),
111716
111716
  /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleRename, className: FormWrapperClassName, children: [
111717
111717
  /* @__PURE__ */ jsxRuntimeExports.jsx(
111718
- Input2,
111718
+ Input$1,
111719
111719
  {
111720
111720
  value: newName,
111721
111721
  onChange: (e3) => setNewName(e3.target.value)
@@ -112616,7 +112616,7 @@ const containerLayout = (sizeProps) => Prop.union({
112616
112616
  props: {
112617
112617
  marginTop: Property.Dimension(Dim.row(gridPosition.yGU)),
112618
112618
  marginLeft: Property.Dimension(Dim.col(gridPosition.xGU)),
112619
- ...type5 === "SbIcon" ? {
112619
+ ...type5 === "Icon" ? {
112620
112620
  size: Property.Dimension(Dim.col(gridPosition.widthGU))
112621
112621
  } : {
112622
112622
  width: Property.Dimension(
@@ -112648,7 +112648,7 @@ const containerLayout = (sizeProps) => Prop.union({
112648
112648
  marginTop: Property.Static(""),
112649
112649
  marginLeft: Property.Static(""),
112650
112650
  constraintTop: Property.Static(""),
112651
- ...type5 === "SbIcon" ? {
112651
+ ...type5 === "Icon" ? {
112652
112652
  size: Property.Dimension(Dim.px(elementRect.width))
112653
112653
  } : {
112654
112654
  width: Property.Dimension(Dim.px(elementRect.width)),
@@ -112725,7 +112725,7 @@ const containerLayout = (sizeProps) => Prop.union({
112725
112725
  }
112726
112726
  ]
112727
112727
  });
112728
- const basicLayout = () => Section.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible());
112728
+ const basicLayout = () => Section$1.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible());
112729
112729
  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";
112730
112730
  const canUseDOM$1 = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
112731
112731
  function isWindow(element) {
@@ -116959,7 +116959,7 @@ function getParentInfo(parent) {
116959
116959
  function getModalChildren(modalName) {
116960
116960
  return [
116961
116961
  {
116962
- tagName: "SbContainer",
116962
+ tagName: "Container",
116963
116963
  properties: {
116964
116964
  variant: Property.Static("none"),
116965
116965
  width: Property.Dimension(Dim.fill()),
@@ -116968,7 +116968,7 @@ function getModalChildren(modalName) {
116968
116968
  },
116969
116969
  children: [
116970
116970
  {
116971
- tagName: "SbText",
116971
+ tagName: "Text",
116972
116972
  properties: {
116973
116973
  text: Property.Static("Modal Title"),
116974
116974
  textStyle: Property.Static({
@@ -116980,7 +116980,7 @@ function getModalChildren(modalName) {
116980
116980
  ]
116981
116981
  },
116982
116982
  {
116983
- tagName: "SbContainer",
116983
+ tagName: "Container",
116984
116984
  properties: {
116985
116985
  variant: Property.Static("none"),
116986
116986
  width: Property.Dimension(Dim.fill()),
@@ -116989,7 +116989,7 @@ function getModalChildren(modalName) {
116989
116989
  children: []
116990
116990
  },
116991
116991
  {
116992
- tagName: "SbContainer",
116992
+ tagName: "Container",
116993
116993
  properties: {
116994
116994
  spacing: Property.Dimension(Dim.px(8)),
116995
116995
  width: Property.Dimension(Dim.fill()),
@@ -116999,7 +116999,7 @@ function getModalChildren(modalName) {
116999
116999
  },
117000
117000
  children: [
117001
117001
  {
117002
- tagName: "SbButton",
117002
+ tagName: "Button",
117003
117003
  properties: {
117004
117004
  label: Property.Static("Cancel"),
117005
117005
  variant: Property.Static("secondary"),
@@ -117015,7 +117015,7 @@ function getModalChildren(modalName) {
117015
117015
  children: []
117016
117016
  },
117017
117017
  {
117018
- tagName: "SbButton",
117018
+ tagName: "Button",
117019
117019
  properties: {
117020
117020
  label: Property.Static("Confirm")
117021
117021
  },
@@ -117028,7 +117028,7 @@ function getModalChildren(modalName) {
117028
117028
  function getSlideoutChildren() {
117029
117029
  return [
117030
117030
  {
117031
- tagName: "SbContainer",
117031
+ tagName: "Container",
117032
117032
  properties: {
117033
117033
  variant: Property.Static("none"),
117034
117034
  width: Property.Dimension(Dim.fill()),
@@ -117037,7 +117037,7 @@ function getSlideoutChildren() {
117037
117037
  },
117038
117038
  children: [
117039
117039
  {
117040
- tagName: "SbText",
117040
+ tagName: "Text",
117041
117041
  properties: {
117042
117042
  text: Property.Static("Slideout Title"),
117043
117043
  textStyle: Property.Static({
@@ -117049,7 +117049,7 @@ function getSlideoutChildren() {
117049
117049
  ]
117050
117050
  },
117051
117051
  {
117052
- tagName: "SbContainer",
117052
+ tagName: "Container",
117053
117053
  properties: {
117054
117054
  variant: Property.Static("none"),
117055
117055
  width: Property.Dimension(Dim.fill()),
@@ -117064,7 +117064,7 @@ function getSlideoutChildren() {
117064
117064
  function getSectionChildren() {
117065
117065
  return [
117066
117066
  {
117067
- tagName: "SbColumn",
117067
+ tagName: "Column",
117068
117068
  properties: {
117069
117069
  width: Property.Dimension(Dim.fill()),
117070
117070
  height: Property.Dimension(Dim.fill())
@@ -117079,10 +117079,10 @@ function getTriggerComponent({
117079
117079
  primaryComponentName,
117080
117080
  triggerComponentId
117081
117081
  }) {
117082
- if (componentType === "SbModal") {
117082
+ if (componentType === "Modal") {
117083
117083
  return {
117084
117084
  parentElement,
117085
- tagName: "SbButton",
117085
+ tagName: "Button",
117086
117086
  id: triggerComponentId,
117087
117087
  properties: {
117088
117088
  label: Property.Static("Open Modal"),
@@ -117097,10 +117097,10 @@ function getTriggerComponent({
117097
117097
  },
117098
117098
  children: []
117099
117099
  };
117100
- } else if (componentType === "SbSlideout") {
117100
+ } else if (componentType === "Slideout") {
117101
117101
  return {
117102
117102
  parentElement,
117103
- tagName: "SbButton",
117103
+ tagName: "Button",
117104
117104
  id: triggerComponentId,
117105
117105
  properties: {
117106
117106
  label: Property.Static("Open Slideout"),
@@ -117123,26 +117123,26 @@ function getComponentBaseProperties(componentType, parentInfo) {
117123
117123
  const customComponents = rootStore.componentRegistry.customComponentList;
117124
117124
  const properties2 = {};
117125
117125
  let children = [];
117126
- const shouldProvideAName = componentType === "SbInput" || componentType === "SbDropdown" || componentType === "SbDatePicker" || componentType === "SbCheckbox" || componentType === "SbSwitch" || componentType === "SbModal" || componentType === "SbSlideout" || componentType === "SbTable" || // Components not yet implemented
117127
- 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
117128
- componentType === "SbSection" || componentType === "SbColumn" || // All components dropped in a grid
117126
+ const shouldProvideAName = componentType === "Input" || componentType === "Dropdown" || componentType === "DatePicker" || componentType === "Checkbox" || componentType === "Switch" || componentType === "Modal" || componentType === "Slideout" || componentType === "Table" || // Components not yet implemented
117127
+ 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
117128
+ componentType === "Section" || componentType === "Column" || // All components dropped in a grid
117129
117129
  parentInfo.isGridLike || // All custom components
117130
117130
  customComponents.includes(componentType);
117131
- const isContainer = componentType === "SbSection" || componentType === "SbColumn" || componentType === "SbContainer" || componentType === "SbModal" || componentType === "SbSlideout";
117132
- if (isContainer && componentType !== "SbModal" && componentType !== "SbSlideout") {
117131
+ const isContainer = componentType === "Section" || componentType === "Column" || componentType === "Container" || componentType === "Modal" || componentType === "Slideout";
117132
+ if (isContainer && componentType !== "Modal" && componentType !== "Slideout") {
117133
117133
  properties2.width = Property.Dimension(Dim.fill());
117134
117134
  }
117135
117135
  if (shouldProvideAName) {
117136
117136
  properties2.name = Property.Static(getUniqueName(componentType));
117137
117137
  }
117138
117138
  switch (componentType) {
117139
- case "SbText":
117139
+ case "Text":
117140
117140
  properties2.text = Property.Static("Hello, world!");
117141
117141
  break;
117142
- case "SbInput":
117142
+ case "Input":
117143
117143
  properties2.label = Property.Static("Label");
117144
117144
  break;
117145
- case "SbButton":
117145
+ case "Button":
117146
117146
  properties2.label = Property.Static("Submit");
117147
117147
  properties2.onClick = Property.Event([
117148
117148
  {
@@ -117152,7 +117152,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
117152
117152
  }
117153
117153
  ]);
117154
117154
  break;
117155
- case "SbImage":
117155
+ case "Image":
117156
117156
  properties2.src = Property.Static(
117157
117157
  "https://lowcode.s3.us-west-2.amazonaws.com/eilish-billie.jpeg"
117158
117158
  );
@@ -117160,7 +117160,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
117160
117160
  properties2.width = parentInfo.isGridLike ? Property.Dimension(Dim.col(4)) : Property.Dimension(Dim.px(300));
117161
117161
  properties2.height = Property.Dimension(Dim.fit());
117162
117162
  break;
117163
- case "SbKeyValue":
117163
+ case "KeyValue":
117164
117164
  properties2.sourceData = Property.Static({
117165
117165
  id: 123,
117166
117166
  name: "John Smith",
@@ -117204,7 +117204,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
117204
117204
  }
117205
117205
  });
117206
117206
  break;
117207
- case "SbDropdown":
117207
+ case "Dropdown":
117208
117208
  properties2.label = Property.Static("Label");
117209
117209
  properties2.options = Property.Computed([
117210
117210
  { label: "All statuses", value: "all" },
@@ -117217,26 +117217,26 @@ function getComponentBaseProperties(componentType, parentInfo) {
117217
117217
  { label: "On hold", value: "on_hold" }
117218
117218
  ]);
117219
117219
  break;
117220
- case "SbModal":
117220
+ case "Modal":
117221
117221
  children = getModalChildren((_a2 = properties2.name) == null ? void 0 : _a2.value);
117222
117222
  break;
117223
- case "SbSlideout":
117223
+ case "Slideout":
117224
117224
  children = getSlideoutChildren();
117225
117225
  break;
117226
- case "SbCheckbox":
117226
+ case "Checkbox":
117227
117227
  properties2.label = Property.Static("Label");
117228
117228
  break;
117229
- case "SbDatePicker":
117229
+ case "DatePicker":
117230
117230
  properties2.label = Property.Static("Label");
117231
117231
  properties2.defaultDate = Property.Static((/* @__PURE__ */ new Date()).toISOString());
117232
117232
  break;
117233
- case "SbSwitch":
117233
+ case "Switch":
117234
117234
  properties2.label = Property.Static("Label");
117235
117235
  break;
117236
- case "SbSection":
117236
+ case "Section":
117237
117237
  children = getSectionChildren();
117238
117238
  break;
117239
- case "SbTable":
117239
+ case "Table":
117240
117240
  properties2.tableData = Property.Static(DEFAULT_TABLE_DATA);
117241
117241
  properties2.columns = Property.Static(DEFAULT_TABLE_COLUMNS);
117242
117242
  properties2.header = Property.Static("Customers");
@@ -117261,7 +117261,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
117261
117261
  };
117262
117262
  }
117263
117263
  const getUniqueName = (componentType) => {
117264
- const baseName = componentType.replace("Sb", "");
117264
+ const baseName = componentType;
117265
117265
  let counter2 = 1;
117266
117266
  let name = `${baseName}${counter2}`;
117267
117267
  while (rootStore.nameManager.hasEntityWithName(name)) {
@@ -117271,10 +117271,10 @@ const getUniqueName = (componentType) => {
117271
117271
  return name;
117272
117272
  };
117273
117273
  function checkComponentForParentTypeBeforeCreating(componentType, parentType) {
117274
- if (componentType === "SbSection" && parentType !== "SbPage") {
117274
+ if (componentType === "Section" && parentType !== "Page") {
117275
117275
  return false;
117276
117276
  }
117277
- if (componentType === "SbColumn" && parentType !== "SbSection" && parentType !== "SbPage") {
117277
+ if (componentType === "Column" && parentType !== "Section" && parentType !== "Page") {
117278
117278
  return false;
117279
117279
  }
117280
117280
  return true;
@@ -117298,7 +117298,7 @@ async function createComponent({
117298
117298
  componentType,
117299
117299
  parentInfo.type
117300
117300
  );
117301
- const isGridLike = willWrapInSectionAndColumn && componentType !== "SbColumn" ? true : parentInfo.isGridLike;
117301
+ const isGridLike = willWrapInSectionAndColumn && componentType !== "Column" ? true : parentInfo.isGridLike;
117302
117302
  const tagName = componentType;
117303
117303
  const {
117304
117304
  properties: propertiesFromType,
@@ -117322,7 +117322,7 @@ async function createComponent({
117322
117322
  );
117323
117323
  const pageComponent = editStore2.runtimeEntitiesManager.getClosestAncestorByType(
117324
117324
  parentInstanceId,
117325
- "SbPage"
117325
+ "Page"
117326
117326
  );
117327
117327
  const pageSource = {
117328
117328
  source: {
@@ -117380,32 +117380,32 @@ async function createComponent({
117380
117380
  }
117381
117381
  function wrapInSectionColumnIfDroppingOnPage(primaryComponent, parentType) {
117382
117382
  const { properties: sectionProperties } = getComponentBaseProperties(
117383
- "SbSection",
117383
+ "Section",
117384
117384
  {
117385
117385
  isGridLike: false
117386
117386
  // parent is a page
117387
117387
  }
117388
117388
  );
117389
- if (primaryComponent.tagName === "SbColumn") {
117389
+ if (primaryComponent.tagName === "Column") {
117390
117390
  return {
117391
117391
  parentElement: primaryComponent.parentElement,
117392
- tagName: "SbSection",
117392
+ tagName: "Section",
117393
117393
  id: getEditStore().operationManager.generateSourceId(),
117394
117394
  properties: sectionProperties,
117395
117395
  children: [primaryComponent]
117396
117396
  };
117397
117397
  }
117398
117398
  const { properties: columnProperties } = getComponentBaseProperties(
117399
- "SbColumn",
117399
+ "Column",
117400
117400
  {
117401
117401
  isGridLike: false
117402
117402
  // parent is section
117403
117403
  }
117404
117404
  );
117405
- if (parentType === "SbSection") {
117405
+ if (parentType === "Section") {
117406
117406
  return {
117407
117407
  parentElement: primaryComponent.parentElement,
117408
- tagName: "SbColumn",
117408
+ tagName: "Column",
117409
117409
  id: getEditStore().operationManager.generateSourceId(),
117410
117410
  properties: columnProperties,
117411
117411
  children: [primaryComponent]
@@ -117413,12 +117413,12 @@ function wrapInSectionColumnIfDroppingOnPage(primaryComponent, parentType) {
117413
117413
  }
117414
117414
  return {
117415
117415
  parentElement: primaryComponent.parentElement,
117416
- tagName: "SbSection",
117416
+ tagName: "Section",
117417
117417
  id: getEditStore().operationManager.generateSourceId(),
117418
117418
  properties: sectionProperties,
117419
117419
  children: [
117420
117420
  {
117421
- tagName: "SbColumn",
117421
+ tagName: "Column",
117422
117422
  id: getEditStore().operationManager.generateSourceId(),
117423
117423
  properties: {
117424
117424
  ...columnProperties,
@@ -117464,7 +117464,7 @@ const handleGridDropWithinCanvas = (params) => {
117464
117464
  const propsToChange = droppedWidgetConstraints ? {
117465
117465
  marginTop: Property.Dimension(Dim.row(droppedWidgetConstraints.top)),
117466
117466
  marginLeft: Property.Dimension(Dim.col(droppedWidgetConstraints.left)),
117467
- ...draggedType === "SbIcon" ? { size: size2 } : { width, height },
117467
+ ...draggedType === "Icon" ? { size: size2 } : { width, height },
117468
117468
  constraintTop: Property.Expression(
117469
117469
  JSON.stringify(droppedWidgetConstraints.constraintTop)
117470
117470
  )
@@ -117538,7 +117538,7 @@ const mergeDroppedDimensions = (draggedType, draggedProps, activeDragRect) => {
117538
117538
  });
117539
117539
  const width = safeExistingDimensions.width ?? ((activeDragRect == null ? void 0 : activeDragRect.width) ? Property.Dimension(Dim.px(activeDragRect.width)) : Property.Static(""));
117540
117540
  const height = safeExistingDimensions.height ?? ((activeDragRect == null ? void 0 : activeDragRect.height) ? Property.Dimension(Dim.px(activeDragRect.height)) : Property.Static(""));
117541
- if (draggedType === "SbIcon") {
117541
+ if (draggedType === "Icon") {
117542
117542
  const size2 = safeExistingDimensions.size ?? ((activeDragRect == null ? void 0 : activeDragRect.height) ? Property.Dimension(Dim.px(activeDragRect.height)) : Property.Static(""));
117543
117543
  return { size: size2 };
117544
117544
  }
@@ -117617,7 +117617,7 @@ const dropComponentInWrappingSectionOrColumn = async (params) => {
117617
117617
  }
117618
117618
  const scopeName = rootStore.entityManager.getScopeName(dropScopeId);
117619
117619
  const newComponentSourceId = await createComponent({
117620
- componentType: dropTargetType === "SbPage" ? "SbSection" : "SbColumn",
117620
+ componentType: dropTargetType === "Page" ? "Section" : "Column",
117621
117621
  parent: { index: dropInfo.insertionIndex, id: dropSourceId },
117622
117622
  scopeName
117623
117623
  });
@@ -118081,7 +118081,7 @@ const AddSectionButton = ({
118081
118081
  const indexForNewSection = placement === "above" ? indexForBaseSection : indexForBaseSection + 1;
118082
118082
  const createSection = useCallback(async () => {
118083
118083
  const newSectionSourceId = await createComponent({
118084
- componentType: "SbSection",
118084
+ componentType: "Section",
118085
118085
  parent: { id: sectionParentSourceId, index: indexForNewSection },
118086
118086
  scopeName: sectionParentScopeName
118087
118087
  });
@@ -118131,7 +118131,7 @@ const AddSectionButtons = ({
118131
118131
  var _a2;
118132
118132
  const editStore2 = getEditStore();
118133
118133
  const currentSection = editStore2.runtimeEntitiesManager.getEditorWidgetMeta(sectionInstanceId);
118134
- if (!currentSection || currentSection.type !== "SbSection") {
118134
+ if (!currentSection || currentSection.type !== "Section") {
118135
118135
  console.error("currentSection not found");
118136
118136
  return null;
118137
118137
  }
@@ -118183,7 +118183,7 @@ const canResizeHeight = (heightMode) => {
118183
118183
  const useResizeCapabilities = (instanceId) => {
118184
118184
  var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
118185
118185
  const widget = (_a2 = rootStore.editStore) == null ? void 0 : _a2.runtimeEntitiesManager.getEditorWidgetMeta(instanceId);
118186
- if ((widget == null ? void 0 : widget.type) === "SbIcon") {
118186
+ if ((widget == null ? void 0 : widget.type) === "Icon") {
118187
118187
  const sizeMode = (_c2 = (_b2 = widget.props) == null ? void 0 : _b2.size) == null ? void 0 : _c2.mode;
118188
118188
  return {
118189
118189
  canResizeWidth: sizeMode != null && sizeMode !== "fit",
@@ -118362,7 +118362,7 @@ const InteractionRectHandles = (props2) => {
118362
118362
  }
118363
118363
  }
118364
118364
  },
118365
- 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." : "" }),
118365
+ 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." : "" }),
118366
118366
  children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" } })
118367
118367
  }
118368
118368
  )
@@ -118444,7 +118444,7 @@ const NamePillDiv = (params) => {
118444
118444
  },
118445
118445
  children: [
118446
118446
  type5 === "ERROR" && /* @__PURE__ */ jsxRuntimeExports.jsx(
118447
- Icon$1,
118447
+ Icon$2,
118448
118448
  {
118449
118449
  icon: "error",
118450
118450
  color: colors.WHITE,
@@ -118608,7 +118608,7 @@ const InteractionRect = (props2) => {
118608
118608
  }
118609
118609
  }
118610
118610
  ),
118611
- type5 === "SbColumn" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: parentInstanceId })
118611
+ type5 === "Column" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: parentInstanceId })
118612
118612
  ] }),
118613
118613
  /* @__PURE__ */ jsxRuntimeExports.jsx(
118614
118614
  "div",
@@ -118654,7 +118654,7 @@ const InteractionRect = (props2) => {
118654
118654
  selectionType
118655
118655
  }
118656
118656
  ),
118657
- type5 === "SbSection" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: instanceId }),
118657
+ type5 === "Section" && /* @__PURE__ */ jsxRuntimeExports.jsx(AddSectionButtons, { sectionInstanceId: instanceId }),
118658
118658
  /* @__PURE__ */ jsxRuntimeExports.jsx(
118659
118659
  NamePill,
118660
118660
  {
@@ -118758,7 +118758,7 @@ function getFocusedWidget(event, rootType, rootElement, editStore2, isExtended)
118758
118758
  function useWidgetHover(rootType) {
118759
118759
  useEffect(() => {
118760
118760
  const rootElement = document.getElementById(
118761
- rootType === "SbPage" ? CANVAS_ROOT_ID : PORTAL_ROOT_ID
118761
+ rootType === "Page" ? CANVAS_ROOT_ID : PORTAL_ROOT_ID
118762
118762
  );
118763
118763
  const editStore2 = getEditStore();
118764
118764
  const handleMouseMove = (event) => {
@@ -118792,15 +118792,15 @@ function useWidgetHover(rootType) {
118792
118792
  }, [rootType]);
118793
118793
  }
118794
118794
  const DETACHED_COMPONENT_TYPES = [
118795
- "SbModal",
118796
- "SbSlideout"
118795
+ "Modal",
118796
+ "Slideout"
118797
118797
  ];
118798
118798
  const InteractionLayer = observer(
118799
118799
  (props2) => {
118800
118800
  useWidgetHover(props2.rootType);
118801
118801
  const { scopeId } = useScope();
118802
118802
  const editStore2 = getEditStore();
118803
- const isActive2 = editStore2.interactionLayerManager.activeRootInstanceId === props2.rootInstanceId || editStore2.interactionLayerManager.activeRootInstanceId === void 0 && props2.rootType === "SbPage";
118803
+ const isActive2 = editStore2.interactionLayerManager.activeRootInstanceId === props2.rootInstanceId || editStore2.interactionLayerManager.activeRootInstanceId === void 0 && props2.rootType === "Page";
118804
118804
  const selectedElements = useSelectionElements({
118805
118805
  focusedSourceId: editStore2.ui.getFocusedSourceId(),
118806
118806
  selectedSourceIds: editStore2.ui.getSelectedSourceIds(),
@@ -119154,13 +119154,13 @@ const EditWrapper = observer(function EditWrapper2(props2) {
119154
119154
  }, [props2]);
119155
119155
  useStableEffect(
119156
119156
  () => {
119157
- if (customProperties.length === 0 || props2.type !== "SbCustom") {
119157
+ if (customProperties.length === 0 || props2.type !== "CustomComponent") {
119158
119158
  return;
119159
119159
  }
119160
- const customProps = Section.category(PropsPanelCategory.Content).children(
119160
+ const customProps = Section$1.category(PropsPanelCategory.Content).children(
119161
119161
  Object.fromEntries(
119162
119162
  customProperties.filter((property) => {
119163
- return !(props2.widgetProps[property] instanceof SbEventFlow);
119163
+ return !(props2.widgetProps[property] instanceof EventFlow);
119164
119164
  }).map((property) => {
119165
119165
  var _a2;
119166
119166
  const widgetProps = props2.widgetProps;
@@ -119208,12 +119208,12 @@ const EditWrapper = observer(function EditWrapper2(props2) {
119208
119208
  })
119209
119209
  )
119210
119210
  );
119211
- const events2 = Section.category(
119211
+ const events2 = Section$1.category(
119212
119212
  PropsPanelCategory.EventHandlers
119213
119213
  ).children(
119214
119214
  Object.fromEntries(
119215
119215
  customProperties.filter((property) => {
119216
- return props2.widgetProps[property] instanceof SbEventFlow;
119216
+ return props2.widgetProps[property] instanceof EventFlow;
119217
119217
  }).map((property) => {
119218
119218
  var _a2;
119219
119219
  const widgetProps = props2.widgetProps;
@@ -119244,7 +119244,7 @@ const EditWrapper = observer(function EditWrapper2(props2) {
119244
119244
  type: props2.type
119245
119245
  }
119246
119246
  );
119247
- if (props2.type === "SbPage") {
119247
+ if (props2.type === "Page") {
119248
119248
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
119249
119249
  content,
119250
119250
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -119339,9 +119339,9 @@ function useTrackRuntimeWidget(instanceId, params) {
119339
119339
  stableEffectOptions
119340
119340
  );
119341
119341
  }
119342
- const registerSbComponent = (type5, config2, Component3) => {
119342
+ const registerComponent$1 = (type5, config2, Component3) => {
119343
119343
  if (typeof window === "undefined") {
119344
- console.log("[] ssr registering sb component", type5);
119344
+ console.log("[] ssr registering component", type5);
119345
119345
  return (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props2 });
119346
119346
  }
119347
119347
  const managedProps = createManagedPropsList(config2.propertiesDefinition);
@@ -119454,7 +119454,7 @@ const registerSbComponent = (type5, config2, Component3) => {
119454
119454
  rootStore.componentRegistry.addManagedProps(type5, managedProps ?? []);
119455
119455
  return SbComponent;
119456
119456
  };
119457
- function registerSbEntity(name, config2, Entity) {
119457
+ function registerEntity(name, config2, Entity) {
119458
119458
  const managedProps = createManagedPropsList(config2.propertiesDefinition);
119459
119459
  const internalProps = createInternalPropsList(config2.propertiesDefinition);
119460
119460
  rootStore.componentRegistry.addManagedProps(name, managedProps ?? []);
@@ -119984,7 +119984,7 @@ const textStyle$1 = textStyleProp({
119984
119984
  };
119985
119985
  });
119986
119986
  const propertiesDefinition$i = {
119987
- general: Section.category(PropsPanelCategory.Content).children({
119987
+ general: Section$1.category(PropsPanelCategory.Content).children({
119988
119988
  label: Prop.string().readAndWrite().validate(VALIDATORS.TEXT_ALLOW_UNDEFINED).propertiesPanel({
119989
119989
  label: "Label",
119990
119990
  placeholder: "Enter label text",
@@ -119993,8 +119993,8 @@ const propertiesDefinition$i = {
119993
119993
  defaultOnAdd: "Submit"
119994
119994
  })
119995
119995
  }),
119996
- layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: BUTTON_PADDING, default: BUTTON_PADDING })).add(size$2()).add(margin()).add(visible()),
119997
- appearance: Section.category(PropsPanelCategory.Appearance).children({
119996
+ layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: BUTTON_PADDING, default: BUTTON_PADDING })).add(size$2()).add(margin()).add(visible()),
119997
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
119998
119998
  variant: Prop.string().readAndWrite().default("primary").propertiesPanel({
119999
119999
  label: "Variant",
120000
120000
  controlType: "DROP_DOWN",
@@ -120069,19 +120069,19 @@ const propertiesDefinition$i = {
120069
120069
  }),
120070
120070
  loading: loading()
120071
120071
  }),
120072
- interaction: Section.category(PropsPanelCategory.Interaction).children({
120072
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
120073
120073
  isDisabled: Prop.boolean().readAndWrite().default(false).propertiesPanel({
120074
120074
  label: "Disabled"
120075
120075
  })
120076
120076
  }),
120077
- events: Section.category(PropsPanelCategory.EventHandlers).children({
120077
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
120078
120078
  onClick: Prop.event().propertiesPanel({
120079
120079
  label: "onClick"
120080
120080
  })
120081
120081
  })
120082
120082
  };
120083
- const SbButton = registerSbComponent(
120084
- "SbButton",
120083
+ const Button$3 = registerComponent$1(
120084
+ "Button",
120085
120085
  {
120086
120086
  propertiesDefinition: propertiesDefinition$i,
120087
120087
  hasExtendedClickArea: true
@@ -120125,7 +120125,7 @@ const SbButton = registerSbComponent(
120125
120125
  return props2.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicSVG, { size: iconSize, iconName: props2.icon }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
120126
120126
  }, [iconSize, props2.icon]);
120127
120127
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...passThroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
120128
- Button$3,
120128
+ Button$4,
120129
120129
  {
120130
120130
  width: "100%",
120131
120131
  height: "100%",
@@ -120246,7 +120246,7 @@ const commonLayoutProps = {
120246
120246
  ...shouldScrollContents(true),
120247
120247
  ...visible()
120248
120248
  };
120249
- Section.category(PropsPanelCategory.Appearance).children({
120249
+ Section$1.category(PropsPanelCategory.Appearance).children({
120250
120250
  backgroundColor: colorProp({
120251
120251
  label: "Background",
120252
120252
  helpText: "Changes the color of the background"
@@ -120256,7 +120256,7 @@ Section.category(PropsPanelCategory.Appearance).children({
120256
120256
  loading: loading()
120257
120257
  });
120258
120258
  ({
120259
- layout: Section.category(PropsPanelCategory.Layout).add({
120259
+ layout: Section$1.category(PropsPanelCategory.Layout).add({
120260
120260
  verticalAlign: Prop.string().readAndWrite().default("top").propertiesPanel({
120261
120261
  label: "Vertical align",
120262
120262
  controlType: "RADIO_BUTTON_GROUP",
@@ -120321,7 +120321,7 @@ Section.category(PropsPanelCategory.Appearance).children({
120321
120321
  })
120322
120322
  });
120323
120323
  ({
120324
- layout: Section.category(PropsPanelCategory.Layout).add({
120324
+ layout: Section$1.category(PropsPanelCategory.Layout).add({
120325
120325
  verticalAlign: Prop.string().readAndWrite().default("top").propertiesPanel({
120326
120326
  label: "Vertical align",
120327
120327
  controlType: "RADIO_BUTTON_GROUP",
@@ -120398,12 +120398,10 @@ const getStackChildStyle = ({
120398
120398
  // if parent height is fit-content, child height 100% will cause unexpected height if child is empty container
120399
120399
  childCount === 1 && (height == null ? void 0 : height.mode) === "fill" && (parentHeight == null ? void 0 : parentHeight.mode) !== "fit" ? { height: "100%" } : dimToCSS(height, "height", primary === "height")
120400
120400
  );
120401
- const width = (childProps == null ? void 0 : childProps.width) ?? (["SbText", "SbButton", "SbCheckbox", "SbSwitch"].includes(
120402
- (childProps == null ? void 0 : childProps.type) ?? ""
120403
- ) ? Dim.fit() : Dim.fill());
120401
+ const width = (childProps == null ? void 0 : childProps.width) ?? (["Text", "Button", "Checkbox", "Switch"].includes((childProps == null ? void 0 : childProps.type) ?? "") ? Dim.fit() : Dim.fill());
120404
120402
  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");
120405
- const canShrinkBelowContentWidth = (childProps == null ? void 0 : childProps.minWidth) === void 0 && (childProps == null ? void 0 : childProps.type) === "SbColumn";
120406
- if ((childProps == null ? void 0 : childProps.type) === "SbIcon") {
120403
+ const canShrinkBelowContentWidth = (childProps == null ? void 0 : childProps.minWidth) === void 0 && (childProps == null ? void 0 : childProps.type) === "Column";
120404
+ if ((childProps == null ? void 0 : childProps.type) === "Icon") {
120407
120405
  heightCss = dimToCSS(Dim.fit(), "height", false);
120408
120406
  widthCss = dimToCSS(Dim.fit(), "width", false);
120409
120407
  }
@@ -120433,7 +120431,7 @@ const getStackChildStyle = ({
120433
120431
  ...marginCss,
120434
120432
  ...stickyCss
120435
120433
  };
120436
- if ((childProps == null ? void 0 : childProps.type) === "SbModal" || (childProps == null ? void 0 : childProps.type) === "SbSlideout") {
120434
+ if ((childProps == null ? void 0 : childProps.type) === "Modal" || (childProps == null ? void 0 : childProps.type) === "Slideout") {
120437
120435
  style2.display = "none";
120438
120436
  }
120439
120437
  return style2;
@@ -120561,14 +120559,14 @@ const DEFAULT_SECTION_PADDING = {
120561
120559
  bottom: Dim.px(0)
120562
120560
  };
120563
120561
  const propertiesDefinition$h = {
120564
- contents: Section.category(PropsPanelCategory.Content).children({
120562
+ contents: Section$1.category(PropsPanelCategory.Content).children({
120565
120563
  columns: Prop.array().readAndWrite().propertiesPanel({
120566
120564
  label: "Columns",
120567
120565
  controlType: "COLUMN_LIST",
120568
120566
  headerControlType: "ADD_SECTION_COLUMN"
120569
120567
  })
120570
120568
  }),
120571
- layout: Section.category(PropsPanelCategory.Layout).add(
120569
+ layout: Section$1.category(PropsPanelCategory.Layout).add(
120572
120570
  padding({
120573
120571
  themeValue: DEFAULT_SECTION_PADDING,
120574
120572
  default: DEFAULT_SECTION_PADDING,
@@ -120590,7 +120588,7 @@ const propertiesDefinition$h = {
120590
120588
  helpText: "Controls whether the section is sticky to the top of the Page. When enabled, sections below this one will scroll under the section."
120591
120589
  }).default(false)
120592
120590
  }).add(visible()),
120593
- appearance: Section.category(PropsPanelCategory.Appearance).children({
120591
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
120594
120592
  backgroundColor: colorProp({
120595
120593
  label: "Background",
120596
120594
  helpText: "Changes the color of the background",
@@ -120602,8 +120600,8 @@ const propertiesDefinition$h = {
120602
120600
  loading: loading()
120603
120601
  })
120604
120602
  };
120605
- const SbSection = registerSbComponent(
120606
- "SbSection",
120603
+ const Section2 = registerComponent$1(
120604
+ "Section",
120607
120605
  {
120608
120606
  container: true,
120609
120607
  propertiesDefinition: propertiesDefinition$h
@@ -120734,7 +120732,7 @@ const useHeightObserver = () => {
120734
120732
  return { ref: ref2, height };
120735
120733
  };
120736
120734
  ({
120737
- general: Section.category(PropsPanelCategory.Layout).children({
120735
+ general: Section$1.category(PropsPanelCategory.Layout).children({
120738
120736
  columns: Prop.number().readAndWrite().propertiesPanel({
120739
120737
  label: "Columns",
120740
120738
  placeholder: "Enter columns"
@@ -120772,7 +120770,7 @@ const GridChild = observer(
120772
120770
  const left2 = gridPositions[childProps.name].left;
120773
120771
  const rows = gridPositions[childProps.name].height;
120774
120772
  const columns = gridPositions[childProps.name].width;
120775
- const Component3 = heightMode === "fit" || childProps.sbType === "SbIcon" ? MeasuredComponent : StaticComponent;
120773
+ const Component3 = heightMode === "fit" || childProps.sbType === "Icon" ? MeasuredComponent : StaticComponent;
120776
120774
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
120777
120775
  "div",
120778
120776
  {
@@ -120786,7 +120784,7 @@ const GridChild = observer(
120786
120784
  Component3,
120787
120785
  {
120788
120786
  staticHeight: (((_b2 = childProps.height) == null ? void 0 : _b2.value) ?? 0) * rowHeight,
120789
- style: childProps.sbType === "SbIcon" ? {
120787
+ style: childProps.sbType === "Icon" ? {
120790
120788
  aspectRatio: "1"
120791
120789
  } : void 0,
120792
120790
  onHeightChanged: (height) => {
@@ -120823,7 +120821,7 @@ const InternalGrid = observer(
120823
120821
  const marginTop = (entity == null ? void 0 : entity.marginTop) ?? (isDimension(child.props.marginTop) ? child.props.marginTop : void 0);
120824
120822
  const marginLeft = (entity == null ? void 0 : entity.marginLeft) ?? (isDimension(child.props.marginLeft) ? child.props.marginLeft : void 0);
120825
120823
  let width = (entity == null ? void 0 : entity.width) ?? (isDimension(child.props.width) ? child.props.width : void 0);
120826
- if (sbType === "SbIcon") {
120824
+ if (sbType === "Icon") {
120827
120825
  width = (entity == null ? void 0 : entity.size) ?? (isDimension(child.props.size) ? child.props.size : void 0);
120828
120826
  }
120829
120827
  const height = (entity == null ? void 0 : entity.height) ?? (isDimension(child.props.height) ? child.props.height : void 0);
@@ -120860,7 +120858,7 @@ const InternalGrid = observer(
120860
120858
  const positions = childrenArray.reduce(
120861
120859
  (acc, child) => {
120862
120860
  var _a3, _b2, _c2;
120863
- let width = ((_a3 = child.width) == null ? void 0 : _a3.value) ?? (child.sbType === "SbTable" || child.sbType === "SbContainer" ? 6 : 2);
120861
+ let width = ((_a3 = child.width) == null ? void 0 : _a3.value) ?? (child.sbType === "Table" || child.sbType === "Container" ? 6 : 2);
120864
120862
  if (((_b2 = child.width) == null ? void 0 : _b2.mode) === "fill") {
120865
120863
  width = columns;
120866
120864
  }
@@ -120941,7 +120939,7 @@ const StaticComponent = ({
120941
120939
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...style2, width: "100%", height: "100%" }, children });
120942
120940
  };
120943
120941
  const propertiesDefinition$g = {
120944
- layout: Section.category(PropsPanelCategory.Layout).add(
120942
+ layout: Section$1.category(PropsPanelCategory.Layout).add(
120945
120943
  containerLayout({
120946
120944
  ...spacing(),
120947
120945
  ...padding({
@@ -120965,7 +120963,7 @@ const propertiesDefinition$g = {
120965
120963
  })
120966
120964
  })
120967
120965
  ).add(shouldScrollContents(true)).add(visible()),
120968
- appearance: Section.category(PropsPanelCategory.Appearance).children({
120966
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
120969
120967
  variant: Prop.string().readAndWrite().default("none").propertiesPanel({
120970
120968
  label: "Variant",
120971
120969
  controlType: "RADIO_BUTTON_GROUP",
@@ -121095,8 +121093,8 @@ const InternalContainer = (props2) => {
121095
121093
  }
121096
121094
  );
121097
121095
  };
121098
- const SbContainer = registerSbComponent(
121099
- "SbContainer",
121096
+ const Container = registerComponent$1(
121097
+ "Container",
121100
121098
  {
121101
121099
  container: true,
121102
121100
  propertiesDefinition: propertiesDefinition$g
@@ -121104,7 +121102,7 @@ const SbContainer = registerSbComponent(
121104
121102
  InternalContainer
121105
121103
  );
121106
121104
  const propertiesDefinition$f = {
121107
- layout: Section.category(PropsPanelCategory.Layout).add(
121105
+ layout: Section$1.category(PropsPanelCategory.Layout).add(
121108
121106
  containerLayout({
121109
121107
  ...spacing(),
121110
121108
  ...padding(),
@@ -121119,7 +121117,7 @@ const propertiesDefinition$f = {
121119
121117
  })
121120
121118
  })
121121
121119
  ).add(shouldScrollContents(true)).add(visible()),
121122
- appearance: Section.category(PropsPanelCategory.Appearance).children({
121120
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
121123
121121
  backgroundColor: colorProp({
121124
121122
  label: "Background",
121125
121123
  helpText: "Changes the color of the background",
@@ -121133,8 +121131,8 @@ const propertiesDefinition$f = {
121133
121131
  };
121134
121132
  const CONTAINER_MIN_WIDTH = Dim.px(0);
121135
121133
  const CONTAINER_FILL_DIM = Dim.fill();
121136
- const SbColumn = registerSbComponent(
121137
- "SbColumn",
121134
+ const Column = registerComponent$1(
121135
+ "Column",
121138
121136
  {
121139
121137
  container: true,
121140
121138
  propertiesDefinition: propertiesDefinition$f
@@ -127901,7 +127899,7 @@ const _InputComponent = class _InputComponent extends React__default.Component {
127901
127899
  __publicField(this, "passwordIconComponent", () => {
127902
127900
  const iconSize = this.props.iconSize ?? DEFAULT_ICON_SIZE;
127903
127901
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
127904
- Button$4,
127902
+ Button$5,
127905
127903
  {
127906
127904
  icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
127907
127905
  DynamicSVG,
@@ -128438,7 +128436,7 @@ const textLengthProps = {
128438
128436
  })
128439
128437
  };
128440
128438
  const propertiesDefinition$e = {
128441
- general: Section.category(PropsPanelCategory.Content).children({
128439
+ general: Section$1.category(PropsPanelCategory.Content).children({
128442
128440
  label: Prop.string().readAndWrite().default("").propertiesPanel({
128443
128441
  label: "Label",
128444
128442
  placeholder: "Enter label text",
@@ -128538,7 +128536,7 @@ const propertiesDefinition$e = {
128538
128536
  isRemovable: true
128539
128537
  })
128540
128538
  }),
128541
- appearance: Section.category(PropsPanelCategory.Appearance).add({
128539
+ appearance: Section$1.category(PropsPanelCategory.Appearance).add({
128542
128540
  labelPosition: labelPosition(),
128543
128541
  labelStyle: labelTextStyle(),
128544
128542
  placeholderText: Prop.string().readAndWrite().default("Enter text").propertiesPanel({
@@ -128581,11 +128579,11 @@ const propertiesDefinition$e = {
128581
128579
  ).add({
128582
128580
  loading: loading()
128583
128581
  }),
128584
- layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: INPUT_PADDING, default: INPUT_PADDING })).add({
128582
+ layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: INPUT_PADDING, default: INPUT_PADDING })).add({
128585
128583
  ...size$2(),
128586
128584
  ...widthWithoutFit()
128587
128585
  }).add(margin()).add({ labelWidth }).add(visible()),
128588
- interaction: Section.category(PropsPanelCategory.Interaction).add(
128586
+ interaction: Section$1.category(PropsPanelCategory.Interaction).add(
128589
128587
  Prop.union({
128590
128588
  shared: {
128591
128589
  inputType: Prop.string()
@@ -128637,7 +128635,7 @@ const propertiesDefinition$e = {
128637
128635
  }),
128638
128636
  ...getCustomValidationProperties()
128639
128637
  }),
128640
- events: Section.category(PropsPanelCategory.EventHandlers).children({
128638
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
128641
128639
  onTextChanged: Prop.event().propertiesPanel({
128642
128640
  label: "onTextChanged",
128643
128641
  helpText: "Triggers an action when the text is changed",
@@ -128659,11 +128657,11 @@ const propertiesDefinition$e = {
128659
128657
  controlType: "EVENT_TRIGGER"
128660
128658
  })
128661
128659
  }),
128662
- meta: Section.category(PropsPanelCategory.Meta).children({
128660
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
128663
128661
  text: Prop.any().readable().validate(VALIDATORS.TEXT_ALLOW_UNDEFINED),
128664
128662
  isTouched: Prop.boolean().readable().default(false)
128665
128663
  }),
128666
- derived: Section.category(PropsPanelCategory.Derived).children({
128664
+ derived: Section$1.category(PropsPanelCategory.Derived).children({
128667
128665
  value: Prop.any().readable().default(getValue$1),
128668
128666
  // should be string | number but input-component typecheck fails
128669
128667
  validationErrors: Prop.any().readable().default(function() {
@@ -128673,8 +128671,8 @@ const propertiesDefinition$e = {
128673
128671
  showError: Prop.boolean().readable().default(getShowError)
128674
128672
  })
128675
128673
  };
128676
- const SbInput = registerSbComponent(
128677
- "SbInput",
128674
+ const Input2 = registerComponent$1(
128675
+ "Input",
128678
128676
  {
128679
128677
  propertiesDefinition: propertiesDefinition$e
128680
128678
  },
@@ -128835,14 +128833,14 @@ const SbInput = registerSbComponent(
128835
128833
  }
128836
128834
  );
128837
128835
  const propertiesDefinition$d = {
128838
- contents: Section.category(PropsPanelCategory.Content).children({
128836
+ contents: Section$1.category(PropsPanelCategory.Content).children({
128839
128837
  columns: Prop.array().readAndWrite().propertiesPanel({
128840
128838
  label: "Sections",
128841
128839
  controlType: "SECTION_LIST",
128842
128840
  headerControlType: "ADD_SECTION"
128843
128841
  })
128844
128842
  }),
128845
- layout: Section.category(PropsPanelCategory.Layout).add(
128843
+ layout: Section$1.category(PropsPanelCategory.Layout).add(
128846
128844
  size$2({
128847
128845
  defaults: {
128848
128846
  width: Dim.fill(),
@@ -128855,17 +128853,17 @@ const propertiesDefinition$d = {
128855
128853
  hasMaxHeight: false
128856
128854
  })
128857
128855
  ),
128858
- appearance: Section.category(PropsPanelCategory.Appearance).children({
128856
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
128859
128857
  loading: loading()
128860
128858
  }),
128861
- events: Section.category(PropsPanelCategory.EventHandlers).children({
128859
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
128862
128860
  onLoad: Prop.event().propertiesPanel({
128863
128861
  label: "onPageLoad"
128864
128862
  })
128865
128863
  })
128866
128864
  };
128867
- const SbPage = registerSbComponent(
128868
- "SbPage",
128865
+ const Page = registerComponent$1(
128866
+ "Page",
128869
128867
  {
128870
128868
  container: true,
128871
128869
  propertiesDefinition: propertiesDefinition$d
@@ -135539,7 +135537,7 @@ const textStyle = textStyleProp().default(function() {
135539
135537
  };
135540
135538
  });
135541
135539
  const propertiesDefinition$c = {
135542
- general: Section.category(PropsPanelCategory.Content).children({
135540
+ general: Section$1.category(PropsPanelCategory.Content).children({
135543
135541
  text: Prop.string().readAndWrite().propertiesPanel({
135544
135542
  label: "Text",
135545
135543
  placeholder: "Enter text"
@@ -135556,7 +135554,7 @@ const propertiesDefinition$c = {
135556
135554
  ]
135557
135555
  })
135558
135556
  }),
135559
- appearance: Section.category(PropsPanelCategory.Appearance).children({
135557
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
135560
135558
  textStyle,
135561
135559
  horizontalAlign: Prop.string().readAndWrite().default("left").propertiesPanel({
135562
135560
  label: "Horizontal align",
@@ -135816,8 +135814,8 @@ const useIconContainerStyles = ({
135816
135814
  };
135817
135815
  }, [iconGap, horizontalAlign]);
135818
135816
  };
135819
- const SbText = registerSbComponent(
135820
- "SbText",
135817
+ const Text$1 = registerComponent$1(
135818
+ "Text",
135821
135819
  {
135822
135820
  propertiesDefinition: propertiesDefinition$c
135823
135821
  },
@@ -135999,7 +135997,7 @@ const ModalScrollBackground = $e$1`
135999
135997
  const getParent$1 = () => {
136000
135998
  return document.getElementById(PORTAL_ROOT_ID) || document.body;
136001
135999
  };
136002
- const CloseButtonStyled$1 = qe$1(Button$5)`
136000
+ const CloseButtonStyled$1 = qe$1(Button$6)`
136003
136001
  position: absolute;
136004
136002
  z-index: ${Layers$1.closeButton};
136005
136003
  padding: 0;
@@ -136078,7 +136076,7 @@ const ModalComponent = (props2) => {
136078
136076
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
136079
136077
  /* @__PURE__ */ jsxRuntimeExports.jsx(ModalScrollBackground, {}),
136080
136078
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
136081
- Modal,
136079
+ Modal$1,
136082
136080
  {
136083
136081
  width: modalWidthCss,
136084
136082
  open: props2.isOpen,
@@ -136114,7 +136112,7 @@ const ModalComponent = (props2) => {
136114
136112
  footer: props2.isEditing && props2.isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(
136115
136113
  InteractionLayer,
136116
136114
  {
136117
- rootType: "SbModal",
136115
+ rootType: "Modal",
136118
136116
  rootInstanceId: props2.instanceId,
136119
136117
  rootName: props2.name
136120
136118
  }
@@ -136133,11 +136131,11 @@ const ModalComponent = (props2) => {
136133
136131
  "div",
136134
136132
  {
136135
136133
  ref: props2.dropTargetRef,
136136
- id: getEditWrapperIdWithType(props2.instanceId, "SbModal"),
136134
+ id: getEditWrapperIdWithType(props2.instanceId, "Modal"),
136137
136135
  style: {
136138
136136
  anchorName: getWidgetDropAreaAnchorName(
136139
136137
  props2.instanceId,
136140
- "SbModal"
136138
+ "Modal"
136141
136139
  )
136142
136140
  },
136143
136141
  children: modalInternalContainer
@@ -136149,13 +136147,13 @@ const ModalComponent = (props2) => {
136149
136147
  ] });
136150
136148
  };
136151
136149
  const propertiesDefinition$b = {
136152
- layout: Section.category(PropsPanelCategory.Layout).add(
136150
+ layout: Section$1.category(PropsPanelCategory.Layout).add(
136153
136151
  containerLayout({
136154
136152
  ...spacing(),
136155
136153
  ...padding()
136156
136154
  })
136157
136155
  ),
136158
- appearance: Section.category(PropsPanelCategory.Appearance).children({
136156
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
136159
136157
  backgroundColor: colorProp({
136160
136158
  label: "Background color",
136161
136159
  helpText: "The background color of the component"
@@ -136204,14 +136202,14 @@ const propertiesDefinition$b = {
136204
136202
  }),
136205
136203
  loading: loading()
136206
136204
  }),
136207
- interaction: Section.category(PropsPanelCategory.Interaction).children({
136205
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
136208
136206
  closeOnClickOutside: Prop.boolean().readAndWrite().default(true).propertiesPanel({
136209
136207
  label: "Quick dismiss",
136210
136208
  helpText: "Allows dismissing the modal when a user presses the escape key or clicks the backdrop",
136211
136209
  controlType: "SWITCH"
136212
136210
  })
136213
136211
  }),
136214
- events: Section.category(PropsPanelCategory.EventHandlers).children({
136212
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
136215
136213
  onOpen: Prop.event().propertiesPanel({
136216
136214
  label: "onOpen"
136217
136215
  }),
@@ -136220,12 +136218,12 @@ const propertiesDefinition$b = {
136220
136218
  })
136221
136219
  }),
136222
136220
  // non-configurable properties
136223
- meta: Section.category(PropsPanelCategory.Meta).children({
136221
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
136224
136222
  isOpen: Prop.boolean().readable().default(false)
136225
136223
  })
136226
136224
  };
136227
- const SbModal = registerSbComponent(
136228
- "SbModal",
136225
+ const Modal = registerComponent$1(
136226
+ "Modal",
136229
136227
  {
136230
136228
  propertiesDefinition: propertiesDefinition$b,
136231
136229
  container: true
@@ -136324,13 +136322,13 @@ const SLIDEOUT_WIDTH_PRESETS = {
136324
136322
  [SlideoutSize.fullscreen]: Dim.percent(100)
136325
136323
  };
136326
136324
  const propertiesDefinition$a = {
136327
- layout: Section.category(PropsPanelCategory.Layout).add(
136325
+ layout: Section$1.category(PropsPanelCategory.Layout).add(
136328
136326
  containerLayout({
136329
136327
  ...spacing(),
136330
136328
  ...padding()
136331
136329
  })
136332
136330
  ),
136333
- appearance: Section.category(PropsPanelCategory.Appearance).children({
136331
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
136334
136332
  backgroundColor: colorProp({
136335
136333
  label: "Background color",
136336
136334
  helpText: "The background color of the component"
@@ -136383,14 +136381,14 @@ const propertiesDefinition$a = {
136383
136381
  }),
136384
136382
  loading: loading()
136385
136383
  }),
136386
- interaction: Section.category(PropsPanelCategory.Interaction).children({
136384
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
136387
136385
  closeOnClickOutside: Prop.boolean().readAndWrite().default(true).propertiesPanel({
136388
136386
  label: "Quick dismiss",
136389
136387
  helpText: "Allows dismissing the slideout when a user presses the escape key or clicks the backdrop",
136390
136388
  controlType: "SWITCH"
136391
136389
  })
136392
136390
  }),
136393
- events: Section.category(PropsPanelCategory.EventHandlers).children({
136391
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
136394
136392
  onOpen: Prop.event().propertiesPanel({
136395
136393
  label: "onOpen"
136396
136394
  }),
@@ -136399,7 +136397,7 @@ const propertiesDefinition$a = {
136399
136397
  })
136400
136398
  }),
136401
136399
  // non-configurable properties
136402
- meta: Section.category(PropsPanelCategory.Meta).children({
136400
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
136403
136401
  isOpen: Prop.boolean().readable().default(false)
136404
136402
  })
136405
136403
  };
@@ -136485,7 +136483,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
136485
136483
  }
136486
136484
  return [Provider, useContext2];
136487
136485
  }
136488
- const createScope = () => {
136486
+ const createScope2 = () => {
136489
136487
  const scopeContexts = defaultContexts.map((defaultContext) => {
136490
136488
  return React.createContext(defaultContext);
136491
136489
  });
@@ -136497,16 +136495,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
136497
136495
  );
136498
136496
  };
136499
136497
  };
136500
- createScope.scopeName = scopeName;
136501
- return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
136498
+ createScope2.scopeName = scopeName;
136499
+ return [createContext3, composeContextScopes(createScope2, ...createContextScopeDeps)];
136502
136500
  }
136503
136501
  function composeContextScopes(...scopes) {
136504
136502
  const baseScope = scopes[0];
136505
136503
  if (scopes.length === 1) return baseScope;
136506
- const createScope = () => {
136507
- const scopeHooks = scopes.map((createScope2) => ({
136508
- useScope: createScope2(),
136509
- scopeName: createScope2.scopeName
136504
+ const createScope2 = () => {
136505
+ const scopeHooks = scopes.map((createScope22) => ({
136506
+ useScope: createScope22(),
136507
+ scopeName: createScope22.scopeName
136510
136508
  }));
136511
136509
  return function useComposedScopes(overrideScopes) {
136512
136510
  const nextScopes = scopeHooks.reduce((nextScopes2, { useScope: useScope2, scopeName }) => {
@@ -136517,8 +136515,8 @@ function composeContextScopes(...scopes) {
136517
136515
  return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
136518
136516
  };
136519
136517
  };
136520
- createScope.scopeName = baseScope.scopeName;
136521
- return createScope;
136518
+ createScope2.scopeName = baseScope.scopeName;
136519
+ return createScope2;
136522
136520
  }
136523
136521
  var useLayoutEffect22 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
136524
136522
  };
@@ -137437,7 +137435,7 @@ var RemoveScroll = React.forwardRef(function(props2, parentRef) {
137437
137435
  onWheelCapture: nothing,
137438
137436
  onTouchMoveCapture: nothing
137439
137437
  }), callbacks2 = _a2[0], setCallbacks = _a2[1];
137440
- 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"]);
137438
+ 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"]);
137441
137439
  var SideCar2 = sideCar;
137442
137440
  var containerRef = useMergeRefs([ref2, parentRef]);
137443
137441
  var containerProps = __assign$1(__assign$1({}, rest), callbacks2);
@@ -137445,7 +137443,7 @@ var RemoveScroll = React.forwardRef(function(props2, parentRef) {
137445
137443
  React.Fragment,
137446
137444
  null,
137447
137445
  enabled && React.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref2, gapMode }),
137448
- forwardProps ? React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container, __assign$1({}, containerProps, { className, ref: containerRef }), children)
137446
+ forwardProps ? React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign$1({}, containerProps, { className, ref: containerRef }), children)
137449
137447
  );
137450
137448
  });
137451
137449
  RemoveScroll.defaultProps = {
@@ -138396,7 +138394,7 @@ const StyledDialogContent = qe$1(Content)`
138396
138394
  const getParent2 = () => {
138397
138395
  return document.getElementById(PORTAL_ROOT_ID) || document.body;
138398
138396
  };
138399
- const CloseButtonStyled = qe$1(Button$5)`
138397
+ const CloseButtonStyled = qe$1(Button$6)`
138400
138398
  position: absolute;
138401
138399
  z-index: ${Layers$1.closeButton};
138402
138400
  padding: 0;
@@ -138556,11 +138554,11 @@ const SlideoutComponent = (props2) => {
138556
138554
  "div",
138557
138555
  {
138558
138556
  ref: props2.dropTargetRef,
138559
- id: getEditWrapperIdWithType(props2.instanceId, "SbSlideout"),
138557
+ id: getEditWrapperIdWithType(props2.instanceId, "Slideout"),
138560
138558
  style: {
138561
138559
  anchorName: getWidgetDropAreaAnchorName(
138562
138560
  props2.instanceId,
138563
- "SbSlideout"
138561
+ "Slideout"
138564
138562
  ),
138565
138563
  height: "100%",
138566
138564
  width: "100%"
@@ -138571,7 +138569,7 @@ const SlideoutComponent = (props2) => {
138571
138569
  props2.isEditing && props2.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
138572
138570
  InteractionLayer,
138573
138571
  {
138574
- rootType: "SbSlideout",
138572
+ rootType: "Slideout",
138575
138573
  rootInstanceId: props2.instanceId,
138576
138574
  rootName: props2.name
138577
138575
  }
@@ -138583,8 +138581,8 @@ const SlideoutComponent = (props2) => {
138583
138581
  }
138584
138582
  );
138585
138583
  };
138586
- const SbSlideout = registerSbComponent(
138587
- "SbSlideout",
138584
+ const Slideout = registerComponent$1(
138585
+ "Slideout",
138588
138586
  {
138589
138587
  propertiesDefinition: propertiesDefinition$a,
138590
138588
  container: true
@@ -139299,7 +139297,7 @@ const tagsColumnProperties = {
139299
139297
  }
139300
139298
  };
139301
139299
  const columnPanelConfig = {
139302
- general: Section.category(PropsPanelCategory.Content).children({
139300
+ general: Section$1.category(PropsPanelCategory.Content).children({
139303
139301
  label: Prop.string().readAndWrite().propertiesPanel({
139304
139302
  label: "Column header"
139305
139303
  })
@@ -139390,7 +139388,7 @@ const columnPanelConfig = {
139390
139388
  controlType: "SWITCH"
139391
139389
  }).default(true)
139392
139390
  }),
139393
- presentation: Section.category(PropsPanelCategory.Appearance).children({
139391
+ presentation: Section$1.category(PropsPanelCategory.Appearance).children({
139394
139392
  headerIcon: Prop.string().readAndWrite().propertiesPanel({
139395
139393
  label: "Header icon",
139396
139394
  controlType: "ICON_SELECTOR",
@@ -139481,7 +139479,7 @@ const columnPanelConfig = {
139481
139479
  controlType: "SWITCH"
139482
139480
  })
139483
139481
  }),
139484
- interaction: Section.category(PropsPanelCategory.Interaction).add(
139482
+ interaction: Section$1.category(PropsPanelCategory.Interaction).add(
139485
139483
  Prop.union({
139486
139484
  shared: {
139487
139485
  columnType: Prop.string()
@@ -145883,7 +145881,7 @@ function CaptionLabel(props2) {
145883
145881
  function IconDropdown(props2) {
145884
145882
  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" }) }));
145885
145883
  }
145886
- function Dropdown(props2) {
145884
+ function Dropdown$1(props2) {
145887
145885
  var _a2, _b2;
145888
145886
  var onChange2 = props2.onChange, value = props2.value, children = props2.children, caption = props2.caption, className = props2.className, style2 = props2.style;
145889
145887
  var dayPicker = useDayPicker();
@@ -145914,7 +145912,7 @@ function MonthsDropdown(props2) {
145914
145912
  var newMonth = setMonth2(startOfMonth(props2.displayMonth), selectedMonth);
145915
145913
  props2.onChange(newMonth);
145916
145914
  };
145917
- var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown;
145915
+ var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown$1;
145918
145916
  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) {
145919
145917
  return jsxRuntimeExports.jsx("option", { value: m4.getMonth(), children: formatMonthCaption2(m4, { locale: locale2 }) }, m4.getMonth());
145920
145918
  }) });
@@ -145937,7 +145935,7 @@ function YearsDropdown(props2) {
145937
145935
  var newMonth = setYear2(startOfMonth(displayMonth), Number(e3.target.value));
145938
145936
  props2.onChange(newMonth);
145939
145937
  };
145940
- var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown;
145938
+ var DropdownComponent = (_a2 = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a2 !== void 0 ? _a2 : Dropdown$1;
145941
145939
  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) {
145942
145940
  return jsxRuntimeExports.jsx("option", { value: year2.getFullYear(), children: formatYearCaption2(year2, { locale: locale2 }) }, year2.getFullYear());
145943
145941
  }) });
@@ -147022,7 +147020,7 @@ function getMonthWeeks(month, options) {
147022
147020
  }
147023
147021
  return weeksInMonth;
147024
147022
  }
147025
- function Table$2(props2) {
147023
+ function Table$3(props2) {
147026
147024
  var _a2, _b2, _c2;
147027
147025
  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;
147028
147026
  var weeks2 = getMonthWeeks(props2.displayMonth, {
@@ -147093,7 +147091,7 @@ function Month(props2) {
147093
147091
  style2 = __assign(__assign({}, style2), styles.caption_between);
147094
147092
  }
147095
147093
  var CaptionComponent = (_b2 = components === null || components === void 0 ? void 0 : components.Caption) !== null && _b2 !== void 0 ? _b2 : Caption;
147096
- 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);
147094
+ 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);
147097
147095
  }
147098
147096
  function Months$1(props2) {
147099
147097
  var _a2 = useDayPicker(), classNames2 = _a2.classNames, styles = _a2.styles;
@@ -148530,14 +148528,14 @@ function getLoaderFn(options) {
148530
148528
  if (!(loader === "all")) return [3, 3];
148531
148529
  return [4, import(
148532
148530
  /* webpackChunkName: "blueprint-icons-all-paths-loader" */
148533
- "./allPathsLoader-jAElVH-z.js"
148531
+ "./allPathsLoader-CjyQe-yl.js"
148534
148532
  )];
148535
148533
  case 2:
148536
148534
  return [2, _b2.sent().allPathsLoader];
148537
148535
  case 3:
148538
148536
  return [4, import(
148539
148537
  /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
148540
- "./splitPathsBySizeLoader-CyYanZaN.js"
148538
+ "./splitPathsBySizeLoader-DWVXFLzy.js"
148541
148539
  )];
148542
148540
  case 4:
148543
148541
  return [2, _b2.sent().splitPathsBySizeLoader];
@@ -148797,7 +148795,7 @@ SmallTick.defaultProps = {
148797
148795
  size: IconSize.STANDARD
148798
148796
  };
148799
148797
  SmallTick.displayName = "Blueprint5.Icon.SmallTick";
148800
- var Icon = React.forwardRef(function(props2, ref2) {
148798
+ var Icon$1 = React.forwardRef(function(props2, ref2) {
148801
148799
  var _a2, _b2;
148802
148800
  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"]);
148803
148801
  var size2 = (_b2 = (_a2 = props2.iconSize) !== null && _a2 !== void 0 ? _a2 : props2.size) !== null && _b2 !== void 0 ? _b2 : IconSize.STANDARD;
@@ -148853,7 +148851,7 @@ var Icon = React.forwardRef(function(props2, ref2) {
148853
148851
  }, removeNonHTMLProps(htmlProps)));
148854
148852
  }
148855
148853
  });
148856
- Icon.displayName = "".concat(DISPLAYNAME_PREFIX, ".Icon");
148854
+ Icon$1.displayName = "".concat(DISPLAYNAME_PREFIX, ".Icon");
148857
148855
  var SpinnerSize;
148858
148856
  (function(SpinnerSize2) {
148859
148857
  SpinnerSize2[SpinnerSize2["SMALL"] = 20] = "SMALL";
@@ -148954,14 +148952,14 @@ function renderButtonContents(props2) {
148954
148952
  React.Fragment,
148955
148953
  null,
148956
148954
  loading2 && React.createElement(Spinner, { className: BUTTON_SPINNER, size: SpinnerSize.SMALL }),
148957
- React.createElement(Icon, { icon }),
148955
+ React.createElement(Icon$1, { icon }),
148958
148956
  hasTextContent && React.createElement(
148959
148957
  Text,
148960
148958
  { className: classNames(BUTTON_TEXT, textClassName), ellipsize: ellipsizeText, tagName: "span" },
148961
148959
  text,
148962
148960
  children
148963
148961
  ),
148964
- React.createElement(Icon, { icon: endIcon !== null && endIcon !== void 0 ? endIcon : rightIcon })
148962
+ React.createElement(Icon$1, { icon: endIcon !== null && endIcon !== void 0 ? endIcon : rightIcon })
148965
148963
  );
148966
148964
  }
148967
148965
  var OverlaysContext = React.createContext({
@@ -150377,7 +150375,7 @@ var MenuItem = React.forwardRef(function(props2, ref2) {
150377
150375
  React.createElement(
150378
150376
  "span",
150379
150377
  { className: MENU_ITEM_ICON },
150380
- React.createElement(Icon, { icon, "aria-hidden": true, tabIndex: -1 })
150378
+ React.createElement(Icon$1, { icon, "aria-hidden": true, tabIndex: -1 })
150381
150379
  )
150382
150380
  ) : 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);
150383
150381
  var liClasses = classNames((_b2 = {}, _b2[MENU_SUBMENU] = hasSubmenu, _b2));
@@ -150529,7 +150527,7 @@ var InputGroup = (
150529
150527
  if (leftElement != null) {
150530
150528
  return React.createElement("span", { className: INPUT_LEFT_CONTAINER, ref: this.refHandlers.leftElement }, leftElement);
150531
150529
  } else if (leftIcon != null) {
150532
- return React.createElement(Icon, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
150530
+ return React.createElement(Icon$1, { icon: leftIcon, "aria-hidden": true, tabIndex: -1 });
150533
150531
  }
150534
150532
  return void 0;
150535
150533
  };
@@ -154511,7 +154509,7 @@ var TimePicker = (
154511
154509
  return React.createElement(
154512
154510
  "span",
154513
154511
  { "aria-controls": this.timeInputIds[timeUnit], "aria-label": label, tabIndex: -1, className: classes, onClick },
154514
- React.createElement(Icon, { icon: isDirectionUp ? "chevron-up" : "chevron-down", title: label })
154512
+ React.createElement(Icon$1, { icon: isDirectionUp ? "chevron-up" : "chevron-down", title: label })
154515
154513
  );
154516
154514
  };
154517
154515
  TimePicker2.prototype.renderDivider = function(text) {
@@ -155814,8 +155812,8 @@ var DatePicker3 = (
155814
155812
  React.createElement(
155815
155813
  "div",
155816
155814
  { className: Classes.DATEPICKER_FOOTER, key: "footer" },
155817
- React.createElement(Button$4, { minimal: true, disabled: !todayEnabled, onClick: this.handleTodayClick, text: todayButtonText }),
155818
- React.createElement(Button$4, { disabled: !canClearSelection, minimal: true, onClick: this.handleClearClick, text: clearButtonText })
155815
+ React.createElement(Button$5, { minimal: true, disabled: !todayEnabled, onClick: this.handleTodayClick, text: todayButtonText }),
155816
+ React.createElement(Button$5, { disabled: !canClearSelection, minimal: true, onClick: this.handleClearClick, text: clearButtonText })
155819
155817
  )
155820
155818
  ];
155821
155819
  };
@@ -156395,7 +156393,7 @@ const DatePickerActionsWrapper = qe$1.div`
156395
156393
  bottom: -80px;
156396
156394
  }
156397
156395
  `;
156398
- const DatePickerActionButton = qe$1(Button$4)`
156396
+ const DatePickerActionButton = qe$1(Button$5)`
156399
156397
  height: 32px;
156400
156398
  width: auto;
156401
156399
 
@@ -163815,7 +163813,7 @@ const TableButton = (props2) => {
163815
163813
  };
163816
163814
  }, [props2.buttonVariant, props2.backgroundColor, props2.theme]);
163817
163815
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": `action-button`, style: wrapperStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
163818
- Button$3,
163816
+ Button$4,
163819
163817
  {
163820
163818
  theme: props2.theme,
163821
163819
  textColor: ((_a2 = textProps.style) == null ? void 0 : _a2.color) ?? defaultTextColor,
@@ -164623,7 +164621,7 @@ const rowEventArgs = (entity) => {
164623
164621
  ];
164624
164622
  };
164625
164623
  const propertiesDefinition$9 = {
164626
- general: Section.category(PropsPanelCategory.Content).children({
164624
+ general: Section$1.category(PropsPanelCategory.Content).children({
164627
164625
  header: Prop.string().readAndWrite().default("").propertiesPanel({
164628
164626
  label: "Header",
164629
164627
  placeholder: "Table name",
@@ -164706,7 +164704,7 @@ const propertiesDefinition$9 = {
164706
164704
  })
164707
164705
  }),
164708
164706
  layout: basicLayout(),
164709
- interaction: Section.category(PropsPanelCategory.Interaction).add({
164707
+ interaction: Section$1.category(PropsPanelCategory.Interaction).add({
164710
164708
  isFilterable: Prop.boolean().readAndWrite().default(true).propertiesPanel({
164711
164709
  label: "Filtering",
164712
164710
  helpText: "Enable per column filtering"
@@ -164815,7 +164813,7 @@ const propertiesDefinition$9 = {
164815
164813
  helpText: "Sets the search placeholder text"
164816
164814
  })
164817
164815
  }),
164818
- appearance: Section.category(PropsPanelCategory.Appearance).children({
164816
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
164819
164817
  defaultSelectedRow: Prop.number().readAndWrite().propertiesPanel({
164820
164818
  label: "Default selected row",
164821
164819
  helpText: "Sets the default selected row"
@@ -164926,7 +164924,7 @@ const propertiesDefinition$9 = {
164926
164924
  helpText: "Sets the border radius of the search"
164927
164925
  })
164928
164926
  }),
164929
- events: Section.category(PropsPanelCategory.EventHandlers).children({
164927
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
164930
164928
  onRowClick: Prop.event().propertiesPanel({
164931
164929
  label: "onRowClick",
164932
164930
  computedArgs: rowEventArgs
@@ -164975,7 +164973,7 @@ const propertiesDefinition$9 = {
164975
164973
  ]
164976
164974
  })
164977
164975
  }),
164978
- derived: Section.category(PropsPanelCategory.Derived).children({
164976
+ derived: Section$1.category(PropsPanelCategory.Derived).children({
164979
164977
  // leaving tableDataWithInserts in because filteredTableData depends on them
164980
164978
  // because we won't have editing, tableDataWithInserts will be the same as tableData
164981
164979
  tableDataWithInserts: Prop.any().readable().default(function() {
@@ -165000,7 +164998,7 @@ const propertiesDefinition$9 = {
165000
164998
  // validationErrors: Prop.any().readable().default(getAllValidationErrors),
165001
164999
  // editedRowIndices: Prop.any().readable().default(getEditedRowIndices),
165002
165000
  }),
165003
- meta: Section.category(PropsPanelCategory.Meta).children({
165001
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
165004
165002
  selectedRowIndex: Prop.number().readable().default(function() {
165005
165003
  return this.defaultSelectedRow;
165006
165004
  }),
@@ -174570,7 +174568,7 @@ const TableRoot = /* @__PURE__ */ React__default.memo(function TableVirtuosoRoot
174570
174568
  )));
174571
174569
  });
174572
174570
  const {
174573
- Component: Table$1,
174571
+ Component: Table$2,
174574
174572
  usePublisher,
174575
174573
  useEmitterValue,
174576
174574
  useEmitter
@@ -174632,7 +174630,7 @@ const {
174632
174630
  );
174633
174631
  const Scroller = /* @__PURE__ */ buildScroller({ usePublisher, useEmitterValue, useEmitter });
174634
174632
  const WindowScroller = /* @__PURE__ */ buildWindowScroller({ usePublisher, useEmitterValue, useEmitter });
174635
- const TableVirtuoso = Table$1;
174633
+ const TableVirtuoso = Table$2;
174636
174634
  const isUserOnMac = () => window.navigator.platform.toLowerCase().indexOf("mac") >= 0;
174637
174635
  const TableActionIcon = ({
174638
174636
  children,
@@ -175029,14 +175027,14 @@ const Right$2 = qe$1.div`
175029
175027
  align-items: center;
175030
175028
  }
175031
175029
  `;
175032
- const AddButton = qe$1(Button$5)`
175030
+ const AddButton = qe$1(Button$6)`
175033
175031
  padding: 5px;
175034
175032
  svg {
175035
175033
  height: 20px;
175036
175034
  width: 20px;
175037
175035
  }
175038
175036
  `;
175039
- const DeleteButton = qe$1(Button$5)`
175037
+ const DeleteButton = qe$1(Button$6)`
175040
175038
  padding: 7px;
175041
175039
  svg {
175042
175040
  height: 16px;
@@ -175169,7 +175167,7 @@ const TableFooter = ({
175169
175167
  if (numEdits > 0) {
175170
175168
  buttons.push(
175171
175169
  /* @__PURE__ */ jsxRuntimeExports.jsx(
175172
- Button$5,
175170
+ Button$6,
175173
175171
  {
175174
175172
  type: "ghost",
175175
175173
  onClick: handleEditCancel,
@@ -175197,7 +175195,7 @@ const TableFooter = ({
175197
175195
  }
175198
175196
  buttons.push(
175199
175197
  /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$2, { placement: "bottom", title: tooltipMessage, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
175200
- Button$5,
175198
+ Button$6,
175201
175199
  {
175202
175200
  type: "primary",
175203
175201
  onClick: handleEditSave,
@@ -175480,7 +175478,7 @@ const ColumnsSetting = (props2) => {
175480
175478
  );
175481
175479
  }) }),
175482
175480
  /* @__PURE__ */ jsxRuntimeExports.jsx(Right$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
175483
- Button$5,
175481
+ Button$6,
175484
175482
  {
175485
175483
  type: "primary",
175486
175484
  size: "small",
@@ -175796,7 +175794,7 @@ const uiOfparamsType = {
175796
175794
  rules: [{ required: true, message: "Enter a value" }],
175797
175795
  initialValue: formParams.text1,
175798
175796
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
175799
- Input2,
175797
+ Input$1,
175800
175798
  {
175801
175799
  placeholder: "Value",
175802
175800
  "data-test": "filter-condition-param",
@@ -175900,7 +175898,7 @@ const uiOfparamsType = {
175900
175898
  rules: [{ required: true, message: "Enter a value" }],
175901
175899
  initialValue: formParams.date1,
175902
175900
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
175903
- DatePicker,
175901
+ DatePicker$1,
175904
175902
  {
175905
175903
  placeholder: "Value",
175906
175904
  "data-test": "filter-condition-param",
@@ -175938,7 +175936,7 @@ const uiOfparamsType = {
175938
175936
  ],
175939
175937
  initialValue: [formParams.date1 ?? null, formParams.date2 ?? null],
175940
175938
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
175941
- DatePicker.RangePicker,
175939
+ DatePicker$1.RangePicker,
175942
175940
  {
175943
175941
  style: { width: "100%" },
175944
175942
  format: backwardsCompatibleMomentFormatter(
@@ -176378,7 +176376,7 @@ const FilterPopoverContent = ({
176378
176376
  children: [
176379
176377
  /* @__PURE__ */ jsxRuntimeExports.jsxs(ValuesSelectAllNoneWrapper, { children: [
176380
176378
  /* @__PURE__ */ jsxRuntimeExports.jsx(
176381
- Button$5,
176379
+ Button$6,
176382
176380
  {
176383
176381
  type: "link",
176384
176382
  style: { padding: 0 },
@@ -176389,7 +176387,7 @@ const FilterPopoverContent = ({
176389
176387
  }
176390
176388
  ),
176391
176389
  /* @__PURE__ */ jsxRuntimeExports.jsx(
176392
- Button$5,
176390
+ Button$6,
176393
176391
  {
176394
176392
  type: "link",
176395
176393
  style: { padding: 0 },
@@ -176438,7 +176436,7 @@ const FilterPopoverContent = ({
176438
176436
  ),
176439
176437
  /* @__PURE__ */ jsxRuntimeExports.jsxs(ActionButtonsWrapper, { children: [
176440
176438
  /* @__PURE__ */ jsxRuntimeExports.jsx(Form$1.Item, { style: { marginRight: "auto" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
176441
- Button$5,
176439
+ Button$6,
176442
176440
  {
176443
176441
  type: "link",
176444
176442
  onClick: handleClearClick,
@@ -176449,7 +176447,7 @@ const FilterPopoverContent = ({
176449
176447
  }
176450
176448
  ) }),
176451
176449
  /* @__PURE__ */ jsxRuntimeExports.jsx(Form$1.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
176452
- Button$5,
176450
+ Button$6,
176453
176451
  {
176454
176452
  onClick: onClose2,
176455
176453
  className: CLASS_NAMES.SECONDARY_NEUTRAL_BUTTON,
@@ -176457,7 +176455,7 @@ const FilterPopoverContent = ({
176457
176455
  }
176458
176456
  ) }),
176459
176457
  /* @__PURE__ */ jsxRuntimeExports.jsx(Form$1.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
176460
- Button$5,
176458
+ Button$6,
176461
176459
  {
176462
176460
  type: "primary",
176463
176461
  htmlType: "submit",
@@ -177186,7 +177184,7 @@ const Wrapper$1 = qe$1.div`
177186
177184
  display: flex;
177187
177185
  align-items: center;
177188
177186
  `;
177189
- const MenuButton = qe$1(Button$5)`
177187
+ const MenuButton = qe$1(Button$6)`
177190
177188
  height: ${(props2) => props2.$tableSizes.ROW_HEIGHT - 2 * MENU_PADDING}px;
177191
177189
  width: ${(props2) => props2.$tableSizes.ROW_HEIGHT - 2 * MENU_PADDING}px;
177192
177190
  min-height: 20px;
@@ -177218,7 +177216,7 @@ const TableRowContextMenu = (props2) => {
177218
177216
  };
177219
177217
  }, []);
177220
177218
  return /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
177221
- Dropdown$1,
177219
+ Dropdown$2,
177222
177220
  {
177223
177221
  trigger: ["click"],
177224
177222
  placement: "bottom",
@@ -177552,7 +177550,7 @@ const isRowEqual = (row1, row2) => {
177552
177550
  });
177553
177551
  return isRowEqual2;
177554
177552
  };
177555
- const Table = (props2) => {
177553
+ const Table$1 = (props2) => {
177556
177554
  var _a2, _b2;
177557
177555
  const tableSizes = TABLE_SIZES[getRowDensity(props2.rowDensity)];
177558
177556
  const {
@@ -179819,7 +179817,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
179819
179817
  }, 0) + Object.keys(this.props.deletedRowIndices ?? {}).length + Object.keys(((_a2 = this.props.inserts) == null ? void 0 : _a2.insertedRowsById) ?? {}).length;
179820
179818
  const numEditErrors = ((_b2 = this.props.validationErrors) == null ? void 0 : _b2.length) ?? 0;
179821
179819
  return /* @__PURE__ */ jsxRuntimeExports.jsx(TableManagerContext.Provider, { value: this.tableManager, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton$1, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
179822
- Table,
179820
+ Table$1,
179823
179821
  {
179824
179822
  theme: this.props.theme,
179825
179823
  appMode: "EDIT",
@@ -179981,8 +179979,8 @@ const EMPTY_ARRAY = [];
179981
179979
  const EMPTY_OBJ = {};
179982
179980
  const noop = () => {
179983
179981
  };
179984
- const SbTable = registerSbComponent(
179985
- "SbTable",
179982
+ const Table = registerComponent$1(
179983
+ "Table",
179986
179984
  {
179987
179985
  propertiesDefinition: propertiesDefinition$9
179988
179986
  },
@@ -180740,7 +180738,7 @@ var MultiSelect = (
180740
180738
  var maybeClearButton = onClear !== void 0 && selectedItems.length > 0 ? (
180741
180739
  // use both aria-label and title a11y attributes here, for screen readers
180742
180740
  // and mouseover interactions respectively
180743
- 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" })
180741
+ 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" })
180744
180742
  ) : void 0;
180745
180743
  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) });
180746
180744
  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) }));
@@ -183866,7 +183864,7 @@ const normalizeFunction = (val, transformationValue) => {
183866
183864
  return String(val);
183867
183865
  };
183868
183866
  const propertiesDefinition$8 = {
183869
- general: Section.category(PropsPanelCategory.Content).children({
183867
+ general: Section$1.category(PropsPanelCategory.Content).children({
183870
183868
  label: Prop.string().readAndWrite().default("").propertiesPanel({
183871
183869
  label: "Label",
183872
183870
  helpText: "Text to be shown above the dropdown",
@@ -183904,7 +183902,7 @@ const propertiesDefinition$8 = {
183904
183902
  }
183905
183903
  })
183906
183904
  }),
183907
- appearance: Section.category(PropsPanelCategory.Appearance).children({
183905
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
183908
183906
  labelPosition: labelPosition(),
183909
183907
  labelStyle: labelTextStyle(),
183910
183908
  icon: Prop.string().propertiesPanel({
@@ -183922,11 +183920,11 @@ const propertiesDefinition$8 = {
183922
183920
  textStyle: inputTextStyle(),
183923
183921
  loading: loading()
183924
183922
  }),
183925
- layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
183923
+ layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
183926
183924
  ...size$2(),
183927
183925
  ...widthWithoutFit()
183928
183926
  }).add(margin()).add(visible()),
183929
- interaction: Section.category(PropsPanelCategory.Interaction).children({
183927
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
183930
183928
  multiselect: Prop.boolean().readAndWrite().default(false).propertiesPanel({
183931
183929
  label: "Multi-select",
183932
183930
  helpText: "Allows users to select either a single option or multiple options"
@@ -183958,7 +183956,7 @@ const propertiesDefinition$8 = {
183958
183956
  errorMessagePlacement,
183959
183957
  ...customValidationProperties
183960
183958
  }),
183961
- events: Section.category(PropsPanelCategory.EventHandlers).children({
183959
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
183962
183960
  onOptionChange: Prop.event().propertiesPanel({
183963
183961
  label: "onOptionChange"
183964
183962
  }),
@@ -183969,7 +183967,7 @@ const propertiesDefinition$8 = {
183969
183967
  label: "onClear"
183970
183968
  })
183971
183969
  }),
183972
- meta: Section.category(PropsPanelCategory.Meta).children({
183970
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
183973
183971
  metaSelectedOptionValue: Prop.any().default(function() {
183974
183972
  return this.defaultOptionValue;
183975
183973
  }),
@@ -183979,7 +183977,7 @@ const propertiesDefinition$8 = {
183979
183977
  isTouched: Prop.boolean().default(false),
183980
183978
  searchText: Prop.string()
183981
183979
  }),
183982
- derived: Section.category(PropsPanelCategory.Derived).children({
183980
+ derived: Section$1.category(PropsPanelCategory.Derived).children({
183983
183981
  value: Prop.any().readable().default(function() {
183984
183982
  return this.multiselect ? this.selectedOptionArr : this.selectedOptionValue;
183985
183983
  }),
@@ -184166,8 +184164,8 @@ const DropdownStyleOverrides = qe$1.div`
184166
184164
  ${(props2) => props2.$vertical ? labelStyle.vertical : labelStyle.horizontal}
184167
184165
  }
184168
184166
  `;
184169
- const SbDropdown = registerSbComponent(
184170
- "SbDropdown",
184167
+ const Dropdown = registerComponent$1(
184168
+ "Dropdown",
184171
184169
  {
184172
184170
  container: false,
184173
184171
  propertiesDefinition: propertiesDefinition$8
@@ -184408,8 +184406,8 @@ const SbDropdown = registerSbComponent(
184408
184406
  ) }) });
184409
184407
  }
184410
184408
  );
184411
- const SbCustom = registerSbComponent(
184412
- "SbCustom",
184409
+ const CustomComponent = registerComponent$1(
184410
+ "CustomComponent",
184413
184411
  {
184414
184412
  propertiesDefinition: {}
184415
184413
  },
@@ -184427,20 +184425,20 @@ const SbCustom = registerSbComponent(
184427
184425
  }
184428
184426
  );
184429
184427
  const defaultSections = {
184430
- appearance: Section.category(PropsPanelCategory.Appearance).children({
184428
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
184431
184429
  loading: loading()
184432
184430
  }),
184433
184431
  layout: basicLayout()
184434
184432
  };
184435
184433
  function registerComponent(name, propertiesDefinition2, component) {
184436
- const contentSection = Section.category(PropsPanelCategory.Content).children(
184434
+ const contentSection = Section$1.category(PropsPanelCategory.Content).children(
184437
184435
  Object.fromEntries(
184438
184436
  Object.entries(propertiesDefinition2).filter(
184439
184437
  ([_15, prop]) => prop.type !== "event"
184440
184438
  )
184441
184439
  )
184442
184440
  );
184443
- const eventSection = Section.category(
184441
+ const eventSection = Section$1.category(
184444
184442
  PropsPanelCategory.EventHandlers
184445
184443
  ).children(
184446
184444
  Object.fromEntries(
@@ -184449,7 +184447,7 @@ function registerComponent(name, propertiesDefinition2, component) {
184449
184447
  )
184450
184448
  )
184451
184449
  );
184452
- return registerSbComponent(
184450
+ return registerComponent$1(
184453
184451
  name,
184454
184452
  {
184455
184453
  propertiesDefinition: {
@@ -184564,7 +184562,7 @@ class CheckboxComponent extends React__default.PureComponent {
184564
184562
  }
184565
184563
  }
184566
184564
  const propertiesDefinition$7 = {
184567
- general: Section.category(PropsPanelCategory.Content).children({
184565
+ general: Section$1.category(PropsPanelCategory.Content).children({
184568
184566
  label: Prop.string().readAndWrite().default("").propertiesPanel({
184569
184567
  label: "Label",
184570
184568
  helpText: "Displays a label next to the component",
@@ -184579,12 +184577,12 @@ const propertiesDefinition$7 = {
184579
184577
  controlType: "SWITCH"
184580
184578
  })
184581
184579
  }),
184582
- appearance: Section.category(PropsPanelCategory.Appearance).children({
184580
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
184583
184581
  labelStyle: labelTextStyle(),
184584
184582
  loading: loading()
184585
184583
  }),
184586
184584
  layout: basicLayout(),
184587
- interaction: Section.category(PropsPanelCategory.Interaction).children({
184585
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
184588
184586
  isRequired: Prop.boolean().readAndWrite().propertiesPanel({
184589
184587
  label: "Required",
184590
184588
  helpText: "Makes checking this component mandatory",
@@ -184597,19 +184595,19 @@ const propertiesDefinition$7 = {
184597
184595
  errorMessagePlacement,
184598
184596
  ...customValidationProperties
184599
184597
  }),
184600
- events: Section.category(PropsPanelCategory.EventHandlers).children({
184598
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
184601
184599
  onCheckChange: Prop.event().propertiesPanel({
184602
184600
  label: "onCheckChange"
184603
184601
  })
184604
184602
  }),
184605
184603
  // non-configurable properties
184606
- meta: Section.category(PropsPanelCategory.Meta).children({
184604
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
184607
184605
  isTouched: Prop.boolean().default(false),
184608
184606
  isChecked: Prop.boolean().readable().default(function() {
184609
184607
  return this.defaultChecked;
184610
184608
  })
184611
184609
  }),
184612
- derived: Section.category(PropsPanelCategory.Derived).children({
184610
+ derived: Section$1.category(PropsPanelCategory.Derived).children({
184613
184611
  value: Prop.boolean().readable().default(function() {
184614
184612
  return this.isChecked;
184615
184613
  }),
@@ -184637,8 +184635,8 @@ const CheckboxContainer = qe$1.div`
184637
184635
  flex-direction: column;
184638
184636
  align-items: flex-start;
184639
184637
  `;
184640
- const SbCheckbox = registerSbComponent(
184641
- "SbCheckbox",
184638
+ const Checkbox = registerComponent$1(
184639
+ "Checkbox",
184642
184640
  {
184643
184641
  propertiesDefinition: propertiesDefinition$7
184644
184642
  },
@@ -184793,7 +184791,7 @@ const adjustMinMaxDateSideEffect = (params) => {
184793
184791
  return {};
184794
184792
  };
184795
184793
  const propertiesDefinition$6 = {
184796
- general: Section.category(PropsPanelCategory.Content).add({
184794
+ general: Section$1.category(PropsPanelCategory.Content).add({
184797
184795
  label: Prop.string().readAndWrite().default("").propertiesPanel({
184798
184796
  label: "Label",
184799
184797
  helpText: "Sets a label text for the Datepicker",
@@ -184864,11 +184862,11 @@ const propertiesDefinition$6 = {
184864
184862
  controlType: "SWITCH"
184865
184863
  })
184866
184864
  }),
184867
- layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
184865
+ layout: Section$1.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add({
184868
184866
  ...size$2(),
184869
184867
  ...widthWithoutFit()
184870
184868
  }).add(margin()).add(visible()),
184871
- appearance: Section.category(PropsPanelCategory.Appearance).children({
184869
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
184872
184870
  labelPosition: labelPosition(),
184873
184871
  labelStyle: labelTextStyle(),
184874
184872
  icon: Prop.string().readAndWrite().default("calendar_today").propertiesPanel({
@@ -184885,7 +184883,7 @@ const propertiesDefinition$6 = {
184885
184883
  textStyle: inputTextStyle(),
184886
184884
  loading: loading()
184887
184885
  }),
184888
- interaction: Section.category(PropsPanelCategory.Interaction).children({
184886
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
184889
184887
  isRequired: Prop.boolean().readAndWrite().default(false).propertiesPanel({
184890
184888
  label: "Required",
184891
184889
  helpText: "Makes date picker mandatory",
@@ -184912,7 +184910,7 @@ const propertiesDefinition$6 = {
184912
184910
  errorMessagePlacement,
184913
184911
  ...customValidationProperties
184914
184912
  }),
184915
- events: Section.category(PropsPanelCategory.EventHandlers).children({
184913
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
184916
184914
  onDateSelected: Prop.event().propertiesPanel({
184917
184915
  label: "onDateSelected"
184918
184916
  })
@@ -184923,13 +184921,13 @@ const propertiesDefinition$6 = {
184923
184921
  * Also handles defaults from our old system
184924
184922
  * Also handles meta properties like isTouched & selectedDate
184925
184923
  */
184926
- meta: Section.category(PropsPanelCategory.Meta).children({
184924
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
184927
184925
  selectedDate: Prop.string().readable().default(function() {
184928
184926
  return this.defaultDate;
184929
184927
  }),
184930
184928
  isTouched: Prop.boolean().default(false)
184931
184929
  }),
184932
- derived: Section.category(PropsPanelCategory.Derived).children({
184930
+ derived: Section$1.category(PropsPanelCategory.Derived).children({
184933
184931
  value: Prop.string().readable().default(function() {
184934
184932
  return this.selectedDate ? this.selectedDate : void 0;
184935
184933
  }),
@@ -184983,8 +184981,8 @@ const DatePickerContainer = qe$1.div`
184983
184981
  align-items: flex-start;
184984
184982
  width: 100%;
184985
184983
  `;
184986
- const SbDatePicker = registerSbComponent(
184987
- "SbDatePicker",
184984
+ const DatePicker = registerComponent$1(
184985
+ "DatePicker",
184988
184986
  {
184989
184987
  // If we want to allow nesting other child widgets inside date picker,
184990
184988
  // set container: true. Usually date pickers won't container other widgets.
@@ -185065,7 +185063,7 @@ const SbDatePicker = registerSbComponent(
185065
185063
  }
185066
185064
  );
185067
185065
  const propertiesDefinition$5 = {
185068
- general: Section.category(PropsPanelCategory.Content).children({
185066
+ general: Section$1.category(PropsPanelCategory.Content).children({
185069
185067
  label: Prop.string().readAndWrite().default("").propertiesPanel({
185070
185068
  label: "Label",
185071
185069
  helpText: "The label to be displayed beside the switch",
@@ -185080,7 +185078,7 @@ const propertiesDefinition$5 = {
185080
185078
  controlType: "SWITCH"
185081
185079
  })
185082
185080
  }),
185083
- appearance: Section.category(PropsPanelCategory.Appearance).children({
185081
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
185084
185082
  labelPosition: Prop.string().readAndWrite().default("right").propertiesPanel({
185085
185083
  label: "Label position",
185086
185084
  controlType: "RADIO_BUTTON_GROUP",
@@ -185104,7 +185102,7 @@ const propertiesDefinition$5 = {
185104
185102
  })
185105
185103
  }),
185106
185104
  layout: basicLayout(),
185107
- interaction: Section.category(PropsPanelCategory.Interaction).children({
185105
+ interaction: Section$1.category(PropsPanelCategory.Interaction).children({
185108
185106
  isRequired: Prop.boolean().readAndWrite().propertiesPanel({
185109
185107
  label: "Required",
185110
185108
  helpText: "Makes checking this component mandatory",
@@ -185117,19 +185115,19 @@ const propertiesDefinition$5 = {
185117
185115
  errorMessagePlacement,
185118
185116
  ...customValidationProperties
185119
185117
  }),
185120
- events: Section.category(PropsPanelCategory.EventHandlers).children({
185118
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
185121
185119
  onSwitchChange: Prop.event().propertiesPanel({
185122
185120
  label: "onSwitchChange"
185123
185121
  })
185124
185122
  }),
185125
185123
  // non-configurable properties
185126
- meta: Section.category(PropsPanelCategory.Meta).children({
185124
+ meta: Section$1.category(PropsPanelCategory.Meta).children({
185127
185125
  isTouched: Prop.boolean().default(false),
185128
185126
  isChecked: Prop.boolean().readable().default(function() {
185129
185127
  return this.defaultChecked;
185130
185128
  })
185131
185129
  }),
185132
- derived: Section.category(PropsPanelCategory.Derived).children({
185130
+ derived: Section$1.category(PropsPanelCategory.Derived).children({
185133
185131
  isToggledOn: Prop.boolean().readable().default(function() {
185134
185132
  return this.isChecked;
185135
185133
  }),
@@ -185295,8 +185293,8 @@ const SwitchContainer = qe$1.div`
185295
185293
  flex-direction: column;
185296
185294
  align-items: flex-start;
185297
185295
  `;
185298
- const SbSwitch = registerSbComponent(
185299
- "SbSwitch",
185296
+ const Switch = registerComponent$1(
185297
+ "Switch",
185300
185298
  {
185301
185299
  propertiesDefinition: propertiesDefinition$5
185302
185300
  },
@@ -185351,7 +185349,7 @@ const SbSwitch = registerSbComponent(
185351
185349
  }
185352
185350
  );
185353
185351
  const propertiesDefinition$4 = {
185354
- general: Section.category(PropsPanelCategory.Content).children({
185352
+ general: Section$1.category(PropsPanelCategory.Content).children({
185355
185353
  icon: Prop.string().readAndWrite().default("info").propertiesPanel({
185356
185354
  label: "Icon",
185357
185355
  helpText: "Select an icon",
@@ -185359,20 +185357,20 @@ const propertiesDefinition$4 = {
185359
185357
  })
185360
185358
  }),
185361
185359
  // layout: basicLayout(),
185362
- layout: Section.category(PropsPanelCategory.Layout).children({
185360
+ layout: Section$1.category(PropsPanelCategory.Layout).children({
185363
185361
  size: Prop.dimension().readAndWrite().propertiesPanel({
185364
185362
  label: "Size",
185365
185363
  controlType: "WIDTH_DROPDOWN"
185366
185364
  }).default(Dim.fit())
185367
185365
  }).add(margin()).add(visible()),
185368
- appearance: Section.category(PropsPanelCategory.Appearance).children({
185366
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
185369
185367
  color: colorProp({
185370
185368
  label: "Color",
185371
185369
  helpText: "Changes the color of the icon"
185372
185370
  }),
185373
185371
  loading: loading()
185374
185372
  }),
185375
- events: Section.category(PropsPanelCategory.EventHandlers).children({
185373
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
185376
185374
  onClick: Prop.event().propertiesPanel({
185377
185375
  label: "onClick",
185378
185376
  helpText: "Triggers an action when a user clicks the icon"
@@ -185382,8 +185380,8 @@ const propertiesDefinition$4 = {
185382
185380
  const StyledContainer = qe$1.div`
185383
185381
  overflow: hidden;
185384
185382
  `;
185385
- const SbIcon = registerSbComponent(
185386
- "SbIcon",
185383
+ const Icon = registerComponent$1(
185384
+ "Icon",
185387
185385
  {
185388
185386
  propertiesDefinition: propertiesDefinition$4
185389
185387
  },
@@ -185581,7 +185579,7 @@ class ImageComponent extends React.Component {
185581
185579
  }
185582
185580
  }
185583
185581
  const propertiesDefinition$3 = {
185584
- general: Section.category(PropsPanelCategory.Content).children({
185582
+ general: Section$1.category(PropsPanelCategory.Content).children({
185585
185583
  src: Prop.string().readAndWrite().propertiesPanel({
185586
185584
  label: "Image",
185587
185585
  helpText: "Renders the image from the URL or Data URL in the component.",
@@ -185589,7 +185587,7 @@ const propertiesDefinition$3 = {
185589
185587
  controlType: "INPUT_TEXT"
185590
185588
  })
185591
185589
  }),
185592
- appearance: Section.category(PropsPanelCategory.Appearance).children({
185590
+ appearance: Section$1.category(PropsPanelCategory.Appearance).children({
185593
185591
  backgroundColor: colorProp({
185594
185592
  label: "Background",
185595
185593
  helpText: "Changes the color of the background"
@@ -185620,8 +185618,8 @@ const propertiesDefinition$3 = {
185620
185618
  }),
185621
185619
  loading: loading()
185622
185620
  }),
185623
- layout: Section.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible()),
185624
- events: Section.category(PropsPanelCategory.EventHandlers).children({
185621
+ layout: Section$1.category(PropsPanelCategory.Layout).add(size$2()).add(margin()).add(visible()),
185622
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
185625
185623
  onClick: Prop.event().propertiesPanel({
185626
185624
  label: "onClick",
185627
185625
  helpText: "Triggers an action when a user clicks the image"
@@ -185634,8 +185632,8 @@ const ImageContainer = qe$1.div`
185634
185632
  align-items: flex-start;
185635
185633
  overflow-y: hidden;
185636
185634
  `;
185637
- const SbImage = registerSbComponent(
185638
- "SbImage",
185635
+ const Image = registerComponent$1(
185636
+ "Image",
185639
185637
  {
185640
185638
  propertiesDefinition: propertiesDefinition$3
185641
185639
  },
@@ -185673,7 +185671,7 @@ const SbImage = registerSbComponent(
185673
185671
  }
185674
185672
  );
185675
185673
  const propertiesDefinition$2 = {
185676
- general: Section.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
185674
+ general: Section$1.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
185677
185675
  defaultValue: Prop.any().readAndWrite().propertiesPanel({
185678
185676
  label: "Default value",
185679
185677
  helpText: "Sets the default value of the state variable",
@@ -185699,7 +185697,7 @@ const propertiesDefinition$2 = {
185699
185697
  ]
185700
185698
  })
185701
185699
  }),
185702
- functions: Section.category(PropsPanelCategory.Functions).children({
185700
+ functions: Section$1.category(PropsPanelCategory.Functions).children({
185703
185701
  set: Prop.function(function(_s2, value) {
185704
185702
  const widget = this;
185705
185703
  widget.value = value;
@@ -185710,7 +185708,7 @@ const propertiesDefinition$2 = {
185710
185708
  })
185711
185709
  })
185712
185710
  };
185713
- const SbVariable = registerSbEntity(
185711
+ const SbVariable = registerEntity(
185714
185712
  SbEntityType.VARIABLE,
185715
185713
  {
185716
185714
  propertiesDefinition: propertiesDefinition$2
@@ -185726,7 +185724,7 @@ const SbVariable = registerSbEntity(
185726
185724
  }
185727
185725
  );
185728
185726
  const propertiesDefinition$1 = {
185729
- general: Section.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
185727
+ general: Section$1.category(PropsPanelCategory.Uncategorized).propertiesPanel({ showHeader: false }).children({
185730
185728
  intervalMs: Prop.number().default(300).readAndWrite().propertiesPanel({
185731
185729
  label: "Interval",
185732
185730
  helpText: "Sets the interval of the timer",
@@ -185740,16 +185738,16 @@ const propertiesDefinition$1 = {
185740
185738
  controlType: "SWITCH"
185741
185739
  })
185742
185740
  }),
185743
- events: Section.category(PropsPanelCategory.EventHandlers).children({
185741
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
185744
185742
  onFire: Prop.event().propertiesPanel({ label: "onFire" })
185745
185743
  }),
185746
- metadata: Section.category(PropsPanelCategory.Meta).children({
185744
+ metadata: Section$1.category(PropsPanelCategory.Meta).children({
185747
185745
  timerId: Prop.string().validate(VALIDATORS.TEXT_ALLOW_UNDEFINED),
185748
185746
  isRunning: Prop.boolean().default(function() {
185749
185747
  return this.timerId !== void 0;
185750
185748
  })
185751
185749
  }),
185752
- functions: Section.category(PropsPanelCategory.Functions).children({
185750
+ functions: Section$1.category(PropsPanelCategory.Functions).children({
185753
185751
  start: Prop.function(function(_s2) {
185754
185752
  const timer = this;
185755
185753
  if (timer.timerId) clearInterval(timer.timerId);
@@ -185773,7 +185771,7 @@ const propertiesDefinition$1 = {
185773
185771
  })
185774
185772
  })
185775
185773
  };
185776
- const SbTimer = registerSbEntity(
185774
+ const SbTimer = registerEntity(
185777
185775
  SbEntityType.TIMER,
185778
185776
  {
185779
185777
  propertiesDefinition: propertiesDefinition$1
@@ -185842,7 +185840,7 @@ class SuspensibleAPI {
185842
185840
  }
185843
185841
  }
185844
185842
  const propertiesDefinition = {
185845
- events: Section.category(PropsPanelCategory.EventHandlers).children({
185843
+ events: Section$1.category(PropsPanelCategory.EventHandlers).children({
185846
185844
  onSuccess: Prop.event().propertiesPanel({ label: "onSuccess" }),
185847
185845
  onError: Prop.event().propertiesPanel({ label: "onError" })
185848
185846
  }).propertiesPanel({
@@ -185851,7 +185849,7 @@ const propertiesDefinition = {
185851
185849
  headerType: "Large",
185852
185850
  subHeader: "Configure frontend event handlers to run in response to the API"
185853
185851
  }),
185854
- metadata: Section.category(PropsPanelCategory.Meta).children({
185852
+ metadata: Section$1.category(PropsPanelCategory.Meta).children({
185855
185853
  response: Prop.any().computed(function() {
185856
185854
  return this._suspensibleApi.response;
185857
185855
  }).readable(),
@@ -185862,7 +185860,7 @@ const propertiesDefinition = {
185862
185860
  return this._suspensibleApi.isLoading;
185863
185861
  }).readable()
185864
185862
  }),
185865
- functions: Section.category("Derived").children({
185863
+ functions: Section$1.category("Derived").children({
185866
185864
  run: Prop.function(async function(_s2) {
185867
185865
  var _a2, _b2;
185868
185866
  const api2 = this;
@@ -185880,7 +185878,7 @@ const propertiesDefinition = {
185880
185878
  await api2._suspensibleApi.cancel();
185881
185879
  })
185882
185880
  }),
185883
- internal: Section.category(PropsPanelCategory.Internal).children({
185881
+ internal: Section$1.category(PropsPanelCategory.Internal).children({
185884
185882
  /**
185885
185883
  * Internal SuspensibleAPI instance that manages loading states and React Suspense integration.
185886
185884
  * This property is hidden from the public interface but accessible to other properties.
@@ -185907,7 +185905,7 @@ const propertiesDefinition = {
185907
185905
  })
185908
185906
  })
185909
185907
  };
185910
- const SbApi = registerSbEntity(
185908
+ const SbApi = registerEntity(
185911
185909
  SbEntityType.API,
185912
185910
  {
185913
185911
  propertiesDefinition
@@ -197990,7 +197988,7 @@ const EmbedWrapper = (props2) => {
197990
197988
  throw new Error(`API ${apiName} not found`);
197991
197989
  }
197992
197990
  runEventHandlers({
197993
- flow: SbEventFlow.runApis([api2]),
197991
+ flow: EventFlow.runApis([api2]),
197994
197992
  name: getName(apiName),
197995
197993
  scopeId,
197996
197994
  additionalContext: {
@@ -200162,8 +200160,8 @@ function useUpdateProperties() {
200162
200160
  );
200163
200161
  }
200164
200162
  const useTheme = useTheme$1;
200165
- function sbComputed(fn3) {
200166
- const computedValue = computed(() => {
200163
+ function computed(fn3) {
200164
+ const computedValue = computed$1(() => {
200167
200165
  try {
200168
200166
  return fn3;
200169
200167
  } catch (error) {
@@ -200214,29 +200212,29 @@ var clientExports = requireClient();
200214
200212
  export {
200215
200213
  Outlet as $,
200216
200214
  AppStateVarPersistence6 as A,
200217
- SbApi as B,
200218
- SbProvider as C,
200219
- SbEventFlow as D,
200220
- copyToClipboard as E,
200221
- navigateTo as F,
200222
- setQueryParams as G,
200223
- download as H,
200215
+ Button$3 as B,
200216
+ Column as C,
200217
+ Dropdown as D,
200218
+ EventFlow as E,
200219
+ showAlert as F,
200220
+ logoutIntegrations as G,
200221
+ registerScope as H,
200224
200222
  IconSize$2 as I,
200225
- showAlert as J,
200226
- logoutIntegrations as K,
200227
- registerScope as L,
200228
- registerPage as M,
200229
- createSbScope as N,
200230
- Global as O,
200231
- Embed as P,
200223
+ registerPage as J,
200224
+ createScope as K,
200225
+ Global as L,
200226
+ Modal as M,
200227
+ Theme as N,
200228
+ Embed as O,
200229
+ Page as P,
200232
200230
  Env as Q,
200233
200231
  SbEvent as R,
200234
- SbButton as S,
200235
- Theme as T,
200232
+ Section2 as S,
200233
+ Text$1 as T,
200236
200234
  useUpdateProperties as U,
200237
200235
  useTheme as V,
200238
200236
  Prop as W,
200239
- sbComputed as X,
200237
+ computed as X,
200240
200238
  Dim as Y,
200241
200239
  SB as Z,
200242
200240
  __awaiter as _,
@@ -200356,29 +200354,29 @@ export {
200356
200354
  useLocation as bx,
200357
200355
  useMatch as by,
200358
200356
  useMatches as bz,
200359
- SbSection as c,
200360
- SbColumn as d,
200361
- SbContainer as e,
200362
- SbInput as f,
200363
- SbPage as g,
200364
- SbText as h,
200365
- SbModal as i,
200357
+ Container as c,
200358
+ Input2 as d,
200359
+ Slideout as e,
200360
+ Table as f,
200361
+ CustomComponent as g,
200362
+ Checkbox as h,
200363
+ DatePicker as i,
200366
200364
  jsxRuntimeExports as j,
200367
- SbSlideout as k,
200368
- SbTable as l,
200365
+ Switch as k,
200366
+ Icon as l,
200369
200367
  makeAutoObservable as m,
200370
- SbDropdown as n,
200368
+ Image as n,
200371
200369
  observer as o,
200372
200370
  pascalCase as p,
200373
- SbCustom as q,
200371
+ SbVariable as q,
200374
200372
  registerComponent as r,
200375
- SbCheckbox as s,
200373
+ SbTimer as s,
200376
200374
  toJS as t,
200377
- SbDatePicker as u,
200378
- SbSwitch as v,
200379
- SbIcon as w,
200380
- SbImage as x,
200381
- SbVariable as y,
200382
- SbTimer as z
200383
- };
200384
- //# sourceMappingURL=index-bTBSm8qa.js.map
200375
+ SbApi as u,
200376
+ SbProvider as v,
200377
+ copyToClipboard as w,
200378
+ navigateTo as x,
200379
+ setQueryParams as y,
200380
+ download as z
200381
+ };
200382
+ //# sourceMappingURL=index-BG-l_gfQ.js.map