@epoch32/visage 1.1.2 → 1.1.3

package/dist/api/index.js

@@ -988,7 +988,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/charts/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/devtools/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);
@@ -2509,7 +2509,12 @@ function TabsTrigger(props) {
     "data-value": value,
     tabIndex: () => isSelected() ? 0 : -1,
     disabled,
-    class: className,
+    class: [
+      className,
+      {
+        active: isSelected
+      }
+    ],
     style,
     onClick: handleClick,
     ...rest,

package/dist/dom/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/form/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/index.js

@@ -988,7 +988,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);
@@ -6556,7 +6556,12 @@ function TabsTrigger(props) {
     "data-value": value,
     tabIndex: () => isSelected() ? 0 : -1,
     disabled,
-    class: className,
+    class: [
+      className,
+      {
+        active: isSelected
+      }
+    ],
     style,
     onClick: handleClick,
     ...rest,

package/dist/jsx-runtime/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/query/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/router/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/rpc/index.js

@@ -934,7 +934,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/server/index.js

@@ -307,7 +307,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/signals/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/style/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/template/index.js

@@ -307,7 +307,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/dist/ui/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);
@@ -3774,7 +3774,12 @@ function TabsTrigger(props) {
     "data-value": value,
     tabIndex: () => isSelected() ? 0 : -1,
     disabled,
-    class: className,
+    class: [
+      className,
+      {
+        active: isSelected
+      }
+    ],
     style,
     onClick: handleClick,
     ...rest,

package/dist/virtual/index.js

@@ -724,7 +724,7 @@ function createContext(defaultValue) {
       }
       scope.context.set(id, props.value);
       return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? untrack(() => props.children()) : props.children;
+        const content = typeof props.children === "function" ? props.children() : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();
           insertChild(frag, content);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epoch32/visage",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Lightning-fast, zero-VDOM, fine-grained reactive UI library with full TypeScript support",
   "type": "module",
   "main": "./dist/index.js",

package/src/signals/context.ts

@@ -1,6 +1,5 @@
 import { type Child, insertChild } from "../dom/render";
 import { getActiveScope, runInScope, Scope } from "./scope";
-import { untrack } from "./system";
 
 export interface Context<T> {
   id: symbol;
@@ -54,7 +53,7 @@ export function createContext<T>(defaultValue?: T): Context<T | undefined> {
       return runInScope(scope, () => {
         const content =
           typeof props.children === "function"
-            ? untrack(() => (props.children as (...args: any[]) => any)())
+            ? (props.children as (...args: any[]) => any)()
             : props.children;
         if (typeof document !== "undefined") {
           const frag = document.createDocumentFragment();

package/src/ui/tabs.tsx

@@ -227,7 +227,12 @@ export function TabsTrigger(props: TabsTriggerProps): Child {
       data-value={value}
       tabIndex={() => (isSelected() ? 0 : -1)}
       disabled={disabled}
-      class={className}
+      class={[
+        className,
+        {
+          active: isSelected
+        }
+      ]}
       style={style}
       onClick={handleClick}
       {...rest}