fix: versioned sd-input validation (#2817)

<!-- ## Title: Please consider adding the [skip chromatic] flag to the
PR title in case you dont need chromatic testing your changes. -->
## Description:
Current versioning script was also changing events inside of the
`assumeInteractionOn` array on the form controller. With this fix, we
introduce a more robust strategy to identify patterns that should not be
versioned.

Original build output:

<img width="512" height="80" alt="Screenshot 2026-02-26 at 13 16 56"
src="https://github.com/user-attachments/assets/b43ccd6d-0fad-497f-bc7a-4d6ac0cf46b1"
/>



Build output with fixed versioning:

<img width="526" height="74" alt="Screenshot 2026-02-26 at 13 18 21"
src="https://github.com/user-attachments/assets/2d514e77-9601-48fc-9bda-9ccef59896b7"
/>



Versioned `sd-input` validation with fixed build output:


https://github.com/user-attachments/assets/44dffcc3-1228-4b6b-ac64-369ba291aa17



## Definition of Reviewable:
<!-- *PR notes: Irrelevant elements should be removed.* -->
- [ ] Documentation is created/updated
- [ ] Migration Guide is created/updated
<!-- *PR notes: If this PR includes a BREAKING CHANGE, a migration guide
is needed to explain how users can migrate between versions. * -->
- [ ] E2E tests (features, a11y, bug fixes) are created/updated
<!-- *If this PR includes a bug fix, an E2E test is necessary to verify
the change. If the fix is purely visual, ensuring it is captured within
our chromatic screenshot tests is sufficient.* -->
- [ ] Stories (features, a11y) are created/updated
- [ ] relevant tickets are linked

Author: smfonseca

.changeset/salty-frogs-cheat.md

@@ -0,0 +1,5 @@
+---
+'@solid-design-system/versioning': patch
+---
+
+Improved versioning script with more robust strategy to identify patterns that should not be changed. This is specially important for events inside the `assumeInteractionOn` array which affect components like the `sd-input`.

packages/versioning/index.js

@@ -73,8 +73,34 @@ export function versionComponents({ source, destination, components }) {
 
 export function replaceComponentName(fileContent, componentName, version) {
   const currentVersion = version.replace(/\./g, '-');
+  const pattern = new RegExp(`sd-${componentName}`, 'g');
 
-  // Events, CSS Variables and URLs to Storybook should not be versioned
-  const regex = new RegExp(`(?<!this.emit\\("|-|--)sd-${componentName}`, 'g');
-  return fileContent.replace(regex, `sd-${currentVersion}-${componentName}`);
+  return fileContent.replace(pattern, (match, offset) => {
+    // Extract up to 50 characters before the match.
+    // We clamp the start at 0 to avoid negative indices.
+    const beforeStartIndex = Math.max(0, offset - 50);
+
+    // The text immediately before the match, used to detect patterns like:
+    // - this.emit("sd-…")
+    // - assumeInteractionOn arrays
+    const textBeforeMatch = fileContent.slice(beforeStartIndex, offset);
+
+    // The text immediately after the match (up to 10 chars).
+    // Used to detect Storybook URLs like: sd-button--docs
+    const textAfterMatch = fileContent.slice(offset + match.length, offset + match.length + 10);
+
+    // skips css variables
+    if (fileContent.slice(Math.max(0, offset - 2), offset) === '--') return match;
+
+    // skips storybook urls
+    if (textAfterMatch.startsWith('--docs')) return match;
+
+    // skips event names passed to this.emit
+    if (textBeforeMatch.endsWith('this.emit("')) return match;
+
+    // skips event names in assumeInteractionOn arrays
+    if (textBeforeMatch.includes('assumeInteractionOn')) return match;
+
+    return `sd-${currentVersion}-${componentName}`;
+  });
 }

packages/versioning/test.js

@@ -62,6 +62,16 @@ test('should not replace event names', () => {
   assert.strictEqual(result, fileContent); // No replacements in event names
 });
 
+test('should not replace assumeInteractionOn events', () => {
+  const fileContent = `
+    const controller = new FormControlController(this, {
+      assumeInteractionOn: ['sd-input']
+    });
+  `;
+  const result = replaceComponentName(fileContent, 'input', '3.2.1');
+  assert.strictEqual(result, fileContent); // No replacements in assumeInteractionOn event names
+});
+
 test('should replace multiple occurrences', () => {
   const fileContent = `
     <div class="sd-button"></div>