@kbach/react 0.5.36 → 0.5.38

package/dist/{chunk-AZJVYYAX.mjs → chunk-EJFQKJPT.mjs}

@@ -3,7 +3,7 @@ import {
   InteractiveWrapper,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-D2LLZADB.mjs";
+} from "./chunk-W7UBSRE5.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -12,7 +12,7 @@ import {
   isWeb,
   normalizeClassString,
   resolve
-} from "./chunk-QTZGBGGJ.mjs";
+} from "./chunk-NWVL4BES.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/{chunk-QTZGBGGJ.mjs → chunk-NWVL4BES.mjs}

@@ -3356,6 +3356,33 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (_df && !("fontFamily" in result)) {
     result.fontFamily = _df;
   }
+  if (isWeb) {
+    const r = result;
+    const v0 = r.paddingHorizontal;
+    if (v0 !== void 0) {
+      r.paddingLeft = v0;
+      r.paddingRight = v0;
+      delete r.paddingHorizontal;
+    }
+    const v1 = r.paddingVertical;
+    if (v1 !== void 0) {
+      r.paddingTop = v1;
+      r.paddingBottom = v1;
+      delete r.paddingVertical;
+    }
+    const v2 = r.marginHorizontal;
+    if (v2 !== void 0) {
+      r.marginLeft = v2;
+      r.marginRight = v2;
+      delete r.marginHorizontal;
+    }
+    const v3 = r.marginVertical;
+    if (v3 !== void 0) {
+      r.marginTop = v3;
+      r.marginBottom = v3;
+      delete r.marginVertical;
+    }
+  }
   return result;
 }
 function matchesMods(mods, isDark, state, breakpoints) {

package/dist/{chunk-D2LLZADB.mjs → chunk-W7UBSRE5.mjs}

@@ -4,7 +4,7 @@ import {
   getGlobalWidth,
   isWeb,
   subscribeGlobalWidth
-} from "./chunk-QTZGBGGJ.mjs";
+} from "./chunk-NWVL4BES.mjs";
 
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";

package/dist/index.js

@@ -3475,6 +3475,33 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (_df && !("fontFamily" in result)) {
     result.fontFamily = _df;
   }
+  if (isWeb) {
+    const r = result;
+    const v0 = r.paddingHorizontal;
+    if (v0 !== void 0) {
+      r.paddingLeft = v0;
+      r.paddingRight = v0;
+      delete r.paddingHorizontal;
+    }
+    const v1 = r.paddingVertical;
+    if (v1 !== void 0) {
+      r.paddingTop = v1;
+      r.paddingBottom = v1;
+      delete r.paddingVertical;
+    }
+    const v2 = r.marginHorizontal;
+    if (v2 !== void 0) {
+      r.marginLeft = v2;
+      r.marginRight = v2;
+      delete r.marginHorizontal;
+    }
+    const v3 = r.marginVertical;
+    if (v3 !== void 0) {
+      r.marginTop = v3;
+      r.marginBottom = v3;
+      delete r.marginVertical;
+    }
+  }
   return result;
 }
 function matchesMods(mods, isDark, state, breakpoints) {

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-D2LLZADB.mjs";
+} from "./chunk-W7UBSRE5.mjs";
 import {
   __require,
   buildConfig,
@@ -27,7 +27,7 @@ import {
   syncGlobalScreens,
   syncGlobalWidth,
   updateConfig
-} from "./chunk-QTZGBGGJ.mjs";
+} from "./chunk-NWVL4BES.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -3365,6 +3365,33 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (_df && !("fontFamily" in result)) {
     result.fontFamily = _df;
   }
+  if (isWeb) {
+    const r = result;
+    const v0 = r.paddingHorizontal;
+    if (v0 !== void 0) {
+      r.paddingLeft = v0;
+      r.paddingRight = v0;
+      delete r.paddingHorizontal;
+    }
+    const v1 = r.paddingVertical;
+    if (v1 !== void 0) {
+      r.paddingTop = v1;
+      r.paddingBottom = v1;
+      delete r.paddingVertical;
+    }
+    const v2 = r.marginHorizontal;
+    if (v2 !== void 0) {
+      r.marginLeft = v2;
+      r.marginRight = v2;
+      delete r.marginHorizontal;
+    }
+    const v3 = r.marginVertical;
+    if (v3 !== void 0) {
+      r.marginTop = v3;
+      r.marginBottom = v3;
+      delete r.marginVertical;
+    }
+  }
   return result;
 }
 function matchesMods(mods, isDark, state, breakpoints) {

package/dist/jsx-dev-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-AZJVYYAX.mjs";
-import "./chunk-D2LLZADB.mjs";
-import "./chunk-QTZGBGGJ.mjs";
+} from "./chunk-EJFQKJPT.mjs";
+import "./chunk-W7UBSRE5.mjs";
+import "./chunk-NWVL4BES.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -3364,6 +3364,33 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (_df && !("fontFamily" in result)) {
     result.fontFamily = _df;
   }
+  if (isWeb) {
+    const r = result;
+    const v0 = r.paddingHorizontal;
+    if (v0 !== void 0) {
+      r.paddingLeft = v0;
+      r.paddingRight = v0;
+      delete r.paddingHorizontal;
+    }
+    const v1 = r.paddingVertical;
+    if (v1 !== void 0) {
+      r.paddingTop = v1;
+      r.paddingBottom = v1;
+      delete r.paddingVertical;
+    }
+    const v2 = r.marginHorizontal;
+    if (v2 !== void 0) {
+      r.marginLeft = v2;
+      r.marginRight = v2;
+      delete r.marginHorizontal;
+    }
+    const v3 = r.marginVertical;
+    if (v3 !== void 0) {
+      r.marginTop = v3;
+      r.marginBottom = v3;
+      delete r.marginVertical;
+    }
+  }
   return result;
 }
 function matchesMods(mods, isDark, state, breakpoints) {

package/dist/jsx-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-AZJVYYAX.mjs";
-import "./chunk-D2LLZADB.mjs";
-import "./chunk-QTZGBGGJ.mjs";
+} from "./chunk-EJFQKJPT.mjs";
+import "./chunk-W7UBSRE5.mjs";
+import "./chunk-NWVL4BES.mjs";
 export {
   Fragment,
   jsx,

package/dist/vite-plugin.mjs

@@ -3,7 +3,7 @@ import {
   generateClassCSS,
   setCSSGenMode,
   splitClassTokens
-} from "./chunk-QTZGBGGJ.mjs";
+} from "./chunk-NWVL4BES.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, existsSync, readdirSync, statSync } from "fs";

package/package.json

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