@bytebrand/fe-ui-core-autobahn 1.0.96 → 1.0.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.96",
+  "version": "1.0.97",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/ui/Dropdown.tsx

@@ -86,7 +86,18 @@ const Dropdown: React.FunctionComponent<DropdownProps> = ({
   const filteredOptions = React.useMemo(() => {
     if (!searchable || !query.trim()) return options;
     const q = query.trim().toLowerCase();
-    return options.filter((o) => o.label.toLowerCase().includes(q));
+    const matches = options.filter((o) => o.label.toLowerCase().includes(q));
+    // some option lists intentionally repeat entries across groups while closed (e.g. a "Top
+    // Marken" shortlist followed by the FULL "Alle Marken" list, which includes those same top
+    // brands again) — harmless when browsing both sections, but shows the same match twice while
+    // searching. Keep only the first occurrence of each label once the user is actually filtering.
+    const seen = new Set<string>();
+    return matches.filter((o) => {
+      const key = o.label.toLowerCase();
+      if (seen.has(key)) return false;
+      seen.add(key);
+      return true;
+    });
   }, [searchable, query, options]);
 
   // deferred: when searchable, the trigger <button> is swapped out for an <input> while