fix(signals): preserve composable toggle handlers

Author: chrisbbreuer

packages/stx/src/signals.ts

@@ -1965,7 +1965,7 @@ catch (e) {
 
   function expressionUsesSignalMethod(expression, name) {
     var escapedName = name.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');
-    return new RegExp('(?:^|[^\\\\w$])' + escapedName + '\\\\s*\\\\.\\\\s*(?:set|update|subscribe)\\\\s*\\\\(').test(expression);
+    return new RegExp('(?:^|[^\\\\w$])' + escapedName + '\\\\s*\\\\.\\\\s*(?:set|update|subscribe|toggle)\\\\s*\\\\(').test(expression);
   }
 
   function expressionUsesSignalValue(expression, name) {

packages/stx/test/signals/signal-api-event.test.ts

@@ -32,6 +32,25 @@ describe('signal API event handlers', () => {
     expect(open()).toBe(true)
   })
 
+  it('keeps a signal raw when an inline handler calls a composable toggle method', async () => {
+    const dark = window.stx.state(false)
+    dark.toggle = () => dark.set(!dark())
+    window.__stx_setup_signal_toggle = () => ({ dark })
+
+    document.body.innerHTML = `
+      <main data-stx="__stx_setup_signal_toggle">
+        <button type="button">Toggle theme</button>
+      </main>
+    `
+    document.querySelector('button').setAttribute('@click', 'dark.toggle()')
+    shimAttributes(document.body)
+    document.dispatchEvent(new window.Event('DOMContentLoaded'))
+    await new Promise(resolve => setTimeout(resolve, 20))
+
+    document.querySelector('button').dispatchEvent(new window.Event('click', { bubbles: true }))
+    expect(dark()).toBe(true)
+  })
+
   it('keeps a signal raw when an inline handler assigns its value property', async () => {
     const active = window.stx.state(false)
     window.__stx_setup_signal_value = () => ({ active })