@kbach/react 0.4.2 → 0.4.3

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

@@ -131,9 +131,9 @@ function processElement(type, rawProps, key, isStaticChildren) {
   }
   const config = getConfig();
   const isOnWeb = typeof document !== "undefined" && classStr != null;
-  const isGrdOnWeb = isOnWeb && /(?:^|\s)grd(?:\s|$)/.test(classStr);
+  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 = isGrdOnWeb || hasWebPosition ? "div" : type;
+  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

@@ -2691,9 +2691,9 @@ function processElement(type, rawProps, key, isStaticChildren) {
   }
   const config = getConfig();
   const isOnWeb = typeof document !== "undefined" && classStr != null;
-  const isGrdOnWeb = isOnWeb && /(?:^|\s)grd(?:\s|$)/.test(classStr);
+  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 = isGrdOnWeb || hasWebPosition ? "div" : type;
+  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-JFQ7QYQM.mjs";
+} from "./chunk-RJHOB4EU.mjs";
 import "./chunk-HY6PU2XS.mjs";
 
 // src/jsx-dev-runtime.tsx

package/dist/jsx-runtime.js

@@ -2690,9 +2690,9 @@ function processElement(type, rawProps, key, isStaticChildren) {
   }
   const config = getConfig();
   const isOnWeb = typeof document !== "undefined" && classStr != null;
-  const isGrdOnWeb = isOnWeb && /(?:^|\s)grd(?:\s|$)/.test(classStr);
+  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 = isGrdOnWeb || hasWebPosition ? "div" : type;
+  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-JFQ7QYQM.mjs";
+} from "./chunk-RJHOB4EU.mjs";
 import "./chunk-HY6PU2XS.mjs";
 export {
   Fragment,

package/package.json

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