@kbach/react 0.6.43 → 0.6.44

package/dist/{chunk-SKXO5XEY.mjs → chunk-IY5Z6IYL.mjs}

@@ -26,7 +26,7 @@ import {
   transformToWebProps,
   useConditionalGlobalDarkMode,
   useConditionalWidth
-} from "./chunk-35JCNDLF.mjs";
+} from "./chunk-XKJUIAYE.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/{chunk-35JCNDLF.mjs → chunk-XKJUIAYE.mjs}

@@ -3212,6 +3212,10 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important, order) {
   for (const r of cssRules) injectRule(r, order);
   return cssRules;
 }
+function isPureDisplayStyle(styles) {
+  const keys = Object.keys(styles);
+  return keys.length === 1 && keys[0] === "display";
+}
 function resolve(classString, theme, darkMode = "attribute") {
   const cache = getThemeCache(theme);
   const cacheKey = `${classString}::${darkMode}::${getEffectiveIsWeb() ? "web" : "native"}`;
@@ -3237,7 +3241,7 @@ function resolve(classString, theme, darkMode = "attribute") {
     if (!result[bucketKey]) result[bucketKey] = {};
     Object.assign(result[bucketKey], styles);
     if (onWeb) {
-      const order = getModifierOrder(bucketKey);
+      const order = getModifierOrder(bucketKey) + (isPureDisplayStyle(styles) ? 0.5 : 0);
       for (const r of injectClassRule(parsed.original, bucketKey, styles, darkMode, parsed.important, order)) {
         rules.push({ rule: r, order });
       }

package/dist/core/index.js

@@ -3310,6 +3310,10 @@ function generateClassCSS(classString, theme, darkMode = "attribute", screens =
   }
   return rules.join("\n");
 }
+function isPureDisplayStyle(styles) {
+  const keys = Object.keys(styles);
+  return keys.length === 1 && keys[0] === "display";
+}
 function resolve(classString, theme, darkMode = "attribute") {
   const cache = getThemeCache(theme);
   const cacheKey = `${classString}::${darkMode}::${getEffectiveIsWeb() ? "web" : "native"}`;
@@ -3335,7 +3339,7 @@ function resolve(classString, theme, darkMode = "attribute") {
     if (!result[bucketKey]) result[bucketKey] = {};
     Object.assign(result[bucketKey], styles);
     if (onWeb) {
-      const order = getModifierOrder(bucketKey);
+      const order = getModifierOrder(bucketKey) + (isPureDisplayStyle(styles) ? 0.5 : 0);
       for (const r of injectClassRule(parsed.original, bucketKey, styles, darkMode, parsed.important, order)) {
         rules.push({ rule: r, order });
       }

package/dist/index.mjs

@@ -48,7 +48,7 @@ import {
   useGlobalDarkMode,
   useGlobalWidth,
   useSyncExternalStore
-} from "./chunk-35JCNDLF.mjs";
+} from "./chunk-XKJUIAYE.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.mjs

@@ -3,8 +3,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-SKXO5XEY.mjs";
-import "./chunk-35JCNDLF.mjs";
+} from "./chunk-IY5Z6IYL.mjs";
+import "./chunk-XKJUIAYE.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.mjs

@@ -4,10 +4,10 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-SKXO5XEY.mjs";
+} from "./chunk-IY5Z6IYL.mjs";
 import {
   registerWebElement
-} from "./chunk-35JCNDLF.mjs";
+} from "./chunk-XKJUIAYE.mjs";
 export {
   Fragment,
   _invalidateDefaultFontCache,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.6.43",
+  "version": "0.6.44",
   "description": "React / React Native components and hooks for the Kbach framework",
   "license": "MIT",
   "repository": {