@kbach/react 0.6.11 → 0.6.12

package/dist/{chunk-Z5SUFJ53.mjs → chunk-GTDMKS7C.mjs}

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

package/dist/{chunk-OWJUMH2V.mjs → chunk-WYOKBFSK.mjs}

@@ -1793,6 +1793,16 @@ var RESOLVERS = {
     };
     return offsets[value] ? { textUnderlineOffset: offsets[value] } : null;
   },
+  // ── Content (web-only — for before:/after: pseudo-elements, which don't exist on native) ──
+  // Arbitrary value carries its own quotes from the bracket syntax (content-['*'] parses to
+  // the literal string 'you can see it' quotes included), so it passes straight through as a
+  // valid `content: '*'` CSS value with no extra wrapping needed.
+  content: ({ value, isArbitrary }) => {
+    if (!getEffectiveIsWeb()) return null;
+    if (isArbitrary) return { content: value };
+    const presets = { none: "none" };
+    return value in presets ? { content: presets[value] } : null;
+  },
   // ── Outline extended (web-only) ───────────────────────────────────────────
   outline: ({ value, isArbitrary }, { colors }) => {
     if (!getEffectiveIsWeb()) return null;

package/dist/index.js

@@ -1954,6 +1954,16 @@ var RESOLVERS = {
     };
     return offsets[value] ? { textUnderlineOffset: offsets[value] } : null;
   },
+  // ── Content (web-only — for before:/after: pseudo-elements, which don't exist on native) ──
+  // Arbitrary value carries its own quotes from the bracket syntax (content-['*'] parses to
+  // the literal string 'you can see it' quotes included), so it passes straight through as a
+  // valid `content: '*'` CSS value with no extra wrapping needed.
+  content: ({ value, isArbitrary }) => {
+    if (!getEffectiveIsWeb()) return null;
+    if (isArbitrary) return { content: value };
+    const presets = { none: "none" };
+    return value in presets ? { content: presets[value] } : null;
+  },
   // ── Outline extended (web-only) ───────────────────────────────────────────
   outline: ({ value, isArbitrary }, { colors }) => {
     if (!getEffectiveIsWeb()) return null;

package/dist/index.mjs

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

package/dist/jsx-dev-runtime.js

@@ -1912,6 +1912,16 @@ var RESOLVERS = {
     };
     return offsets[value] ? { textUnderlineOffset: offsets[value] } : null;
   },
+  // ── Content (web-only — for before:/after: pseudo-elements, which don't exist on native) ──
+  // Arbitrary value carries its own quotes from the bracket syntax (content-['*'] parses to
+  // the literal string 'you can see it' quotes included), so it passes straight through as a
+  // valid `content: '*'` CSS value with no extra wrapping needed.
+  content: ({ value, isArbitrary }) => {
+    if (!getEffectiveIsWeb()) return null;
+    if (isArbitrary) return { content: value };
+    const presets = { none: "none" };
+    return value in presets ? { content: presets[value] } : null;
+  },
   // ── Outline extended (web-only) ───────────────────────────────────────────
   outline: ({ value, isArbitrary }, { colors }) => {
     if (!getEffectiveIsWeb()) return null;

package/dist/jsx-dev-runtime.mjs

@@ -3,8 +3,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-Z5SUFJ53.mjs";
-import "./chunk-OWJUMH2V.mjs";
+} from "./chunk-GTDMKS7C.mjs";
+import "./chunk-WYOKBFSK.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.js

@@ -1913,6 +1913,16 @@ var RESOLVERS = {
     };
     return offsets[value] ? { textUnderlineOffset: offsets[value] } : null;
   },
+  // ── Content (web-only — for before:/after: pseudo-elements, which don't exist on native) ──
+  // Arbitrary value carries its own quotes from the bracket syntax (content-['*'] parses to
+  // the literal string 'you can see it' quotes included), so it passes straight through as a
+  // valid `content: '*'` CSS value with no extra wrapping needed.
+  content: ({ value, isArbitrary }) => {
+    if (!getEffectiveIsWeb()) return null;
+    if (isArbitrary) return { content: value };
+    const presets = { none: "none" };
+    return value in presets ? { content: presets[value] } : null;
+  },
   // ── Outline extended (web-only) ───────────────────────────────────────────
   outline: ({ value, isArbitrary }, { colors }) => {
     if (!getEffectiveIsWeb()) return null;

package/dist/jsx-runtime.mjs

@@ -4,10 +4,10 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-Z5SUFJ53.mjs";
+} from "./chunk-GTDMKS7C.mjs";
 import {
   registerWebElement
-} from "./chunk-OWJUMH2V.mjs";
+} from "./chunk-WYOKBFSK.mjs";
 export {
   Fragment,
   _invalidateDefaultFontCache,

package/dist/vite-plugin.js

@@ -1727,6 +1727,16 @@ var RESOLVERS = {
     };
     return offsets[value] ? { textUnderlineOffset: offsets[value] } : null;
   },
+  // ── Content (web-only — for before:/after: pseudo-elements, which don't exist on native) ──
+  // Arbitrary value carries its own quotes from the bracket syntax (content-['*'] parses to
+  // the literal string 'you can see it' quotes included), so it passes straight through as a
+  // valid `content: '*'` CSS value with no extra wrapping needed.
+  content: ({ value, isArbitrary }) => {
+    if (!getEffectiveIsWeb()) return null;
+    if (isArbitrary) return { content: value };
+    const presets = { none: "none" };
+    return value in presets ? { content: presets[value] } : null;
+  },
   // ── Outline extended (web-only) ───────────────────────────────────────────
   outline: ({ value, isArbitrary }, { colors }) => {
     if (!getEffectiveIsWeb()) return null;
@@ -3232,7 +3242,7 @@ function pushTemplateLiteralBody(body, into) {
   while ((im = interpolationRe.exec(body)) !== null) {
     pushClassLikeStrings(im[0], into);
   }
-  pushTokens(body.replace(/\$\{(?:[^{}]|\{[^{}]*\})*\}/g, " "), into);
+  pushTokens(body.replace(/\$\{(?:[^{}]|\{[^{}]*\})*\}/g, () => "$"), into);
 }
 function pushClassLikeStrings(text, into) {
   const quotedStringRe = /(["'`])((?:(?!\1).)*)\1/g;
@@ -3245,9 +3255,9 @@ function pushClassLikeStrings(text, into) {
 }
 function extractClassStrings(code) {
   const found = /* @__PURE__ */ new Set();
-  const simpleRe = /(?:className|kb)=["']([^"']+)["']/g;
+  const simpleRe = /(?:className|kb)=(["'])((?:(?!\1).)*)\1/g;
   let m;
-  while ((m = simpleRe.exec(code)) !== null) pushTokens(m[1], found);
+  while ((m = simpleRe.exec(code)) !== null) pushTokens(m[2], found);
   const jsxExprRe = /(?:className|kb)=\{/g;
   while ((m = jsxExprRe.exec(code)) !== null) {
     let depth = 1;

package/dist/vite-plugin.mjs

@@ -1693,6 +1693,16 @@ var RESOLVERS = {
     };
     return offsets[value] ? { textUnderlineOffset: offsets[value] } : null;
   },
+  // ── Content (web-only — for before:/after: pseudo-elements, which don't exist on native) ──
+  // Arbitrary value carries its own quotes from the bracket syntax (content-['*'] parses to
+  // the literal string 'you can see it' quotes included), so it passes straight through as a
+  // valid `content: '*'` CSS value with no extra wrapping needed.
+  content: ({ value, isArbitrary }) => {
+    if (!getEffectiveIsWeb()) return null;
+    if (isArbitrary) return { content: value };
+    const presets = { none: "none" };
+    return value in presets ? { content: presets[value] } : null;
+  },
   // ── Outline extended (web-only) ───────────────────────────────────────────
   outline: ({ value, isArbitrary }, { colors }) => {
     if (!getEffectiveIsWeb()) return null;
@@ -3198,7 +3208,7 @@ function pushTemplateLiteralBody(body, into) {
   while ((im = interpolationRe.exec(body)) !== null) {
     pushClassLikeStrings(im[0], into);
   }
-  pushTokens(body.replace(/\$\{(?:[^{}]|\{[^{}]*\})*\}/g, " "), into);
+  pushTokens(body.replace(/\$\{(?:[^{}]|\{[^{}]*\})*\}/g, () => "$"), into);
 }
 function pushClassLikeStrings(text, into) {
   const quotedStringRe = /(["'`])((?:(?!\1).)*)\1/g;
@@ -3211,9 +3221,9 @@ function pushClassLikeStrings(text, into) {
 }
 function extractClassStrings(code) {
   const found = /* @__PURE__ */ new Set();
-  const simpleRe = /(?:className|kb)=["']([^"']+)["']/g;
+  const simpleRe = /(?:className|kb)=(["'])((?:(?!\1).)*)\1/g;
   let m;
-  while ((m = simpleRe.exec(code)) !== null) pushTokens(m[1], found);
+  while ((m = simpleRe.exec(code)) !== null) pushTokens(m[2], found);
   const jsxExprRe = /(?:className|kb)=\{/g;
   while ((m = jsxExprRe.exec(code)) !== null) {
     let depth = 1;

package/package.json

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