@kbach/react 0.1.6 → 0.2.0

package/dist/jsx-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-FUSJKUE7.mjs";
-import "./chunk-IZK5HMWK.mjs";
+} from "./chunk-CNS23UB5.mjs";
+import "./chunk-PYBA3DFG.mjs";
 export {
   Fragment,
   jsx,

package/package.json

@@ -1,59 +1,56 @@
-{
-  "name": "@kbach/react",
-  "version": "0.1.6",
-  "description": "React / React Native components and hooks for the Kbach framework",
-  "source": "./src/index.ts",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "source": "./src/index.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./jsx-runtime": {
-      "types": "./dist/jsx-runtime.d.ts",
-      "source": "./src/jsx-runtime.tsx",
-      "import": "./dist/jsx-runtime.mjs",
-      "require": "./dist/jsx-runtime.js"
-    },
-    "./jsx-dev-runtime": {
-      "types": "./dist/jsx-dev-runtime.d.ts",
-      "source": "./src/jsx-dev-runtime.tsx",
-      "import": "./dist/jsx-dev-runtime.mjs",
-      "require": "./dist/jsx-dev-runtime.js"
-    },
-    "./types": {
-      "types": "./types.d.ts"
-    }
-  },
-  "scripts": {
-    "build": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx --format esm,cjs --dts --clean",
-    "dev": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx --format esm,cjs --dts --watch",
-    "test": "vitest run --passWithNoTests",
-    "lint": "tsc --noEmit"
-  },
-  "devDependencies": {
-    "@kbach/core": "0.1.1",
-    "@types/react": "^19.2.0",
-    "tsup": "^8.0.0",
-    "vitest": "^1.0.0"
-  },
-  "peerDependencies": {
-    "@kbach/core": ">=0.1.1",
-    "react": ">=17.0.0",
-    "react-native": ">=0.70.0"
-  },
-  "peerDependenciesMeta": {
-    "@kbach/core": { "optional": false },
-    "react-native": {
-      "optional": true
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": ["dist"]
-}
+{
+  "name": "@kbach/react",
+  "version": "0.2.0",
+  "description": "React / React Native components and hooks for the Kbach framework",
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "source": "./src/jsx-runtime.tsx",
+      "import": "./dist/jsx-runtime.mjs",
+      "require": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "source": "./src/jsx-dev-runtime.tsx",
+      "import": "./dist/jsx-dev-runtime.mjs",
+      "require": "./dist/jsx-dev-runtime.js"
+    },
+    "./types": {
+      "types": "./types.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx --format esm,cjs --dts --clean",
+    "dev": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx --format esm,cjs --dts --watch",
+    "test": "vitest run --passWithNoTests",
+    "lint": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "tsup": "^8.0.0",
+    "vitest": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-native": ">=0.70.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": ["dist"]
+}

package/dist/chunk-IZK5HMWK.mjs

@@ -1,85 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/useGlobalDarkMode.ts
-import React from "react";
-import { getGlobalDarkMode, subscribeGlobalDarkMode } from "@kbach/core";
-var useSyncExternalStore = React.useSyncExternalStore ?? function useSyncExternalStoreFallback(subscribe, getSnapshot, _getServerSnapshot) {
-  const [, forceUpdate] = React.useReducer((n) => n + 1, 0);
-  React.useEffect(() => subscribe(forceUpdate), [subscribe]);
-  return getSnapshot();
-};
-function useGlobalDarkMode() {
-  return useSyncExternalStore(
-    subscribeGlobalDarkMode,
-    getGlobalDarkMode,
-    () => false
-    // SSR: default light
-  );
-}
-
-// src/InteractiveWrapper.tsx
-import React2, { forwardRef, useState, useCallback, useMemo } from "react";
-import { flatten, isWeb } from "@kbach/core";
-function chain(original, extra) {
-  return (...args) => {
-    original?.(...args);
-    extra();
-  };
-}
-var InteractiveWrapper = forwardRef(
-  function InteractiveWrapper2({
-    Component,
-    resolvedStyle,
-    className,
-    style: styleProp,
-    onPressIn,
-    onPressOut,
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    ...rest
-  }, ref) {
-    const isDark = useGlobalDarkMode();
-    const [pressed, setPressed] = useState(false);
-    const [hovered, setHovered] = useState(false);
-    const [focused, setFocused] = useState(false);
-    const handlePressIn = useCallback(chain(onPressIn, () => setPressed(true)), [onPressIn]);
-    const handlePressOut = useCallback(chain(onPressOut, () => setPressed(false)), [onPressOut]);
-    const handleMouseEnter = useCallback(chain(onMouseEnter, () => setHovered(true)), [onMouseEnter]);
-    const handleMouseLeave = useCallback(chain(onMouseLeave, () => setHovered(false)), [onMouseLeave]);
-    const handleFocus = useCallback(chain(onFocus, () => setFocused(true)), [onFocus]);
-    const handleBlur = useCallback(chain(onBlur, () => setFocused(false)), [onBlur]);
-    const computedStyle = useMemo(
-      () => flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }),
-      [resolvedStyle, isDark, pressed, hovered, focused]
-    );
-    const finalStyle = styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
-    const { children, ...restWithoutChildren } = rest;
-    const componentProps = {
-      ref,
-      ...restWithoutChildren,
-      style: finalStyle,
-      ...isWeb && className ? { className } : {},
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    };
-    return Array.isArray(children) ? React2.createElement(Component, componentProps, ...children) : React2.createElement(Component, componentProps, children);
-  }
-);
-InteractiveWrapper.displayName = "Kbach.InteractiveWrapper";
-
-export {
-  __require,
-  useGlobalDarkMode,
-  InteractiveWrapper
-};