fix(multi-selector): remove doubled focus ring on the trigger

.changeset/multi-selector-doubled-focus-ring.md

@@ -0,0 +1,8 @@
+---
+'@astryxdesign/core': patch
+---
+
+[fix] MultiSelector: remove the trigger button's own focus outline so it no
+longer doubles the field wrapper's focus ring. The wrapper renders a single
+`:focus-within` ring, matching `Selector` and the other bordered inputs.
+@freddymeta

packages/core/src/MultiSelector/MultiSelector.tsx

@@ -119,11 +119,12 @@ const styles = stylex.create({
     lineHeight: 'inherit',
     color: 'inherit',
     cursor: 'pointer',
-    outline: {
-      default: 'none',
-      ':focus-visible': `${borderVars['--border-width']} solid ${colorVars['--color-accent']}`,
-    },
-    outlineOffset: '0',
+    // The wrapper (inputWrapperStyles.base) renders the focus ring via
+    // :focus-within when this button is focused, matching
+    // TextInput/NumberInput/Selector. The button must not draw its own
+    // :focus-visible outline or the two stack into a doubled ring over the
+    // trigger.
+    outline: 'none',
     borderRadius: radiusVars['--radius-element'],
   },
   triggerPlaceholder: {