@trops/dash-core 0.1.544 → 0.1.546

package/dist/index.js

@@ -56769,8 +56769,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
             return setActiveTab("dependencies");
           },
           className: "px-3 py-1.5 text-sm font-medium -mb-px border-b-2 ".concat(activeTab === "dependencies" ? "border-indigo-400" : "border-transparent opacity-60 hover:opacity-100"),
-          children: ["Dependencies", dependencyCount > 0 && /*#__PURE__*/jsxRuntime.jsxs("span", {
-            className: "ml-2 text-[10px] opacity-60",
+          children: ["Dependencies", dependencyCount > 0 && /*#__PURE__*/jsxRuntime.jsxs(DashReact.Caption2, {
+            className: "ml-2",
             children: ["(", dependencyCount, ")"]
           }), hasUnknownDependency && /*#__PURE__*/jsxRuntime.jsx("span", {
             className: "ml-1 inline-block h-1.5 w-1.5 rounded-full bg-amber-400 align-middle"
@@ -56993,7 +56993,7 @@ function NotificationsTab(_ref4) {
         placeholder: "Search widgets...",
         inputClassName: "py-1.5 text-xs"
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-row items-center justify-between text-[10px]",
+        className: "flex flex-row items-center justify-between text-xs",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: "opacity-50",
           children: [filtered.length, " of ", widgetInstances.length, " widget", widgetInstances.length === 1 ? "" : "s"]
@@ -57028,11 +57028,10 @@ function NotificationsTab(_ref4) {
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
               className: "text-sm font-medium",
               children: wi.title
-            }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-              className: "text-[10px] opacity-50 font-mono",
+            }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Caption, {
+              className: "font-mono",
               children: [wi.component, wi.itemId != null ? " \xB7 #".concat(wi.itemId) : ""]
-            }), /*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "text-[10px] opacity-40",
+            }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption3, {
               children: wi["package"]
             })]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -57049,8 +57048,7 @@ function NotificationsTab(_ref4) {
                     children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                       className: "text-xs",
                       children: notif.displayName
-                    }), notif.description && /*#__PURE__*/jsxRuntime.jsx("span", {
-                      className: "text-[10px] opacity-50",
+                    }), notif.description && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
                       children: notif.description
                     })]
                   }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
@@ -57110,8 +57108,11 @@ function ProvidersTab(_ref5) {
   var topValue = allSame ? ((_selectedRows$ = selectedRows[0]) === null || _selectedRows$ === void 0 ? void 0 : _selectedRows$.resolvedProviderName) || "" : "";
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-row gap-3 h-full min-h-0",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
+    children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
+      padding: "",
+      shadow: "",
+      rounded: "rounded-lg",
+      className: "w-56 flex-shrink-0 overflow-hidden flex flex-col",
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
         children: "Provider Types"
@@ -57150,8 +57151,11 @@ function ProvidersTab(_ref5) {
           }, providerType);
         })
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Card2, {
+      padding: "",
+      shadow: "",
+      rounded: "rounded-lg",
+      className: "flex-1 min-w-0 overflow-hidden flex flex-col",
       children: selectedType ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "px-4 py-3 flex-shrink-0",
@@ -57214,12 +57218,13 @@ function ProvidersTab(_ref5) {
                         "aria-label": "required",
                         children: "*"
                       })]
-                    }), (row.widgetRef || row.component) && /*#__PURE__*/jsxRuntime.jsx("div", {
-                      className: "text-[10px] opacity-50 font-mono truncate mt-0.5",
+                    }), (row.widgetRef || row.component) && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
+                      block: true,
+                      className: "font-mono truncate mt-0.5",
                       title: row.widgetRef || row.component,
                       children: row.widgetRef || row.component
                     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                      className: "flex items-center gap-1.5 mt-1 text-[10px]",
+                      className: "flex items-center gap-1.5 mt-1 text-xs",
                       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                         className: "uppercase tracking-wide px-1.5 py-0.5 rounded font-semibold ".concat(needsAttention ? "bg-red-600 text-white" : isRequired ? "bg-indigo-800 text-indigo-100" : "bg-gray-700 text-gray-300"),
                         children: isRequired ? "required" : "optional"
@@ -57408,8 +57413,11 @@ function ListenersTab(_ref0) {
     className: "flex flex-col gap-3 h-full min-h-0",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-row gap-3 flex-1 min-h-0",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
+      children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
+        padding: "",
+        shadow: "",
+        rounded: "rounded-lg",
+        className: "w-56 flex-shrink-0 overflow-hidden flex flex-col",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
           children: "Widgets"
@@ -57426,8 +57434,9 @@ function ListenersTab(_ref0) {
               children: [/*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "text-sm font-medium truncate",
                 children: r.label
-              }), r.widgetRef && /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "text-[10px] opacity-50 font-mono truncate mt-0.5",
+              }), r.widgetRef && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
+                block: true,
+                className: "font-mono truncate mt-0.5",
                 title: r.widgetRef,
                 children: r.widgetRef
               })]
@@ -57452,8 +57461,11 @@ function ListenersTab(_ref0) {
           onAdd: onAdd,
           onRemove: onRemove
         })]
-      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg flex items-center justify-center text-sm opacity-60",
+      }) : /*#__PURE__*/jsxRuntime.jsx(DashReact.Card2, {
+        padding: "",
+        shadow: "",
+        rounded: "rounded-lg",
+        className: "flex-1 min-w-0 flex items-center justify-center text-sm opacity-60",
         children: "Pick a widget on the left to wire its handlers."
       })]
     })
@@ -57487,8 +57499,11 @@ function HandlersColumn(_ref10) {
     }
     return m;
   }, [myWiring]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
+  return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
+    padding: "",
+    shadow: "",
+    rounded: "rounded-lg",
+    className: "w-56 flex-shrink-0 overflow-hidden flex flex-col",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
       children: "Event Handlers"
@@ -57573,8 +57588,11 @@ function EventsColumn(_ref11) {
     return w.isOrphan;
   });
   if (!handlerName) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg flex items-center justify-center text-sm opacity-60",
+    return /*#__PURE__*/jsxRuntime.jsx(DashReact.Card2, {
+      padding: "",
+      shadow: "",
+      rounded: "rounded-lg",
+      className: "flex-1 min-w-0 flex items-center justify-center text-sm opacity-60",
       children: "Select a handler to view available events."
     });
   }
@@ -57602,8 +57620,11 @@ function EventsColumn(_ref11) {
   var emittersForList = emitters.filter(function (e) {
     return !(e.component === receiver.component && String(e.itemId) === String(receiver.itemId));
   });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
+  return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
+    padding: "",
+    shadow: "",
+    rounded: "rounded-lg",
+    className: "flex-1 min-w-0 overflow-hidden flex flex-col",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 px-4 py-2 text-xs opacity-60",
       children: ["Check an event to fire ", /*#__PURE__*/jsxRuntime.jsx("code", {
@@ -57626,8 +57647,9 @@ function EventsColumn(_ref11) {
             children: [/*#__PURE__*/jsxRuntime.jsx("div", {
               className: "text-sm font-semibold",
               children: e.label
-            }), (e.widgetRef || e.component) && /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "text-[10px] opacity-50 font-mono truncate",
+            }), (e.widgetRef || e.component) && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
+              block: true,
+              className: "font-mono truncate",
               children: (e.widgetRef || e.component) + (e.itemId != null ? "[".concat(e.itemId, "]") : "")
             })]
           }), e.events.map(function (eventName) {