@kbach/react 0.3.16 → 0.3.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1536,7 +1536,7 @@ var RESOLVERS = {
1536
1536
  },
1537
1537
  // ── Grid (responsive column count: grid-1 … grid-12) ─────────────────────
1538
1538
  grid: ({ value }) => {
1539
- if (!value || !isWeb) return null;
1539
+ if (!value || typeof document === "undefined") return null;
1540
1540
  const n = parseInt(value, 10);
1541
1541
  if (isNaN(n) || n < 1 || n > 12) return null;
1542
1542
  return { display: "grid", gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` };
@@ -1800,6 +1800,12 @@ var RESOLVERS = {
1800
1800
  function resolveUtility(parsed, theme) {
1801
1801
  if (!parsed.value) {
1802
1802
  if (parsed.utility in PLUGIN_STANDALONE) return PLUGIN_STANDALONE[parsed.utility] ?? null;
1803
+ if (parsed.utility === "grd" || parsed.utility === "grid") {
1804
+ return typeof document !== "undefined" ? { display: "grid" } : null;
1805
+ }
1806
+ if (parsed.utility === "inline-grid") {
1807
+ return typeof document !== "undefined" ? { display: "inline-grid" } : null;
1808
+ }
1803
1809
  if (parsed.utility in STANDALONE) return STANDALONE[parsed.utility] ?? null;
1804
1810
  }
1805
1811
  const resolver = PLUGIN_RESOLVERS[parsed.utility] ?? RESOLVERS[parsed.utility];
@@ -2046,12 +2052,12 @@ function resolve(classString, theme, darkMode = "attribute") {
2046
2052
  const bucketKey = parsed.modifiers.length === 0 ? "base" : parsed.modifiers.join(":");
2047
2053
  if (!result[bucketKey]) result[bucketKey] = {};
2048
2054
  Object.assign(result[bucketKey], styles);
2049
- if (isWeb) {
2055
+ if (typeof document !== "undefined") {
2050
2056
  injectQueue.push({ cls: parsed.original, bucketKey, styles });
2051
2057
  }
2052
2058
  }
2053
2059
  styleCache.set(cacheKey, result);
2054
- if (isWeb) {
2060
+ if (typeof document !== "undefined") {
2055
2061
  for (const { cls, bucketKey, styles } of injectQueue) {
2056
2062
  injectClassRule(cls, bucketKey, styles, darkMode);
2057
2063
  }
@@ -8,7 +8,7 @@ import {
8
8
  resolve,
9
9
  useConditionalWidth,
10
10
  useGlobalDarkMode
11
- } from "./chunk-PDPOXGSG.mjs";
11
+ } from "./chunk-5GHUWO2A.mjs";
12
12
 
13
13
  // src/jsx-runtime.tsx
14
14
  import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
package/dist/index.js CHANGED
@@ -1702,7 +1702,7 @@ var RESOLVERS = {
1702
1702
  },
1703
1703
  // ── Grid (responsive column count: grid-1 … grid-12) ─────────────────────
1704
1704
  grid: ({ value }) => {
1705
- if (!value || !isWeb) return null;
1705
+ if (!value || typeof document === "undefined") return null;
1706
1706
  const n = parseInt(value, 10);
1707
1707
  if (isNaN(n) || n < 1 || n > 12) return null;
1708
1708
  return { display: "grid", gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` };
@@ -1966,6 +1966,12 @@ var RESOLVERS = {
1966
1966
  function resolveUtility(parsed, theme) {
1967
1967
  if (!parsed.value) {
1968
1968
  if (parsed.utility in PLUGIN_STANDALONE) return PLUGIN_STANDALONE[parsed.utility] ?? null;
1969
+ if (parsed.utility === "grd" || parsed.utility === "grid") {
1970
+ return typeof document !== "undefined" ? { display: "grid" } : null;
1971
+ }
1972
+ if (parsed.utility === "inline-grid") {
1973
+ return typeof document !== "undefined" ? { display: "inline-grid" } : null;
1974
+ }
1969
1975
  if (parsed.utility in STANDALONE) return STANDALONE[parsed.utility] ?? null;
1970
1976
  }
1971
1977
  const resolver = PLUGIN_RESOLVERS[parsed.utility] ?? RESOLVERS[parsed.utility];
@@ -2176,12 +2182,12 @@ function resolve(classString, theme, darkMode = "attribute") {
2176
2182
  const bucketKey = parsed.modifiers.length === 0 ? "base" : parsed.modifiers.join(":");
2177
2183
  if (!result[bucketKey]) result[bucketKey] = {};
2178
2184
  Object.assign(result[bucketKey], styles);
2179
- if (isWeb) {
2185
+ if (typeof document !== "undefined") {
2180
2186
  injectQueue.push({ cls: parsed.original, bucketKey, styles });
2181
2187
  }
2182
2188
  }
2183
2189
  styleCache.set(cacheKey, result);
2184
- if (isWeb) {
2190
+ if (typeof document !== "undefined") {
2185
2191
  for (const { cls, bucketKey, styles } of injectQueue) {
2186
2192
  injectClassRule(cls, bucketKey, styles, darkMode);
2187
2193
  }
package/dist/index.mjs CHANGED
@@ -21,7 +21,7 @@ import {
21
21
  updateConfig,
22
22
  useGlobalDarkMode,
23
23
  useGlobalWidth
24
- } from "./chunk-PDPOXGSG.mjs";
24
+ } from "./chunk-5GHUWO2A.mjs";
25
25
 
26
26
  // src/context.tsx
27
27
  import { createContext, useContext } from "react";
@@ -1605,7 +1605,7 @@ var RESOLVERS = {
1605
1605
  },
1606
1606
  // ── Grid (responsive column count: grid-1 … grid-12) ─────────────────────
1607
1607
  grid: ({ value }) => {
1608
- if (!value || !isWeb) return null;
1608
+ if (!value || typeof document === "undefined") return null;
1609
1609
  const n = parseInt(value, 10);
1610
1610
  if (isNaN(n) || n < 1 || n > 12) return null;
1611
1611
  return { display: "grid", gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` };
@@ -1869,6 +1869,12 @@ var RESOLVERS = {
1869
1869
  function resolveUtility(parsed, theme) {
1870
1870
  if (!parsed.value) {
1871
1871
  if (parsed.utility in PLUGIN_STANDALONE) return PLUGIN_STANDALONE[parsed.utility] ?? null;
1872
+ if (parsed.utility === "grd" || parsed.utility === "grid") {
1873
+ return typeof document !== "undefined" ? { display: "grid" } : null;
1874
+ }
1875
+ if (parsed.utility === "inline-grid") {
1876
+ return typeof document !== "undefined" ? { display: "inline-grid" } : null;
1877
+ }
1872
1878
  if (parsed.utility in STANDALONE) return STANDALONE[parsed.utility] ?? null;
1873
1879
  }
1874
1880
  const resolver = PLUGIN_RESOLVERS[parsed.utility] ?? RESOLVERS[parsed.utility];
@@ -2067,12 +2073,12 @@ function resolve(classString, theme, darkMode = "attribute") {
2067
2073
  const bucketKey = parsed.modifiers.length === 0 ? "base" : parsed.modifiers.join(":");
2068
2074
  if (!result[bucketKey]) result[bucketKey] = {};
2069
2075
  Object.assign(result[bucketKey], styles);
2070
- if (isWeb) {
2076
+ if (typeof document !== "undefined") {
2071
2077
  injectQueue.push({ cls: parsed.original, bucketKey, styles });
2072
2078
  }
2073
2079
  }
2074
2080
  styleCache.set(cacheKey, result);
2075
- if (isWeb) {
2081
+ if (typeof document !== "undefined") {
2076
2082
  for (const { cls, bucketKey, styles } of injectQueue) {
2077
2083
  injectClassRule(cls, bucketKey, styles, darkMode);
2078
2084
  }
@@ -2,8 +2,8 @@ import {
2
2
  Fragment,
3
3
  jsx,
4
4
  jsxs
5
- } from "./chunk-7DGFJPDP.mjs";
6
- import "./chunk-PDPOXGSG.mjs";
5
+ } from "./chunk-L3IEKX5I.mjs";
6
+ import "./chunk-5GHUWO2A.mjs";
7
7
 
8
8
  // src/jsx-dev-runtime.tsx
9
9
  function jsxDEV(type, props, key, isStaticChildren, _source, _self) {
@@ -1604,7 +1604,7 @@ var RESOLVERS = {
1604
1604
  },
1605
1605
  // ── Grid (responsive column count: grid-1 … grid-12) ─────────────────────
1606
1606
  grid: ({ value }) => {
1607
- if (!value || !isWeb) return null;
1607
+ if (!value || typeof document === "undefined") return null;
1608
1608
  const n = parseInt(value, 10);
1609
1609
  if (isNaN(n) || n < 1 || n > 12) return null;
1610
1610
  return { display: "grid", gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` };
@@ -1868,6 +1868,12 @@ var RESOLVERS = {
1868
1868
  function resolveUtility(parsed, theme) {
1869
1869
  if (!parsed.value) {
1870
1870
  if (parsed.utility in PLUGIN_STANDALONE) return PLUGIN_STANDALONE[parsed.utility] ?? null;
1871
+ if (parsed.utility === "grd" || parsed.utility === "grid") {
1872
+ return typeof document !== "undefined" ? { display: "grid" } : null;
1873
+ }
1874
+ if (parsed.utility === "inline-grid") {
1875
+ return typeof document !== "undefined" ? { display: "inline-grid" } : null;
1876
+ }
1871
1877
  if (parsed.utility in STANDALONE) return STANDALONE[parsed.utility] ?? null;
1872
1878
  }
1873
1879
  const resolver = PLUGIN_RESOLVERS[parsed.utility] ?? RESOLVERS[parsed.utility];
@@ -2066,12 +2072,12 @@ function resolve(classString, theme, darkMode = "attribute") {
2066
2072
  const bucketKey = parsed.modifiers.length === 0 ? "base" : parsed.modifiers.join(":");
2067
2073
  if (!result[bucketKey]) result[bucketKey] = {};
2068
2074
  Object.assign(result[bucketKey], styles);
2069
- if (isWeb) {
2075
+ if (typeof document !== "undefined") {
2070
2076
  injectQueue.push({ cls: parsed.original, bucketKey, styles });
2071
2077
  }
2072
2078
  }
2073
2079
  styleCache.set(cacheKey, result);
2074
- if (isWeb) {
2080
+ if (typeof document !== "undefined") {
2075
2081
  for (const { cls, bucketKey, styles } of injectQueue) {
2076
2082
  injectClassRule(cls, bucketKey, styles, darkMode);
2077
2083
  }
@@ -2,8 +2,8 @@ import {
2
2
  Fragment,
3
3
  jsx,
4
4
  jsxs
5
- } from "./chunk-7DGFJPDP.mjs";
6
- import "./chunk-PDPOXGSG.mjs";
5
+ } from "./chunk-L3IEKX5I.mjs";
6
+ import "./chunk-5GHUWO2A.mjs";
7
7
  export {
8
8
  Fragment,
9
9
  jsx,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kbach/react",
3
- "version": "0.3.16",
3
+ "version": "0.3.17",
4
4
  "description": "React / React Native components and hooks for the Kbach framework",
5
5
  "source": "./src/index.ts",
6
6
  "main": "./dist/index.js",