@kbach/react 0.5.46 → 0.5.48

package/dist/chunk-ISCQQRG5.mjs

@@ -1,232 +0,0 @@
-import {
-  flatten,
-  getActiveBreakpoints,
-  getGlobalWidth,
-  getResponsiveModifiers,
-  isNative,
-  isWeb,
-  subscribeGlobalWidth
-} from "./chunk-G76344ZQ.mjs";
-
-// src/core/darkModeStore.ts
-var KEY = "__kbach_dark_store__";
-function getStore() {
-  const g = globalThis;
-  if (!g[KEY]) {
-    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
-  }
-  return g[KEY];
-}
-function syncGlobalDarkMode(isDark) {
-  getStore().isDark = isDark;
-}
-function setGlobalDarkMode(isDark) {
-  const store = getStore();
-  store.isDark = isDark;
-  if (store.lastNotified === isDark) return;
-  store.lastNotified = isDark;
-  for (const sub of store.subscribers) sub();
-}
-function getGlobalDarkMode() {
-  return getStore().isDark;
-}
-function subscribeGlobalDarkMode(callback) {
-  const store = getStore();
-  store.subscribers.add(callback);
-  return () => store.subscribers.delete(callback);
-}
-
-// src/useGlobalDarkMode.ts
-import React from "react";
-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 React3, { forwardRef, useState, useCallback, useMemo } from "react";
-
-// src/useGlobalWidth.ts
-import React2 from "react";
-var useSyncExternalStore2 = React2.useSyncExternalStore ?? function useSyncExternalStoreFallback2(subscribe, getSnapshot, _getServerSnapshot) {
-  const [, forceUpdate] = React2.useReducer((n) => n + 1, 0);
-  React2.useEffect(() => subscribe(forceUpdate), [subscribe]);
-  return getSnapshot();
-};
-var NOOP_SUB = (_) => () => {
-};
-var ZERO_SNAP = () => 0;
-var EMPTY_BREAKPOINTS = /* @__PURE__ */ new Set();
-var _webListeners = null;
-var _webRaf = 0;
-function _webResizeHandler() {
-  cancelAnimationFrame(_webRaf);
-  _webRaf = requestAnimationFrame(() => {
-    if (_webListeners) for (const cb of _webListeners) cb();
-  });
-}
-function subscribeWebWidth(cb) {
-  if (typeof window === "undefined") return () => {
-  };
-  if (!_webListeners) {
-    _webListeners = /* @__PURE__ */ new Set();
-    window.addEventListener("resize", _webResizeHandler);
-  }
-  _webListeners.add(cb);
-  return () => {
-    _webListeners.delete(cb);
-    if (_webListeners.size === 0) {
-      window.removeEventListener("resize", _webResizeHandler);
-      cancelAnimationFrame(_webRaf);
-      _webListeners = null;
-    }
-  };
-}
-function getWebWidth() {
-  return typeof window !== "undefined" ? window.innerWidth : 0;
-}
-function useGlobalWidth() {
-  return useSyncExternalStore2(
-    isWeb ? subscribeWebWidth : subscribeGlobalWidth,
-    isWeb ? getWebWidth : getGlobalWidth,
-    ZERO_SNAP
-  );
-}
-function useConditionalWidth(active) {
-  return useSyncExternalStore2(
-    active ? isWeb ? subscribeWebWidth : subscribeGlobalWidth : NOOP_SUB,
-    active ? isWeb ? getWebWidth : getGlobalWidth : ZERO_SNAP,
-    ZERO_SNAP
-  );
-}
-
-// src/shared-utils.ts
-function hasResponsiveBuckets(resolved) {
-  const responsiveMods = getResponsiveModifiers();
-  for (const key of Object.keys(resolved)) {
-    if (key === "base") continue;
-    for (const mod of key.split(":")) {
-      if (responsiveMods.has(mod)) return true;
-    }
-  }
-  return false;
-}
-var EMPTY_BREAKPOINTS2 = /* @__PURE__ */ new Set();
-
-// src/InteractiveWrapper.tsx
-function chain(original, extra) {
-  return (...args) => {
-    original?.(...args);
-    extra();
-  };
-}
-var InteractiveWrapper = forwardRef(
-  function InteractiveWrapper2({
-    Component,
-    resolvedStyle,
-    className,
-    style: styleProp,
-    onPressIn,
-    onPressOut,
-    onPointerDown,
-    onPointerUp,
-    onPointerLeave,
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    ...rest
-  }, ref) {
-    const isDark = useGlobalDarkMode();
-    const needsWidth = hasResponsiveBuckets(resolvedStyle);
-    const width = useConditionalWidth(needsWidth);
-    const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
-    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 handlePointerDown = useCallback(chain(onPointerDown, () => setPressed(true)), [onPointerDown]);
-    const handlePointerUp = useCallback(chain(onPointerUp, () => setPressed(false)), [onPointerUp]);
-    const handlePointerLeave = useCallback(chain(onPointerLeave, () => setPressed(false)), [onPointerLeave]);
-    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(
-      () => {
-        const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
-        delete s.__divideX;
-        delete s.__divideY;
-        delete s.__divideColor;
-        delete s.__divideStyle;
-        delete s.__keyframe;
-        if (typeof Component !== "string") {
-          if (s.display === "grid" || s.display === "inline-grid") delete s.display;
-          delete s.gridTemplateColumns;
-          delete s.gridTemplateRows;
-          delete s.gridColumn;
-          delete s.gridRow;
-          delete s.gridArea;
-          delete s.gridColumnStart;
-          delete s.gridColumnEnd;
-          delete s.gridRowStart;
-          delete s.gridRowEnd;
-          delete s.gridAutoFlow;
-          delete s.gridAutoColumns;
-          delete s.gridAutoRows;
-          delete s.placeItems;
-          delete s.placeContent;
-          delete s.justifyItems;
-          delete s.placeSelf;
-          delete s.justifySelf;
-          if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
-            delete s.position;
-          }
-        }
-        return s;
-      },
-      [resolvedStyle, isDark, pressed, hovered, focused, width]
-      // eslint-disable-line react-hooks/exhaustive-deps
-    );
-    const isWebHTMLElement = !isNative && typeof Component === "string";
-    const finalStyle = isWebHTMLElement ? styleProp ?? void 0 : styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
-    const { children, ...restWithoutChildren } = rest;
-    const componentProps = {
-      ref,
-      ...restWithoutChildren,
-      style: finalStyle,
-      ...!isNative && className ? { className } : {},
-      // onPressIn / onPressOut are React Native-only.
-      // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
-      ...!isNative ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    };
-    return Array.isArray(children) ? React3.createElement(Component, componentProps, ...children) : React3.createElement(Component, componentProps, children);
-  }
-);
-InteractiveWrapper.displayName = "Kbach.InteractiveWrapper";
-
-export {
-  syncGlobalDarkMode,
-  setGlobalDarkMode,
-  EMPTY_BREAKPOINTS,
-  useGlobalWidth,
-  useConditionalWidth,
-  hasResponsiveBuckets,
-  EMPTY_BREAKPOINTS2,
-  useGlobalDarkMode,
-  InteractiveWrapper
-};

package/dist/chunk-ZN5E7I56.mjs

@@ -1,226 +0,0 @@
-import {
-  EMPTY_BREAKPOINTS2 as EMPTY_BREAKPOINTS,
-  InteractiveWrapper,
-  hasResponsiveBuckets,
-  useConditionalWidth,
-  useGlobalDarkMode
-} from "./chunk-ISCQQRG5.mjs";
-import {
-  flatten,
-  getActiveBreakpoints,
-  getConfig,
-  getDefaultFontFamily,
-  getInteractiveModifiers,
-  getModeModifiers,
-  getResponsiveModifiers,
-  isNative,
-  isRuntimeCSSDisabled,
-  normalizeClassString,
-  resolve
-} from "./chunk-G76344ZQ.mjs";
-
-// src/jsx-runtime.tsx
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-
-// src/DarkWrapper.tsx
-import React from "react";
-var DarkWrapper = React.forwardRef(
-  function DarkWrapper2({ Component, resolvedStyle, style: styleProp, children, ...rest }, ref) {
-    const isDark = useGlobalDarkMode();
-    const needsWidth = hasResponsiveBuckets(resolvedStyle);
-    const width = useConditionalWidth(needsWidth);
-    const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
-    const computedStyle = flatten(resolvedStyle, isDark, {}, breakpoints);
-    stripInternalMarkers(computedStyle);
-    if (typeof Component !== "string") stripWebOnlyProps(computedStyle);
-    const isWebHTMLElement = !isNative && typeof Component === "string";
-    const finalStyle = isWebHTMLElement ? styleProp ?? void 0 : styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
-    const props = { ref, ...rest, style: finalStyle };
-    return Array.isArray(children) ? React.createElement(Component, props, ...children) : React.createElement(Component, props, children);
-  }
-);
-DarkWrapper.displayName = "Kbach.DarkWrapper";
-function stripInternalMarkers(s) {
-  delete s.__divideX;
-  delete s.__divideY;
-  delete s.__divideColor;
-  delete s.__divideStyle;
-  delete s.__keyframe;
-}
-function stripWebOnlyProps(s) {
-  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
-  delete s.gridTemplateColumns;
-  delete s.gridTemplateRows;
-  delete s.gridColumn;
-  delete s.gridRow;
-  delete s.gridArea;
-  delete s.gridColumnStart;
-  delete s.gridColumnEnd;
-  delete s.gridRowStart;
-  delete s.gridRowEnd;
-  delete s.gridAutoFlow;
-  delete s.gridAutoColumns;
-  delete s.gridAutoRows;
-  delete s.placeItems;
-  delete s.placeContent;
-  delete s.justifyItems;
-  delete s.placeSelf;
-  delete s.justifySelf;
-  if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
-    delete s.position;
-  }
-}
-
-// src/jsx-runtime.tsx
-var _cachedDefaultFont = void 0;
-var _defaultFontVersion = 0;
-var _lastFontVersion = -1;
-function _invalidateDefaultFontCache() {
-  _defaultFontVersion++;
-}
-function getCachedDefaultFont() {
-  if (_lastFontVersion !== _defaultFontVersion) {
-    _cachedDefaultFont = getDefaultFontFamily();
-    _lastFontVersion = _defaultFontVersion;
-  }
-  return _cachedDefaultFont;
-}
-var _bucketModsCache = /* @__PURE__ */ new WeakMap();
-function bucketMods(resolved) {
-  const cached = _bucketModsCache.get(resolved);
-  if (cached) return cached;
-  const interactiveMods = getInteractiveModifiers();
-  const modeMods = getModeModifiers();
-  const responsiveMods = getResponsiveModifiers();
-  let interactive = false;
-  let modeOrResponsive = false;
-  for (const key of Object.keys(resolved)) {
-    if (key === "base") continue;
-    for (const mod of key.split(":")) {
-      if (!interactive && interactiveMods.has(mod)) interactive = true;
-      if (!modeOrResponsive && (modeMods.has(mod) || responsiveMods.has(mod))) modeOrResponsive = true;
-    }
-    if (interactive && modeOrResponsive) break;
-  }
-  const result = { interactive, modeOrResponsive };
-  _bucketModsCache.set(resolved, result);
-  return result;
-}
-var CONSUMED_PROPS = /* @__PURE__ */ new Set(["className", "kb", "__kbachStyles", "__kbachClasses"]);
-function omitConsumed(props) {
-  const out = {};
-  for (const key of Object.keys(props)) {
-    if (!CONSUMED_PROPS.has(key)) out[key] = props[key];
-  }
-  return out;
-}
-function mergeStyle(computed, userStyle) {
-  if (!userStyle) return computed;
-  if (Array.isArray(userStyle)) return Object.assign({}, computed, ...userStyle);
-  return { ...computed, ...userStyle };
-}
-function makeElement(isStaticChildren, type, props, key) {
-  return (isStaticChildren ? _jsxs : _jsx)(type, props, key);
-}
-function stripInternalMarkers2(s) {
-  delete s.__divideX;
-  delete s.__divideY;
-  delete s.__divideColor;
-  delete s.__divideStyle;
-  delete s.__keyframe;
-}
-function stripWebOnlyInlineProps(s) {
-  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
-  delete s.gridTemplateColumns;
-  delete s.gridTemplateRows;
-  delete s.gridColumn;
-  delete s.gridRow;
-  delete s.gridArea;
-  delete s.gridColumnStart;
-  delete s.gridColumnEnd;
-  delete s.gridRowStart;
-  delete s.gridRowEnd;
-  delete s.gridAutoFlow;
-  delete s.gridAutoColumns;
-  delete s.gridAutoRows;
-  delete s.placeItems;
-  delete s.placeContent;
-  delete s.justifyItems;
-  delete s.placeSelf;
-  delete s.justifySelf;
-  if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
-    delete s.position;
-  }
-}
-function processElement(type, rawProps, key, isStaticChildren) {
-  if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  if (!rawProps) return _jsx(type, null, key);
-  const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
-  const classStr = className ?? kbProp ?? __kbachClasses;
-  if (!isNative && isRuntimeCSSDisabled() && classStr && !__kbachStyles) {
-    const { style: userStyle2, ...passProps2 } = omitConsumed(rawProps);
-    return makeElement(isStaticChildren, type, {
-      ...passProps2,
-      className: normalizeClassString(classStr),
-      ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
-    }, key);
-  }
-  if (!classStr && !__kbachStyles) {
-    const defaultFont = getCachedDefaultFont();
-    if (!defaultFont) return makeElement(isStaticChildren, type, rawProps, key);
-    const { style: userStyle2, ...passProps2 } = omitConsumed(rawProps);
-    const finalStyle2 = userStyle2 ? Array.isArray(userStyle2) ? { fontFamily: defaultFont, ...Object.assign({}, ...userStyle2) } : { fontFamily: defaultFont, ...userStyle2 } : { fontFamily: defaultFont };
-    return makeElement(isStaticChildren, type, { ...passProps2, style: finalStyle2 }, key);
-  }
-  const config = getConfig();
-  const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
-  const { style: userStyle, ...passProps } = omitConsumed(rawProps);
-  const { interactive, modeOrResponsive } = bucketMods(resolved);
-  if (interactive) {
-    return _jsx(InteractiveWrapper, {
-      Component: type,
-      resolvedStyle: resolved,
-      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
-      style: userStyle,
-      ...passProps
-    }, key);
-  }
-  if (modeOrResponsive) {
-    return _jsx(DarkWrapper, {
-      Component: type,
-      resolvedStyle: resolved,
-      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
-      style: userStyle,
-      ...passProps
-    }, key);
-  }
-  const isWebHTMLElement = !isNative && typeof type === "string";
-  let finalStyle;
-  if (!isWebHTMLElement) {
-    const computedStyle = flatten(resolved, false);
-    stripInternalMarkers2(computedStyle);
-    if (typeof type !== "string") stripWebOnlyInlineProps(computedStyle);
-    finalStyle = mergeStyle(computedStyle, userStyle);
-  } else {
-    finalStyle = userStyle ?? void 0;
-  }
-  return makeElement(isStaticChildren, type, {
-    ...passProps,
-    style: finalStyle,
-    ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {}
-  }, key);
-}
-function jsx(type, props, key) {
-  return processElement(type, props, key, false);
-}
-function jsxs(type, props, key) {
-  return processElement(type, props, key, true);
-}
-
-export {
-  Fragment,
-  _invalidateDefaultFontCache,
-  jsx,
-  jsxs
-};