@kbach/react 0.5.56 → 0.5.57

package/dist/{chunk-O4EKWQSX.mjs → chunk-UJBMEM6N.mjs}

@@ -6,7 +6,7 @@ import {
   transformToWebProps,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-PESA3FMP.mjs";
+} from "./chunk-VWEYYCBW.mjs";
 import {
   flatten,
   getActiveBreakpoints,

package/dist/{chunk-PESA3FMP.mjs → chunk-VWEYYCBW.mjs}

@@ -138,7 +138,7 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "showsVerticalScrollIndicator",
   "showsHorizontalScrollIndicator",
   "contentContainerStyle",
-  "horizontal",
+  // 'horizontal' is handled in transformToWebProps (converted to CSS overflow-x).
   "keyboardShouldPersistTaps",
   "keyboardDismissMode",
   "pagingEnabled",
@@ -222,6 +222,7 @@ function transformToWebProps(originalName, tag, props) {
   const isPressable = _pressableNames.has(originalName);
   const isTextInput = originalName === "TextInput";
   const isImage = originalName === "Image" || originalName === "ImageBackground";
+  const isScrollable = originalName === "ScrollView" || originalName === "FlatList" || originalName === "SectionList";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -265,9 +266,18 @@ function transformToWebProps(originalName, tag, props) {
         continue;
       }
     }
+    if (isScrollable && k === "horizontal") {
+      if (v) {
+        const existing = out.style ?? {};
+        out.style = { display: "flex", flexDirection: "row", overflowX: "auto", ...existing };
+      }
+      continue;
+    }
     if (isImage) {
       if (k === "source") {
-        if (v && typeof v === "object" && "uri" in v) {
+        if (typeof v === "string") {
+          out.src = v;
+        } else if (v && typeof v === "object" && "uri" in v) {
           out.src = v.uri;
           if (v.headers) out["crossOrigin"] = "anonymous";
         }

package/dist/index.js

@@ -3640,7 +3640,7 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "showsVerticalScrollIndicator",
   "showsHorizontalScrollIndicator",
   "contentContainerStyle",
-  "horizontal",
+  // 'horizontal' is handled in transformToWebProps (converted to CSS overflow-x).
   "keyboardShouldPersistTaps",
   "keyboardDismissMode",
   "pagingEnabled",
@@ -3724,6 +3724,7 @@ function transformToWebProps(originalName, tag, props) {
   const isPressable = _pressableNames.has(originalName);
   const isTextInput = originalName === "TextInput";
   const isImage = originalName === "Image" || originalName === "ImageBackground";
+  const isScrollable = originalName === "ScrollView" || originalName === "FlatList" || originalName === "SectionList";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -3767,9 +3768,18 @@ function transformToWebProps(originalName, tag, props) {
         continue;
       }
     }
+    if (isScrollable && k === "horizontal") {
+      if (v) {
+        const existing = out.style ?? {};
+        out.style = { display: "flex", flexDirection: "row", overflowX: "auto", ...existing };
+      }
+      continue;
+    }
     if (isImage) {
       if (k === "source") {
-        if (v && typeof v === "object" && "uri" in v) {
+        if (typeof v === "string") {
+          out.src = v;
+        } else if (v && typeof v === "object" && "uri" in v) {
           out.src = v.uri;
           if (v.headers) out["crossOrigin"] = "anonymous";
         }

package/dist/index.mjs

@@ -11,7 +11,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-PESA3FMP.mjs";
+} from "./chunk-VWEYYCBW.mjs";
 import {
   __require,
   buildConfig,

package/dist/jsx-dev-runtime.js

@@ -3355,7 +3355,7 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "showsVerticalScrollIndicator",
   "showsHorizontalScrollIndicator",
   "contentContainerStyle",
-  "horizontal",
+  // 'horizontal' is handled in transformToWebProps (converted to CSS overflow-x).
   "keyboardShouldPersistTaps",
   "keyboardDismissMode",
   "pagingEnabled",
@@ -3439,6 +3439,7 @@ function transformToWebProps(originalName, tag, props) {
   const isPressable = _pressableNames.has(originalName);
   const isTextInput = originalName === "TextInput";
   const isImage = originalName === "Image" || originalName === "ImageBackground";
+  const isScrollable = originalName === "ScrollView" || originalName === "FlatList" || originalName === "SectionList";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -3482,9 +3483,18 @@ function transformToWebProps(originalName, tag, props) {
         continue;
       }
     }
+    if (isScrollable && k === "horizontal") {
+      if (v) {
+        const existing = out.style ?? {};
+        out.style = { display: "flex", flexDirection: "row", overflowX: "auto", ...existing };
+      }
+      continue;
+    }
     if (isImage) {
       if (k === "source") {
-        if (v && typeof v === "object" && "uri" in v) {
+        if (typeof v === "string") {
+          out.src = v;
+        } else if (v && typeof v === "object" && "uri" in v) {
           out.src = v.uri;
           if (v.headers) out["crossOrigin"] = "anonymous";
         }

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-O4EKWQSX.mjs";
-import "./chunk-PESA3FMP.mjs";
+} from "./chunk-UJBMEM6N.mjs";
+import "./chunk-VWEYYCBW.mjs";
 import "./chunk-JBV2R655.mjs";
 
 // src/jsx-dev-runtime.tsx

package/dist/jsx-runtime.js

@@ -3361,7 +3361,7 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
   "showsVerticalScrollIndicator",
   "showsHorizontalScrollIndicator",
   "contentContainerStyle",
-  "horizontal",
+  // 'horizontal' is handled in transformToWebProps (converted to CSS overflow-x).
   "keyboardShouldPersistTaps",
   "keyboardDismissMode",
   "pagingEnabled",
@@ -3445,6 +3445,7 @@ function transformToWebProps(originalName, tag, props) {
   const isPressable = _pressableNames.has(originalName);
   const isTextInput = originalName === "TextInput";
   const isImage = originalName === "Image" || originalName === "ImageBackground";
+  const isScrollable = originalName === "ScrollView" || originalName === "FlatList" || originalName === "SectionList";
   for (const [k, v] of Object.entries(props)) {
     if (_rnOnlyProps.has(k)) continue;
     if (k === "onPress") {
@@ -3488,9 +3489,18 @@ function transformToWebProps(originalName, tag, props) {
         continue;
       }
     }
+    if (isScrollable && k === "horizontal") {
+      if (v) {
+        const existing = out.style ?? {};
+        out.style = { display: "flex", flexDirection: "row", overflowX: "auto", ...existing };
+      }
+      continue;
+    }
     if (isImage) {
       if (k === "source") {
-        if (v && typeof v === "object" && "uri" in v) {
+        if (typeof v === "string") {
+          out.src = v;
+        } else if (v && typeof v === "object" && "uri" in v) {
           out.src = v.uri;
           if (v.headers) out["crossOrigin"] = "anonymous";
         }

package/dist/jsx-runtime.mjs

@@ -3,10 +3,10 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-O4EKWQSX.mjs";
+} from "./chunk-UJBMEM6N.mjs";
 import {
   registerWebElement
-} from "./chunk-PESA3FMP.mjs";
+} from "./chunk-VWEYYCBW.mjs";
 import "./chunk-JBV2R655.mjs";
 export {
   Fragment,

package/package.json

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