@stacksjs/stx 0.2.174 → 0.2.176

package/dist/client-script.js

@@ -169,6 +169,7 @@ const BROWSER_CORE_IMPORTS = [
   "clamp",
   "rand",
   "readableSize",
+  "useActiveElement",
   "useDocumentVisibility",
   "useIntervalFn"
 ];

package/dist/component-renderer.js

@@ -6,6 +6,7 @@ import { renderComponentWithSlot, userComponentFileExists } from "./utils.js";
 import { createSafeFunction, isExpressionSafe, safeEvaluateObject } from "./safe-evaluator.js";
 import { BOOLEAN_ATTRIBUTE_SENTINEL } from "./prop-sentinels.js";
 import { COMPONENT_PASSTHROUGH_X_ATTRS } from "./runtime-globals.js";
+import { stripCommentsAndLiterals } from "./strip-literals.js";
 import fs from "node:fs";
 import path from "node:path";
 let builtinsRegistered = !1;
@@ -183,6 +184,18 @@ function parseComponentProps(rawProps, context, options) {
     serverDynamic: {},
     clientReactive: {},
     events: {}
+  }, clientSignalNames = new Set(Array.isArray(context.__stx_client_signal_names) ? context.__stx_client_signal_names : []), referencesClientSignal = (expression) => {
+    if (clientSignalNames.size === 0)
+      return !1;
+    const code = stripCommentsAndLiterals(expression), leadingIdentifier = code.match(/^\s*[!+~(-]*\s*([a-zA-Z_$][\w$]*)/)?.[1];
+    if (leadingIdentifier && clientSignalNames.has(leadingIdentifier))
+      return !0;
+    for (const signalName of clientSignalNames) {
+      const escapedName = signalName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      if (new RegExp(`(?:^|[^\\w$.])${escapedName}\\s*\\(`).test(code))
+        return !0;
+    }
+    return !1;
   }, ALPINE_PASSTHROUGH = new Set(COMPONENT_PASSTHROUGH_X_ATTRS), kebabToCamel = (key) => {
     if (!key.includes("-") || key.startsWith("@") || key.startsWith(":") || key.startsWith("x-") || key.startsWith("__"))
       return key;
@@ -212,6 +225,10 @@ function parseComponentProps(rawProps, context, options) {
         resolved.clientReactive[propName] = expression;
         continue;
       }
+      if (referencesClientSignal(expression)) {
+        resolved.clientReactive[propName] = expression;
+        continue;
+      }
       try {
         if (!isExpressionSafe(expression)) {
           if (options.debug)