@trops/dash-core 0.1.39 → 0.1.41

package/dist/index.js

@@ -50,8 +50,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
-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; }
-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; }
+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; }
+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; }
 var event = {
   list: new Map(),
   //  Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -113,7 +113,7 @@ var event = {
           uuid: subscriber["uuid"]
         };
         if ("action" in subscriber && subscriber.action !== undefined) {
-          subscriber["action"](_objectSpread$w({}, objectToSend));
+          subscriber["action"](_objectSpread$x({}, objectToSend));
         }
       });
     }
@@ -2501,8 +2501,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   var themeKey = _ref.themeKey,
     children = _ref.children;
@@ -2514,7 +2514,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$v(_objectSpread$v({}, parentContext), {}, {
+    return _objectSpread$w(_objectSpread$w({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2532,8 +2532,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = React.useContext(DashReact.ThemeContext);
@@ -2541,7 +2541,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-    value: _objectSpread$u(_objectSpread$u({}, ctx), {}, {
+    value: _objectSpread$v(_objectSpread$v({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -2653,8 +2653,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 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; } } }; }
 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; } }
 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) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$t({
+      grid[cell.key] = _objectSpread$u({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -4173,8 +4173,8 @@ var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var PanelEditItem = function PanelEditItem(_ref) {
   var _ComponentManager$get;
   var workspace = _ref.workspace,
@@ -4234,7 +4234,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
     var uuid = newItem.uuid || newItem.uuidString;
     if (uuid) {
       workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
-      workspaceTemp.selectedProviders[uuid] = _objectSpread$s(_objectSpread$s({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+      workspaceTemp.selectedProviders[uuid] = _objectSpread$t(_objectSpread$t({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
     }
     onUpdate(newItem, workspaceTemp);
     forceUpdate();
@@ -4363,7 +4363,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$s({
+          return _objectSpread$t({
             name: name
           }, p);
         });
@@ -4408,8 +4408,8 @@ var _excluded$5 = ["rows", "cols"];
 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; } } }; }
 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; } }
 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; }
-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; }
-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; }
+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; }
+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; }
 var defaultGrid = {
   rows: 1,
   cols: 1,
@@ -4430,7 +4430,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$r(_objectSpread$r({}, grid), {}, {
+    var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -4445,7 +4445,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$r(_objectSpread$r({}, grid), {}, {
+    var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -4478,8 +4478,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$r({}, grid);
-      newGrid[currentKey] = _objectSpread$r(_objectSpread$r({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$s({}, grid);
+      newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -4492,8 +4492,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$r({}, grid);
-      newGrid[currentKey] = _objectSpread$r(_objectSpread$r({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$s({}, grid);
+      newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -4510,7 +4510,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$r({}, grid);
+    var newGrid = _objectSpread$s({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -4526,13 +4526,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$r({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$s({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$r(_objectSpread$r({}, cell), {}, {
+      newGrid[key] = _objectSpread$s(_objectSpread$s({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -4544,7 +4544,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$r(_objectSpread$r({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$s(_objectSpread$s({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -4663,7 +4663,7 @@ function GridEditor(_ref) {
     var fromKey = "".concat(from.row, ".").concat(from.col);
     var toKey = "".concat(to.row, ".").concat(to.col);
     if (fromKey === toKey) return;
-    var newGrid = _objectSpread$r({}, grid);
+    var newGrid = _objectSpread$s({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -4689,7 +4689,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$r({}, defaultGrid);
+    var newGrid = _objectSpread$s({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -5174,9 +5174,6 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
     return array.indexOf(value) === index;
   }) : [];
 
-  // Get the listeners for the current item
-  var listeners = itemSelected ? itemSelected["listeners"] || {} : {};
-
   // Get available source widgets with events
   var layoutArray = workspaceSelected !== null && Array.isArray(workspaceSelected.layout) ? workspaceSelected.layout : [];
   var sourceWidgets = layoutArray.filter(function (l) {
@@ -5187,6 +5184,31 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
     return li["component"] !== (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected["component"]);
   });
 
+  // Build a set of valid event strings from widgets currently in the layout
+  var validEventStrings = new Set();
+  sourceWidgets.forEach(function (layout) {
+    if (Array.isArray(layout.events)) {
+      layout.events.forEach(function (event) {
+        validEventStrings.add("".concat(layout["component"], "[").concat(layout["id"], "].").concat(event));
+      });
+    }
+  });
+
+  // Get the listeners for the current item, filtering out orphaned references
+  var rawListeners = itemSelected ? itemSelected["listeners"] || {} : {};
+  var listeners = {};
+  Object.keys(rawListeners).forEach(function (handler) {
+    var events = rawListeners[handler];
+    if (Array.isArray(events)) {
+      var validEvents = events.filter(function (e) {
+        return validEventStrings.has(e);
+      });
+      if (validEvents.length > 0) {
+        listeners[handler] = validEvents;
+      }
+    }
+  });
+
   // Count connected events for a handler
   function getConnectedCount(handler) {
     return (listeners[handler] || []).length;
@@ -6921,8 +6943,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -6979,13 +7001,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
     });
 
     // Clear error for this field if it was filled
     if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setErrors(function (prev) {
-        var newErrors = _objectSpread$q({}, prev);
+        var newErrors = _objectSpread$r({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -7023,7 +7045,7 @@ var ProviderForm = function ProviderForm(_ref) {
           // Clear error if filled
           if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
             setErrors(function (prev) {
-              var newErrors = _objectSpread$q({}, prev);
+              var newErrors = _objectSpread$r({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -7102,8 +7124,8 @@ var ProviderForm = function ProviderForm(_ref) {
 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; } } }; }
 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; } }
 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; }
-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; }
-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; }
+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; }
+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; }
 var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -7232,7 +7254,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$p(_objectSpread$p({
+        return _objectSpread$q(_objectSpread$q({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -7373,7 +7395,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$p({
+        return _objectSpread$q({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -7587,7 +7609,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$p(_objectSpread$p({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$q(_objectSpread$q({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -7608,7 +7630,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$p(_objectSpread$p({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -7626,7 +7648,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     setInlineCreateError(null);
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$p(_objectSpread$p({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$q(_objectSpread$q({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -7716,7 +7738,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$p(_objectSpread$p({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$q(_objectSpread$q({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -9170,8 +9192,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 /**
  * Shared MCP utility functions.
  *
@@ -9299,7 +9321,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$o({}, baseMcpConfig);
+    var config = _objectSpread$p({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -9317,7 +9339,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$o(_objectSpread$o({}, baseMcpConfig), {}, {
+  return _objectSpread$p(_objectSpread$p({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -9364,8 +9386,8 @@ function headerTemplateToRows(headerTemplate, nextRowId) {
   });
 }
 
-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; }
-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; }
+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; }
+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; }
 var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -9394,7 +9416,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var updateEnvRow = function updateEnvRow(id, field, value) {
     onEnvMappingRowsChange(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$n(_objectSpread$n({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -9419,7 +9441,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var updateHeaderRow = function updateHeaderRow(id, field, value) {
     onHeaderRowsChange(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$n(_objectSpread$n({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -9568,8 +9590,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -9685,11 +9707,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$m(_objectSpread$m({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$n(_objectSpread$n({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$m({}, prev);
+        var next = _objectSpread$n({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -9977,7 +9999,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                   setProviderName(value);
                   if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                     setFormErrors(function (prev) {
-                      var next = _objectSpread$m({}, prev);
+                      var next = _objectSpread$n({}, prev);
                       delete next.providerName;
                       return next;
                     });
@@ -10064,8 +10086,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -10109,7 +10131,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$l(_objectSpread$l({}, p), {}, {
+    return _objectSpread$m(_objectSpread$m({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -10196,7 +10218,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     // so we use its layout to replace any corrupted grid data.
     if (workspace && workspace["layout"]) {
       var model = new DashboardModel(workspace);
-      setCurrentWorkspace(_objectSpread$l(_objectSpread$l({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$m(_objectSpread$m({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -10578,7 +10600,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$l(_objectSpread$l({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$m(_objectSpread$m({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -10712,7 +10734,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     try {
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$l(_objectSpread$l({}, config), {}, {
+      var widgetItem = _objectSpread$m(_objectSpread$m({}, config), {}, {
         component: widgetKey,
         key: widgetKey
       });
@@ -10912,7 +10934,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$l(_objectSpread$l({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$m(_objectSpread$m({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -12518,8 +12540,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 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)); }
 function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
 var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -12574,7 +12596,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$k(_objectSpread$k({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$l(_objectSpread$l({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -12648,8 +12670,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(React.Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-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; }
-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; }
+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; }
+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; }
 var withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -12674,7 +12696,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$j({}, props));
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$k({}, props));
   };
 };
 
@@ -12888,8 +12910,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
   }]);
 }();
 
-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; }
-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; }
+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; }
+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; }
 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)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
 var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -13016,7 +13038,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = DashReact.getUUID(params.uuid);
-      var widgetData = _objectSpread$i(_objectSpread$i({}, params), {}, {
+      var widgetData = _objectSpread$j(_objectSpread$j({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || []
       });
@@ -13044,7 +13066,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         value: widgetContextValue,
         children: /*#__PURE__*/jsxRuntime.jsx(WidgetErrorBoundary, {
           widgetName: component,
-          children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$i(_objectSpread$i(_objectSpread$i({
+          children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
             id: "widget-nokids-".concat(widgetKey),
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
@@ -13057,7 +13079,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
             backgroundColor: bgColor,
             widgetConfig: helpers.config(),
             widgetEventNames: helpers.events()
-          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$i(_objectSpread$i(_objectSpread$i({
+          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
             },
@@ -13239,8 +13261,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 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; } } }; }
 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; } }
 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; }
-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; }
-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; }
+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; }
+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; }
 var DraggableCellBody = function DraggableCellBody(_ref) {
   var cellNumber = _ref.cellNumber,
     gridContainerId = _ref.gridContainerId,
@@ -13387,7 +13409,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$h({
+    return _objectSpread$i({
       id: id
     }, provider);
   }) : [];
@@ -14143,7 +14165,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
 
     // Add provider-related props from workspace
-    var itemWithProviders = _objectSpread$h(_objectSpread$h({}, item), {}, {
+    var itemWithProviders = _objectSpread$i(_objectSpread$i({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -15644,8 +15666,8 @@ function isWidgetResolvable(componentKey) {
 //     isMinOrderForItem
 // }
 
-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; }
-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; }
+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; }
+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; }
 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; } } }; }
 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; } }
 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; }
@@ -15801,7 +15823,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
 
     // Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
     if ("userConfigValues" in obj && obj.userConfigValues) {
-      layout.userPrefs = _objectSpread$g(_objectSpread$g({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$h(_objectSpread$h({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -16301,8 +16323,8 @@ var MenuItemModel = function MenuItemModel() {
   return m;
 };
 
-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; }
-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; }
+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; }
+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; }
 /**
  * A Model for a Workspace (Dashboard)
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -17149,6 +17171,8 @@ var DashboardModel = /*#__PURE__*/function () {
           });
           // and now handle the parent...
           // while(newLayoutLength > 0) {
+          // Clean up listener references to the removed widget
+          this._cleanupListenerReferencesForId(id);
           var children = this.layout.filter(function (layoutItem) {
             return layoutItem.parent === id;
           });
@@ -17183,6 +17207,35 @@ var DashboardModel = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Remove listener references to a deleted widget from all remaining layout items.
+     * Listener event strings use the format "ComponentName[id].eventName".
+     * @param {number} id - The id of the removed widget
+     */
+  }, {
+    key: "_cleanupListenerReferencesForId",
+    value: function _cleanupListenerReferencesForId(id) {
+      var pattern = "[".concat(id, "].");
+      this.layout.forEach(function (layoutItem) {
+        if (layoutItem.listeners && _typeof(layoutItem.listeners) === "object") {
+          var handlers = Object.keys(layoutItem.listeners);
+          handlers.forEach(function (handler) {
+            var events = layoutItem.listeners[handler];
+            if (Array.isArray(events)) {
+              var filtered = events.filter(function (event) {
+                return !event.includes(pattern);
+              });
+              if (filtered.length > 0) {
+                layoutItem.listeners[handler] = filtered;
+              } else {
+                delete layoutItem.listeners[handler];
+              }
+            }
+          });
+        }
+      });
+    }
+
     /**
      * Normalize a grid by repairing hide flags, clamping spans, filling
      * missing cells, and compacting fully-hidden rows/columns.
@@ -17535,7 +17588,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   visibleCells.push({
                     row: r,
                     col: c,
-                    data: _objectSpread$f({}, cell),
+                    data: _objectSpread$g({}, cell),
                     spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
                     spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
                   });
@@ -17557,7 +17610,7 @@ var DashboardModel = /*#__PURE__*/function () {
               var vc = _visibleCells[_i5];
               var newCol = (vc.col - 1) * count + 1;
               var _key7 = "".concat(vc.row, ".").concat(newCol);
-              grid[_key7] = _objectSpread$f(_objectSpread$f({}, vc.data), {}, {
+              grid[_key7] = _objectSpread$g(_objectSpread$g({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -17632,7 +17685,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   _visibleCells2.push({
                     row: _r1,
                     col: _c10,
-                    data: _objectSpread$f({}, _cell6),
+                    data: _objectSpread$g({}, _cell6),
                     spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
                     spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
                   });
@@ -17654,7 +17707,7 @@ var DashboardModel = /*#__PURE__*/function () {
               var _vc = _visibleCells3[_i9];
               var newRow = (_vc.row - 1) * count + 1;
               var _key10 = "".concat(newRow, ".").concat(_vc.col);
-              grid[_key10] = _objectSpread$f(_objectSpread$f({}, _vc.data), {}, {
+              grid[_key10] = _objectSpread$g(_objectSpread$g({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -18737,8 +18790,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React.Component);
 
-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; }
-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; }
+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; }
+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; }
 
 /**
  * useDashboard Hook
@@ -18794,7 +18847,7 @@ var useDashboard = function useDashboard() {
       }
     });
   }
-  return _objectSpread$e({
+  return _objectSpread$f({
     app: app,
     dashboard: dashboard,
     theme: theme
@@ -19468,8 +19521,8 @@ function useProviderClient(provider) {
   };
 }
 
-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; }
-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; }
+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; }
+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; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant,
@@ -19518,13 +19571,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
       className: "flex flex-col space-y-4 p-4",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
-        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$d(_objectSpread$d({}, styles), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$e(_objectSpread$e({}, styles), {}, {
           scrollable: false,
           className: "rounded",
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$d(_objectSpread$d({}, styles), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$e(_objectSpread$e({}, styles), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL, styles);
             }
@@ -19532,14 +19585,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL)
           })]
-        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
           className: "rounded"
         }, styles2), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 2"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$d(_objectSpread$d({}, styles2), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$e(_objectSpread$e({}, styles2), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
             }
@@ -19547,14 +19600,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_2)
           })]
-        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
           className: "rounded"
         }, styles3), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 3"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$d(_objectSpread$d({}, styles3), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$e(_objectSpread$e({}, styles3), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
             }
@@ -19563,68 +19616,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
           })]
         }))]
-      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$d(_objectSpread$d({
+      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$e(_objectSpread$e({
         className: "p-6 rounded border-4 space-y-4",
         scrollable: false,
         height: "h-fit"
       }, styles), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$d(_objectSpread$d({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -19633,19 +19686,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$d(_objectSpread$d({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -19656,14 +19709,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full h-fit",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19672,14 +19725,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19688,14 +19741,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -19705,17 +19758,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$d(_objectSpread$d({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$d(_objectSpread$d({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$d(_objectSpread$d({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -19723,21 +19776,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$d(_objectSpread$d({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -19746,67 +19799,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$d(_objectSpread$d({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
         className: "p-6 rounded border-4 space-y-4",
         height: "h-fit"
       }, styles2), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$d(_objectSpread$d({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -19815,19 +19868,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$d(_objectSpread$d({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -19838,14 +19891,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19854,14 +19907,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19870,14 +19923,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -19887,17 +19940,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$d(_objectSpread$d({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$d(_objectSpread$d({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$d(_objectSpread$d({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -19905,21 +19958,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$d(_objectSpread$d({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -19928,68 +19981,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$d(_objectSpread$d({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         padding: false,
         height: "h-fit",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$d(_objectSpread$d({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -19998,19 +20051,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$d(_objectSpread$d({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -20021,14 +20074,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -20037,14 +20090,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -20053,14 +20106,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$d(_objectSpread$d({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -20070,17 +20123,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$d(_objectSpread$d({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$d(_objectSpread$d({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$d(_objectSpread$d({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -20088,21 +20141,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$d(_objectSpread$d({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$d(_objectSpread$d({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -20111,57 +20164,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$d(_objectSpread$d({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
         className: "p-6 rounded border-4 space-y-4"
       }, styles2), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$d(_objectSpread$d({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
           text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
           title: "Button"
         }, button2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$e(_objectSpread$e({
           text: "Button Icon",
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$e(_objectSpread$e({
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$d(_objectSpread$d({}, menuItem2Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
           text: "Tag 2",
           icon: "pencil"
         }, tag2Styles), {}, {
@@ -20169,57 +20222,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
           }
         }))]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$d(_objectSpread$d({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$d(_objectSpread$d({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
           text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_3, paragraph3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
           title: "Button"
         }, button3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$e(_objectSpread$e({
           text: "Button Icon 3",
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$e(_objectSpread$e({
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$d(_objectSpread$d({}, menuItem3Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$d(_objectSpread$d({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
           text: "Tag",
           icon: "pencil"
         }, tag3Styles), {}, {
@@ -20268,8 +20321,8 @@ var ThemePane = function ThemePane(_ref) {
 };
 
 var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
-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; }
-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; }
+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; }
+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; }
 var ColorTile = function ColorTile(_ref) {
   var _ref$colorFromTheme = _ref.colorFromTheme,
     colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -20294,7 +20347,7 @@ var ColorTile = function ColorTile(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? "h-10" : _ref$height,
     rest = _objectWithoutProperties(_ref, _excluded$2);
-  var c = ColorModel(_objectSpread$c({
+  var c = ColorModel(_objectSpread$d({
     colorFromTheme: colorFromTheme,
     colorName: colorName,
     colorType: colorType,
@@ -20322,10 +20375,10 @@ var ColorTile = function ColorTile(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     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),
     onClick: function onClick() {
-      return _onClick !== null ? _onClick(_objectSpread$c(_objectSpread$c({}, c), rest)) : null;
+      return _onClick !== null ? _onClick(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
     },
     onMouseOver: function onMouseOver() {
-      return _onMouseOver !== null ? _onMouseOver(_objectSpread$c(_objectSpread$c({}, c), rest)) : null;
+      return _onMouseOver !== null ? _onMouseOver(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
     },
     children: "\xA0"
   });
@@ -21512,8 +21565,8 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-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; }
-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; }
+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; }
+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; }
 
 // Host-injected module references (e.g., "@trops/dash-core").
 // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -21549,7 +21602,7 @@ var BASE_MODULE_MAP = {
 function evaluateBundle(source, widgetName) {
   // Merge base modules with host-provided modules (e.g., "@trops/dash-core")
   // at call time so _hostModules is populated by the time widgets load.
-  var moduleMap = _objectSpread$b(_objectSpread$b({}, BASE_MODULE_MAP), _hostModules);
+  var moduleMap = _objectSpread$c(_objectSpread$c({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
@@ -21562,7 +21615,7 @@ function evaluateBundle(source, widgetName) {
       // CJS bundles expect `require("pkg").Widget` to work, so merge
       // `.default` properties onto the returned object.
       if (mod["default"] && _typeof(mod["default"]) === "object") {
-        return _objectSpread$b(_objectSpread$b(_objectSpread$b({}, mod["default"]), mod), {}, {
+        return _objectSpread$c(_objectSpread$c(_objectSpread$c({}, mod["default"]), mod), {}, {
           "default": mod["default"]
         });
       }
@@ -22250,8 +22303,8 @@ var HARMONY_STRATEGIES = [{
   label: "Custom"
 }];
 
-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; }
-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; }
+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; }
+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; }
 var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
 var PreviewColorsPane = function PreviewColorsPane(_ref) {
   var _ref$styles = _ref.styles,
@@ -22268,7 +22321,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
   function handleClickItem(data, styleNameCss, itemType, objectType) {
     // override the object type
     data["objectType"] = objectType;
-    onClickItem(_objectSpread$a(_objectSpread$a({}, data), {}, {
+    onClickItem(_objectSpread$b(_objectSpread$b({}, data), {}, {
       itemType: itemType,
       styleName: styleNameCss
     }));
@@ -22678,8 +22731,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var COMPONENT_GROUPS$1 = {
   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],
   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],
@@ -22710,7 +22763,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
     setCollapsedGroups = _useState2[1];
   function toggleGroup(groupName) {
     setCollapsedGroups(function (prev) {
-      return _objectSpread$9(_objectSpread$9({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
+      return _objectSpread$a(_objectSpread$a({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
     });
   }
   function hasOverrides(itemKey) {
@@ -22946,8 +22999,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
 };
 
 var _excluded$1 = ["children"];
-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; }
-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; }
+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; }
+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; }
 var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
 var isColorProperty = function isColorProperty(name) {
   return COLOR_PROPERTIES.has(name);
@@ -23507,7 +23560,7 @@ var PanelTheme = function PanelTheme(_ref) {
     if (itemSelected && themeSelected && themeVariant) {
       var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
       setItemSelected(function (prev) {
-        return _objectSpread$8(_objectSpread$8({}, prev), {}, {
+        return _objectSpread$9(_objectSpread$9({}, prev), {}, {
           styles: updatedStyles
         });
       });
@@ -23678,7 +23731,7 @@ var PanelTheme = function PanelTheme(_ref) {
               styles: clickStyles
             });
           },
-          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$8(_objectSpread$8({}, panelStyles), {}, {
+          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$9(_objectSpread$9({}, panelStyles), {}, {
             scrollable: false,
             className: "rounded",
             height: "",
@@ -23692,9 +23745,9 @@ var PanelTheme = function PanelTheme(_ref) {
                   var _comp$props = comp.props,
                     childContent = _comp$props.children,
                     restProps = _objectWithoutProperties(_comp$props, _excluded$1);
-                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$8(_objectSpread$8({}, restProps), {}, {
+                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$9(_objectSpread$9({}, restProps), {}, {
                     children: childContent
-                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$8({}, restProps));
+                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$9({}, restProps));
                   return renderComponentRow(comp.key, renderedComponent);
                 })
               })
@@ -23710,7 +23763,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Forms & Inputs"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$8(_objectSpread$8({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$9(_objectSpread$9({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -23738,7 +23791,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Data & Stats"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$8(_objectSpread$8({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$9(_objectSpread$9({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -23843,7 +23896,7 @@ var PanelTheme = function PanelTheme(_ref) {
               }), themeSelected && /*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "flex flex-col flex-1 min-w-0",
                 children: /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-                  value: _objectSpread$8(_objectSpread$8({}, themeContextValue), {}, {
+                  value: _objectSpread$9(_objectSpread$9({}, themeContextValue), {}, {
                     currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
                   }),
                   children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
@@ -24474,8 +24527,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var ThemeManagerModal = function ThemeManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen;
@@ -24582,7 +24635,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$7(_objectSpread$7({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$8(_objectSpread$8({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -24751,8 +24804,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var LayoutPreview = function LayoutPreview(_ref) {
   var layout = _ref.layout;
   var gridRoot = (layout || []).find(function (item) {
@@ -24857,7 +24910,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     updated.menuId = val ? Number(val) : null;
     // Strip widgetConfig from layout before saving
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$6({}, layoutItem);
+      var cleaned = _objectSpread$7({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -24872,7 +24925,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     var updated = DashReact.deepCopy(ws);
     updated.themeKey = val || null;
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$6({}, layoutItem);
+      var cleaned = _objectSpread$7({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -24968,8 +25021,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var DashboardsSection = function DashboardsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -25044,7 +25097,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
     updated.name = editName.trim();
     // Strip widgetConfig from layout before saving
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$5({}, layoutItem);
+      var cleaned = _objectSpread$6({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -25064,7 +25117,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
     copy.version = Date.now();
     // Strip widgetConfig from layout before saving
     copy.layout = (copy.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$5({}, layoutItem);
+      var cleaned = _objectSpread$6({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -25404,8 +25457,8 @@ var FoldersSection = function FoldersSection(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var ProviderDetail = function ProviderDetail(_ref) {
   var _testResult$tools;
   var _ref$providerName = _ref.providerName,
@@ -25473,14 +25526,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
         var oldKey = f.key;
         if (oldKey && formCredentials[oldKey] !== undefined) {
           setFormCredentials(function (creds) {
-            var updated = _objectSpread$4({}, creds);
+            var updated = _objectSpread$5({}, creds);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$4(_objectSpread$4({}, f), {}, {
+        return _objectSpread$5(_objectSpread$5({}, f), {}, {
           key: newKey
         });
       });
@@ -25492,14 +25545,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
     setCredentialFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$4(_objectSpread$4({}, f), {}, {
+        return f.id === id ? _objectSpread$5(_objectSpread$5({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -25521,7 +25574,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        var updated = _objectSpread$4({}, prev);
+        var updated = _objectSpread$5({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -25534,7 +25587,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   };
   var handleCredentialChange = function handleCredentialChange(key, value) {
     setFormCredentials(function (prev) {
-      return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, key, value));
+      return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, key, value));
     });
   };
   var handleTestConnection = function handleTestConnection() {
@@ -25903,8 +25956,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var rowIdCounter = 0;
 var nextRowId = function nextRowId() {
   return "row_".concat(++rowIdCounter);
@@ -26058,7 +26111,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   var updateEnvRow = function updateEnvRow(id, field, value) {
     setEnvMappingRows(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$3(_objectSpread$3({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -26083,7 +26136,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   var updateHeaderRow = function updateHeaderRow(id, field, value) {
     setHeaderRows(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$3(_objectSpread$3({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -26098,11 +26151,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   // --- credential field change ---
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$3(_objectSpread$3({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$3({}, prev);
+        var next = _objectSpread$4({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -26254,7 +26307,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
             setProviderName(value);
             if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
               setFormErrors(function (prev) {
-                var next = _objectSpread$3({}, prev);
+                var next = _objectSpread$4({}, prev);
                 delete next.providerName;
                 return next;
               });
@@ -26287,7 +26340,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
               setCommand(value);
               if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
                 setFormErrors(function (prev) {
-                  var next = _objectSpread$3({}, prev);
+                  var next = _objectSpread$4({}, prev);
                   delete next.command;
                   return next;
                 });
@@ -26393,7 +26446,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
               setUrl(value);
               if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
                 setFormErrors(function (prev) {
-                  var next = _objectSpread$3({}, prev);
+                  var next = _objectSpread$4({}, prev);
                   delete next.url;
                   return next;
                 });
@@ -26535,8 +26588,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var getIconForServer = function getIconForServer(server) {
   var iconMap = {
     github: "code-branch",
@@ -26684,11 +26737,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$2(_objectSpread$2({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$3(_objectSpread$3({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$2({}, prev);
+        var next = _objectSpread$3({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -26891,7 +26944,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
               setProviderName(value);
               if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                 setFormErrors(function (prev) {
-                  var next = _objectSpread$2({}, prev);
+                  var next = _objectSpread$3({}, prev);
                   delete next.providerName;
                   return next;
                 });
@@ -27631,8 +27684,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var ThemesSection = function ThemesSection(_ref) {
   var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
     onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
@@ -27710,7 +27763,7 @@ var ThemesSection = function ThemesSection(_ref) {
     if (!wizardTheme || !wizardName.trim()) return;
     if (!dashApi || !appId) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$1(_objectSpread$1({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$2(_objectSpread$2({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -28907,6 +28960,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
   };
 };
 
+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; }
+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; }
 var WidgetsSection = function WidgetsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -29469,22 +29524,25 @@ var WidgetsSection = function WidgetsSection(_ref) {
     });
   }
 
-  // ── Uninstall confirmation message ──────────────────────────────────
+  // ── Uninstall confirmation ──────────────────────────────────────────
 
-  var deleteMessage = deleteUsage.length > 0 ? "\"".concat((deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.displayName) || (deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.name), "\" is currently used in ").concat(deleteUsage.length, " dashboard").concat(deleteUsage.length !== 1 ? "s" : "", ". Uninstalling will leave orphaned layout items on these dashboards.") : "Are you sure you want to uninstall \"".concat((deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.displayName) || (deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.name), "\"?");
+  var paragraphStyles = DashReact.getStylesForItem(DashReact.themeObjects.PARAGRAPH, currentTheme);
+  var deleteWidgetLabel = (deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.displayName) || (deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.name) || "";
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(SectionLayout, {
       listContent: listContent,
       detailContent: detailContent,
       emptyDetailMessage: "Select a widget to view details"
-    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, {
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$1(_objectSpread$1({
       isOpen: !!deleteTarget,
       setIsOpen: function setIsOpen() {
         setDeleteTarget(null);
         setDeleteUsage([]);
       },
-      title: "Uninstall Widget",
-      message: deleteMessage,
+      title: "Uninstall Widget"
+    }, deleteUsage.length === 0 ? {
+      message: "Are you sure you want to uninstall \"".concat(deleteWidgetLabel, "\"?")
+    } : {}), {}, {
       confirmLabel: "Uninstall",
       variant: "danger",
       onConfirm: handleConfirmDelete,
@@ -29493,24 +29551,30 @@ var WidgetsSection = function WidgetsSection(_ref) {
         setDeleteUsage([]);
       },
       children: deleteUsage.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "mt-2 space-y-1",
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-xs font-semibold opacity-70",
-          children: "Affected dashboards:"
-        }), deleteUsage.map(function (u) {
-          return /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "text-xs opacity-60 flex items-center gap-1.5 pl-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-              icon: "triangle-exclamation",
-              className: "h-3 w-3 text-yellow-500"
-            }), u.workspaceName, " ", /*#__PURE__*/jsxRuntime.jsxs("span", {
-              className: "opacity-50",
-              children: ["(", u.count, " instance", u.count !== 1 ? "s" : "", ")"]
-            })]
-          }, u.workspaceId);
+        className: paragraphStyles.textColor || "",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: "text-sm leading-relaxed",
+          children: ["\"", deleteWidgetLabel, "\" is currently used in ", deleteUsage.length, " ", "dashboard", deleteUsage.length !== 1 ? "s" : "", ". Uninstalling will leave orphaned layout items on these dashboards."]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "mt-2 space-y-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs font-semibold opacity-70",
+            children: "Affected dashboards:"
+          }), deleteUsage.map(function (u) {
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "text-xs opacity-60 flex items-center gap-1.5 pl-2",
+              children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                icon: "triangle-exclamation",
+                className: "h-3 w-3 text-yellow-500"
+              }), u.workspaceName, " ", /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "opacity-50",
+                children: ["(", u.count, " instance", u.count !== 1 ? "s" : "", ")"]
+              })]
+            }, u.workspaceId);
+          })]
         })]
       })
-    })]
+    }))]
   });
 };