@kbach/react 0.1.6 → 0.1.9

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,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.1.6",
+  "version": "0.1.9",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
@@ -36,18 +36,15 @@
     "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
     }

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
-};