@trops/dash-core 0.1.216 → 0.1.218

package/dist/index.js

@@ -6043,45 +6043,42 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
               text: "".concat(state.selectedWidgets.length, " selected")
             })]
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "grid grid-cols-2 lg:grid-cols-3 gap-3",
+            className: "grid grid-cols-3 gap-3",
             children: filteredWidgets.map(function (widget) {
               var checked = isWidgetSelected(widget);
-              return /*#__PURE__*/jsxRuntime.jsx(DashReact.Card2, {
+              return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
                 hover: true,
                 selected: checked,
-                padding: "p-5",
+                padding: "p-4",
                 rounded: "rounded-lg",
-                className: "hover:shadow-lg",
+                className: "hover:shadow-lg flex flex-col",
                 onClick: function onClick() {
                   return handleToggleWidget(widget);
                 },
-                children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                  className: "flex items-start gap-2",
-                  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex items-start justify-between gap-2",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex items-center gap-1.5",
+                    children: [widget.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                      icon: resolveIcon(widget.icon),
+                      fixedWidth: true,
+                      className: "text-gray-400 text-sm"
+                    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-sm font-medium text-gray-200 truncate",
+                      children: widget.name
+                    })]
+                  }), /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
                     icon: checked ? "square-check" : "square",
                     fixedWidth: true,
-                    className: checked ? "text-blue-400 mt-0.5" : "text-gray-500 mt-0.5"
-                  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                    className: "flex flex-col gap-0.5 min-w-0",
-                    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-                      className: "flex items-center gap-1.5",
-                      children: [widget.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-                        icon: resolveIcon(widget.icon),
-                        fixedWidth: true,
-                        className: "text-gray-400 text-xs"
-                      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                        className: "text-sm font-medium text-gray-200 truncate",
-                        children: widget.name
-                      })]
-                    }), widget.description && /*#__PURE__*/jsxRuntime.jsx("p", {
-                      className: "text-xs text-gray-400 line-clamp-2",
-                      children: widget.description
-                    }), widget.packageDisplayName && /*#__PURE__*/jsxRuntime.jsx("span", {
-                      className: "text-xs text-gray-500",
-                      children: widget.packageDisplayName
-                    })]
+                    className: checked ? "text-blue-400 flex-shrink-0" : "text-gray-500 flex-shrink-0"
                   })]
-                })
+                }), widget.description && /*#__PURE__*/jsxRuntime.jsx("p", {
+                  className: "text-xs text-gray-400 line-clamp-2 mt-1.5 flex-1",
+                  children: widget.description
+                }), widget.packageDisplayName && /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-xs text-gray-500 mt-2 pt-1.5 border-t border-gray-700/50 truncate",
+                  children: widget.packageDisplayName
+                })]
               }, widget.key);
             })
           })]