@trops/dash-core 0.1.143 → 0.1.144

package/dist/index.esm.js

@@ -33901,33 +33901,35 @@ var DashboardsSection = function DashboardsSection(_ref) {
             inputClassName: "py-1.5 text-xs"
           })
         })
-      }), /*#__PURE__*/jsx("div", {
-        className: "flex bg-white/5 rounded-md p-0.5",
-        children: [{
-          key: "grouped",
-          label: "Grouped"
-        }, {
-          key: "alphabetical",
-          label: "A-Z"
-        }, {
-          key: "marketplace",
-          label: "Marketplace"
-        }].map(function (tab) {
-          var currentTab = installMode === "marketplace" ? "marketplace" : viewMode;
-          return /*#__PURE__*/jsx("button", {
-            type: "button",
-            onClick: function onClick() {
-              if (tab.key === "marketplace") {
-                setInstallMode("marketplace");
-                setSelectedId(null);
-              } else {
-                setInstallMode(null);
-                setViewMode(tab.key);
-              }
-            },
-            className: "flex-1 px-2 py-0.5 rounded text-[11px] transition-colors ".concat(currentTab === tab.key ? "bg-white/10 font-medium opacity-90" : "opacity-50 hover:opacity-70"),
-            children: tab.label
-          }, tab.key);
+      }), /*#__PURE__*/jsx(Tabs3, {
+        value: installMode === "marketplace" ? "marketplace" : viewMode,
+        onValueChange: function onValueChange(val) {
+          if (val === "marketplace") {
+            setInstallMode("marketplace");
+            setSelectedId(null);
+          } else {
+            setInstallMode(null);
+            setViewMode(val);
+          }
+        },
+        backgroundColor: "bg-transparent",
+        spacing: "p-0",
+        children: /*#__PURE__*/jsxs(Tabs3.List, {
+          className: "w-full flex",
+          spacing: "p-0.5",
+          children: [/*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "grouped",
+            className: "flex-1",
+            children: "Grouped"
+          }), /*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "alphabetical",
+            className: "flex-1",
+            children: "A-Z"
+          }), /*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "marketplace",
+            className: "flex-1",
+            children: "Marketplace"
+          })]
         })
       })]
     }), /*#__PURE__*/jsx("div", {
@@ -39952,26 +39954,27 @@ var WidgetsSection = function WidgetsSection(_ref) {
         onChange: setSearchQuery,
         placeholder: "Search widgets...",
         inputClassName: "py-1.5 text-xs"
-      }), /*#__PURE__*/jsx("div", {
-        className: "flex bg-white/5 rounded-md p-0.5",
-        children: [{
-          key: "all",
-          label: "All"
-        }, {
-          key: "builtin",
-          label: "Built-in"
-        }, {
-          key: "installed",
-          label: "Installed"
-        }].map(function (tab) {
-          return /*#__PURE__*/jsx("button", {
-            type: "button",
-            onClick: function onClick() {
-              return setFilterSource(tab.key);
-            },
-            className: "flex-1 px-2 py-0.5 rounded text-[11px] transition-colors ".concat(filterSource === tab.key ? "bg-white/10 font-medium opacity-90" : "opacity-50 hover:opacity-70"),
-            children: tab.label
-          }, tab.key);
+      }), /*#__PURE__*/jsx(Tabs3, {
+        value: filterSource,
+        onValueChange: setFilterSource,
+        backgroundColor: "bg-transparent",
+        spacing: "p-0",
+        children: /*#__PURE__*/jsxs(Tabs3.List, {
+          className: "w-full flex",
+          spacing: "p-0.5",
+          children: [/*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "all",
+            className: "flex-1",
+            children: "All"
+          }), /*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "builtin",
+            className: "flex-1",
+            children: "Built-in"
+          }), /*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "installed",
+            className: "flex-1",
+            children: "Installed"
+          })]
         })
       }), /*#__PURE__*/jsxs("div", {
         className: "grid grid-cols-2 gap-1.5",