@kbach/react 0.4.1 → 0.4.3

package/dist/{chunk-V5WMKNJC.mjs → chunk-RJHOB4EU.mjs}

@@ -130,8 +130,10 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return makeElement(isStaticChildren, type, rawProps, key);
   }
   const config = getConfig();
-  const isGrdOnWeb = typeof document !== "undefined" && classStr != null && /(?:^|\s)grd(?:\s|$)/.test(classStr);
-  const actualType = isGrdOnWeb ? "div" : type;
+  const isOnWeb = typeof document !== "undefined" && classStr != null;
+  const isGridOnWeb = isOnWeb && /(?:^|\s)(?:[\w-]+:)*(?:grd|grid-(?:\d+|cols-\d+|rows-\d+))(?:\s|$)/.test(classStr);
+  const hasWebPosition = isOnWeb && /(?:^|\s)(?:[\w-]+:)*(?:fixed|sticky)(?:\s|$)/.test(classStr);
+  const actualType = isGridOnWeb || hasWebPosition ? "div" : type;
   const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
   const { style: userStyle, ...passProps } = omitConsumed(rawProps);
   const { interactive, modeOrResponsive } = bucketMods(resolved);

package/dist/jsx-dev-runtime.js

@@ -2690,8 +2690,10 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return makeElement(isStaticChildren, type, rawProps, key);
   }
   const config = getConfig();
-  const isGrdOnWeb = typeof document !== "undefined" && classStr != null && /(?:^|\s)grd(?:\s|$)/.test(classStr);
-  const actualType = isGrdOnWeb ? "div" : type;
+  const isOnWeb = typeof document !== "undefined" && classStr != null;
+  const isGridOnWeb = isOnWeb && /(?:^|\s)(?:[\w-]+:)*(?:grd|grid-(?:\d+|cols-\d+|rows-\d+))(?:\s|$)/.test(classStr);
+  const hasWebPosition = isOnWeb && /(?:^|\s)(?:[\w-]+:)*(?:fixed|sticky)(?:\s|$)/.test(classStr);
+  const actualType = isGridOnWeb || hasWebPosition ? "div" : type;
   const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
   const { style: userStyle, ...passProps } = omitConsumed(rawProps);
   const { interactive, modeOrResponsive } = bucketMods(resolved);

package/dist/jsx-dev-runtime.mjs

@@ -2,7 +2,7 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-V5WMKNJC.mjs";
+} from "./chunk-RJHOB4EU.mjs";
 import "./chunk-HY6PU2XS.mjs";
 
 // src/jsx-dev-runtime.tsx

package/dist/jsx-runtime.js

@@ -2689,8 +2689,10 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return makeElement(isStaticChildren, type, rawProps, key);
   }
   const config = getConfig();
-  const isGrdOnWeb = typeof document !== "undefined" && classStr != null && /(?:^|\s)grd(?:\s|$)/.test(classStr);
-  const actualType = isGrdOnWeb ? "div" : type;
+  const isOnWeb = typeof document !== "undefined" && classStr != null;
+  const isGridOnWeb = isOnWeb && /(?:^|\s)(?:[\w-]+:)*(?:grd|grid-(?:\d+|cols-\d+|rows-\d+))(?:\s|$)/.test(classStr);
+  const hasWebPosition = isOnWeb && /(?:^|\s)(?:[\w-]+:)*(?:fixed|sticky)(?:\s|$)/.test(classStr);
+  const actualType = isGridOnWeb || hasWebPosition ? "div" : type;
   const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
   const { style: userStyle, ...passProps } = omitConsumed(rawProps);
   const { interactive, modeOrResponsive } = bucketMods(resolved);

package/dist/jsx-runtime.mjs

@@ -2,7 +2,7 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-V5WMKNJC.mjs";
+} from "./chunk-RJHOB4EU.mjs";
 import "./chunk-HY6PU2XS.mjs";
 export {
   Fragment,

package/package.json

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