@trops/dash-core 0.1.41 → 0.1.43

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 (5) hide show
  1. package/dist/index.esm.js +452 -273
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +452 -272
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -50,8 +50,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
50
50
  var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
51
51
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
52
52
 
53
- function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
54
- function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
53
+ function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
54
+ function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
55
55
  var event = {
56
56
  list: new Map(),
57
57
  // Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -113,7 +113,7 @@ var event = {
113
113
  uuid: subscriber["uuid"]
114
114
  };
115
115
  if ("action" in subscriber && subscriber.action !== undefined) {
116
- subscriber["action"](_objectSpread$x({}, objectToSend));
116
+ subscriber["action"](_objectSpread$y({}, objectToSend));
117
117
  }
118
118
  });
119
119
  }
@@ -2501,8 +2501,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
2501
2501
  });
2502
2502
  };
2503
2503
 
2504
- function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2505
- function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2504
+ function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2505
+ function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2506
2506
  var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
2507
2507
  var themeKey = _ref.themeKey,
2508
2508
  children = _ref.children;
@@ -2514,7 +2514,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
2514
2514
  var dashboardTheme = themes[themeKey];
2515
2515
  var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
2516
2516
  if (!themeValue) return null;
2517
- return _objectSpread$w(_objectSpread$w({}, parentContext), {}, {
2517
+ return _objectSpread$x(_objectSpread$x({}, parentContext), {}, {
2518
2518
  currentTheme: themeValue,
2519
2519
  currentThemeKey: themeKey,
2520
2520
  theme: themeValue,
@@ -2532,8 +2532,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
2532
2532
  });
2533
2533
  };
2534
2534
 
2535
- function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2536
- function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2535
+ function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2536
+ function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2537
2537
  var AppThemeScope = function AppThemeScope(_ref) {
2538
2538
  var children = _ref.children;
2539
2539
  var ctx = React.useContext(DashReact.ThemeContext);
@@ -2541,7 +2541,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
2541
2541
  children: children
2542
2542
  });
2543
2543
  return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
2544
- value: _objectSpread$v(_objectSpread$v({}, ctx), {}, {
2544
+ value: _objectSpread$w(_objectSpread$w({}, ctx), {}, {
2545
2545
  currentTheme: ctx.appTheme,
2546
2546
  currentThemeKey: ctx.appThemeKey,
2547
2547
  theme: ctx.appTheme,
@@ -2653,8 +2653,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
2653
2653
  });
2654
2654
  };
2655
2655
 
2656
- function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2657
- function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2656
+ function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2657
+ function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2658
2658
  function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
2659
2659
  function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
2660
2660
  function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -2898,7 +2898,7 @@ function createLayoutFromTemplate(template) {
2898
2898
  try {
2899
2899
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
2900
2900
  var cell = _step.value;
2901
- grid[cell.key] = _objectSpread$u({
2901
+ grid[cell.key] = _objectSpread$v({
2902
2902
  component: null,
2903
2903
  hide: cell.hide || false
2904
2904
  }, cell.span ? {
@@ -4173,8 +4173,8 @@ var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
4173
4173
  });
4174
4174
  };
4175
4175
 
4176
- function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4177
- function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4176
+ function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4177
+ function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4178
4178
  var PanelEditItem = function PanelEditItem(_ref) {
4179
4179
  var _ComponentManager$get;
4180
4180
  var workspace = _ref.workspace,
@@ -4234,7 +4234,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
4234
4234
  var uuid = newItem.uuid || newItem.uuidString;
4235
4235
  if (uuid) {
4236
4236
  workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
4237
- workspaceTemp.selectedProviders[uuid] = _objectSpread$t(_objectSpread$t({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
4237
+ workspaceTemp.selectedProviders[uuid] = _objectSpread$u(_objectSpread$u({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
4238
4238
  }
4239
4239
  onUpdate(newItem, workspaceTemp);
4240
4240
  forceUpdate();
@@ -4363,7 +4363,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
4363
4363
  var _ref5 = _slicedToArray(_ref4, 2),
4364
4364
  name = _ref5[0],
4365
4365
  p = _ref5[1];
4366
- return _objectSpread$t({
4366
+ return _objectSpread$u({
4367
4367
  name: name
4368
4368
  }, p);
4369
4369
  });
@@ -4408,8 +4408,8 @@ var _excluded$5 = ["rows", "cols"];
4408
4408
  function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
4409
4409
  function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
4410
4410
  function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
4411
- function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4412
- function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4411
+ function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4412
+ function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4413
4413
  var defaultGrid = {
4414
4414
  rows: 1,
4415
4415
  cols: 1,
@@ -4430,7 +4430,7 @@ function GridEditor(_ref) {
4430
4430
  setGrid = _useState2[1];
4431
4431
  var addRow = function addRow() {
4432
4432
  var newRow = grid.rows;
4433
- var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
4433
+ var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
4434
4434
  rows: grid.rows + 1
4435
4435
  });
4436
4436
  for (var col = 0; col < grid.cols; col++) {
@@ -4445,7 +4445,7 @@ function GridEditor(_ref) {
4445
4445
  };
4446
4446
  var addColumn = function addColumn() {
4447
4447
  var newCol = grid.cols;
4448
- var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
4448
+ var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
4449
4449
  cols: grid.cols + 1
4450
4450
  });
4451
4451
  for (var row = 0; row < grid.rows; row++) {
@@ -4478,8 +4478,8 @@ function GridEditor(_ref) {
4478
4478
  });
4479
4479
  }
4480
4480
  if (grid[nextKey]) {
4481
- var newGrid = _objectSpread$s({}, grid);
4482
- newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
4481
+ var newGrid = _objectSpread$t({}, grid);
4482
+ newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
4483
4483
  colSpan: newGrid[currentKey].colSpan + 1
4484
4484
  });
4485
4485
  delete newGrid[nextKey];
@@ -4492,8 +4492,8 @@ function GridEditor(_ref) {
4492
4492
  var currentKey = "".concat(row, ".").concat(col);
4493
4493
  var belowKey = "".concat(row + 1, ".").concat(col);
4494
4494
  if (grid[belowKey]) {
4495
- var newGrid = _objectSpread$s({}, grid);
4496
- newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
4495
+ var newGrid = _objectSpread$t({}, grid);
4496
+ newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
4497
4497
  rowSpan: newGrid[currentKey].rowSpan + 1
4498
4498
  });
4499
4499
  delete newGrid[belowKey];
@@ -4510,7 +4510,7 @@ function GridEditor(_ref) {
4510
4510
  var splitCell = function splitCell(row, col) {
4511
4511
  var key = "".concat(row, ".").concat(col);
4512
4512
  var cell = grid[key];
4513
- var newGrid = _objectSpread$s({}, grid);
4513
+ var newGrid = _objectSpread$t({}, grid);
4514
4514
 
4515
4515
  // we have to check the colspan, and since the colspan is greater than 1
4516
4516
  // Only handle horizontal split if colSpan > 1
@@ -4526,13 +4526,13 @@ function GridEditor(_ref) {
4526
4526
  var oldKey = "".concat(row, ".").concat(c);
4527
4527
  var newKey = "".concat(row, ".").concat(c + 1);
4528
4528
  if (newGrid[oldKey]) {
4529
- newGrid[newKey] = _objectSpread$s({}, newGrid[oldKey]);
4529
+ newGrid[newKey] = _objectSpread$t({}, newGrid[oldKey]);
4530
4530
  delete newGrid[oldKey];
4531
4531
  }
4532
4532
  }
4533
4533
 
4534
4534
  // Update the original cell's colSpan
4535
- newGrid[key] = _objectSpread$s(_objectSpread$s({}, cell), {}, {
4535
+ newGrid[key] = _objectSpread$t(_objectSpread$t({}, cell), {}, {
4536
4536
  colSpan: cell.colSpan - 1
4537
4537
  });
4538
4538
 
@@ -4544,7 +4544,7 @@ function GridEditor(_ref) {
4544
4544
  };
4545
4545
  }
4546
4546
  if (cell.rowSpan > 1) {
4547
- newGrid[key] = _objectSpread$s(_objectSpread$s({}, newGrid[key]), {}, {
4547
+ newGrid[key] = _objectSpread$t(_objectSpread$t({}, newGrid[key]), {}, {
4548
4548
  rowSpan: cell.rowSpan - 1
4549
4549
  });
4550
4550
  newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -4663,7 +4663,7 @@ function GridEditor(_ref) {
4663
4663
  var fromKey = "".concat(from.row, ".").concat(from.col);
4664
4664
  var toKey = "".concat(to.row, ".").concat(to.col);
4665
4665
  if (fromKey === toKey) return;
4666
- var newGrid = _objectSpread$s({}, grid);
4666
+ var newGrid = _objectSpread$t({}, grid);
4667
4667
 
4668
4668
  // Swap the cells
4669
4669
  var temp = newGrid[fromKey];
@@ -4689,7 +4689,7 @@ function GridEditor(_ref) {
4689
4689
  // console.log("Grid updated:", sequencedGrid);
4690
4690
  }
4691
4691
  function resetGridLayout() {
4692
- var newGrid = _objectSpread$s({}, defaultGrid);
4692
+ var newGrid = _objectSpread$t({}, defaultGrid);
4693
4693
  setGrid(newGrid);
4694
4694
  onUpdate(newGrid);
4695
4695
  }
@@ -6943,8 +6943,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
6943
6943
  });
6944
6944
  };
6945
6945
 
6946
- function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6947
- function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6946
+ function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6947
+ function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6948
6948
  var ProviderForm = function ProviderForm(_ref) {
6949
6949
  var credentialSchema = _ref.credentialSchema,
6950
6950
  _ref$initialValues = _ref.initialValues,
@@ -7001,13 +7001,13 @@ var ProviderForm = function ProviderForm(_ref) {
7001
7001
  */
7002
7002
  var handleInputChange = function handleInputChange(fieldName, value) {
7003
7003
  setFormData(function (prev) {
7004
- return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
7004
+ return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
7005
7005
  });
7006
7006
 
7007
7007
  // Clear error for this field if it was filled
7008
7008
  if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
7009
7009
  setErrors(function (prev) {
7010
- var newErrors = _objectSpread$r({}, prev);
7010
+ var newErrors = _objectSpread$s({}, prev);
7011
7011
  delete newErrors[fieldName];
7012
7012
  return newErrors;
7013
7013
  });
@@ -7045,7 +7045,7 @@ var ProviderForm = function ProviderForm(_ref) {
7045
7045
  // Clear error if filled
7046
7046
  if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
7047
7047
  setErrors(function (prev) {
7048
- var newErrors = _objectSpread$r({}, prev);
7048
+ var newErrors = _objectSpread$s({}, prev);
7049
7049
  delete newErrors.providerName;
7050
7050
  return newErrors;
7051
7051
  });
@@ -7124,8 +7124,8 @@ var ProviderForm = function ProviderForm(_ref) {
7124
7124
  function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
7125
7125
  function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
7126
7126
  function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7127
- function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7128
- function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7127
+ function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7128
+ function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7129
7129
  var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7130
7130
  var isOpen = _ref.isOpen,
7131
7131
  onClose = _ref.onClose,
@@ -7254,7 +7254,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7254
7254
  .map(function (entry) {
7255
7255
  var widget = allWidgets[entry.widgetKey];
7256
7256
  if (!widget) return null; // Widget no longer exists
7257
- return _objectSpread$q(_objectSpread$q({
7257
+ return _objectSpread$r(_objectSpread$r({
7258
7258
  key: entry.widgetKey
7259
7259
  }, widget), {}, {
7260
7260
  savedProviders: entry.providers || {},
@@ -7395,7 +7395,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7395
7395
  // Get widgets from ComponentManager
7396
7396
  var allWidgets = ComponentManager.map();
7397
7397
  var widgetList = Object.keys(allWidgets).map(function (key) {
7398
- return _objectSpread$q({
7398
+ return _objectSpread$r({
7399
7399
  key: key
7400
7400
  }, allWidgets[key]);
7401
7401
  }).filter(function (widget) {
@@ -7609,7 +7609,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7609
7609
  setInlineCreateType(null);
7610
7610
  setInlineCreateSchema({});
7611
7611
  setInlineCreateError(null);
7612
- setSelectedProviders(_objectSpread$q(_objectSpread$q({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
7612
+ setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
7613
7613
  }
7614
7614
  };
7615
7615
  var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -7630,7 +7630,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7630
7630
 
7631
7631
  // Auto-select the newly created provider
7632
7632
  setSelectedProviders(function (prev) {
7633
- return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, providerType, providerName));
7633
+ return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
7634
7634
  });
7635
7635
 
7636
7636
  // Collapse the inline form
@@ -7648,7 +7648,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7648
7648
  setInlineCreateError(null);
7649
7649
  };
7650
7650
  var handleConfigChange = function handleConfigChange(key, value) {
7651
- setUserConfigValues(_objectSpread$q(_objectSpread$q({}, userConfigValues), {}, _defineProperty({}, key, value)));
7651
+ setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
7652
7652
  };
7653
7653
 
7654
7654
  // Install a package from the registry
@@ -7738,7 +7738,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7738
7738
 
7739
7739
  // Phase 3: Save to recent widgets
7740
7740
  saveToRecent(selectedWidget, selectedProviders, userConfigValues);
7741
- onSelectWidget(_objectSpread$q(_objectSpread$q({}, selectedWidget), {}, {
7741
+ onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
7742
7742
  selectedProviders: selectedProviders,
7743
7743
  // Pass to parent
7744
7744
  userConfigValues: userConfigValues // Pass to parent
@@ -9192,8 +9192,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
9192
9192
  });
9193
9193
  };
9194
9194
 
9195
- function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9196
- function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9195
+ function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9196
+ function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9197
9197
  /**
9198
9198
  * Shared MCP utility functions.
9199
9199
  *
@@ -9321,7 +9321,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
9321
9321
  headerTemplate[name] = value;
9322
9322
  }
9323
9323
  });
9324
- var config = _objectSpread$p({}, baseMcpConfig);
9324
+ var config = _objectSpread$q({}, baseMcpConfig);
9325
9325
  if (Object.keys(headerTemplate).length > 0) {
9326
9326
  config.headerTemplate = headerTemplate;
9327
9327
  } else {
@@ -9339,7 +9339,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
9339
9339
  envMapping[env] = cred;
9340
9340
  }
9341
9341
  });
9342
- return _objectSpread$p(_objectSpread$p({}, baseMcpConfig), {}, {
9342
+ return _objectSpread$q(_objectSpread$q({}, baseMcpConfig), {}, {
9343
9343
  envMapping: envMapping
9344
9344
  });
9345
9345
  }
@@ -9386,8 +9386,8 @@ function headerTemplateToRows(headerTemplate, nextRowId) {
9386
9386
  });
9387
9387
  }
9388
9388
 
9389
- function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9390
- function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9389
+ function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9390
+ function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9391
9391
  var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9392
9392
  var transport = _ref.transport,
9393
9393
  envMappingRows = _ref.envMappingRows,
@@ -9416,7 +9416,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9416
9416
  var updateEnvRow = function updateEnvRow(id, field, value) {
9417
9417
  onEnvMappingRowsChange(function (prev) {
9418
9418
  return prev.map(function (row) {
9419
- return row.id === id ? _objectSpread$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
9419
+ return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
9420
9420
  });
9421
9421
  });
9422
9422
  };
@@ -9441,7 +9441,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9441
9441
  var updateHeaderRow = function updateHeaderRow(id, field, value) {
9442
9442
  onHeaderRowsChange(function (prev) {
9443
9443
  return prev.map(function (row) {
9444
- return row.id === id ? _objectSpread$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
9444
+ return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
9445
9445
  });
9446
9446
  });
9447
9447
  };
@@ -9590,8 +9590,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9590
9590
  });
9591
9591
  };
9592
9592
 
9593
- function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9594
- function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9593
+ function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9594
+ function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9595
9595
  var McpServerPicker = function McpServerPicker(_ref) {
9596
9596
  var _testResult$tools;
9597
9597
  var isOpen = _ref.isOpen,
@@ -9707,11 +9707,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
9707
9707
  // Handle credential field changes
9708
9708
  var handleCredentialChange = function handleCredentialChange(fieldName, value) {
9709
9709
  setCredentialData(function (prev) {
9710
- return _objectSpread$n(_objectSpread$n({}, prev), {}, _defineProperty({}, fieldName, value));
9710
+ return _objectSpread$o(_objectSpread$o({}, prev), {}, _defineProperty({}, fieldName, value));
9711
9711
  });
9712
9712
  if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
9713
9713
  setFormErrors(function (prev) {
9714
- var next = _objectSpread$n({}, prev);
9714
+ var next = _objectSpread$o({}, prev);
9715
9715
  delete next[fieldName];
9716
9716
  return next;
9717
9717
  });
@@ -9999,7 +9999,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
9999
9999
  setProviderName(value);
10000
10000
  if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
10001
10001
  setFormErrors(function (prev) {
10002
- var next = _objectSpread$n({}, prev);
10002
+ var next = _objectSpread$o({}, prev);
10003
10003
  delete next.providerName;
10004
10004
  return next;
10005
10005
  });
@@ -10086,8 +10086,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
10086
10086
  });
10087
10087
  };
10088
10088
 
10089
- function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10090
- function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10089
+ function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10090
+ function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10091
10091
  var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
10092
10092
 
10093
10093
  /**
@@ -10119,7 +10119,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10119
10119
  _ref$editMode = _ref.editMode,
10120
10120
  editMode = _ref$editMode === void 0 ? "all" : _ref$editMode,
10121
10121
  _ref$workspaceRef = _ref.workspaceRef,
10122
- workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef;
10122
+ workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef,
10123
+ _ref$onWidgetPopout = _ref.onWidgetPopout,
10124
+ onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
10123
10125
  var appContext = React.useContext(AppContext);
10124
10126
  var debugMode = appContext.debugMode;
10125
10127
  var dashboardContext = React.useContext(DashboardContext);
@@ -10131,7 +10133,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10131
10133
  var _ref3 = _slicedToArray(_ref2, 2),
10132
10134
  id = _ref3[0],
10133
10135
  p = _ref3[1];
10134
- return _objectSpread$m(_objectSpread$m({}, p), {}, {
10136
+ return _objectSpread$n(_objectSpread$n({}, p), {}, {
10135
10137
  id: id,
10136
10138
  name: p.name || id
10137
10139
  });
@@ -10218,7 +10220,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10218
10220
  // so we use its layout to replace any corrupted grid data.
10219
10221
  if (workspace && workspace["layout"]) {
10220
10222
  var model = new DashboardModel(workspace);
10221
- setCurrentWorkspace(_objectSpread$m(_objectSpread$m({}, workspace), {}, {
10223
+ setCurrentWorkspace(_objectSpread$n(_objectSpread$n({}, workspace), {}, {
10222
10224
  layout: model.layout
10223
10225
  }));
10224
10226
  } else {
@@ -10600,7 +10602,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10600
10602
  var uuid = widget.uuid || widget.uuidString;
10601
10603
  if (uuid) {
10602
10604
  newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
10603
- newWorkspace.selectedProviders[uuid] = _objectSpread$m(_objectSpread$m({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
10605
+ newWorkspace.selectedProviders[uuid] = _objectSpread$n(_objectSpread$n({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
10604
10606
  }
10605
10607
  setCurrentWorkspace(newWorkspace);
10606
10608
  }
@@ -10734,7 +10736,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10734
10736
  try {
10735
10737
  var config = ComponentManager.config(widgetKey);
10736
10738
  if (!config) return;
10737
- var widgetItem = _objectSpread$m(_objectSpread$m({}, config), {}, {
10739
+ var widgetItem = _objectSpread$n(_objectSpread$n({}, config), {}, {
10738
10740
  component: widgetKey,
10739
10741
  key: widgetKey
10740
10742
  });
@@ -10876,7 +10878,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10876
10878
  onDeleteGridColumn: handleDeleteGridColumn,
10877
10879
  onChangeRowHeight: handleChangeRowHeight,
10878
10880
  onChangeRowMode: handleChangeRowMode,
10879
- onMoveWidgetToCell: handleMoveWidgetToCell
10881
+ onMoveWidgetToCell: handleMoveWidgetToCell,
10882
+ onWidgetPopout: onWidgetPopout
10880
10883
  }, "layout-drag-".concat(dashboardId)), preview === false && editMode === "all" && /*#__PURE__*/jsxRuntime.jsx(LayoutDragBuilderEdit, {
10881
10884
  dashboardId: dashboardId,
10882
10885
  isDraggable: true,
@@ -10934,7 +10937,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10934
10937
  onSelectWidget: function onSelectWidget(widget) {
10935
10938
 
10936
10939
  // Add component property from widget.key
10937
- var widgetWithComponent = _objectSpread$m(_objectSpread$m({}, widget), {}, {
10940
+ var widgetWithComponent = _objectSpread$n(_objectSpread$n({}, widget), {}, {
10938
10941
  component: widget.key
10939
10942
  });
10940
10943
  handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -11012,7 +11015,9 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
11012
11015
  _ref$onChangeRowHeigh = _ref.onChangeRowHeight,
11013
11016
  onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
11014
11017
  _ref$onChangeRowMode = _ref.onChangeRowMode,
11015
- onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode;
11018
+ onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode,
11019
+ _ref$onWidgetPopout = _ref.onWidgetPopout,
11020
+ onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
11016
11021
  return isDraggable === true ? /*#__PURE__*/jsxRuntime.jsx(reactDnd.DndProvider, {
11017
11022
  backend: reactDndHtml5Backend.HTML5Backend,
11018
11023
  children: _renderLayout({
@@ -11043,7 +11048,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
11043
11048
  onAddGridColumn: onAddGridColumn,
11044
11049
  onDeleteGridColumn: onDeleteGridColumn,
11045
11050
  onChangeRowHeight: onChangeRowHeight,
11046
- onChangeRowMode: onChangeRowMode
11051
+ onChangeRowMode: onChangeRowMode,
11052
+ onWidgetPopout: onWidgetPopout
11047
11053
  })
11048
11054
  }, "dnd-provider") : _renderLayout({
11049
11055
  dashboardId: dashboardId,
@@ -11073,7 +11079,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
11073
11079
  onAddGridColumn: onAddGridColumn,
11074
11080
  onDeleteGridColumn: onDeleteGridColumn,
11075
11081
  onChangeRowHeight: onChangeRowHeight,
11076
- onChangeRowMode: onChangeRowMode
11082
+ onChangeRowMode: onChangeRowMode,
11083
+ onWidgetPopout: onWidgetPopout
11077
11084
  });
11078
11085
  };
11079
11086
 
@@ -12540,8 +12547,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
12540
12547
  });
12541
12548
  };
12542
12549
 
12543
- function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12544
- function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12550
+ function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12551
+ function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12545
12552
  function _callSuper$4(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$4() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12546
12553
  function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
12547
12554
  var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -12596,7 +12603,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
12596
12603
  _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
12597
12604
 
12598
12605
  // Update local selected providers state
12599
- var updatedSelected = _objectSpread$l(_objectSpread$l({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
12606
+ var updatedSelected = _objectSpread$m(_objectSpread$m({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
12600
12607
  _this.setState({
12601
12608
  selectedProviders: updatedSelected
12602
12609
  }, function () {
@@ -12670,8 +12677,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
12670
12677
  }(React.Component);
12671
12678
  _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
12672
12679
 
12673
- function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12674
- function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12680
+ function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12681
+ function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12675
12682
  var withProviderDetection = function withProviderDetection(Component) {
12676
12683
  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
12677
12684
  _ref$requiredProvider = _ref.requiredProviders,
@@ -12696,7 +12703,7 @@ var withProviderDetection = function withProviderDetection(Component) {
12696
12703
  onProviderSelect: onProviderSelect
12697
12704
  });
12698
12705
  }
12699
- return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$k({}, props));
12706
+ return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$l({}, props));
12700
12707
  };
12701
12708
  };
12702
12709
 
@@ -12910,8 +12917,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
12910
12917
  }]);
12911
12918
  }();
12912
12919
 
12913
- function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12914
- function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12920
+ function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12921
+ function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12915
12922
  function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12916
12923
  function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
12917
12924
  var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -13038,7 +13045,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
13038
13045
 
13039
13046
  // Build widgetData for WidgetContext — hooks read from this
13040
13047
  var uuidString = DashReact.getUUID(params.uuid);
13041
- var widgetData = _objectSpread$j(_objectSpread$j({}, params), {}, {
13048
+ var widgetData = _objectSpread$k(_objectSpread$k({}, params), {}, {
13042
13049
  uuidString: uuidString,
13043
13050
  providers: (config === null || config === void 0 ? void 0 : config.providers) || []
13044
13051
  });
@@ -13066,7 +13073,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
13066
13073
  value: widgetContextValue,
13067
13074
  children: /*#__PURE__*/jsxRuntime.jsx(WidgetErrorBoundary, {
13068
13075
  widgetName: component,
13069
- children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
13076
+ children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
13070
13077
  id: "widget-nokids-".concat(widgetKey),
13071
13078
  listen: function listen(listeners, handlers) {
13072
13079
  return helpers.listen(listeners, handlers);
@@ -13079,7 +13086,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
13079
13086
  backgroundColor: bgColor,
13080
13087
  widgetConfig: helpers.config(),
13081
13088
  widgetEventNames: helpers.events()
13082
- }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
13089
+ }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
13083
13090
  listen: function listen(listeners, handlers) {
13084
13091
  return helpers.listen(listeners, handlers);
13085
13092
  },
@@ -13261,8 +13268,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
13261
13268
  function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
13262
13269
  function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
13263
13270
  function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
13264
- function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13265
- function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13271
+ function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13272
+ function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13266
13273
  var DraggableCellBody = function DraggableCellBody(_ref) {
13267
13274
  var cellNumber = _ref.cellNumber,
13268
13275
  gridContainerId = _ref.gridContainerId,
@@ -13397,7 +13404,9 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
13397
13404
  _ref3$onMoveWidgetToC = _ref3.onMoveWidgetToCell,
13398
13405
  onMoveWidgetToCell = _ref3$onMoveWidgetToC === void 0 ? null : _ref3$onMoveWidgetToC,
13399
13406
  _ref3$onDropWidgetFro = _ref3.onDropWidgetFromSidebar,
13400
- onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro;
13407
+ onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro,
13408
+ _ref3$onWidgetPopout = _ref3.onWidgetPopout,
13409
+ onWidgetPopout = _ref3$onWidgetPopout === void 0 ? null : _ref3$onWidgetPopout;
13401
13410
  // Get providers from AppContext (not DashboardContext, which has a structural
13402
13411
  // issue where providers from AppWrapper don't flow through DashboardWrapper)
13403
13412
  var appCtx = React.useContext(AppContext);
@@ -13409,7 +13418,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
13409
13418
  var _ref5 = _slicedToArray(_ref4, 2),
13410
13419
  id = _ref5[0],
13411
13420
  provider = _ref5[1];
13412
- return _objectSpread$i({
13421
+ return _objectSpread$j({
13413
13422
  id: id
13414
13423
  }, provider);
13415
13424
  }) : [];
@@ -14024,7 +14033,25 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
14024
14033
  if (!cellComponent) {
14025
14034
  return null;
14026
14035
  }
14027
- return renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
14036
+ var rendered = renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
14037
+ if (onWidgetPopout && cellComponent.component) {
14038
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
14039
+ className: "relative w-full h-full group/popout",
14040
+ children: [rendered, /*#__PURE__*/jsxRuntime.jsx("button", {
14041
+ className: "absolute top-1 right-1 p-1 rounded opacity-0 group-hover/popout:opacity-100 transition-opacity bg-black/60 hover:bg-black/80 text-gray-300 hover:text-white z-10",
14042
+ onClick: function onClick(e) {
14043
+ e.stopPropagation();
14044
+ onWidgetPopout(cellComponent.id);
14045
+ },
14046
+ title: "Pop out widget",
14047
+ children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
14048
+ icon: "arrow-up-right-from-square",
14049
+ className: "h-3 w-3"
14050
+ })
14051
+ })]
14052
+ });
14053
+ }
14054
+ return rendered;
14028
14055
  }
14029
14056
 
14030
14057
  // Render empty cell in preview mode
@@ -14165,7 +14192,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
14165
14192
  var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
14166
14193
 
14167
14194
  // Add provider-related props from workspace
14168
- var itemWithProviders = _objectSpread$i(_objectSpread$i({}, item), {}, {
14195
+ var itemWithProviders = _objectSpread$j(_objectSpread$j({}, item), {}, {
14169
14196
  selectedProviders: widgetSpecificSelections,
14170
14197
  onProviderSelect: onProviderSelect
14171
14198
  });
@@ -14472,7 +14499,9 @@ var _renderLayout = function renderLayout(_ref) {
14472
14499
  _ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
14473
14500
  onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
14474
14501
  _ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
14475
- onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom;
14502
+ onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom,
14503
+ _ref$onWidgetPopout = _ref.onWidgetPopout,
14504
+ onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
14476
14505
  try {
14477
14506
  // Go through each item in the Workspace Layout to render the items.
14478
14507
 
@@ -14539,6 +14568,7 @@ var _renderLayout = function renderLayout(_ref) {
14539
14568
  onChangeRowMode: onChangeRowMode,
14540
14569
  onMoveWidgetToCell: onMoveWidgetToCell,
14541
14570
  onDropWidgetFromSidebar: onDropWidgetFromSidebar,
14571
+ onWidgetPopout: onWidgetPopout,
14542
14572
  children: id > 0 && _renderLayout({
14543
14573
  dashboardId: dashboardId,
14544
14574
  item: childLayout,
@@ -14575,7 +14605,8 @@ var _renderLayout = function renderLayout(_ref) {
14575
14605
  onChangeRowHeight: onChangeRowHeight,
14576
14606
  onChangeRowMode: onChangeRowMode,
14577
14607
  onMoveWidgetToCell: onMoveWidgetToCell,
14578
- onDropWidgetFromSidebar: onDropWidgetFromSidebar
14608
+ onDropWidgetFromSidebar: onDropWidgetFromSidebar,
14609
+ onWidgetPopout: onWidgetPopout
14579
14610
  })
14580
14611
  }, "grid-container-".concat(uuid, "-").concat(previewMode === true ? "view" : "edit")) : /*#__PURE__*/jsxRuntime.jsx(LayoutBuilderGridItem, {
14581
14612
  uuid: uuid,
@@ -15666,8 +15697,8 @@ function isWidgetResolvable(componentKey) {
15666
15697
  // isMinOrderForItem
15667
15698
  // }
15668
15699
 
15669
- function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15670
- function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15700
+ function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15701
+ function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15671
15702
  function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
15672
15703
  function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
15673
15704
  function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -15823,7 +15854,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
15823
15854
 
15824
15855
  // Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
15825
15856
  if ("userConfigValues" in obj && obj.userConfigValues) {
15826
- layout.userPrefs = _objectSpread$h(_objectSpread$h({}, layout.userPrefs), obj.userConfigValues);
15857
+ layout.userPrefs = _objectSpread$i(_objectSpread$i({}, layout.userPrefs), obj.userConfigValues);
15827
15858
  }
15828
15859
 
15829
15860
  // Preserve provider selections for this widget
@@ -16323,8 +16354,8 @@ var MenuItemModel = function MenuItemModel() {
16323
16354
  return m;
16324
16355
  };
16325
16356
 
16326
- function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16327
- function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16357
+ function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16358
+ function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16328
16359
  /**
16329
16360
  * A Model for a Workspace (Dashboard)
16330
16361
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -17588,7 +17619,7 @@ var DashboardModel = /*#__PURE__*/function () {
17588
17619
  visibleCells.push({
17589
17620
  row: r,
17590
17621
  col: c,
17591
- data: _objectSpread$g({}, cell),
17622
+ data: _objectSpread$h({}, cell),
17592
17623
  spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
17593
17624
  spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
17594
17625
  });
@@ -17610,7 +17641,7 @@ var DashboardModel = /*#__PURE__*/function () {
17610
17641
  var vc = _visibleCells[_i5];
17611
17642
  var newCol = (vc.col - 1) * count + 1;
17612
17643
  var _key7 = "".concat(vc.row, ".").concat(newCol);
17613
- grid[_key7] = _objectSpread$g(_objectSpread$g({}, vc.data), {}, {
17644
+ grid[_key7] = _objectSpread$h(_objectSpread$h({}, vc.data), {}, {
17614
17645
  hide: false,
17615
17646
  span: {
17616
17647
  row: vc.spanRow,
@@ -17685,7 +17716,7 @@ var DashboardModel = /*#__PURE__*/function () {
17685
17716
  _visibleCells2.push({
17686
17717
  row: _r1,
17687
17718
  col: _c10,
17688
- data: _objectSpread$g({}, _cell6),
17719
+ data: _objectSpread$h({}, _cell6),
17689
17720
  spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
17690
17721
  spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
17691
17722
  });
@@ -17707,7 +17738,7 @@ var DashboardModel = /*#__PURE__*/function () {
17707
17738
  var _vc = _visibleCells3[_i9];
17708
17739
  var newRow = (_vc.row - 1) * count + 1;
17709
17740
  var _key10 = "".concat(newRow, ".").concat(_vc.col);
17710
- grid[_key10] = _objectSpread$g(_objectSpread$g({}, _vc.data), {}, {
17741
+ grid[_key10] = _objectSpread$h(_objectSpread$h({}, _vc.data), {}, {
17711
17742
  hide: false,
17712
17743
  span: {
17713
17744
  row: _vc.spanRow * count,
@@ -18790,8 +18821,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
18790
18821
  }]);
18791
18822
  }(React.Component);
18792
18823
 
18793
- function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18794
- function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18824
+ function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18825
+ function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18795
18826
 
18796
18827
  /**
18797
18828
  * useDashboard Hook
@@ -18847,7 +18878,7 @@ var useDashboard = function useDashboard() {
18847
18878
  }
18848
18879
  });
18849
18880
  }
18850
- return _objectSpread$f({
18881
+ return _objectSpread$g({
18851
18882
  app: app,
18852
18883
  dashboard: dashboard,
18853
18884
  theme: theme
@@ -19521,8 +19552,8 @@ function useProviderClient(provider) {
19521
19552
  };
19522
19553
  }
19523
19554
 
19524
- function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19525
- function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19555
+ function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19556
+ function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19526
19557
  var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19527
19558
  var theme = _ref.theme,
19528
19559
  themeVariant = _ref.themeVariant,
@@ -19571,13 +19602,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19571
19602
  className: "flex flex-col space-y-4 p-4",
19572
19603
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
19573
19604
  className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
19574
- children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$e(_objectSpread$e({}, styles), {}, {
19605
+ children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$f(_objectSpread$f({}, styles), {}, {
19575
19606
  scrollable: false,
19576
19607
  className: "rounded",
19577
19608
  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Header, {
19578
19609
  className: "text-xs uppercase font-bold",
19579
19610
  children: "Panel"
19580
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$e(_objectSpread$e({}, styles), {}, {
19611
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$f(_objectSpread$f({}, styles), {}, {
19581
19612
  onClick: function onClick() {
19582
19613
  handleClickItem(DashReact.themeObjects.PANEL, styles);
19583
19614
  }
@@ -19585,14 +19616,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19585
19616
  className: "text-xs uppercase font-light",
19586
19617
  children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL)
19587
19618
  })]
19588
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
19619
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
19589
19620
  className: "rounded"
19590
19621
  }, styles2), {}, {
19591
19622
  scrollable: false,
19592
19623
  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Header, {
19593
19624
  className: "text-xs uppercase font-bold",
19594
19625
  children: "Panel 2"
19595
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$e(_objectSpread$e({}, styles2), {}, {
19626
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$f(_objectSpread$f({}, styles2), {}, {
19596
19627
  onClick: function onClick() {
19597
19628
  handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
19598
19629
  }
@@ -19600,14 +19631,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19600
19631
  className: "text-xs uppercase font-light",
19601
19632
  children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_2)
19602
19633
  })]
19603
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
19634
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
19604
19635
  className: "rounded"
19605
19636
  }, styles3), {}, {
19606
19637
  scrollable: false,
19607
19638
  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Header, {
19608
19639
  className: "text-xs uppercase font-bold",
19609
19640
  children: "Panel 3"
19610
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$e(_objectSpread$e({}, styles3), {}, {
19641
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$f(_objectSpread$f({}, styles3), {}, {
19611
19642
  onClick: function onClick() {
19612
19643
  handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
19613
19644
  }
@@ -19616,68 +19647,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19616
19647
  children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
19617
19648
  })]
19618
19649
  }))]
19619
- }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$e(_objectSpread$e({
19650
+ }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$f(_objectSpread$f({
19620
19651
  className: "p-6 rounded border-4 space-y-4",
19621
19652
  scrollable: false,
19622
19653
  height: "h-fit"
19623
19654
  }, styles), {}, {
19624
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
19655
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
19625
19656
  title: "Heading"
19626
19657
  }, headingStyles), {}, {
19627
19658
  padding: false,
19628
19659
  onClick: function onClick() {
19629
19660
  return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
19630
19661
  }
19631
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
19662
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
19632
19663
  title: "Heading 2"
19633
19664
  }, heading2Styles), {}, {
19634
19665
  padding: false,
19635
19666
  onClick: function onClick() {
19636
19667
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
19637
19668
  }
19638
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
19669
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
19639
19670
  title: "Heading 3"
19640
19671
  }, heading3Styles), {}, {
19641
19672
  padding: false,
19642
19673
  onClick: function onClick() {
19643
19674
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
19644
19675
  }
19645
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
19676
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
19646
19677
  title: "Subheading"
19647
19678
  }, subHeadingStyles), {}, {
19648
19679
  padding: false,
19649
19680
  onClick: function onClick() {
19650
19681
  return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
19651
19682
  }
19652
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
19683
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
19653
19684
  title: "Subheading 2"
19654
19685
  }, subHeading2Styles), {}, {
19655
19686
  padding: false,
19656
19687
  onClick: function onClick() {
19657
19688
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
19658
19689
  }
19659
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
19690
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
19660
19691
  title: "Subheading"
19661
19692
  }, subHeading3Styles), {}, {
19662
19693
  padding: false,
19663
19694
  onClick: function onClick() {
19664
19695
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
19665
19696
  }
19666
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
19697
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
19667
19698
  text: "The quick brown fox jumps over the lazy dog."
19668
19699
  }, paragraphStyles), {}, {
19669
19700
  padding: false,
19670
19701
  onClick: function onClick() {
19671
19702
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
19672
19703
  }
19673
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
19704
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
19674
19705
  text: "The quick brown fox jumps over the lazy dog."
19675
19706
  }, paragraph2Styles), {}, {
19676
19707
  padding: false,
19677
19708
  onClick: function onClick() {
19678
19709
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
19679
19710
  }
19680
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
19711
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
19681
19712
  text: "The quick brown fox jumps over the lazy dog."
19682
19713
  }, paragraph3Styles), {}, {
19683
19714
  padding: false,
@@ -19686,19 +19717,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19686
19717
  }
19687
19718
  })), /*#__PURE__*/jsxRuntime.jsxs("div", {
19688
19719
  className: "flex flex-row space-x-2 w-full",
19689
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
19720
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$f(_objectSpread$f({
19690
19721
  title: "Button"
19691
19722
  }, buttonStyles), {}, {
19692
19723
  onClick: function onClick() {
19693
19724
  return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
19694
19725
  }
19695
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
19726
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
19696
19727
  title: "Button 2"
19697
19728
  }, button2Styles), {}, {
19698
19729
  onClick: function onClick() {
19699
19730
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
19700
19731
  }
19701
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
19732
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
19702
19733
  title: "Button 3"
19703
19734
  }, button3Styles), {}, {
19704
19735
  onClick: function onClick() {
@@ -19709,14 +19740,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19709
19740
  className: "flex flex-row space-x-4 w-full h-fit",
19710
19741
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
19711
19742
  className: "flex flex-row space-x-2",
19712
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19743
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19713
19744
  text: "Button Icon",
19714
19745
  icon: "pencil"
19715
19746
  }, buttonIconStyles), {}, {
19716
19747
  onClick: function onClick() {
19717
19748
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
19718
19749
  }
19719
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19750
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19720
19751
  icon: "pencil"
19721
19752
  }, buttonIconStyles), {}, {
19722
19753
  onClick: function onClick() {
@@ -19725,14 +19756,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19725
19756
  }))]
19726
19757
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19727
19758
  className: "flex flex-row space-x-2",
19728
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19759
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19729
19760
  text: "Button Icon 2",
19730
19761
  icon: "pencil"
19731
19762
  }, buttonIconStyles), {}, {
19732
19763
  onClick: function onClick() {
19733
19764
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
19734
19765
  }
19735
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19766
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19736
19767
  icon: "pencil"
19737
19768
  }, buttonIconStyles), {}, {
19738
19769
  onClick: function onClick() {
@@ -19741,14 +19772,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19741
19772
  }))]
19742
19773
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19743
19774
  className: "flex flex-row space-x-2",
19744
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19775
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19745
19776
  text: "Button Icon 3",
19746
19777
  icon: "pencil"
19747
19778
  }, buttonIcon3Styles), {}, {
19748
19779
  onClick: function onClick() {
19749
19780
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
19750
19781
  }
19751
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19782
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19752
19783
  icon: "pencil"
19753
19784
  }, buttonIcon3Styles), {}, {
19754
19785
  onClick: function onClick() {
@@ -19758,17 +19789,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19758
19789
  })]
19759
19790
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19760
19791
  className: "flex flex-col space-y-2 w-full",
19761
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
19792
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
19762
19793
  onClick: function onClick() {
19763
19794
  return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
19764
19795
  },
19765
19796
  children: "Menu Item"
19766
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
19797
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
19767
19798
  onClick: function onClick() {
19768
19799
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
19769
19800
  },
19770
19801
  children: "Menu Item 2"
19771
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
19802
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
19772
19803
  onClick: function onClick() {
19773
19804
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
19774
19805
  },
@@ -19776,21 +19807,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19776
19807
  }))]
19777
19808
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19778
19809
  className: "flex flex-row space-x-2 w-full",
19779
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
19810
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$f(_objectSpread$f({
19780
19811
  text: "Tag",
19781
19812
  icon: "pencil"
19782
19813
  }, tagStyles), {}, {
19783
19814
  onClick: function onClick() {
19784
19815
  return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
19785
19816
  }
19786
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
19817
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
19787
19818
  text: "Tag 2",
19788
19819
  icon: "pencil"
19789
19820
  }, tag2Styles), {}, {
19790
19821
  onClick: function onClick() {
19791
19822
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
19792
19823
  }
19793
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
19824
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
19794
19825
  text: "Tag 3",
19795
19826
  icon: "pencil"
19796
19827
  }, tag3Styles), {}, {
@@ -19799,67 +19830,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19799
19830
  }
19800
19831
  }))]
19801
19832
  })]
19802
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
19833
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
19803
19834
  className: "p-6 rounded border-4 space-y-4",
19804
19835
  height: "h-fit"
19805
19836
  }, styles2), {}, {
19806
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
19837
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
19807
19838
  title: "Heading"
19808
19839
  }, headingStyles), {}, {
19809
19840
  padding: false,
19810
19841
  onClick: function onClick() {
19811
19842
  return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
19812
19843
  }
19813
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
19844
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
19814
19845
  title: "Heading 2"
19815
19846
  }, heading2Styles), {}, {
19816
19847
  padding: false,
19817
19848
  onClick: function onClick() {
19818
19849
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
19819
19850
  }
19820
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
19851
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
19821
19852
  title: "Heading 3"
19822
19853
  }, heading3Styles), {}, {
19823
19854
  padding: false,
19824
19855
  onClick: function onClick() {
19825
19856
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
19826
19857
  }
19827
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
19858
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
19828
19859
  title: "Subheading"
19829
19860
  }, subHeadingStyles), {}, {
19830
19861
  padding: false,
19831
19862
  onClick: function onClick() {
19832
19863
  return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
19833
19864
  }
19834
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
19865
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
19835
19866
  title: "Subheading 2"
19836
19867
  }, subHeading2Styles), {}, {
19837
19868
  padding: false,
19838
19869
  onClick: function onClick() {
19839
19870
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
19840
19871
  }
19841
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
19872
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
19842
19873
  title: "Subheading"
19843
19874
  }, subHeading3Styles), {}, {
19844
19875
  padding: false,
19845
19876
  onClick: function onClick() {
19846
19877
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
19847
19878
  }
19848
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
19879
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
19849
19880
  text: "The quick brown fox jumps over the lazy dog."
19850
19881
  }, paragraphStyles), {}, {
19851
19882
  padding: false,
19852
19883
  onClick: function onClick() {
19853
19884
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
19854
19885
  }
19855
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
19886
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
19856
19887
  text: "The quick brown fox jumps over the lazy dog."
19857
19888
  }, paragraph2Styles), {}, {
19858
19889
  padding: false,
19859
19890
  onClick: function onClick() {
19860
19891
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
19861
19892
  }
19862
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
19893
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
19863
19894
  text: "The quick brown fox jumps over the lazy dog."
19864
19895
  }, paragraph3Styles), {}, {
19865
19896
  padding: false,
@@ -19868,19 +19899,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19868
19899
  }
19869
19900
  })), /*#__PURE__*/jsxRuntime.jsxs("div", {
19870
19901
  className: "flex flex-row space-x-2 w-full",
19871
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
19902
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$f(_objectSpread$f({
19872
19903
  title: "Button"
19873
19904
  }, buttonStyles), {}, {
19874
19905
  onClick: function onClick() {
19875
19906
  return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
19876
19907
  }
19877
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
19908
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
19878
19909
  title: "Button 2"
19879
19910
  }, button2Styles), {}, {
19880
19911
  onClick: function onClick() {
19881
19912
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
19882
19913
  }
19883
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
19914
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
19884
19915
  title: "Button 3"
19885
19916
  }, button3Styles), {}, {
19886
19917
  onClick: function onClick() {
@@ -19891,14 +19922,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19891
19922
  className: "flex flex-row space-x-4 w-full",
19892
19923
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
19893
19924
  className: "flex flex-row space-x-2",
19894
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19925
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19895
19926
  text: "Button Icon",
19896
19927
  icon: "pencil"
19897
19928
  }, buttonIconStyles), {}, {
19898
19929
  onClick: function onClick() {
19899
19930
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
19900
19931
  }
19901
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19932
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19902
19933
  icon: "pencil"
19903
19934
  }, buttonIconStyles), {}, {
19904
19935
  onClick: function onClick() {
@@ -19907,14 +19938,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19907
19938
  }))]
19908
19939
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19909
19940
  className: "flex flex-row space-x-2",
19910
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19941
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19911
19942
  text: "Button Icon 2",
19912
19943
  icon: "pencil"
19913
19944
  }, buttonIconStyles), {}, {
19914
19945
  onClick: function onClick() {
19915
19946
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
19916
19947
  }
19917
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19948
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19918
19949
  icon: "pencil"
19919
19950
  }, buttonIconStyles), {}, {
19920
19951
  onClick: function onClick() {
@@ -19923,14 +19954,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19923
19954
  }))]
19924
19955
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19925
19956
  className: "flex flex-row space-x-2",
19926
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19957
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19927
19958
  text: "Button Icon 3",
19928
19959
  icon: "pencil"
19929
19960
  }, buttonIcon3Styles), {}, {
19930
19961
  onClick: function onClick() {
19931
19962
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
19932
19963
  }
19933
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19964
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19934
19965
  icon: "pencil"
19935
19966
  }, buttonIcon3Styles), {}, {
19936
19967
  onClick: function onClick() {
@@ -19940,17 +19971,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19940
19971
  })]
19941
19972
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19942
19973
  className: "flex flex-col space-y-2 w-full",
19943
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
19974
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
19944
19975
  onClick: function onClick() {
19945
19976
  return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
19946
19977
  },
19947
19978
  children: "Menu Item"
19948
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
19979
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
19949
19980
  onClick: function onClick() {
19950
19981
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
19951
19982
  },
19952
19983
  children: "Menu Item 2"
19953
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
19984
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
19954
19985
  onClick: function onClick() {
19955
19986
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
19956
19987
  },
@@ -19958,21 +19989,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19958
19989
  }))]
19959
19990
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19960
19991
  className: "flex flex-row space-x-2 w-full",
19961
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
19992
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$f(_objectSpread$f({
19962
19993
  text: "Tag",
19963
19994
  icon: "pencil"
19964
19995
  }, tagStyles), {}, {
19965
19996
  onClick: function onClick() {
19966
19997
  return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
19967
19998
  }
19968
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
19999
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
19969
20000
  text: "Tag 2",
19970
20001
  icon: "pencil"
19971
20002
  }, tag2Styles), {}, {
19972
20003
  onClick: function onClick() {
19973
20004
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
19974
20005
  }
19975
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
20006
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
19976
20007
  text: "Tag 3",
19977
20008
  icon: "pencil"
19978
20009
  }, tag3Styles), {}, {
@@ -19981,68 +20012,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19981
20012
  }
19982
20013
  }))]
19983
20014
  })]
19984
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
20015
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
19985
20016
  className: "p-6 rounded border-4 space-y-4"
19986
20017
  }, styles3), {}, {
19987
20018
  padding: false,
19988
20019
  height: "h-fit",
19989
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
20020
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
19990
20021
  title: "Heading"
19991
20022
  }, headingStyles), {}, {
19992
20023
  padding: false,
19993
20024
  onClick: function onClick() {
19994
20025
  return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
19995
20026
  }
19996
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
20027
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
19997
20028
  title: "Heading 2"
19998
20029
  }, heading2Styles), {}, {
19999
20030
  padding: false,
20000
20031
  onClick: function onClick() {
20001
20032
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
20002
20033
  }
20003
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
20034
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
20004
20035
  title: "Heading 3"
20005
20036
  }, heading3Styles), {}, {
20006
20037
  padding: false,
20007
20038
  onClick: function onClick() {
20008
20039
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
20009
20040
  }
20010
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
20041
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
20011
20042
  title: "Subheading"
20012
20043
  }, subHeadingStyles), {}, {
20013
20044
  padding: false,
20014
20045
  onClick: function onClick() {
20015
20046
  return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
20016
20047
  }
20017
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
20048
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
20018
20049
  title: "Subheading 2"
20019
20050
  }, subHeading2Styles), {}, {
20020
20051
  padding: false,
20021
20052
  onClick: function onClick() {
20022
20053
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
20023
20054
  }
20024
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
20055
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
20025
20056
  title: "Subheading"
20026
20057
  }, subHeading3Styles), {}, {
20027
20058
  padding: false,
20028
20059
  onClick: function onClick() {
20029
20060
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
20030
20061
  }
20031
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
20062
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
20032
20063
  text: "The quick brown fox jumps over the lazy dog."
20033
20064
  }, paragraphStyles), {}, {
20034
20065
  padding: false,
20035
20066
  onClick: function onClick() {
20036
20067
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
20037
20068
  }
20038
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
20069
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
20039
20070
  text: "The quick brown fox jumps over the lazy dog."
20040
20071
  }, paragraph2Styles), {}, {
20041
20072
  padding: false,
20042
20073
  onClick: function onClick() {
20043
20074
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraph2Styles);
20044
20075
  }
20045
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
20076
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
20046
20077
  text: "The quick brown fox jumps over the lazy dog."
20047
20078
  }, paragraph3Styles), {}, {
20048
20079
  padding: false,
@@ -20051,19 +20082,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20051
20082
  }
20052
20083
  })), /*#__PURE__*/jsxRuntime.jsxs("div", {
20053
20084
  className: "flex flex-row space-x-2 w-full",
20054
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
20085
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$f(_objectSpread$f({
20055
20086
  title: "Button"
20056
20087
  }, buttonStyles), {}, {
20057
20088
  onClick: function onClick() {
20058
20089
  return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
20059
20090
  }
20060
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
20091
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
20061
20092
  title: "Button 2"
20062
20093
  }, button2Styles), {}, {
20063
20094
  onClick: function onClick() {
20064
20095
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
20065
20096
  }
20066
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
20097
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
20067
20098
  title: "Button 3"
20068
20099
  }, button3Styles), {}, {
20069
20100
  onClick: function onClick() {
@@ -20074,14 +20105,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20074
20105
  className: "flex flex-row space-x-4 w-full",
20075
20106
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
20076
20107
  className: "flex flex-row space-x-2",
20077
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20108
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20078
20109
  text: "Button Icon",
20079
20110
  icon: "pencil"
20080
20111
  }, buttonIconStyles), {}, {
20081
20112
  onClick: function onClick() {
20082
20113
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
20083
20114
  }
20084
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20115
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20085
20116
  icon: "pencil"
20086
20117
  }, buttonIconStyles), {}, {
20087
20118
  onClick: function onClick() {
@@ -20090,14 +20121,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20090
20121
  }))]
20091
20122
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20092
20123
  className: "flex flex-row space-x-2",
20093
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20124
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20094
20125
  text: "Button Icon 2",
20095
20126
  icon: "pencil"
20096
20127
  }, buttonIconStyles), {}, {
20097
20128
  onClick: function onClick() {
20098
20129
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
20099
20130
  }
20100
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20131
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20101
20132
  icon: "pencil"
20102
20133
  }, buttonIconStyles), {}, {
20103
20134
  onClick: function onClick() {
@@ -20106,14 +20137,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20106
20137
  }))]
20107
20138
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20108
20139
  className: "flex flex-row space-x-2",
20109
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20140
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20110
20141
  text: "Button Icon 3",
20111
20142
  icon: "pencil"
20112
20143
  }, buttonIcon3Styles), {}, {
20113
20144
  onClick: function onClick() {
20114
20145
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
20115
20146
  }
20116
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20147
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20117
20148
  icon: "pencil"
20118
20149
  }, buttonIcon3Styles), {}, {
20119
20150
  onClick: function onClick() {
@@ -20123,17 +20154,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20123
20154
  })]
20124
20155
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20125
20156
  className: "flex flex-col space-y-2 w-full",
20126
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
20157
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
20127
20158
  onClick: function onClick() {
20128
20159
  return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
20129
20160
  },
20130
20161
  children: "Menu Item"
20131
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
20162
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
20132
20163
  onClick: function onClick() {
20133
20164
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
20134
20165
  },
20135
20166
  children: "Menu Item 2"
20136
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
20167
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
20137
20168
  onClick: function onClick() {
20138
20169
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
20139
20170
  },
@@ -20141,21 +20172,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20141
20172
  }))]
20142
20173
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20143
20174
  className: "flex flex-row space-x-2 w-full",
20144
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
20175
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$f(_objectSpread$f({
20145
20176
  text: "Tag",
20146
20177
  icon: "pencil"
20147
20178
  }, tagStyles), {}, {
20148
20179
  onClick: function onClick() {
20149
20180
  return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
20150
20181
  }
20151
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
20182
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
20152
20183
  text: "Tag 2",
20153
20184
  icon: "pencil"
20154
20185
  }, tag2Styles), {}, {
20155
20186
  onClick: function onClick() {
20156
20187
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
20157
20188
  }
20158
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
20189
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
20159
20190
  text: "Tag 3",
20160
20191
  icon: "pencil"
20161
20192
  }, tag3Styles), {}, {
@@ -20164,57 +20195,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20164
20195
  }
20165
20196
  }))]
20166
20197
  })]
20167
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
20198
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
20168
20199
  className: "p-6 rounded border-4 space-y-4"
20169
20200
  }, styles2), {}, {
20170
20201
  height: "h-fit",
20171
20202
  padding: false,
20172
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
20203
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
20173
20204
  title: "Heading 2"
20174
20205
  }, heading2Styles), {}, {
20175
20206
  padding: false,
20176
20207
  onClick: function onClick() {
20177
20208
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
20178
20209
  }
20179
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
20210
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
20180
20211
  title: "Subheading 2"
20181
20212
  }, subHeading2Styles), {}, {
20182
20213
  padding: false,
20183
20214
  onClick: function onClick() {
20184
20215
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
20185
20216
  }
20186
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
20217
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
20187
20218
  text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
20188
20219
  }, paragraph2Styles), {}, {
20189
20220
  padding: false,
20190
20221
  onClick: function onClick() {
20191
20222
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
20192
20223
  }
20193
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
20224
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
20194
20225
  title: "Button"
20195
20226
  }, button2Styles), {}, {
20196
20227
  onClick: function onClick() {
20197
20228
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
20198
20229
  }
20199
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$e(_objectSpread$e({
20230
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$f(_objectSpread$f({
20200
20231
  text: "Button Icon",
20201
20232
  icon: "pencil"
20202
20233
  }, buttonIcon2Styles), {}, {
20203
20234
  onClick: function onClick() {
20204
20235
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
20205
20236
  }
20206
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$e(_objectSpread$e({
20237
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$f(_objectSpread$f({
20207
20238
  icon: "pencil"
20208
20239
  }, buttonIcon2Styles), {}, {
20209
20240
  onClick: function onClick() {
20210
20241
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
20211
20242
  }
20212
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
20243
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
20213
20244
  onClick: function onClick() {
20214
20245
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
20215
20246
  },
20216
20247
  children: "Menu Item"
20217
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
20248
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
20218
20249
  text: "Tag 2",
20219
20250
  icon: "pencil"
20220
20251
  }, tag2Styles), {}, {
@@ -20222,57 +20253,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20222
20253
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
20223
20254
  }
20224
20255
  }))]
20225
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
20256
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
20226
20257
  className: "p-6 rounded border-4 space-y-4"
20227
20258
  }, styles3), {}, {
20228
20259
  height: "h-fit",
20229
20260
  padding: false,
20230
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
20261
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
20231
20262
  title: "Heading 3"
20232
20263
  }, heading3Styles), {}, {
20233
20264
  padding: false,
20234
20265
  onClick: function onClick() {
20235
20266
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
20236
20267
  }
20237
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
20268
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
20238
20269
  title: "Subheading"
20239
20270
  }, subHeading3Styles), {}, {
20240
20271
  padding: false,
20241
20272
  onClick: function onClick() {
20242
20273
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
20243
20274
  }
20244
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
20275
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
20245
20276
  text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
20246
20277
  }, paragraph3Styles), {}, {
20247
20278
  padding: false,
20248
20279
  onClick: function onClick() {
20249
20280
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_3, paragraph3Styles);
20250
20281
  }
20251
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
20282
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
20252
20283
  title: "Button"
20253
20284
  }, button3Styles), {}, {
20254
20285
  onClick: function onClick() {
20255
20286
  return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
20256
20287
  }
20257
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$e(_objectSpread$e({
20288
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$f(_objectSpread$f({
20258
20289
  text: "Button Icon 3",
20259
20290
  icon: "pencil"
20260
20291
  }, buttonIcon3Styles), {}, {
20261
20292
  onClick: function onClick() {
20262
20293
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
20263
20294
  }
20264
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$e(_objectSpread$e({
20295
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$f(_objectSpread$f({
20265
20296
  icon: "pencil"
20266
20297
  }, buttonIcon3Styles), {}, {
20267
20298
  onClick: function onClick() {
20268
20299
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
20269
20300
  }
20270
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
20301
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
20271
20302
  onClick: function onClick() {
20272
20303
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
20273
20304
  },
20274
20305
  children: "Menu Item"
20275
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
20306
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
20276
20307
  text: "Tag",
20277
20308
  icon: "pencil"
20278
20309
  }, tag3Styles), {}, {
@@ -20321,8 +20352,8 @@ var ThemePane = function ThemePane(_ref) {
20321
20352
  };
20322
20353
 
20323
20354
  var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
20324
- function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20325
- function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20355
+ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20356
+ function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20326
20357
  var ColorTile = function ColorTile(_ref) {
20327
20358
  var _ref$colorFromTheme = _ref.colorFromTheme,
20328
20359
  colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -20347,7 +20378,7 @@ var ColorTile = function ColorTile(_ref) {
20347
20378
  _ref$height = _ref.height,
20348
20379
  height = _ref$height === void 0 ? "h-10" : _ref$height,
20349
20380
  rest = _objectWithoutProperties(_ref, _excluded$2);
20350
- var c = ColorModel(_objectSpread$d({
20381
+ var c = ColorModel(_objectSpread$e({
20351
20382
  colorFromTheme: colorFromTheme,
20352
20383
  colorName: colorName,
20353
20384
  colorType: colorType,
@@ -20375,10 +20406,10 @@ var ColorTile = function ColorTile(_ref) {
20375
20406
  return /*#__PURE__*/jsxRuntime.jsx("div", {
20376
20407
  className: "flex flex-col rounded-lg cursor-pointer items-center justify-center border-2 text-xs ".concat(selected === true ? "border-yellow-500" : "border-gray-800", " hover:border-yellow-500 border-gray-800 ").concat(c["class"], " ").concat(width, " ").concat(height),
20377
20408
  onClick: function onClick() {
20378
- return _onClick !== null ? _onClick(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
20409
+ return _onClick !== null ? _onClick(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
20379
20410
  },
20380
20411
  onMouseOver: function onMouseOver() {
20381
- return _onMouseOver !== null ? _onMouseOver(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
20412
+ return _onMouseOver !== null ? _onMouseOver(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
20382
20413
  },
20383
20414
  children: "\xA0"
20384
20415
  });
@@ -21565,8 +21596,8 @@ if (process.env.NODE_ENV !== 'production') {
21565
21596
  var propTypesExports = propTypes.exports;
21566
21597
  var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
21567
21598
 
21568
- function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21569
- function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21599
+ function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21600
+ function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21570
21601
 
21571
21602
  // Host-injected module references (e.g., "@trops/dash-core").
21572
21603
  // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -21602,7 +21633,7 @@ var BASE_MODULE_MAP = {
21602
21633
  function evaluateBundle(source, widgetName) {
21603
21634
  // Merge base modules with host-provided modules (e.g., "@trops/dash-core")
21604
21635
  // at call time so _hostModules is populated by the time widgets load.
21605
- var moduleMap = _objectSpread$c(_objectSpread$c({}, BASE_MODULE_MAP), _hostModules);
21636
+ var moduleMap = _objectSpread$d(_objectSpread$d({}, BASE_MODULE_MAP), _hostModules);
21606
21637
  var module = {
21607
21638
  exports: {}
21608
21639
  };
@@ -21615,7 +21646,7 @@ function evaluateBundle(source, widgetName) {
21615
21646
  // CJS bundles expect `require("pkg").Widget` to work, so merge
21616
21647
  // `.default` properties onto the returned object.
21617
21648
  if (mod["default"] && _typeof(mod["default"]) === "object") {
21618
- return _objectSpread$c(_objectSpread$c(_objectSpread$c({}, mod["default"]), mod), {}, {
21649
+ return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, mod["default"]), mod), {}, {
21619
21650
  "default": mod["default"]
21620
21651
  });
21621
21652
  }
@@ -22303,8 +22334,8 @@ var HARMONY_STRATEGIES = [{
22303
22334
  label: "Custom"
22304
22335
  }];
22305
22336
 
22306
- function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22307
- function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22337
+ function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22338
+ function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22308
22339
  var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
22309
22340
  var PreviewColorsPane = function PreviewColorsPane(_ref) {
22310
22341
  var _ref$styles = _ref.styles,
@@ -22321,7 +22352,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
22321
22352
  function handleClickItem(data, styleNameCss, itemType, objectType) {
22322
22353
  // override the object type
22323
22354
  data["objectType"] = objectType;
22324
- onClickItem(_objectSpread$b(_objectSpread$b({}, data), {}, {
22355
+ onClickItem(_objectSpread$c(_objectSpread$c({}, data), {}, {
22325
22356
  itemType: itemType,
22326
22357
  styleName: styleNameCss
22327
22358
  }));
@@ -22731,8 +22762,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
22731
22762
  });
22732
22763
  };
22733
22764
 
22734
- function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22735
- function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22765
+ function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22766
+ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22736
22767
  var COMPONENT_GROUPS$1 = {
22737
22768
  Typography: [DashReact.themeObjects.HEADING, DashReact.themeObjects.HEADING_2, DashReact.themeObjects.HEADING_3, DashReact.themeObjects.SUBHEADING, DashReact.themeObjects.SUBHEADING_2, DashReact.themeObjects.SUBHEADING_3, DashReact.themeObjects.PARAGRAPH, DashReact.themeObjects.PARAGRAPH_2, DashReact.themeObjects.PARAGRAPH_3],
22738
22769
  Buttons: [DashReact.themeObjects.BUTTON, DashReact.themeObjects.BUTTON_2, DashReact.themeObjects.BUTTON_3, DashReact.themeObjects.BUTTON_ICON, DashReact.themeObjects.BUTTON_ICON_2, DashReact.themeObjects.BUTTON_ICON_3],
@@ -22763,7 +22794,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
22763
22794
  setCollapsedGroups = _useState2[1];
22764
22795
  function toggleGroup(groupName) {
22765
22796
  setCollapsedGroups(function (prev) {
22766
- return _objectSpread$a(_objectSpread$a({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
22797
+ return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
22767
22798
  });
22768
22799
  }
22769
22800
  function hasOverrides(itemKey) {
@@ -22999,8 +23030,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
22999
23030
  };
23000
23031
 
23001
23032
  var _excluded$1 = ["children"];
23002
- function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23003
- function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23033
+ function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23034
+ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23004
23035
  var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
23005
23036
  var isColorProperty = function isColorProperty(name) {
23006
23037
  return COLOR_PROPERTIES.has(name);
@@ -23560,7 +23591,7 @@ var PanelTheme = function PanelTheme(_ref) {
23560
23591
  if (itemSelected && themeSelected && themeVariant) {
23561
23592
  var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
23562
23593
  setItemSelected(function (prev) {
23563
- return _objectSpread$9(_objectSpread$9({}, prev), {}, {
23594
+ return _objectSpread$a(_objectSpread$a({}, prev), {}, {
23564
23595
  styles: updatedStyles
23565
23596
  });
23566
23597
  });
@@ -23731,7 +23762,7 @@ var PanelTheme = function PanelTheme(_ref) {
23731
23762
  styles: clickStyles
23732
23763
  });
23733
23764
  },
23734
- children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$9(_objectSpread$9({}, panelStyles), {}, {
23765
+ children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$a(_objectSpread$a({}, panelStyles), {}, {
23735
23766
  scrollable: false,
23736
23767
  className: "rounded",
23737
23768
  height: "",
@@ -23745,9 +23776,9 @@ var PanelTheme = function PanelTheme(_ref) {
23745
23776
  var _comp$props = comp.props,
23746
23777
  childContent = _comp$props.children,
23747
23778
  restProps = _objectWithoutProperties(_comp$props, _excluded$1);
23748
- var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$9(_objectSpread$9({}, restProps), {}, {
23779
+ var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
23749
23780
  children: childContent
23750
- })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$9({}, restProps));
23781
+ })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$a({}, restProps));
23751
23782
  return renderComponentRow(comp.key, renderedComponent);
23752
23783
  })
23753
23784
  })
@@ -23763,7 +23794,7 @@ var PanelTheme = function PanelTheme(_ref) {
23763
23794
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
23764
23795
  className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
23765
23796
  children: "Forms & Inputs"
23766
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$9(_objectSpread$9({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23797
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$a(_objectSpread$a({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23767
23798
  scrollable: false,
23768
23799
  className: "rounded",
23769
23800
  height: "",
@@ -23791,7 +23822,7 @@ var PanelTheme = function PanelTheme(_ref) {
23791
23822
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
23792
23823
  className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
23793
23824
  children: "Data & Stats"
23794
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$9(_objectSpread$9({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23825
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$a(_objectSpread$a({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23795
23826
  scrollable: false,
23796
23827
  className: "rounded",
23797
23828
  height: "",
@@ -23896,7 +23927,7 @@ var PanelTheme = function PanelTheme(_ref) {
23896
23927
  }), themeSelected && /*#__PURE__*/jsxRuntime.jsx("div", {
23897
23928
  className: "flex flex-col flex-1 min-w-0",
23898
23929
  children: /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
23899
- value: _objectSpread$9(_objectSpread$9({}, themeContextValue), {}, {
23930
+ value: _objectSpread$a(_objectSpread$a({}, themeContextValue), {}, {
23900
23931
  currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
23901
23932
  }),
23902
23933
  children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
@@ -24527,8 +24558,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
24527
24558
  });
24528
24559
  };
24529
24560
 
24530
- function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24531
- function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24561
+ function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24562
+ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24532
24563
  var ThemeManagerModal = function ThemeManagerModal(_ref) {
24533
24564
  var open = _ref.open,
24534
24565
  setIsOpen = _ref.setIsOpen;
@@ -24635,7 +24666,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
24635
24666
  function handleWizardComplete() {
24636
24667
  if (!wizardTheme || !wizardName.trim()) return;
24637
24668
  var key = wizardTheme.id || "theme-".concat(Date.now());
24638
- var finalTheme = _objectSpread$8(_objectSpread$8({}, wizardTheme), {}, {
24669
+ var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
24639
24670
  id: key,
24640
24671
  name: wizardName.trim()
24641
24672
  });
@@ -24804,8 +24835,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
24804
24835
  });
24805
24836
  };
24806
24837
 
24807
- function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24808
- function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24838
+ function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24839
+ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24809
24840
  var LayoutPreview = function LayoutPreview(_ref) {
24810
24841
  var layout = _ref.layout;
24811
24842
  var gridRoot = (layout || []).find(function (item) {
@@ -24910,7 +24941,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
24910
24941
  updated.menuId = val ? Number(val) : null;
24911
24942
  // Strip widgetConfig from layout before saving
24912
24943
  updated.layout = (updated.layout || []).map(function (layoutItem) {
24913
- var cleaned = _objectSpread$7({}, layoutItem);
24944
+ var cleaned = _objectSpread$8({}, layoutItem);
24914
24945
  delete cleaned.widgetConfig;
24915
24946
  return cleaned;
24916
24947
  });
@@ -24925,7 +24956,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
24925
24956
  var updated = DashReact.deepCopy(ws);
24926
24957
  updated.themeKey = val || null;
24927
24958
  updated.layout = (updated.layout || []).map(function (layoutItem) {
24928
- var cleaned = _objectSpread$7({}, layoutItem);
24959
+ var cleaned = _objectSpread$8({}, layoutItem);
24929
24960
  delete cleaned.widgetConfig;
24930
24961
  return cleaned;
24931
24962
  });
@@ -25021,8 +25052,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
25021
25052
  });
25022
25053
  };
25023
25054
 
25024
- function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25025
- function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25055
+ function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25056
+ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25026
25057
  var DashboardsSection = function DashboardsSection(_ref) {
25027
25058
  var _ref$workspaces = _ref.workspaces,
25028
25059
  workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -25097,7 +25128,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
25097
25128
  updated.name = editName.trim();
25098
25129
  // Strip widgetConfig from layout before saving
25099
25130
  updated.layout = (updated.layout || []).map(function (layoutItem) {
25100
- var cleaned = _objectSpread$6({}, layoutItem);
25131
+ var cleaned = _objectSpread$7({}, layoutItem);
25101
25132
  delete cleaned.widgetConfig;
25102
25133
  return cleaned;
25103
25134
  });
@@ -25117,7 +25148,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
25117
25148
  copy.version = Date.now();
25118
25149
  // Strip widgetConfig from layout before saving
25119
25150
  copy.layout = (copy.layout || []).map(function (layoutItem) {
25120
- var cleaned = _objectSpread$6({}, layoutItem);
25151
+ var cleaned = _objectSpread$7({}, layoutItem);
25121
25152
  delete cleaned.widgetConfig;
25122
25153
  return cleaned;
25123
25154
  });
@@ -25457,8 +25488,8 @@ var FoldersSection = function FoldersSection(_ref) {
25457
25488
  });
25458
25489
  };
25459
25490
 
25460
- function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25461
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25491
+ function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25492
+ function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25462
25493
  var ProviderDetail = function ProviderDetail(_ref) {
25463
25494
  var _testResult$tools;
25464
25495
  var _ref$providerName = _ref.providerName,
@@ -25526,14 +25557,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
25526
25557
  var oldKey = f.key;
25527
25558
  if (oldKey && formCredentials[oldKey] !== undefined) {
25528
25559
  setFormCredentials(function (creds) {
25529
- var updated = _objectSpread$5({}, creds);
25560
+ var updated = _objectSpread$6({}, creds);
25530
25561
  var val = updated[oldKey];
25531
25562
  delete updated[oldKey];
25532
25563
  if (newKey.trim()) updated[newKey] = val;
25533
25564
  return updated;
25534
25565
  });
25535
25566
  }
25536
- return _objectSpread$5(_objectSpread$5({}, f), {}, {
25567
+ return _objectSpread$6(_objectSpread$6({}, f), {}, {
25537
25568
  key: newKey
25538
25569
  });
25539
25570
  });
@@ -25545,14 +25576,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
25545
25576
  });
25546
25577
  if (field !== null && field !== void 0 && field.key) {
25547
25578
  setFormCredentials(function (prev) {
25548
- return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, field.key, value));
25579
+ return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field.key, value));
25549
25580
  });
25550
25581
  }
25551
25582
  };
25552
25583
  var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
25553
25584
  setCredentialFields(function (prev) {
25554
25585
  return prev.map(function (f) {
25555
- return f.id === id ? _objectSpread$5(_objectSpread$5({}, f), {}, {
25586
+ return f.id === id ? _objectSpread$6(_objectSpread$6({}, f), {}, {
25556
25587
  secret: !f.secret
25557
25588
  }) : f;
25558
25589
  });
@@ -25574,7 +25605,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
25574
25605
  });
25575
25606
  if (field !== null && field !== void 0 && field.key) {
25576
25607
  setFormCredentials(function (prev) {
25577
- var updated = _objectSpread$5({}, prev);
25608
+ var updated = _objectSpread$6({}, prev);
25578
25609
  delete updated[field.key];
25579
25610
  return updated;
25580
25611
  });
@@ -25587,7 +25618,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
25587
25618
  };
25588
25619
  var handleCredentialChange = function handleCredentialChange(key, value) {
25589
25620
  setFormCredentials(function (prev) {
25590
- return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, key, value));
25621
+ return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, key, value));
25591
25622
  });
25592
25623
  };
25593
25624
  var handleTestConnection = function handleTestConnection() {
@@ -25956,8 +25987,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
25956
25987
  });
25957
25988
  };
25958
25989
 
25959
- function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25960
- function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25990
+ function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25991
+ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25961
25992
  var rowIdCounter = 0;
25962
25993
  var nextRowId = function nextRowId() {
25963
25994
  return "row_".concat(++rowIdCounter);
@@ -26111,7 +26142,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26111
26142
  var updateEnvRow = function updateEnvRow(id, field, value) {
26112
26143
  setEnvMappingRows(function (prev) {
26113
26144
  return prev.map(function (row) {
26114
- return row.id === id ? _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
26145
+ return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
26115
26146
  });
26116
26147
  });
26117
26148
  };
@@ -26136,7 +26167,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26136
26167
  var updateHeaderRow = function updateHeaderRow(id, field, value) {
26137
26168
  setHeaderRows(function (prev) {
26138
26169
  return prev.map(function (row) {
26139
- return row.id === id ? _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
26170
+ return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
26140
26171
  });
26141
26172
  });
26142
26173
  };
@@ -26151,11 +26182,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26151
26182
  // --- credential field change ---
26152
26183
  var handleCredentialChange = function handleCredentialChange(fieldName, value) {
26153
26184
  setCredentialData(function (prev) {
26154
- return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
26185
+ return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
26155
26186
  });
26156
26187
  if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
26157
26188
  setFormErrors(function (prev) {
26158
- var next = _objectSpread$4({}, prev);
26189
+ var next = _objectSpread$5({}, prev);
26159
26190
  delete next[fieldName];
26160
26191
  return next;
26161
26192
  });
@@ -26307,7 +26338,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26307
26338
  setProviderName(value);
26308
26339
  if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
26309
26340
  setFormErrors(function (prev) {
26310
- var next = _objectSpread$4({}, prev);
26341
+ var next = _objectSpread$5({}, prev);
26311
26342
  delete next.providerName;
26312
26343
  return next;
26313
26344
  });
@@ -26340,7 +26371,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26340
26371
  setCommand(value);
26341
26372
  if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
26342
26373
  setFormErrors(function (prev) {
26343
- var next = _objectSpread$4({}, prev);
26374
+ var next = _objectSpread$5({}, prev);
26344
26375
  delete next.command;
26345
26376
  return next;
26346
26377
  });
@@ -26446,7 +26477,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26446
26477
  setUrl(value);
26447
26478
  if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
26448
26479
  setFormErrors(function (prev) {
26449
- var next = _objectSpread$4({}, prev);
26480
+ var next = _objectSpread$5({}, prev);
26450
26481
  delete next.url;
26451
26482
  return next;
26452
26483
  });
@@ -26588,8 +26619,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26588
26619
  });
26589
26620
  };
26590
26621
 
26591
- function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
26592
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26622
+ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
26623
+ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26593
26624
  var getIconForServer = function getIconForServer(server) {
26594
26625
  var iconMap = {
26595
26626
  github: "code-branch",
@@ -26737,11 +26768,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
26737
26768
  // Handle credential field changes
26738
26769
  var handleCredentialChange = function handleCredentialChange(fieldName, value) {
26739
26770
  setCredentialData(function (prev) {
26740
- return _objectSpread$3(_objectSpread$3({}, prev), {}, _defineProperty({}, fieldName, value));
26771
+ return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
26741
26772
  });
26742
26773
  if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
26743
26774
  setFormErrors(function (prev) {
26744
- var next = _objectSpread$3({}, prev);
26775
+ var next = _objectSpread$4({}, prev);
26745
26776
  delete next[fieldName];
26746
26777
  return next;
26747
26778
  });
@@ -26944,7 +26975,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
26944
26975
  setProviderName(value);
26945
26976
  if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
26946
26977
  setFormErrors(function (prev) {
26947
- var next = _objectSpread$3({}, prev);
26978
+ var next = _objectSpread$4({}, prev);
26948
26979
  delete next.providerName;
26949
26980
  return next;
26950
26981
  });
@@ -27684,8 +27715,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
27684
27715
  });
27685
27716
  };
27686
27717
 
27687
- function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27688
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27718
+ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27719
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27689
27720
  var ThemesSection = function ThemesSection(_ref) {
27690
27721
  var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
27691
27722
  onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
@@ -27763,7 +27794,7 @@ var ThemesSection = function ThemesSection(_ref) {
27763
27794
  if (!wizardTheme || !wizardName.trim()) return;
27764
27795
  if (!dashApi || !appId) return;
27765
27796
  var key = wizardTheme.id || "theme-".concat(Date.now());
27766
- var finalTheme = _objectSpread$2(_objectSpread$2({}, wizardTheme), {}, {
27797
+ var finalTheme = _objectSpread$3(_objectSpread$3({}, wizardTheme), {}, {
27767
27798
  id: key,
27768
27799
  name: wizardName.trim()
27769
27800
  });
@@ -28960,8 +28991,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
28960
28991
  };
28961
28992
  };
28962
28993
 
28963
- function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28964
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28994
+ function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28995
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28965
28996
  var WidgetsSection = function WidgetsSection(_ref) {
28966
28997
  var _ref$workspaces = _ref.workspaces,
28967
28998
  workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -29533,7 +29564,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
29533
29564
  listContent: listContent,
29534
29565
  detailContent: detailContent,
29535
29566
  emptyDetailMessage: "Select a widget to view details"
29536
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$1(_objectSpread$1({
29567
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$2(_objectSpread$2({
29537
29568
  isOpen: !!deleteTarget,
29538
29569
  setIsOpen: function setIsOpen() {
29539
29570
  setDeleteTarget(null);
@@ -31038,8 +31069,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
31038
31069
  });
31039
31070
  };
31040
31071
 
31041
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31042
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
31072
+ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31073
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
31043
31074
  var DashboardStage = function DashboardStage(_ref) {
31044
31075
  var dashApi = _ref.dashApi,
31045
31076
  credentials = _ref.credentials,
@@ -31245,7 +31276,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31245
31276
  // Sync fresh workspace data to existing tab
31246
31277
  setOpenTabs(function (prev) {
31247
31278
  return prev.map(function (tab) {
31248
- return tab.id === existingTab.id ? _objectSpread(_objectSpread({}, tab), {}, {
31279
+ return tab.id === existingTab.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31249
31280
  name: workspaceItem.name || "Untitled",
31250
31281
  workspace: workspaceItem
31251
31282
  }) : tab;
@@ -31290,7 +31321,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31290
31321
  if (!ws) return;
31291
31322
  setOpenTabs(function (prev) {
31292
31323
  return prev.map(function (tab) {
31293
- return tab.id === ws.id ? _objectSpread(_objectSpread({}, tab), {}, {
31324
+ return tab.id === ws.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31294
31325
  name: ws.name || "Untitled",
31295
31326
  workspace: ws
31296
31327
  }) : tab;
@@ -31365,7 +31396,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31365
31396
  if (activeTabId) {
31366
31397
  setOpenTabs(function (prev) {
31367
31398
  return prev.map(function (tab) {
31368
- return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
31399
+ return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31369
31400
  name: wsModel.name || "Untitled",
31370
31401
  workspace: wsModel
31371
31402
  }) : tab;
@@ -31390,8 +31421,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31390
31421
  if (workspaceSelected && widgetId) {
31391
31422
  // Build widget-specific provider selections
31392
31423
  var currentSelections = workspaceSelected.selectedProviders || {};
31393
- var updatedWorkspace = _objectSpread(_objectSpread({}, workspaceSelected), {}, {
31394
- selectedProviders: _objectSpread(_objectSpread({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
31424
+ var updatedWorkspace = _objectSpread$1(_objectSpread$1({}, workspaceSelected), {}, {
31425
+ selectedProviders: _objectSpread$1(_objectSpread$1({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
31395
31426
  });
31396
31427
 
31397
31428
  // Update the tab's workspace reference
@@ -31416,7 +31447,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31416
31447
  onProviderSelect: handleProviderSelect,
31417
31448
  onTogglePreview: handleToggleEditMode,
31418
31449
  editMode: editMode,
31419
- workspaceRef: currentWorkspaceRef
31450
+ workspaceRef: currentWorkspaceRef,
31451
+ onWidgetPopout: popout ? null : handleWidgetPopout
31420
31452
  }, "LayoutBuilder-".concat(workspaceItem["id"])) : null;
31421
31453
  } catch (e) {
31422
31454
  return null;
@@ -31576,7 +31608,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31576
31608
  if (savedWs) {
31577
31609
  setOpenTabs(function (prev) {
31578
31610
  return prev.map(function (tab) {
31579
- return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
31611
+ return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31580
31612
  name: savedWs.name || "Untitled",
31581
31613
  workspace: savedWs
31582
31614
  }) : tab;
@@ -31623,6 +31655,12 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31623
31655
  window.mainApi.popout.open(workspaceSelected.id);
31624
31656
  }
31625
31657
  }
31658
+ function handleWidgetPopout(widgetId) {
31659
+ var _window$mainApi5;
31660
+ if (workspaceSelected && (_window$mainApi5 = window.mainApi) !== null && _window$mainApi5 !== void 0 && (_window$mainApi5 = _window$mainApi5.widgetPopout) !== null && _window$mainApi5 !== void 0 && _window$mainApi5.open) {
31661
+ window.mainApi.widgetPopout.open(workspaceSelected.id, widgetId);
31662
+ }
31663
+ }
31626
31664
  return /*#__PURE__*/jsxRuntime.jsxs(LayoutContainer, {
31627
31665
  padding: false,
31628
31666
  space: false,
@@ -32027,6 +32065,147 @@ var DashboardMonitor = function DashboardMonitor() {
32027
32065
  });
32028
32066
  };
32029
32067
 
32068
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
32069
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32070
+ var WidgetPopoutStage = function WidgetPopoutStage(_ref) {
32071
+ var dashApi = _ref.dashApi,
32072
+ credentials = _ref.credentials,
32073
+ workspaceId = _ref.workspaceId,
32074
+ widgetId = _ref.widgetId;
32075
+ return /*#__PURE__*/jsxRuntime.jsx(React.Profiler, {
32076
+ id: "widget-popout",
32077
+ onRender: function onRender() {},
32078
+ children: /*#__PURE__*/jsxRuntime.jsx(DashboardWrapper, {
32079
+ dashApi: dashApi,
32080
+ credentials: credentials,
32081
+ backgroundColor: "bg-gray-900",
32082
+ children: /*#__PURE__*/jsxRuntime.jsx(WidgetPopoutInner, {
32083
+ dashApi: dashApi,
32084
+ credentials: credentials,
32085
+ workspaceId: workspaceId,
32086
+ widgetId: widgetId
32087
+ })
32088
+ })
32089
+ });
32090
+ };
32091
+ var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
32092
+ var dashApi = _ref2.dashApi,
32093
+ credentials = _ref2.credentials,
32094
+ workspaceId = _ref2.workspaceId,
32095
+ widgetId = _ref2.widgetId;
32096
+ var _useContext = React.useContext(DashboardContext);
32097
+ _useContext.pub;
32098
+ var _useState = React.useState(null),
32099
+ _useState2 = _slicedToArray(_useState, 2),
32100
+ workspace = _useState2[0],
32101
+ setWorkspace = _useState2[1];
32102
+ var _useState3 = React.useState(null),
32103
+ _useState4 = _slicedToArray(_useState3, 2),
32104
+ widgetItem = _useState4[0],
32105
+ setWidgetItem = _useState4[1];
32106
+ var _useState5 = React.useState(null),
32107
+ _useState6 = _slicedToArray(_useState5, 2),
32108
+ error = _useState6[0],
32109
+ setError = _useState6[1];
32110
+ function loadWorkspaces() {
32111
+ if (!dashApi || !credentials) return;
32112
+ dashApi.listWorkspaces(credentials.appId, function (e, message) {
32113
+ try {
32114
+ var _target$selectedProvi, _widget$userPrefs, _window$mainApi;
32115
+ var workspaces = DashReact.deepCopy(message["workspaces"]);
32116
+ var workspacesTemp = workspaces.map(function (ws) {
32117
+ var tempLayout = ws["layout"].map(function (layoutOG) {
32118
+ return LayoutModel(layoutOG, workspaces, ws["id"]);
32119
+ });
32120
+ ws["layout"] = tempLayout;
32121
+ return WorkspaceModel(ws);
32122
+ });
32123
+ var target = workspacesTemp.find(function (ws) {
32124
+ return ws.id === workspaceId;
32125
+ });
32126
+ if (!target) {
32127
+ setError("Workspace not found");
32128
+ return;
32129
+ }
32130
+ setWorkspace(target);
32131
+
32132
+ // Find the widget in the layout by ID
32133
+ var widget = target.layout.find(function (item) {
32134
+ return item.id === widgetId;
32135
+ });
32136
+ if (!widget) {
32137
+ setError("Widget not found in workspace");
32138
+ return;
32139
+ }
32140
+
32141
+ // Merge workspace-level provider selections into the widget item
32142
+ var widgetWithProviders = _objectSpread(_objectSpread({}, widget), {}, {
32143
+ selectedProviders: ((_target$selectedProvi = target.selectedProviders) === null || _target$selectedProvi === void 0 ? void 0 : _target$selectedProvi[widgetId]) || {}
32144
+ });
32145
+ setWidgetItem(widgetWithProviders);
32146
+
32147
+ // Set popout window title
32148
+ var widgetName = ((_widget$userPrefs = widget.userPrefs) === null || _widget$userPrefs === void 0 ? void 0 : _widget$userPrefs.title) || widget.component || "Widget";
32149
+ if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.widgetPopout) !== null && _window$mainApi !== void 0 && _window$mainApi.setTitle) {
32150
+ window.mainApi.widgetPopout.setTitle(workspaceId, widgetId, widgetName);
32151
+ }
32152
+ } catch (err) {
32153
+ setError(err.message);
32154
+ }
32155
+ }, function (e, message) {
32156
+ setError("Failed to load workspace");
32157
+ });
32158
+ }
32159
+
32160
+ // Initial load
32161
+ React.useEffect(function () {
32162
+ loadWorkspaces();
32163
+ // eslint-disable-next-line react-hooks/exhaustive-deps
32164
+ }, [workspaceId, widgetId]);
32165
+
32166
+ // Listen for workspace:saved broadcasts to refresh
32167
+ React.useEffect(function () {
32168
+ var _window$mainApi2;
32169
+ if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.on)) return;
32170
+ var handler = function handler() {
32171
+ loadWorkspaces();
32172
+ };
32173
+ window.mainApi.on("workspace:saved", handler);
32174
+ return function () {
32175
+ var _window$mainApi3;
32176
+ if ((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.removeListener) {
32177
+ window.mainApi.removeListener("workspace:saved", handler);
32178
+ }
32179
+ };
32180
+ // eslint-disable-next-line react-hooks/exhaustive-deps
32181
+ }, []);
32182
+ if (error) {
32183
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
32184
+ className: "flex flex-col h-full w-full items-center justify-center text-gray-400 gap-2",
32185
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
32186
+ className: "text-lg font-semibold",
32187
+ children: "Widget not available"
32188
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
32189
+ className: "text-sm text-gray-500",
32190
+ children: error
32191
+ })]
32192
+ });
32193
+ }
32194
+ if (!widgetItem || !workspace) {
32195
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
32196
+ className: "flex h-full w-full items-center justify-center text-gray-500",
32197
+ children: "Loading widget..."
32198
+ });
32199
+ }
32200
+ return /*#__PURE__*/jsxRuntime.jsx(DashboardThemeProvider, {
32201
+ themeKey: workspace === null || workspace === void 0 ? void 0 : workspace.themeKey,
32202
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
32203
+ className: "flex flex-col w-full h-full overflow-auto",
32204
+ children: renderComponent(widgetItem.component, widgetItem.id, widgetItem, null)
32205
+ })
32206
+ });
32207
+ };
32208
+
32030
32209
  var DashNavbar = function DashNavbar(_ref) {
32031
32210
  var _ref$onOpenCommandPal = _ref.onOpenCommandPalette,
32032
32211
  onOpenCommandPalette = _ref$onOpenCommandPal === void 0 ? null : _ref$onOpenCommandPal,
@@ -33206,6 +33385,7 @@ exports.WidgetApi = WidgetApi;
33206
33385
  exports.WidgetConfigPanel = WidgetConfigPanel;
33207
33386
  exports.WidgetContext = WidgetContext;
33208
33387
  exports.WidgetFactory = WidgetFactory;
33388
+ exports.WidgetPopoutStage = WidgetPopoutStage;
33209
33389
  exports.WidgetProviderWrapper = WidgetProviderWrapper;
33210
33390
  exports.WidgetSidebar = WidgetSidebar;
33211
33391
  exports.Workspace = Workspace;