@kbach/react 0.6.13 → 0.6.15

package/dist/{chunk-7DHBNCL5.mjs → chunk-THJIAZ6E.mjs}

@@ -23,7 +23,7 @@ import {
   transformToWebProps,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-HCRWLOJE.mjs";
+} from "./chunk-YH2IOSKT.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/{chunk-HCRWLOJE.mjs → chunk-YH2IOSKT.mjs}

@@ -2289,7 +2289,7 @@ var RESOLVERS = {
   "translate-x": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateX(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateX(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateX: n }] };
@@ -2299,7 +2299,7 @@ var RESOLVERS = {
   "translate-y": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateY(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateY(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateY: n }] };

package/dist/index.js

@@ -2450,7 +2450,7 @@ var RESOLVERS = {
   "translate-x": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateX(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateX(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateX: n }] };
@@ -2460,7 +2460,7 @@ var RESOLVERS = {
   "translate-y": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateY(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateY(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateY: n }] };

package/dist/index.mjs

@@ -39,7 +39,7 @@ import {
   useGlobalDarkMode,
   useGlobalWidth,
   useSyncExternalStore
-} from "./chunk-HCRWLOJE.mjs";
+} from "./chunk-YH2IOSKT.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -2408,7 +2408,7 @@ var RESOLVERS = {
   "translate-x": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateX(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateX(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateX: n }] };
@@ -2418,7 +2418,7 @@ var RESOLVERS = {
   "translate-y": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateY(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateY(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateY: n }] };

package/dist/jsx-dev-runtime.mjs

@@ -3,8 +3,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-7DHBNCL5.mjs";
-import "./chunk-HCRWLOJE.mjs";
+} from "./chunk-THJIAZ6E.mjs";
+import "./chunk-YH2IOSKT.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.js

@@ -2409,7 +2409,7 @@ var RESOLVERS = {
   "translate-x": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateX(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateX(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateX: n }] };
@@ -2419,7 +2419,7 @@ var RESOLVERS = {
   "translate-y": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateY(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateY(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateY: n }] };

package/dist/jsx-runtime.mjs

@@ -4,10 +4,10 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-7DHBNCL5.mjs";
+} from "./chunk-THJIAZ6E.mjs";
 import {
   registerWebElement
-} from "./chunk-HCRWLOJE.mjs";
+} from "./chunk-YH2IOSKT.mjs";
 export {
   Fragment,
   _invalidateDefaultFontCache,

package/dist/vite-plugin.js

@@ -2223,7 +2223,7 @@ var RESOLVERS = {
   "translate-x": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateX(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateX(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateX: n }] };
@@ -2233,7 +2233,7 @@ var RESOLVERS = {
   "translate-y": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateY(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateY(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateY: n }] };
@@ -3493,9 +3493,21 @@ function kbach(userConfigOrOptions) {
     },
     // When any JS/TS file imports kbach.css, prepend a disableRuntimeCSS() call
     // so styles come solely from the static stylesheet — no duplicate injection.
+    //
+    // Anchored to the START of a source line (^\s*, with the m flag) rather than a
+    // bare \bimport\b anywhere in the file — disableRuntimeCSS() sets a globalThis
+    // flag with no way to re-enable it, so a false match here doesn't just misfire
+    // once, it silently kills ALL runtime CSS injection for the rest of that page's
+    // JS lifetime, including on completely unrelated components. A real import
+    // statement is always the first token on its line (give or take whitespace);
+    // this same text appearing as part of a STRING — e.g. a docs site's own code
+    // sample literally showing `import "./kbach.css";` as example text, which is
+    // exactly what happened here — is never positioned that way, since something
+    // always precedes it syntactically (a quote, JSX braces, an array bracket, …).
     transform(code, id) {
       if (!/\.(tsx?|jsx?|mjs?)$/.test(id)) return;
-      if (!/\bimport\b[^;]*['"].*kbach\.css['"]/i.test(code)) return;
+      if (!/^\s*import\b[^;]*['"][^'"]*kbach\.css['"]/im.test(code)) return;
+      warn(`disableRuntimeCSS() auto-triggered by an import in ${id.replace(/\\/g, "/")}`);
       return {
         code: `import { disableRuntimeCSS } from '@kbach/react';
 disableRuntimeCSS();

package/dist/vite-plugin.mjs

@@ -2189,7 +2189,7 @@ var RESOLVERS = {
   "translate-x": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateX(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateX(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateX: n }] };
@@ -2199,7 +2199,7 @@ var RESOLVERS = {
   "translate-y": ({ value, negative, isArbitrary }, { spacing }) => {
     const v = resolveSpacing(value, negative, spacing, isArbitrary);
     if (v === null) return null;
-    if (getEffectiveIsWeb()) return { transform: `translateY(${v})` };
+    if (getEffectiveIsWeb()) return { transform: `translateY(${typeof v === "number" ? `${v}px` : v})` };
     if (typeof v === "string") {
       const n = parseFloat(v);
       return isNaN(n) ? null : { transform: [{ translateY: n }] };
@@ -3459,9 +3459,21 @@ function kbach(userConfigOrOptions) {
     },
     // When any JS/TS file imports kbach.css, prepend a disableRuntimeCSS() call
     // so styles come solely from the static stylesheet — no duplicate injection.
+    //
+    // Anchored to the START of a source line (^\s*, with the m flag) rather than a
+    // bare \bimport\b anywhere in the file — disableRuntimeCSS() sets a globalThis
+    // flag with no way to re-enable it, so a false match here doesn't just misfire
+    // once, it silently kills ALL runtime CSS injection for the rest of that page's
+    // JS lifetime, including on completely unrelated components. A real import
+    // statement is always the first token on its line (give or take whitespace);
+    // this same text appearing as part of a STRING — e.g. a docs site's own code
+    // sample literally showing `import "./kbach.css";` as example text, which is
+    // exactly what happened here — is never positioned that way, since something
+    // always precedes it syntactically (a quote, JSX braces, an array bracket, …).
     transform(code, id) {
       if (!/\.(tsx?|jsx?|mjs?)$/.test(id)) return;
-      if (!/\bimport\b[^;]*['"].*kbach\.css['"]/i.test(code)) return;
+      if (!/^\s*import\b[^;]*['"][^'"]*kbach\.css['"]/im.test(code)) return;
+      warn(`disableRuntimeCSS() auto-triggered by an import in ${id.replace(/\\/g, "/")}`);
       return {
         code: `import { disableRuntimeCSS } from '@kbach/react';
 disableRuntimeCSS();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.6.13",
+  "version": "0.6.15",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",