@kbach/react 0.5.51 → 0.5.52

package/dist/{chunk-6YN6SRMN.mjs → chunk-6PRTRINF.mjs}

@@ -6,7 +6,7 @@ import {
   transformToWebProps,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-JVTA5SC3.mjs";
+} from "./chunk-7EUNJFX7.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -163,11 +163,11 @@ function stripWebOnlyInlineProps(s) {
 }
 function processElement(type, rawProps, key, isStaticChildren) {
   if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  const webTag = isWeb ? getWebTag(type) : null;
+  const webTag = isWeb ? getWebTag(type, rawProps ?? void 0) : null;
   const effectiveType = webTag ?? type;
   const originalName = webTag ? type?.displayName ?? type?.name : void 0;
   if (!rawProps) return _jsx(effectiveType, null, key);
-  const workingProps = webTag && originalName ? transformToWebProps(originalName, rawProps) : rawProps;
+  const workingProps = webTag && originalName ? transformToWebProps(originalName, webTag, rawProps) : rawProps;
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = workingProps;
   const classStr = className ?? kbProp ?? __kbachClasses;
   if (!isNative && isRuntimeCSSDisabled() && classStr && !__kbachStyles) {

package/dist/{chunk-JVTA5SC3.mjs → chunk-7EUNJFX7.mjs}

@@ -44,7 +44,12 @@ var _rnToHtml = {
   KeyboardAvoidingView: "div",
   ScrollView: "div",
   VirtualizedList: "div",
+  FlatList: "div",
+  SectionList: "div",
   Text: "span",
+  TextInput: "input",
+  Image: "img",
+  ImageBackground: "div",
   Pressable: "div",
   TouchableOpacity: "div",
   TouchableHighlight: "div",
@@ -58,14 +63,22 @@ function registerWebElement(rnComponent, htmlTag) {
   _userMap.set(rnComponent, htmlTag);
   _cache.delete(rnComponent);
 }
-function getWebTag(type) {
+function getWebTag(type, props) {
   if (typeof type === "string") return null;
   if (type === null || typeof type !== "function" && typeof type !== "object") return null;
   const obj = type;
   if (_userMap.has(obj)) return _userMap.get(obj);
-  if (_cache.has(obj)) return _cache.get(obj);
   const name = obj.displayName ?? obj.name;
-  const tag = name ? _rnToHtml[name] ?? null : null;
+  if (!name) {
+    _cache.set(obj, null);
+    return null;
+  }
+  if (name === "TextInput" && props) {
+    const multiline = props.multiline === true || Number(props.numberOfLines) > 1;
+    return multiline ? "textarea" : "input";
+  }
+  if (_cache.has(obj)) return _cache.get(obj);
+  const tag = _rnToHtml[name] ?? null;
   _cache.set(obj, tag);
   return tag;
 }
@@ -85,8 +98,19 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "needsOffscreenAlphaCompositing",
   "renderToHardwareTextureAndroid",
   "shouldRasterizeIOS",
-  "pointerEvents"
+  "pointerEvents",
   // RN and HTML values differ
+  "multiline",
+  "numberOfLines",
+  // handled separately
+  "resizeMode",
+  // handled separately
+  "blurOnSubmit",
+  "clearButtonMode",
+  "clearTextOnFocus",
+  "enablesReturnKeyAutomatically",
+  "returnKeyType",
+  "spellCheck"
 ]);
 var _pressableNames = /* @__PURE__ */ new Set([
   "Pressable",
@@ -95,9 +119,26 @@ var _pressableNames = /* @__PURE__ */ new Set([
   "TouchableWithoutFeedback",
   "TouchableNativeFeedback"
 ]);
-function transformToWebProps(originalName, props) {
+var _keyboardTypeMap = {
+  "numeric": "number",
+  "number-pad": "number",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  "phone-pad": "tel",
+  "url": "url"
+};
+var _resizeModeMap = {
+  "contain": "contain",
+  "cover": "cover",
+  "stretch": "fill",
+  "center": "none",
+  "repeat": "none"
+};
+function transformToWebProps(originalName, tag, props) {
   const out = {};
   const isPressable = _pressableNames.has(originalName);
+  const isTextInput = originalName === "TextInput";
+  const isImage = originalName === "Image" || originalName === "ImageBackground";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -116,9 +157,50 @@ function transformToWebProps(originalName, props) {
       if (out["data-testid"] == null) out["data-testid"] = v;
       continue;
     }
+    if (isTextInput) {
+      if (k === "onChangeText") {
+        if (!("onChange" in props)) out.onChange = (e) => v(e.target.value);
+        continue;
+      }
+      if (k === "secureTextEntry") {
+        if (v && !("type" in props)) out.type = "password";
+        continue;
+      }
+      if (k === "keyboardType") {
+        if (!("type" in props) && !("secureTextEntry" in props)) {
+          const mapped = _keyboardTypeMap[v];
+          if (mapped) out.type = mapped;
+        }
+        continue;
+      }
+      if (k === "editable") {
+        if (v === false) out.readOnly = true;
+        continue;
+      }
+      if (k === "maxLength") {
+        out.maxLength = v;
+        continue;
+      }
+    }
+    if (isImage) {
+      if (k === "source") {
+        if (v && typeof v === "object" && "uri" in v) {
+          out.src = v.uri;
+          if (v.headers) out["crossOrigin"] = "anonymous";
+        }
+        continue;
+      }
+      if (k === "resizeMode") {
+        const existing = out.style ?? {};
+        out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
+        continue;
+      }
+      if (k === "alt" || k === "defaultSource") continue;
+    }
     out[k] = v;
   }
   if (isPressable && !out.role) out.role = "button";
+  if (isImage && tag === "img" && out.alt == null) out.alt = "";
   return out;
 }
 

package/dist/index.js

@@ -3546,7 +3546,12 @@ var _rnToHtml = {
   KeyboardAvoidingView: "div",
   ScrollView: "div",
   VirtualizedList: "div",
+  FlatList: "div",
+  SectionList: "div",
   Text: "span",
+  TextInput: "input",
+  Image: "img",
+  ImageBackground: "div",
   Pressable: "div",
   TouchableOpacity: "div",
   TouchableHighlight: "div",
@@ -3560,14 +3565,22 @@ function registerWebElement(rnComponent, htmlTag) {
   _userMap.set(rnComponent, htmlTag);
   _cache.delete(rnComponent);
 }
-function getWebTag(type) {
+function getWebTag(type, props) {
   if (typeof type === "string") return null;
   if (type === null || typeof type !== "function" && typeof type !== "object") return null;
   const obj = type;
   if (_userMap.has(obj)) return _userMap.get(obj);
-  if (_cache.has(obj)) return _cache.get(obj);
   const name = obj.displayName ?? obj.name;
-  const tag = name ? _rnToHtml[name] ?? null : null;
+  if (!name) {
+    _cache.set(obj, null);
+    return null;
+  }
+  if (name === "TextInput" && props) {
+    const multiline = props.multiline === true || Number(props.numberOfLines) > 1;
+    return multiline ? "textarea" : "input";
+  }
+  if (_cache.has(obj)) return _cache.get(obj);
+  const tag = _rnToHtml[name] ?? null;
   _cache.set(obj, tag);
   return tag;
 }
@@ -3587,8 +3600,19 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "needsOffscreenAlphaCompositing",
   "renderToHardwareTextureAndroid",
   "shouldRasterizeIOS",
-  "pointerEvents"
+  "pointerEvents",
   // RN and HTML values differ
+  "multiline",
+  "numberOfLines",
+  // handled separately
+  "resizeMode",
+  // handled separately
+  "blurOnSubmit",
+  "clearButtonMode",
+  "clearTextOnFocus",
+  "enablesReturnKeyAutomatically",
+  "returnKeyType",
+  "spellCheck"
 ]);
 var _pressableNames = /* @__PURE__ */ new Set([
   "Pressable",
@@ -3597,9 +3621,26 @@ var _pressableNames = /* @__PURE__ */ new Set([
   "TouchableWithoutFeedback",
   "TouchableNativeFeedback"
 ]);
-function transformToWebProps(originalName, props) {
+var _keyboardTypeMap = {
+  "numeric": "number",
+  "number-pad": "number",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  "phone-pad": "tel",
+  "url": "url"
+};
+var _resizeModeMap = {
+  "contain": "contain",
+  "cover": "cover",
+  "stretch": "fill",
+  "center": "none",
+  "repeat": "none"
+};
+function transformToWebProps(originalName, tag, props) {
   const out = {};
   const isPressable = _pressableNames.has(originalName);
+  const isTextInput = originalName === "TextInput";
+  const isImage = originalName === "Image" || originalName === "ImageBackground";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -3618,9 +3659,50 @@ function transformToWebProps(originalName, props) {
       if (out["data-testid"] == null) out["data-testid"] = v;
       continue;
     }
+    if (isTextInput) {
+      if (k === "onChangeText") {
+        if (!("onChange" in props)) out.onChange = (e) => v(e.target.value);
+        continue;
+      }
+      if (k === "secureTextEntry") {
+        if (v && !("type" in props)) out.type = "password";
+        continue;
+      }
+      if (k === "keyboardType") {
+        if (!("type" in props) && !("secureTextEntry" in props)) {
+          const mapped = _keyboardTypeMap[v];
+          if (mapped) out.type = mapped;
+        }
+        continue;
+      }
+      if (k === "editable") {
+        if (v === false) out.readOnly = true;
+        continue;
+      }
+      if (k === "maxLength") {
+        out.maxLength = v;
+        continue;
+      }
+    }
+    if (isImage) {
+      if (k === "source") {
+        if (v && typeof v === "object" && "uri" in v) {
+          out.src = v.uri;
+          if (v.headers) out["crossOrigin"] = "anonymous";
+        }
+        continue;
+      }
+      if (k === "resizeMode") {
+        const existing = out.style ?? {};
+        out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
+        continue;
+      }
+      if (k === "alt" || k === "defaultSource") continue;
+    }
     out[k] = v;
   }
   if (isPressable && !out.role) out.role = "button";
+  if (isImage && tag === "img" && out.alt == null) out.alt = "";
   return out;
 }
 
@@ -3697,10 +3779,10 @@ function styled(Component, baseClasses = "") {
       );
       const extraStyle = Array.isArray(styleProp) ? Object.assign({}, ...styleProp) : styleProp;
       const finalStyle = isWeb ? extraStyle ?? void 0 : extraStyle ? { ...computedStyle, ...extraStyle } : computedStyle;
-      const webTag = isWeb ? getWebTag(Component) : null;
+      const webTag = isWeb ? getWebTag(Component, rest) : null;
       const effectiveComponent = webTag ?? Component;
       const componentName2 = Component.displayName ?? Component.name ?? "";
-      const effectiveRest = webTag && componentName2 ? transformToWebProps(componentName2, rest) : rest;
+      const effectiveRest = webTag && componentName2 ? transformToWebProps(componentName2, webTag, rest) : rest;
       return import_react6.default.createElement(effectiveComponent, {
         ref,
         ...effectiveRest,

package/dist/index.mjs

@@ -11,7 +11,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-JVTA5SC3.mjs";
+} from "./chunk-7EUNJFX7.mjs";
 import {
   __require,
   buildConfig,
@@ -482,10 +482,10 @@ function styled(Component, baseClasses = "") {
       );
       const extraStyle = Array.isArray(styleProp) ? Object.assign({}, ...styleProp) : styleProp;
       const finalStyle = isWeb ? extraStyle ?? void 0 : extraStyle ? { ...computedStyle, ...extraStyle } : computedStyle;
-      const webTag = isWeb ? getWebTag(Component) : null;
+      const webTag = isWeb ? getWebTag(Component, rest) : null;
       const effectiveComponent = webTag ?? Component;
       const componentName2 = Component.displayName ?? Component.name ?? "";
-      const effectiveRest = webTag && componentName2 ? transformToWebProps(componentName2, rest) : rest;
+      const effectiveRest = webTag && componentName2 ? transformToWebProps(componentName2, webTag, rest) : rest;
       return React3.createElement(effectiveComponent, {
         ref,
         ...effectiveRest,

package/dist/jsx-dev-runtime.js

@@ -3266,7 +3266,12 @@ var _rnToHtml = {
   KeyboardAvoidingView: "div",
   ScrollView: "div",
   VirtualizedList: "div",
+  FlatList: "div",
+  SectionList: "div",
   Text: "span",
+  TextInput: "input",
+  Image: "img",
+  ImageBackground: "div",
   Pressable: "div",
   TouchableOpacity: "div",
   TouchableHighlight: "div",
@@ -3275,14 +3280,22 @@ var _rnToHtml = {
 };
 var _userMap = /* @__PURE__ */ new Map();
 var _cache = /* @__PURE__ */ new WeakMap();
-function getWebTag(type) {
+function getWebTag(type, props) {
   if (typeof type === "string") return null;
   if (type === null || typeof type !== "function" && typeof type !== "object") return null;
   const obj = type;
   if (_userMap.has(obj)) return _userMap.get(obj);
-  if (_cache.has(obj)) return _cache.get(obj);
   const name = obj.displayName ?? obj.name;
-  const tag = name ? _rnToHtml[name] ?? null : null;
+  if (!name) {
+    _cache.set(obj, null);
+    return null;
+  }
+  if (name === "TextInput" && props) {
+    const multiline = props.multiline === true || Number(props.numberOfLines) > 1;
+    return multiline ? "textarea" : "input";
+  }
+  if (_cache.has(obj)) return _cache.get(obj);
+  const tag = _rnToHtml[name] ?? null;
   _cache.set(obj, tag);
   return tag;
 }
@@ -3302,8 +3315,19 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "needsOffscreenAlphaCompositing",
   "renderToHardwareTextureAndroid",
   "shouldRasterizeIOS",
-  "pointerEvents"
+  "pointerEvents",
   // RN and HTML values differ
+  "multiline",
+  "numberOfLines",
+  // handled separately
+  "resizeMode",
+  // handled separately
+  "blurOnSubmit",
+  "clearButtonMode",
+  "clearTextOnFocus",
+  "enablesReturnKeyAutomatically",
+  "returnKeyType",
+  "spellCheck"
 ]);
 var _pressableNames = /* @__PURE__ */ new Set([
   "Pressable",
@@ -3312,9 +3336,26 @@ var _pressableNames = /* @__PURE__ */ new Set([
   "TouchableWithoutFeedback",
   "TouchableNativeFeedback"
 ]);
-function transformToWebProps(originalName, props) {
+var _keyboardTypeMap = {
+  "numeric": "number",
+  "number-pad": "number",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  "phone-pad": "tel",
+  "url": "url"
+};
+var _resizeModeMap = {
+  "contain": "contain",
+  "cover": "cover",
+  "stretch": "fill",
+  "center": "none",
+  "repeat": "none"
+};
+function transformToWebProps(originalName, tag, props) {
   const out = {};
   const isPressable = _pressableNames.has(originalName);
+  const isTextInput = originalName === "TextInput";
+  const isImage = originalName === "Image" || originalName === "ImageBackground";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -3333,9 +3374,50 @@ function transformToWebProps(originalName, props) {
       if (out["data-testid"] == null) out["data-testid"] = v;
       continue;
     }
+    if (isTextInput) {
+      if (k === "onChangeText") {
+        if (!("onChange" in props)) out.onChange = (e) => v(e.target.value);
+        continue;
+      }
+      if (k === "secureTextEntry") {
+        if (v && !("type" in props)) out.type = "password";
+        continue;
+      }
+      if (k === "keyboardType") {
+        if (!("type" in props) && !("secureTextEntry" in props)) {
+          const mapped = _keyboardTypeMap[v];
+          if (mapped) out.type = mapped;
+        }
+        continue;
+      }
+      if (k === "editable") {
+        if (v === false) out.readOnly = true;
+        continue;
+      }
+      if (k === "maxLength") {
+        out.maxLength = v;
+        continue;
+      }
+    }
+    if (isImage) {
+      if (k === "source") {
+        if (v && typeof v === "object" && "uri" in v) {
+          out.src = v.uri;
+          if (v.headers) out["crossOrigin"] = "anonymous";
+        }
+        continue;
+      }
+      if (k === "resizeMode") {
+        const existing = out.style ?? {};
+        out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
+        continue;
+      }
+      if (k === "alt" || k === "defaultSource") continue;
+    }
     out[k] = v;
   }
   if (isPressable && !out.role) out.role = "button";
+  if (isImage && tag === "img" && out.alt == null) out.alt = "";
   return out;
 }
 
@@ -3419,11 +3501,11 @@ function stripWebOnlyInlineProps(s) {
 }
 function processElement(type, rawProps, key, isStaticChildren) {
   if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  const webTag = isWeb ? getWebTag(type) : null;
+  const webTag = isWeb ? getWebTag(type, rawProps ?? void 0) : null;
   const effectiveType = webTag ?? type;
   const originalName = webTag ? type?.displayName ?? type?.name : void 0;
   if (!rawProps) return (0, import_jsx_runtime.jsx)(effectiveType, null, key);
-  const workingProps = webTag && originalName ? transformToWebProps(originalName, rawProps) : rawProps;
+  const workingProps = webTag && originalName ? transformToWebProps(originalName, webTag, rawProps) : rawProps;
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = workingProps;
   const classStr = className ?? kbProp ?? __kbachClasses;
   if (!isNative && isRuntimeCSSDisabled() && classStr && !__kbachStyles) {

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-6YN6SRMN.mjs";
-import "./chunk-JVTA5SC3.mjs";
+} from "./chunk-6PRTRINF.mjs";
+import "./chunk-7EUNJFX7.mjs";
 import "./chunk-JBV2R655.mjs";
 
 // src/jsx-dev-runtime.tsx

package/dist/jsx-runtime.js

@@ -3267,7 +3267,12 @@ var _rnToHtml = {
   KeyboardAvoidingView: "div",
   ScrollView: "div",
   VirtualizedList: "div",
+  FlatList: "div",
+  SectionList: "div",
   Text: "span",
+  TextInput: "input",
+  Image: "img",
+  ImageBackground: "div",
   Pressable: "div",
   TouchableOpacity: "div",
   TouchableHighlight: "div",
@@ -3281,14 +3286,22 @@ function registerWebElement(rnComponent, htmlTag) {
   _userMap.set(rnComponent, htmlTag);
   _cache.delete(rnComponent);
 }
-function getWebTag(type) {
+function getWebTag(type, props) {
   if (typeof type === "string") return null;
   if (type === null || typeof type !== "function" && typeof type !== "object") return null;
   const obj = type;
   if (_userMap.has(obj)) return _userMap.get(obj);
-  if (_cache.has(obj)) return _cache.get(obj);
   const name = obj.displayName ?? obj.name;
-  const tag = name ? _rnToHtml[name] ?? null : null;
+  if (!name) {
+    _cache.set(obj, null);
+    return null;
+  }
+  if (name === "TextInput" && props) {
+    const multiline = props.multiline === true || Number(props.numberOfLines) > 1;
+    return multiline ? "textarea" : "input";
+  }
+  if (_cache.has(obj)) return _cache.get(obj);
+  const tag = _rnToHtml[name] ?? null;
   _cache.set(obj, tag);
   return tag;
 }
@@ -3308,8 +3321,19 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "needsOffscreenAlphaCompositing",
   "renderToHardwareTextureAndroid",
   "shouldRasterizeIOS",
-  "pointerEvents"
+  "pointerEvents",
   // RN and HTML values differ
+  "multiline",
+  "numberOfLines",
+  // handled separately
+  "resizeMode",
+  // handled separately
+  "blurOnSubmit",
+  "clearButtonMode",
+  "clearTextOnFocus",
+  "enablesReturnKeyAutomatically",
+  "returnKeyType",
+  "spellCheck"
 ]);
 var _pressableNames = /* @__PURE__ */ new Set([
   "Pressable",
@@ -3318,9 +3342,26 @@ var _pressableNames = /* @__PURE__ */ new Set([
   "TouchableWithoutFeedback",
   "TouchableNativeFeedback"
 ]);
-function transformToWebProps(originalName, props) {
+var _keyboardTypeMap = {
+  "numeric": "number",
+  "number-pad": "number",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  "phone-pad": "tel",
+  "url": "url"
+};
+var _resizeModeMap = {
+  "contain": "contain",
+  "cover": "cover",
+  "stretch": "fill",
+  "center": "none",
+  "repeat": "none"
+};
+function transformToWebProps(originalName, tag, props) {
   const out = {};
   const isPressable = _pressableNames.has(originalName);
+  const isTextInput = originalName === "TextInput";
+  const isImage = originalName === "Image" || originalName === "ImageBackground";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -3339,9 +3380,50 @@ function transformToWebProps(originalName, props) {
       if (out["data-testid"] == null) out["data-testid"] = v;
       continue;
     }
+    if (isTextInput) {
+      if (k === "onChangeText") {
+        if (!("onChange" in props)) out.onChange = (e) => v(e.target.value);
+        continue;
+      }
+      if (k === "secureTextEntry") {
+        if (v && !("type" in props)) out.type = "password";
+        continue;
+      }
+      if (k === "keyboardType") {
+        if (!("type" in props) && !("secureTextEntry" in props)) {
+          const mapped = _keyboardTypeMap[v];
+          if (mapped) out.type = mapped;
+        }
+        continue;
+      }
+      if (k === "editable") {
+        if (v === false) out.readOnly = true;
+        continue;
+      }
+      if (k === "maxLength") {
+        out.maxLength = v;
+        continue;
+      }
+    }
+    if (isImage) {
+      if (k === "source") {
+        if (v && typeof v === "object" && "uri" in v) {
+          out.src = v.uri;
+          if (v.headers) out["crossOrigin"] = "anonymous";
+        }
+        continue;
+      }
+      if (k === "resizeMode") {
+        const existing = out.style ?? {};
+        out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
+        continue;
+      }
+      if (k === "alt" || k === "defaultSource") continue;
+    }
     out[k] = v;
   }
   if (isPressable && !out.role) out.role = "button";
+  if (isImage && tag === "img" && out.alt == null) out.alt = "";
   return out;
 }
 
@@ -3428,11 +3510,11 @@ function stripWebOnlyInlineProps(s) {
 }
 function processElement(type, rawProps, key, isStaticChildren) {
   if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  const webTag = isWeb ? getWebTag(type) : null;
+  const webTag = isWeb ? getWebTag(type, rawProps ?? void 0) : null;
   const effectiveType = webTag ?? type;
   const originalName = webTag ? type?.displayName ?? type?.name : void 0;
   if (!rawProps) return (0, import_jsx_runtime.jsx)(effectiveType, null, key);
-  const workingProps = webTag && originalName ? transformToWebProps(originalName, rawProps) : rawProps;
+  const workingProps = webTag && originalName ? transformToWebProps(originalName, webTag, rawProps) : rawProps;
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = workingProps;
   const classStr = className ?? kbProp ?? __kbachClasses;
   if (!isNative && isRuntimeCSSDisabled() && classStr && !__kbachStyles) {

package/dist/jsx-runtime.mjs

@@ -3,10 +3,10 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-6YN6SRMN.mjs";
+} from "./chunk-6PRTRINF.mjs";
 import {
   registerWebElement
-} from "./chunk-JVTA5SC3.mjs";
+} from "./chunk-7EUNJFX7.mjs";
 import "./chunk-JBV2R655.mjs";
 export {
   Fragment,

package/package.json

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