@burtson-labs/bandit-engine 2.0.92 → 2.0.93

package/dist/index.js

@@ -15427,13 +15427,13 @@ var init_source_chips = __esm({
               href: source.url,
               target: "_blank",
               rel: "noopener noreferrer",
-              className: "source-chip",
               sx: {
                 display: "inline-flex",
                 alignItems: "center",
                 flexShrink: 0,
+                gap: 0.5,
                 height: 26,
-                px: 0.4,
+                px: 0.75,
                 borderRadius: 999,
                 border: "1px solid",
                 borderColor: "divider",
@@ -15477,9 +15477,8 @@ var init_source_chips = __esm({
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   import_material11.Box,
                   {
-                    className: "chip-label",
                     component: "span",
-                    sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+                    sx: { maxWidth: 150, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
                     children: label
                   }
                 )
@@ -15508,37 +15507,7 @@ var init_source_chips = __esm({
             children: "Sources"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_material11.Box,
-          {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              flexWrap: "wrap",
-              rowGap: 0.5,
-              // Touch / no-hover devices: chips stay expanded (no hover to reveal).
-              "& .source-chip": { ml: "4px" },
-              "& .source-chip:first-of-type": { ml: 0 },
-              "& .chip-label": { maxWidth: 200, opacity: 1, ml: 0.6 },
-              // Hover-capable devices: collapse into an overlapping favicon stack
-              // that spreads out and reveals titles when the rail is hovered.
-              "@media (hover: hover)": {
-                "& .source-chip": { ml: "-10px", transition: "margin-left 0.22s ease" },
-                "& .source-chip:first-of-type": { ml: 0 },
-                "& .chip-label": {
-                  maxWidth: 0,
-                  opacity: 0,
-                  ml: 0,
-                  transition: "max-width 0.28s ease, opacity 0.18s ease, margin-left 0.2s ease"
-                },
-                "&:hover .source-chip": { ml: "6px" },
-                "&:hover .source-chip:first-of-type": { ml: 0 },
-                "&:hover .chip-label": { maxWidth: 200, opacity: 1, ml: 0.6 }
-              }
-            },
-            children: sources.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SourceChip, { source: s }, `${s.url}-${i}`))
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Box, { sx: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 0.75 }, children: sources.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SourceChip, { source: s }, `${s.url}-${i}`)) })
       ] });
     };
     source_chips_default = SourceChips;