@trops/dash-core 0.1.107 → 0.1.109

package/dist/index.js

@@ -49,8 +49,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(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': [] } }
@@ -112,7 +112,7 @@ var event = {
           uuid: subscriber["uuid"]
         };
         if ("action" in subscriber && subscriber.action !== undefined) {
-          subscriber["action"](_objectSpread$y({}, objectToSend));
+          subscriber["action"](_objectSpread$z({}, objectToSend));
         }
       });
     }
@@ -2560,8 +2560,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-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; }
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   var themeKey = _ref.themeKey,
     children = _ref.children;
@@ -2573,7 +2573,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$x(_objectSpread$x({}, parentContext), {}, {
+    return _objectSpread$y(_objectSpread$y({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2591,8 +2591,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   });
 };
 
-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 AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = React.useContext(DashReact.ThemeContext);
@@ -2600,7 +2600,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-    value: _objectSpread$w(_objectSpread$w({}, ctx), {}, {
+    value: _objectSpread$x(_objectSpread$x({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -2712,8 +2712,8 @@ var LayoutContainer = function LayoutContainer(_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; }
 function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(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$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(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$a(r, a) : void 0; } }
 function _arrayLikeToArray$a(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; }
@@ -2957,7 +2957,7 @@ function createLayoutFromTemplate(template) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$v({
+      grid[cell.key] = _objectSpread$w({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -8351,8 +8351,8 @@ var deepEqual = function deepEqual(a, b, opts) {
 
 var deepEqual$1 = /*@__PURE__*/getDefaultExportFromCjs(deepEqual);
 
-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 PanelEditItem = function PanelEditItem(_ref) {
   var _ComponentManager$get;
   var workspace = _ref.workspace,
@@ -8412,7 +8412,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
     var uuid = newItem.uuid || newItem.uuidString;
     if (uuid) {
       workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
-      workspaceTemp.selectedProviders[uuid] = _objectSpread$u(_objectSpread$u({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+      workspaceTemp.selectedProviders[uuid] = _objectSpread$v(_objectSpread$v({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
     }
     onUpdate(newItem, workspaceTemp);
     forceUpdate();
@@ -8541,7 +8541,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$u({
+          return _objectSpread$v({
             name: name
           }, p);
         });
@@ -8586,8 +8586,8 @@ var _excluded$5 = ["rows", "cols"];
 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; }
-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; }
 var defaultGrid = {
   rows: 1,
   cols: 1,
@@ -8608,7 +8608,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
+    var newGrid = _objectSpread$u(_objectSpread$u({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -8623,7 +8623,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
+    var newGrid = _objectSpread$u(_objectSpread$u({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -8656,8 +8656,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$t({}, grid);
-      newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$u({}, grid);
+      newGrid[currentKey] = _objectSpread$u(_objectSpread$u({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -8670,8 +8670,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$t({}, grid);
-      newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$u({}, grid);
+      newGrid[currentKey] = _objectSpread$u(_objectSpread$u({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -8688,7 +8688,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$t({}, grid);
+    var newGrid = _objectSpread$u({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -8704,13 +8704,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$t({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$u({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$t(_objectSpread$t({}, cell), {}, {
+      newGrid[key] = _objectSpread$u(_objectSpread$u({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -8722,7 +8722,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$t(_objectSpread$t({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$u(_objectSpread$u({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -8841,7 +8841,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$t({}, grid);
+    var newGrid = _objectSpread$u({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -8867,7 +8867,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$t({}, defaultGrid);
+    var newGrid = _objectSpread$u({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -11121,8 +11121,8 @@ var WidgetIcon = function WidgetIcon(_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 ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -11167,14 +11167,14 @@ var ProviderForm = function ProviderForm(_ref) {
         var oldKey = f.key;
         if (oldKey && formData[oldKey] !== undefined) {
           setFormData(function (fd) {
-            var updated = _objectSpread$s({}, fd);
+            var updated = _objectSpread$t({}, fd);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$s(_objectSpread$s({}, f), {}, {
+        return _objectSpread$t(_objectSpread$t({}, f), {}, {
           key: newKey
         });
       });
@@ -11186,14 +11186,14 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
     setDynamicFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$s(_objectSpread$s({}, f), {}, {
+        return f.id === id ? _objectSpread$t(_objectSpread$t({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -11215,7 +11215,7 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        var updated = _objectSpread$s({}, prev);
+        var updated = _objectSpread$t({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -11257,13 +11257,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$t(_objectSpread$t({}, 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$s({}, prev);
+        var newErrors = _objectSpread$t({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -11301,7 +11301,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$s({}, prev);
+              var newErrors = _objectSpread$t({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -11538,8 +11538,8 @@ var ToolSelector = function ToolSelector(_ref) {
   });
 };
 
-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; }
 /**
  * Shared MCP utility functions.
  *
@@ -11667,7 +11667,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$r({}, baseMcpConfig);
+    var config = _objectSpread$s({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -11685,7 +11685,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$r(_objectSpread$r({}, baseMcpConfig), {}, {
+  return _objectSpread$s(_objectSpread$s({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -11922,8 +11922,8 @@ function mcpJsonToFormState(jsonString, nextRowId) {
 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$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 EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -12100,7 +12100,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$q(_objectSpread$q({
+        return _objectSpread$r(_objectSpread$r({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -12251,7 +12251,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$q({
+        return _objectSpread$r({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -12481,7 +12481,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$q(_objectSpread$q({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -12502,7 +12502,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -12556,11 +12556,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   };
   var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
     setInlineCredentialData(function (prev) {
-      return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setInlineFormErrors(function (prev) {
-        var next = _objectSpread$q({}, prev);
+        var next = _objectSpread$r({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -12653,7 +12653,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
         refreshProviders();
       }
       setSelectedProviders(function (prev) {
-        return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Reset stepper state
@@ -12674,7 +12674,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     });
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$q(_objectSpread$q({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -12764,7 +12764,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$q(_objectSpread$q({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -13402,7 +13402,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
                                               setInlineProviderName(value);
                                               if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                                                 setInlineFormErrors(function (prev) {
-                                                  var next = _objectSpread$q({}, prev);
+                                                  var next = _objectSpread$r({}, prev);
                                                   delete next.providerName;
                                                   return next;
                                                 });
@@ -14439,8 +14439,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
   });
 };
 
-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 AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -14469,7 +14469,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$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$q(_objectSpread$q({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -14494,7 +14494,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$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$q(_objectSpread$q({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -14643,8 +14643,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_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; }
 var McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -14823,11 +14823,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$o(_objectSpread$o({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$p(_objectSpread$p({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$o({}, prev);
+        var next = _objectSpread$p({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -15165,7 +15165,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                           setProviderName(value);
                           if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                             setFormErrors(function (prev) {
-                              var next = _objectSpread$o({}, prev);
+                              var next = _objectSpread$p({}, prev);
                               delete next.providerName;
                               return next;
                             });
@@ -15355,8 +15355,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-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 USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -15402,7 +15402,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$n(_objectSpread$n({}, p), {}, {
+    return _objectSpread$o(_objectSpread$o({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -15489,7 +15489,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$n(_objectSpread$n({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$o(_objectSpread$o({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -15880,7 +15880,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$n(_objectSpread$n({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$o(_objectSpread$o({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -16015,7 +16015,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     try {
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$n(_objectSpread$n({}, config), {}, {
+      var widgetItem = _objectSpread$o(_objectSpread$o({}, config), {}, {
         component: widgetKey,
         key: widgetKey
       });
@@ -16244,7 +16244,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$n(_objectSpread$n({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$o(_objectSpread$o({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -17868,8 +17868,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_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; }
 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) {
@@ -17924,7 +17924,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$m(_objectSpread$m({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$n(_objectSpread$n({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -17998,8 +17998,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(React.Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-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 withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -18024,7 +18024,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$l({}, props));
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$m({}, props));
   };
 };
 
@@ -18238,8 +18238,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
   }]);
 }();
 
-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$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) {
@@ -18366,7 +18366,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = DashReact.getUUID(params.uuid);
-      var widgetData = _objectSpread$k(_objectSpread$k({}, params), {}, {
+      var widgetData = _objectSpread$l(_objectSpread$l({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || []
       });
@@ -18394,7 +18394,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         value: widgetContextValue,
         children: /*#__PURE__*/jsxRuntime.jsx(WidgetErrorBoundary, {
           widgetName: component,
-          children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
+          children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$l(_objectSpread$l(_objectSpread$l({
             id: "widget-nokids-".concat(widgetKey),
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
@@ -18407,7 +18407,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
             backgroundColor: bgColor,
             widgetConfig: helpers.config(),
             widgetEventNames: helpers.events()
-          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
+          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$l(_objectSpread$l(_objectSpread$l({
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
             },
@@ -18589,8 +18589,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(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$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(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$6(r, a) : void 0; } }
 function _arrayLikeToArray$6(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$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 DraggableCellBody = function DraggableCellBody(_ref) {
   var cellNumber = _ref.cellNumber,
     gridContainerId = _ref.gridContainerId,
@@ -18741,7 +18741,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$j({
+    return _objectSpread$k({
       id: id
     }, provider);
   }) : [];
@@ -19739,7 +19739,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$j(_objectSpread$j({}, item), {}, {
+    var itemWithProviders = _objectSpread$k(_objectSpread$k({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -21252,8 +21252,8 @@ function isWidgetResolvable(componentKey) {
 //     isMinOrderForItem
 // }
 
-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 _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; }
@@ -21409,7 +21409,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$i(_objectSpread$i({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$j(_objectSpread$j({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -21909,8 +21909,8 @@ var MenuItemModel = function MenuItemModel() {
   return m;
 };
 
-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; }
 /**
  * A Model for a Workspace (Dashboard)
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -23174,7 +23174,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   visibleCells.push({
                     row: r,
                     col: c,
-                    data: _objectSpread$h({}, cell),
+                    data: _objectSpread$i({}, 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
                   });
@@ -23196,7 +23196,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$h(_objectSpread$h({}, vc.data), {}, {
+              grid[_key7] = _objectSpread$i(_objectSpread$i({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -23271,7 +23271,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   _visibleCells2.push({
                     row: _r1,
                     col: _c10,
-                    data: _objectSpread$h({}, _cell6),
+                    data: _objectSpread$i({}, _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
                   });
@@ -23293,7 +23293,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$h(_objectSpread$h({}, _vc.data), {}, {
+              grid[_key10] = _objectSpread$i(_objectSpread$i({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -24437,8 +24437,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React.Component);
 
-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; }
 
 /**
  * useDashboard Hook
@@ -24494,7 +24494,7 @@ var useDashboard = function useDashboard() {
       }
     });
   }
-  return _objectSpread$g({
+  return _objectSpread$h({
     app: app,
     dashboard: dashboard,
     theme: theme
@@ -25225,8 +25225,8 @@ function useProviderClient(provider) {
   };
 }
 
-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; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant,
@@ -25275,13 +25275,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$f(_objectSpread$f({}, styles), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$g(_objectSpread$g({}, 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$f(_objectSpread$f({}, styles), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$g(_objectSpread$g({}, styles), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL, styles);
             }
@@ -25289,14 +25289,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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({}, styles2), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$g(_objectSpread$g({}, styles2), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
             }
@@ -25304,14 +25304,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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({}, styles3), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$g(_objectSpread$g({}, styles3), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
             }
@@ -25320,68 +25320,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
           })]
         }))]
-      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$f(_objectSpread$f({
+      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$g(_objectSpread$g({
         className: "p-6 rounded border-4 space-y-4",
         scrollable: false,
         height: "h-fit"
       }, styles), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$g(_objectSpread$g({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -25390,19 +25390,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$f(_objectSpread$f({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$g(_objectSpread$g({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -25413,14 +25413,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$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25429,14 +25429,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25445,14 +25445,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -25462,17 +25462,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$f(_objectSpread$f({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$g(_objectSpread$g({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -25480,21 +25480,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$f(_objectSpread$f({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$g(_objectSpread$g({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -25503,67 +25503,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$g(_objectSpread$g({
         className: "p-6 rounded border-4 space-y-4",
         height: "h-fit"
       }, styles2), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$g(_objectSpread$g({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -25572,19 +25572,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$f(_objectSpread$f({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$g(_objectSpread$g({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -25595,14 +25595,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$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25611,14 +25611,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25627,14 +25627,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -25644,17 +25644,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$f(_objectSpread$f({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$g(_objectSpread$g({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -25662,21 +25662,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$f(_objectSpread$f({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$g(_objectSpread$g({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -25685,68 +25685,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$g(_objectSpread$g({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         padding: false,
         height: "h-fit",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$g(_objectSpread$g({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -25755,19 +25755,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$f(_objectSpread$f({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$g(_objectSpread$g({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -25778,14 +25778,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$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25794,14 +25794,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25810,14 +25810,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -25827,17 +25827,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$f(_objectSpread$f({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$g(_objectSpread$g({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -25845,21 +25845,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$f(_objectSpread$f({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$g(_objectSpread$g({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -25868,57 +25868,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$g(_objectSpread$g({
         className: "p-6 rounded border-4 space-y-4"
       }, styles2), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
           title: "Button"
         }, button2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$g(_objectSpread$g({
           text: "Button Icon",
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$g(_objectSpread$g({
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
           text: "Tag 2",
           icon: "pencil"
         }, tag2Styles), {}, {
@@ -25926,57 +25926,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
           }
         }))]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$g(_objectSpread$g({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
           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$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
           title: "Button"
         }, button3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$g(_objectSpread$g({
           text: "Button Icon 3",
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$g(_objectSpread$g({
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
           text: "Tag",
           icon: "pencil"
         }, tag3Styles), {}, {
@@ -26025,8 +26025,8 @@ var ThemePane = function ThemePane(_ref) {
 };
 
 var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
-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; }
 var ColorTile = function ColorTile(_ref) {
   var _ref$colorFromTheme = _ref.colorFromTheme,
     colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -26051,7 +26051,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$e({
+  var c = ColorModel(_objectSpread$f({
     colorFromTheme: colorFromTheme,
     colorName: colorName,
     colorType: colorType,
@@ -26079,10 +26079,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$e(_objectSpread$e({}, c), rest)) : null;
+      return _onClick !== null ? _onClick(_objectSpread$f(_objectSpread$f({}, c), rest)) : null;
     },
     onMouseOver: function onMouseOver() {
-      return _onMouseOver !== null ? _onMouseOver(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
+      return _onMouseOver !== null ? _onMouseOver(_objectSpread$f(_objectSpread$f({}, c), rest)) : null;
     },
     children: "\xA0"
   });
@@ -27265,8 +27265,8 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-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; }
 
 // Host-injected module references (e.g., "@trops/dash-core").
 // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -27302,7 +27302,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$d(_objectSpread$d({}, BASE_MODULE_MAP), _hostModules);
+  var moduleMap = _objectSpread$e(_objectSpread$e({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
@@ -27315,7 +27315,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$d(_objectSpread$d(_objectSpread$d({}, mod["default"]), mod), {}, {
+        return _objectSpread$e(_objectSpread$e(_objectSpread$e({}, mod["default"]), mod), {}, {
           "default": mod["default"]
         });
       }
@@ -28003,8 +28003,8 @@ var HARMONY_STRATEGIES = [{
   label: "Custom"
 }];
 
-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 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,
@@ -28021,7 +28021,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
   function handleClickItem(data, styleNameCss, itemType, objectType) {
     // override the object type
     data["objectType"] = objectType;
-    onClickItem(_objectSpread$c(_objectSpread$c({}, data), {}, {
+    onClickItem(_objectSpread$d(_objectSpread$d({}, data), {}, {
       itemType: itemType,
       styleName: styleNameCss
     }));
@@ -28431,8 +28431,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
   });
 };
 
-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; }
 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],
@@ -28463,7 +28463,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
     setCollapsedGroups = _useState2[1];
   function toggleGroup(groupName) {
     setCollapsedGroups(function (prev) {
-      return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
+      return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
     });
   }
   function hasOverrides(itemKey) {
@@ -28699,8 +28699,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
 };
 
 var _excluded$1 = ["children"];
-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 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
 var isColorProperty = function isColorProperty(name) {
   return COLOR_PROPERTIES.has(name);
@@ -29260,7 +29260,7 @@ var PanelTheme = function PanelTheme(_ref) {
     if (itemSelected && themeSelected && themeVariant) {
       var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
       setItemSelected(function (prev) {
-        return _objectSpread$a(_objectSpread$a({}, prev), {}, {
+        return _objectSpread$b(_objectSpread$b({}, prev), {}, {
           styles: updatedStyles
         });
       });
@@ -29431,7 +29431,7 @@ var PanelTheme = function PanelTheme(_ref) {
               styles: clickStyles
             });
           },
-          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$a(_objectSpread$a({}, panelStyles), {}, {
+          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$b(_objectSpread$b({}, panelStyles), {}, {
             scrollable: false,
             className: "rounded",
             height: "",
@@ -29445,9 +29445,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$a(_objectSpread$a({}, restProps), {}, {
+                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$b(_objectSpread$b({}, restProps), {}, {
                     children: childContent
-                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$a({}, restProps));
+                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$b({}, restProps));
                   return renderComponentRow(comp.key, renderedComponent);
                 })
               })
@@ -29463,7 +29463,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$a(_objectSpread$a({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$b(_objectSpread$b({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -29491,7 +29491,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$a(_objectSpread$a({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$b(_objectSpread$b({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -29596,7 +29596,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$a(_objectSpread$a({}, themeContextValue), {}, {
+                  value: _objectSpread$b(_objectSpread$b({}, themeContextValue), {}, {
                     currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
                   }),
                   children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
@@ -30227,8 +30227,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
   });
 };
 
-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 ThemeManagerModal = function ThemeManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen;
@@ -30335,7 +30335,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$a(_objectSpread$a({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -31357,8 +31357,8 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
   });
 };
 
-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 LayoutPreview = function LayoutPreview(_ref) {
   var layout = _ref.layout;
   var gridRoot = (layout || []).find(function (item) {
@@ -31529,7 +31529,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$8({}, layoutItem);
+      var cleaned = _objectSpread$9({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -31544,7 +31544,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$8({}, layoutItem);
+      var cleaned = _objectSpread$9({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -32154,8 +32154,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   });
 };
 
-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 DashboardsSection = function DashboardsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -32243,7 +32243,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$7({}, layoutItem);
+      var cleaned = _objectSpread$8({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -32263,7 +32263,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$7({}, layoutItem);
+      var cleaned = _objectSpread$8({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -32749,8 +32749,8 @@ var FoldersSection = function FoldersSection(_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 ProviderDetail = function ProviderDetail(_ref) {
   var _provider$mcpConfig, _testResult$tools;
   var _ref$providerName = _ref.providerName,
@@ -32840,14 +32840,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
         var oldKey = f.key;
         if (oldKey && formCredentials[oldKey] !== undefined) {
           setFormCredentials(function (creds) {
-            var updated = _objectSpread$6({}, creds);
+            var updated = _objectSpread$7({}, creds);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$6(_objectSpread$6({}, f), {}, {
+        return _objectSpread$7(_objectSpread$7({}, f), {}, {
           key: newKey
         });
       });
@@ -32859,14 +32859,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
     setCredentialFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$6(_objectSpread$6({}, f), {}, {
+        return f.id === id ? _objectSpread$7(_objectSpread$7({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -32888,7 +32888,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        var updated = _objectSpread$6({}, prev);
+        var updated = _objectSpread$7({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -32901,7 +32901,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   };
   var handleCredentialChange = function handleCredentialChange(key, value) {
     setFormCredentials(function (prev) {
-      return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, key, value));
+      return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, key, value));
     });
   };
   var handleTestConnection = function handleTestConnection() {
@@ -33370,8 +33370,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
   });
 };
 
-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 rowIdCounter = 0;
 var nextRowId = function nextRowId() {
   return "row_".concat(++rowIdCounter);
@@ -33632,7 +33632,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$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$6(_objectSpread$6({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -33657,7 +33657,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$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$6(_objectSpread$6({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -33672,11 +33672,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   // --- credential field change ---
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$5({}, prev);
+        var next = _objectSpread$6({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -33884,7 +33884,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                   setProviderName(value);
                   if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                     setFormErrors(function (prev) {
-                      var next = _objectSpread$5({}, prev);
+                      var next = _objectSpread$6({}, prev);
                       delete next.providerName;
                       return next;
                     });
@@ -34000,7 +34000,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setCommand(value);
                       if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$5({}, prev);
+                          var next = _objectSpread$6({}, prev);
                           delete next.command;
                           return next;
                         });
@@ -34106,7 +34106,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setUrl(value);
                       if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$5({}, prev);
+                          var next = _objectSpread$6({}, prev);
                           delete next.url;
                           return next;
                         });
@@ -34351,8 +34351,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   });
 };
 
-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 getIconForServer = function getIconForServer(server) {
   var iconMap = {
     github: "code-branch",
@@ -34539,11 +34539,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$4({}, prev);
+        var next = _objectSpread$5({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -34791,7 +34791,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
                     setProviderName(value);
                     if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                       setFormErrors(function (prev) {
-                        var next = _objectSpread$4({}, prev);
+                        var next = _objectSpread$5({}, prev);
                         delete next.providerName;
                         return next;
                       });
@@ -35739,8 +35739,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
   });
 };
 
-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 ThemesSection = function ThemesSection(_ref) {
   var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
     onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
@@ -35818,7 +35818,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$3(_objectSpread$3({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$4(_objectSpread$4({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -37253,8 +37253,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
   };
 };
 
-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 WidgetsSection = function WidgetsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -37826,7 +37826,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
       listContent: listContent,
       detailContent: detailContent,
       emptyDetailMessage: "Select a widget to view details"
-    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$2(_objectSpread$2({
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$3(_objectSpread$3({
       isOpen: !!deleteTarget,
       setIsOpen: function setIsOpen() {
         setDeleteTarget(null);
@@ -37871,36 +37871,525 @@ var WidgetsSection = function WidgetsSection(_ref) {
   });
 };
 
+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 AccountSection = function AccountSection(_ref) {
+  var authStatus = _ref.authStatus,
+    authProfile = _ref.authProfile,
+    onSignIn = _ref.onSignIn,
+    onSignOut = _ref.onSignOut,
+    onProfileUpdated = _ref.onProfileUpdated;
+  if (authStatus !== "authenticated" || !authProfile) {
+    return /*#__PURE__*/jsxRuntime.jsx(UnauthenticatedView, {
+      onSignIn: onSignIn
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(AuthenticatedView, {
+    profile: authProfile,
+    onSignOut: onSignOut,
+    onProfileUpdated: onProfileUpdated
+  });
+};
+var UnauthenticatedView = function UnauthenticatedView(_ref2) {
+  var onSignIn = _ref2.onSignIn;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col items-center justify-center py-16 space-y-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+      icon: "circle-user",
+      className: "h-12 w-12 opacity-30"
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "text-center space-y-1",
+      children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "text-sm font-medium",
+        children: "Not signed in"
+      }), /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "text-xs opacity-50",
+        children: "Sign in to manage your profile and published packages"
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+      title: "Sign In",
+      onClick: onSignIn
+    })]
+  });
+};
+var AuthenticatedView = function AuthenticatedView(_ref3) {
+  var profile = _ref3.profile,
+    onSignOut = _ref3.onSignOut,
+    onProfileUpdated = _ref3.onProfileUpdated;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    packages = _useState2[0],
+    setPackages = _useState2[1];
+  var _useState3 = React.useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadingPackages = _useState4[0],
+    setLoadingPackages = _useState4[1];
+  React.useEffect(function () {
+    var cancelled = false;
+    function loadPackages() {
+      return _loadPackages.apply(this, arguments);
+    }
+    function _loadPackages() {
+      _loadPackages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _window$mainApi, result;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 1;
+              return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.registryAuth) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.getPackages();
+            case 1:
+              result = _context.sent;
+              if (!cancelled && result !== null && result !== void 0 && result.packages) {
+                setPackages(result.packages);
+              }
+              _context.next = 3;
+              break;
+            case 2:
+              _context.prev = 2;
+              _context["catch"](0);
+            case 3:
+              _context.prev = 3;
+              if (!cancelled) setLoadingPackages(false);
+              return _context.finish(3);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 2, 3, 4]]);
+      }));
+      return _loadPackages.apply(this, arguments);
+    }
+    loadPackages();
+    return function () {
+      cancelled = true;
+    };
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsx(ProfileCard, {
+      profile: profile,
+      onSignOut: onSignOut,
+      onProfileUpdated: onProfileUpdated
+    }), /*#__PURE__*/jsxRuntime.jsx(PackagesList, {
+      packages: packages,
+      loading: loadingPackages,
+      onPackageUpdated: function onPackageUpdated(updatedPkg) {
+        setPackages(function (prev) {
+          return prev.map(function (p) {
+            return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$2(_objectSpread$2({}, p), updatedPkg) : p;
+          });
+        });
+      }
+    })]
+  });
+};
+var ProfileCard = function ProfileCard(_ref4) {
+  var profile = _ref4.profile,
+    onSignOut = _ref4.onSignOut,
+    onProfileUpdated = _ref4.onProfileUpdated;
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    editing = _useState6[0],
+    setEditing = _useState6[1];
+  var _useState7 = React.useState(profile.displayName || ""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    displayName = _useState8[0],
+    setDisplayName = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    saving = _useState0[0],
+    setSaving = _useState0[1];
+  var initial = (profile.displayName || profile.username || "?").charAt(0).toUpperCase();
+  var memberSince = profile.createdAt ? new Date(profile.createdAt).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long"
+  }) : null;
+  function handleSave() {
+    return _handleSave.apply(this, arguments);
+  }
+  function _handleSave() {
+    _handleSave = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _window$mainApi2, result;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setSaving(true);
+            _context2.prev = 1;
+            _context2.next = 2;
+            return (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.registryAuth) === null || _window$mainApi2 === void 0 ? void 0 : _window$mainApi2.updateProfile({
+              displayName: displayName
+            });
+          case 2:
+            result = _context2.sent;
+            if (result) {
+              setEditing(false);
+              onProfileUpdated === null || onProfileUpdated === void 0 || onProfileUpdated();
+            }
+            _context2.next = 4;
+            break;
+          case 3:
+            _context2.prev = 3;
+            _context2["catch"](1);
+          case 4:
+            _context2.prev = 4;
+            setSaving(false);
+            return _context2.finish(4);
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 3, 4, 5]]);
+    }));
+    return _handleSave.apply(this, arguments);
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+      title: "Profile",
+      padding: false
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-start gap-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-shrink-0 w-12 h-12 rounded-full bg-white/10 flex items-center justify-center text-lg font-bold opacity-70",
+        children: initial
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex-1 min-w-0 space-y-1",
+        children: [editing ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+            type: "text",
+            value: displayName,
+            onChange: function onChange(e) {
+              return setDisplayName(e.target.value);
+            },
+            className: "bg-white/5 border border-white/10 rounded px-2 py-1 text-sm flex-1 min-w-0 focus:outline-none focus:border-white/30",
+            autoFocus: true,
+            onKeyDown: function onKeyDown(e) {
+              if (e.key === "Enter") handleSave();
+              if (e.key === "Escape") setEditing(false);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            title: saving ? "Saving..." : "Save",
+            onClick: handleSave,
+            disabled: saving
+          }), /*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: function onClick() {
+              return setEditing(false);
+            },
+            className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
+            children: "Cancel"
+          })]
+        }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-sm font-medium",
+            children: profile.displayName || profile.username
+          }), /*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: function onClick() {
+              setDisplayName(profile.displayName || "");
+              setEditing(true);
+            },
+            className: "opacity-40 hover:opacity-80 cursor-pointer",
+            children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: "pen",
+              className: "h-2.5 w-2.5"
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "text-xs opacity-50",
+          children: ["@", profile.username]
+        }), memberSince && /*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "text-xs opacity-40 block",
+          children: ["Member since ", memberSince]
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "pt-2",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        type: "button",
+        onClick: onSignOut,
+        className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
+        children: "Sign Out"
+      })
+    })]
+  });
+};
+var PackagesList = function PackagesList(_ref5) {
+  var packages = _ref5.packages,
+    loading = _ref5.loading,
+    onPackageUpdated = _ref5.onPackageUpdated;
+  var _useState1 = React.useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    editingPkg = _useState10[0],
+    setEditingPkg = _useState10[1];
+  if (loading) {
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Published Packages",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-xs opacity-50",
+        children: "Loading..."
+      })]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+      title: "Published Packages",
+      padding: false
+    }), packages.length === 0 ? /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "text-xs opacity-50",
+      children: "No published packages yet"
+    }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col space-y-2",
+      children: packages.map(function (pkg) {
+        return /*#__PURE__*/jsxRuntime.jsx(PackageItem, {
+          pkg: pkg,
+          isEditing: editingPkg === "".concat(pkg.scope, "/").concat(pkg.name),
+          onEdit: function onEdit() {
+            return setEditingPkg("".concat(pkg.scope, "/").concat(pkg.name));
+          },
+          onCancel: function onCancel() {
+            return setEditingPkg(null);
+          },
+          onSaved: function onSaved(updated) {
+            setEditingPkg(null);
+            onPackageUpdated(updated);
+          }
+        }, "".concat(pkg.scope, "/").concat(pkg.name));
+      })
+    })]
+  });
+};
+var PackageItem = function PackageItem(_ref6) {
+  var pkg = _ref6.pkg,
+    isEditing = _ref6.isEditing,
+    onEdit = _ref6.onEdit,
+    onCancel = _ref6.onCancel,
+    onSaved = _ref6.onSaved;
+  var _useState11 = React.useState({
+      displayName: pkg.displayName || "",
+      description: pkg.description || "",
+      category: pkg.category || "",
+      tags: (pkg.tags || []).join(", "),
+      visibility: pkg.visibility || "public"
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    form = _useState12[0],
+    setForm = _useState12[1];
+  var _useState13 = React.useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    saving = _useState14[0],
+    setSaving = _useState14[1];
+  function handleSave() {
+    return _handleSave2.apply(this, arguments);
+  }
+  function _handleSave2() {
+    _handleSave2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _window$mainApi3, updates, result;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            setSaving(true);
+            _context3.prev = 1;
+            updates = {
+              displayName: form.displayName,
+              description: form.description,
+              category: form.category,
+              tags: form.tags.split(",").map(function (t) {
+                return t.trim();
+              }).filter(Boolean),
+              visibility: form.visibility
+            };
+            _context3.next = 2;
+            return (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.registryAuth) === null || _window$mainApi3 === void 0 ? void 0 : _window$mainApi3.updatePackage(pkg.scope, pkg.name, updates);
+          case 2:
+            result = _context3.sent;
+            if (result) {
+              onSaved(_objectSpread$2(_objectSpread$2({}, pkg), updates));
+            }
+            _context3.next = 4;
+            break;
+          case 3:
+            _context3.prev = 3;
+            _context3["catch"](1);
+          case 4:
+            _context3.prev = 4;
+            setSaving(false);
+            return _context3.finish(4);
+          case 5:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[1, 3, 4, 5]]);
+    }));
+    return _handleSave2.apply(this, arguments);
+  }
+  var updatedAt = pkg.updatedAt ? new Date(pkg.updatedAt).toLocaleDateString() : null;
+  if (isEditing) {
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "bg-white/5 rounded-lg p-3 space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(EditField, {
+          label: "Display Name",
+          value: form.displayName,
+          onChange: function onChange(v) {
+            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+              displayName: v
+            }));
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(EditField, {
+          label: "Description",
+          value: form.description,
+          onChange: function onChange(v) {
+            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+              description: v
+            }));
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(EditField, {
+          label: "Category",
+          value: form.category,
+          onChange: function onChange(v) {
+            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+              category: v
+            }));
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(EditField, {
+          label: "Tags (comma-separated)",
+          value: form.tags,
+          onChange: function onChange(v) {
+            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+              tags: v
+            }));
+          }
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col space-y-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs opacity-50",
+            children: "Visibility"
+          }), /*#__PURE__*/jsxRuntime.jsxs("select", {
+            value: form.visibility,
+            onChange: function onChange(e) {
+              return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+                visibility: e.target.value
+              }));
+            },
+            className: "bg-white/5 border border-white/10 rounded px-2 py-1 text-sm focus:outline-none focus:border-white/30",
+            children: [/*#__PURE__*/jsxRuntime.jsx("option", {
+              value: "public",
+              children: "Public"
+            }), /*#__PURE__*/jsxRuntime.jsx("option", {
+              value: "private",
+              children: "Private"
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: saving ? "Saving..." : "Save",
+          onClick: handleSave,
+          disabled: saving
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          onClick: onCancel,
+          className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
+          children: "Cancel"
+        })]
+      })]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "bg-white/5 rounded-lg p-3 flex items-start justify-between",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex-1 min-w-0 space-y-1",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-sm font-medium truncate",
+          children: pkg.displayName || pkg.name
+        }), pkg.version && /*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "text-[10px] px-1.5 py-0.5 rounded bg-white/10 opacity-60",
+          children: ["v", pkg.version]
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-[10px] px-1.5 py-0.5 rounded ".concat(pkg.visibility === "private" ? "bg-amber-500/20 text-amber-300" : "bg-emerald-500/20 text-emerald-300"),
+          children: pkg.visibility || "public"
+        })]
+      }), pkg.description && /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "text-xs opacity-50 truncate",
+        children: pkg.description
+      }), updatedAt && /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "text-[10px] opacity-40",
+        children: ["Updated ", updatedAt]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("button", {
+      type: "button",
+      onClick: onEdit,
+      className: "flex-shrink-0 ml-2 text-xs opacity-40 hover:opacity-80 cursor-pointer",
+      children: "Edit"
+    })]
+  });
+};
+var EditField = function EditField(_ref7) {
+  var label = _ref7.label,
+    value = _ref7.value,
+    _onChange = _ref7.onChange;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-1",
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "text-xs opacity-50",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx("input", {
+      type: "text",
+      value: value,
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      },
+      className: "bg-white/5 border border-white/10 rounded px-2 py-1 text-sm focus:outline-none focus:border-white/30"
+    })]
+  });
+};
+
 var SECTIONS = [{
+  key: "general",
+  label: "General",
+  icon: "cog"
+}, {
+  key: "account",
+  label: "Account",
+  icon: "circle-user"
+}, {
   key: "dashboards",
   label: "Dashboards",
   icon: "clone"
-}, {
-  key: "folders",
-  label: "Folders",
-  icon: "folder"
 }, {
   key: "providers",
   label: "Providers",
   icon: "plug"
-}, {
-  key: "themes",
-  label: "Themes",
-  icon: "palette"
 }, {
   key: "widgets",
   label: "Widgets",
   icon: "puzzle-piece"
 }, {
-  key: "general",
-  label: "General",
-  icon: "cog"
+  key: "folders",
+  label: "Folders",
+  icon: "folder"
+}, {
+  key: "themes",
+  label: "Themes",
+  icon: "palette"
 }];
 var AppSettingsModal = function AppSettingsModal(_ref) {
   var isOpen = _ref.isOpen,
     setIsOpen = _ref.setIsOpen,
     _ref$initialSection = _ref.initialSection,
-    initialSection = _ref$initialSection === void 0 ? "dashboards" : _ref$initialSection,
+    initialSection = _ref$initialSection === void 0 ? "general" : _ref$initialSection,
     _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
     _ref$menuItems = _ref.menuItems,
@@ -37914,7 +38403,17 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
     _ref$onReloadMenuItem = _ref.onReloadMenuItems,
     onReloadMenuItems = _ref$onReloadMenuItem === void 0 ? null : _ref$onReloadMenuItem,
     _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
-    onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito;
+    onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
+    _ref$authStatus = _ref.authStatus,
+    authStatus = _ref$authStatus === void 0 ? "loading" : _ref$authStatus,
+    _ref$authProfile = _ref.authProfile,
+    authProfile = _ref$authProfile === void 0 ? null : _ref$authProfile,
+    _ref$onSignIn = _ref.onSignIn,
+    onSignIn = _ref$onSignIn === void 0 ? null : _ref$onSignIn,
+    _ref$onSignOut = _ref.onSignOut,
+    onSignOut = _ref$onSignOut === void 0 ? null : _ref$onSignOut,
+    _ref$onProfileUpdated = _ref.onProfileUpdated,
+    onProfileUpdated = _ref$onProfileUpdated === void 0 ? null : _ref$onProfileUpdated;
   var _useState = React.useState(initialSection),
     _useState2 = _slicedToArray(_useState, 2),
     activeSection = _useState2[0],
@@ -37946,7 +38445,12 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(DashReact.SettingsModal, {
     isOpen: isOpen,
     setIsOpen: setIsOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SettingsModal.Sidebar, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SettingsModal.Title, {
+      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, {
+        title: "Settings",
+        padding: false
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SettingsModal.Sidebar, {
       children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Content, {
         children: SECTIONS.map(function (section) {
           var isActive = activeSection === section.key;
@@ -38026,6 +38530,15 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
         onCreateAcknowledged: function onCreateAcknowledged() {
           return setCreateRequested(false);
         }
+      }), activeSection === "account" && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1 overflow-y-auto p-6 ".concat(panelStyles.textColor || "text-gray-200"),
+        children: /*#__PURE__*/jsxRuntime.jsx(AccountSection, {
+          authStatus: authStatus,
+          authProfile: authProfile,
+          onSignIn: onSignIn,
+          onSignOut: onSignOut,
+          onProfileUpdated: onProfileUpdated
+        })
       }), activeSection === "general" && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex-1 overflow-y-auto p-6 ".concat(panelStyles.textColor || "text-gray-200"),
         children: /*#__PURE__*/jsxRuntime.jsx(GeneralSection, {})