@kbach/react 0.3.15 → 0.3.16

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.
Files changed (9) hide show
  1. package/dist/{chunk-6FOS3PUK.mjs → chunk-7DGFJPDP.mjs} +3 -3
  2. package/dist/{chunk-OJE5MVCI.mjs → chunk-PDPOXGSG.mjs} +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/jsx-dev-runtime.js +3 -3
  6. package/dist/jsx-dev-runtime.mjs +2 -2
  7. package/dist/jsx-runtime.js +3 -3
  8. package/dist/jsx-runtime.mjs +2 -2
  9. package/package.json +1 -1
package/dist/{chunk-6FOS3PUK.mjs → chunk-7DGFJPDP.mjs} RENAMED
@@ -8,7 +8,7 @@ import {
8
8
  resolve,
9
9
  useConditionalWidth,
10
10
  useGlobalDarkMode
11
- } from "./chunk-OJE5MVCI.mjs";
11
+ } from "./chunk-PDPOXGSG.mjs";
12
12
 
13
13
  // src/jsx-runtime.tsx
14
14
  import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var DarkWrapper = React.forwardRef(
32
32
  const width = useConditionalWidth(needsWidth);
33
33
  const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
34
34
  const computedStyle = flatten(resolvedStyle, isDark, {}, breakpoints);
35
- if (isWeb) stripWebGridProps(computedStyle);
35
+ if (isWeb && typeof Component !== "string") stripWebGridProps(computedStyle);
36
36
  const finalStyle = styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
37
37
  const props = { ref, ...rest, style: finalStyle };
38
38
  return Array.isArray(children) ? React.createElement(Component, props, ...children) : React.createElement(Component, props, children);
@@ -151,7 +151,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
151
151
  }, key);
152
152
  }
153
153
  const computedStyle = flatten(resolved, false);
154
- if (isWeb) {
154
+ if (isWeb && typeof actualType !== "string") {
155
155
  if (computedStyle.display === "grid" || computedStyle.display === "inline-grid") delete computedStyle.display;
156
156
  delete computedStyle.gridTemplateColumns;
157
157
  delete computedStyle.gridTemplateRows;
package/dist/{chunk-OJE5MVCI.mjs → chunk-PDPOXGSG.mjs} RENAMED
@@ -2418,7 +2418,7 @@ var InteractiveWrapper = forwardRef(
2418
2418
  const computedStyle = useMemo(
2419
2419
  () => {
2420
2420
  const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
2421
- if (isWeb) {
2421
+ if (isWeb && typeof Component !== "string") {
2422
2422
  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
2423
2423
  delete s.gridTemplateColumns;
2424
2424
  delete s.gridTemplateRows;
package/dist/index.js CHANGED
@@ -2922,7 +2922,7 @@ var InteractiveWrapper = (0, import_react9.forwardRef)(
2922
2922
  const computedStyle = (0, import_react9.useMemo)(
2923
2923
  () => {
2924
2924
  const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
2925
- if (isWeb) {
2925
+ if (isWeb && typeof Component !== "string") {
2926
2926
  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
2927
2927
  delete s.gridTemplateColumns;
2928
2928
  delete s.gridTemplateRows;
package/dist/index.mjs CHANGED
@@ -21,7 +21,7 @@ import {
21
21
  updateConfig,
22
22
  useGlobalDarkMode,
23
23
  useGlobalWidth
24
- } from "./chunk-OJE5MVCI.mjs";
24
+ } from "./chunk-PDPOXGSG.mjs";
25
25
 
26
26
  // src/context.tsx
27
27
  import { createContext, useContext } from "react";
package/dist/jsx-dev-runtime.js CHANGED
@@ -2401,7 +2401,7 @@ var InteractiveWrapper = (0, import_react3.forwardRef)(
2401
2401
  const computedStyle = (0, import_react3.useMemo)(
2402
2402
  () => {
2403
2403
  const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
2404
- if (isWeb) {
2404
+ if (isWeb && typeof Component !== "string") {
2405
2405
  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
2406
2406
  delete s.gridTemplateColumns;
2407
2407
  delete s.gridTemplateRows;
@@ -2455,7 +2455,7 @@ var DarkWrapper = import_react4.default.forwardRef(
2455
2455
  const width = useConditionalWidth(needsWidth);
2456
2456
  const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
2457
2457
  const computedStyle = flatten(resolvedStyle, isDark, {}, breakpoints);
2458
- if (isWeb) stripWebGridProps(computedStyle);
2458
+ if (isWeb && typeof Component !== "string") stripWebGridProps(computedStyle);
2459
2459
  const finalStyle = styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
2460
2460
  const props = { ref, ...rest, style: finalStyle };
2461
2461
  return Array.isArray(children) ? import_react4.default.createElement(Component, props, ...children) : import_react4.default.createElement(Component, props, children);
@@ -2574,7 +2574,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
2574
2574
  }, key);
2575
2575
  }
2576
2576
  const computedStyle = flatten(resolved, false);
2577
- if (isWeb) {
2577
+ if (isWeb && typeof actualType !== "string") {
2578
2578
  if (computedStyle.display === "grid" || computedStyle.display === "inline-grid") delete computedStyle.display;
2579
2579
  delete computedStyle.gridTemplateColumns;
2580
2580
  delete computedStyle.gridTemplateRows;
package/dist/jsx-dev-runtime.mjs CHANGED
@@ -2,8 +2,8 @@ import {
2
2
  Fragment,
3
3
  jsx,
4
4
  jsxs
5
- } from "./chunk-6FOS3PUK.mjs";
6
- import "./chunk-OJE5MVCI.mjs";
5
+ } from "./chunk-7DGFJPDP.mjs";
6
+ import "./chunk-PDPOXGSG.mjs";
7
7
 
8
8
  // src/jsx-dev-runtime.tsx
9
9
  function jsxDEV(type, props, key, isStaticChildren, _source, _self) {
package/dist/jsx-runtime.js CHANGED
@@ -2400,7 +2400,7 @@ var InteractiveWrapper = (0, import_react3.forwardRef)(
2400
2400
  const computedStyle = (0, import_react3.useMemo)(
2401
2401
  () => {
2402
2402
  const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
2403
- if (isWeb) {
2403
+ if (isWeb && typeof Component !== "string") {
2404
2404
  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
2405
2405
  delete s.gridTemplateColumns;
2406
2406
  delete s.gridTemplateRows;
@@ -2454,7 +2454,7 @@ var DarkWrapper = import_react4.default.forwardRef(
2454
2454
  const width = useConditionalWidth(needsWidth);
2455
2455
  const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
2456
2456
  const computedStyle = flatten(resolvedStyle, isDark, {}, breakpoints);
2457
- if (isWeb) stripWebGridProps(computedStyle);
2457
+ if (isWeb && typeof Component !== "string") stripWebGridProps(computedStyle);
2458
2458
  const finalStyle = styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
2459
2459
  const props = { ref, ...rest, style: finalStyle };
2460
2460
  return Array.isArray(children) ? import_react4.default.createElement(Component, props, ...children) : import_react4.default.createElement(Component, props, children);
@@ -2573,7 +2573,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
2573
2573
  }, key);
2574
2574
  }
2575
2575
  const computedStyle = flatten(resolved, false);
2576
- if (isWeb) {
2576
+ if (isWeb && typeof actualType !== "string") {
2577
2577
  if (computedStyle.display === "grid" || computedStyle.display === "inline-grid") delete computedStyle.display;
2578
2578
  delete computedStyle.gridTemplateColumns;
2579
2579
  delete computedStyle.gridTemplateRows;
package/dist/jsx-runtime.mjs CHANGED
@@ -2,8 +2,8 @@ import {
2
2
  Fragment,
3
3
  jsx,
4
4
  jsxs
5
- } from "./chunk-6FOS3PUK.mjs";
6
- import "./chunk-OJE5MVCI.mjs";
5
+ } from "./chunk-7DGFJPDP.mjs";
6
+ import "./chunk-PDPOXGSG.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.15",
3
+ "version": "0.3.16",
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",