@kbach/react-native 1.0.0-beta.15 → 1.0.0-beta.16

package/dist/chunk-TDWBXJH5.mjs

@@ -1,186 +0,0 @@
-import {
-  getGlobalDarkMode,
-  getGlobalThemeMode,
-  seedDefaultMode,
-  setGlobalThemeMode,
-  subscribeGlobalDarkMode,
-  toggleGlobalDarkMode
-} from "./chunk-RBJXE32L.mjs";
-import {
-  defaultTheme,
-  getTheme,
-  setTheme
-} from "./chunk-HK6PDJJK.mjs";
-
-// src/config.ts
-function parseHexRgb(hex) {
-  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
-  if (!m) return null;
-  let h = m[1];
-  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
-  const n = parseInt(h, 16);
-  return [n >> 16 & 255, n >> 8 & 255, n & 255];
-}
-function applyOpacityToHex(hex, opacityText) {
-  const rgb = parseHexRgb(hex);
-  if (!rgb) return hex;
-  const a = Number(opacityText) / 100;
-  const clamped = Number.isFinite(a) ? Math.min(1, Math.max(0, a)) : 1;
-  return `rgba(${rgb.join(",")},${clamped})`;
-}
-function resolveColorEntry(value, lookup) {
-  const slash = value.indexOf("/");
-  const name = slash === -1 ? value : value.slice(0, slash);
-  const opacity = slash === -1 ? void 0 : value.slice(slash + 1);
-  const base = lookup(name);
-  if (base === void 0) return value;
-  return opacity === void 0 ? base : applyOpacityToHex(base, opacity);
-}
-function resolveColors(extend, existing) {
-  const resolved = {};
-  const lookup = (name) => {
-    const found = resolved[name] ?? existing[name];
-    return typeof found === "string" ? found : void 0;
-  };
-  for (const [name, value] of Object.entries(extend)) {
-    resolved[name] = resolveColorEntry(value, lookup);
-  }
-  return resolved;
-}
-function resolveKbachConfig(config) {
-  let theme = { ...defaultTheme, ...config.theme };
-  if (config.extend?.colors) {
-    theme = { ...theme, colors: { ...theme.colors, ...resolveColors(config.extend.colors, theme.colors) } };
-  }
-  if (config.extend?.spacing) {
-    theme = { ...theme, spacing: { ...theme.spacing, ...config.extend.spacing } };
-  }
-  if (config.extend?.screens) {
-    theme = { ...theme, screens: { ...theme.screens, ...config.extend.screens } };
-  }
-  if (config.extend?.fontFamily) {
-    theme = { ...theme, fontFamily: { ...theme.fontFamily, ...config.extend.fontFamily } };
-  }
-  if (config.extend?.container) {
-    theme = { ...theme, container: { ...theme.container, ...config.extend.container } };
-  }
-  if (config.darkMode) {
-    theme = { ...theme, darkMode: config.darkMode };
-  }
-  return theme;
-}
-function applyKbachConfig(config) {
-  const theme = resolveKbachConfig(config);
-  setTheme(theme);
-  return theme;
-}
-
-// src/useTheme.ts
-import { useMemo, useSyncExternalStore } from "react";
-function useTheme() {
-  const isDark = useSyncExternalStore(subscribeGlobalDarkMode, getGlobalDarkMode);
-  const mode = useSyncExternalStore(subscribeGlobalDarkMode, getGlobalThemeMode);
-  return useMemo(
-    () => ({ mode, isDark, setMode: setGlobalThemeMode, toggle: toggleGlobalDarkMode }),
-    [mode, isDark]
-  );
-}
-
-// src/ThemeProvider.tsx
-import { useEffect, useRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var mountedProviderCount = 0;
-var warnedMultipleProviders = false;
-function ThemeProvider({ children, defaultMode = "system" }) {
-  useEffect(() => {
-    mountedProviderCount++;
-    if (mountedProviderCount > 1 && !warnedMultipleProviders) {
-      warnedMultipleProviders = true;
-      console.warn(
-        "[kbach] Multiple <ThemeProvider> instances are mounted at once. Dark-mode state is one global store useTheme() reads everywhere, not scoped per-provider, so their defaultMode seeds will fight over the same state."
-      );
-    }
-    return () => {
-      mountedProviderCount--;
-    };
-  }, []);
-  const seeded = useRef(false);
-  useEffect(() => {
-    if (seeded.current) return;
-    seeded.current = true;
-    seedDefaultMode(defaultMode);
-  }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-
-// src/useColors.ts
-function parseHexRgb2(hex) {
-  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
-  if (!m) return null;
-  let h = m[1];
-  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
-  const n = parseInt(h, 16);
-  return [n >> 16 & 255, n >> 8 & 255, n & 255];
-}
-function applyOpacity(color, opacity) {
-  const a = Math.max(0, Math.min(1, opacity / 100));
-  if (color.startsWith("#")) {
-    const rgb = parseHexRgb2(color);
-    return rgb ? `rgba(${rgb.join(",")},${a})` : color;
-  }
-  if (color.startsWith("rgb(")) return color.replace("rgb(", "rgba(").replace(")", `,${a})`);
-  if (color.startsWith("rgba(")) return color.replace(/,\s*[\d.]+\)$/, `,${a})`);
-  return color;
-}
-function resolveEntry(entry, isDark) {
-  return typeof entry === "string" ? entry : isDark ? entry.dark : entry.light;
-}
-function makeColorsProxy(theme, isDark) {
-  const alpha = (color, opacity) => opacity === void 0 ? color : applyOpacity(color, opacity);
-  const cache = /* @__PURE__ */ new Map();
-  function resolveNamed(key) {
-    let name = key;
-    let opacity;
-    if (key.includes("/")) {
-      const slash = key.indexOf("/");
-      name = key.slice(0, slash);
-      opacity = Number(key.slice(slash + 1));
-    }
-    const entry = theme.colors[name];
-    if (entry === void 0) return void 0;
-    const value = resolveEntry(entry, isDark);
-    return opacity === void 0 ? value : applyOpacity(value, opacity);
-  }
-  function makeFamilyProxy(family) {
-    return new Proxy({}, {
-      get(_, prop) {
-        const key = String(prop);
-        if (key === "then") return void 0;
-        return resolveNamed(`${family}-${key}`);
-      }
-    });
-  }
-  return new Proxy({ alpha }, {
-    get(_, prop) {
-      const key = String(prop);
-      if (key === "then") return void 0;
-      if (key === "alpha") return alpha;
-      const direct = resolveNamed(key);
-      if (direct !== void 0) return direct;
-      if (!cache.has(key)) cache.set(key, makeFamilyProxy(key));
-      return cache.get(key);
-    }
-  });
-}
-function useColors() {
-  const { isDark } = useTheme();
-  return makeColorsProxy(getTheme(), isDark);
-}
-
-export {
-  resolveKbachConfig,
-  applyKbachConfig,
-  useTheme,
-  ThemeProvider,
-  useColors
-};

package/dist/chunk-UNZ6PQVO.mjs

@@ -1,14 +0,0 @@
-import {
-  resolveStyle
-} from "./chunk-JMNJCPGK.mjs";
-import {
-  createJsxFunctions
-} from "./chunk-EMZ47OSG.mjs";
-
-// src/jsx-runtime.tsx
-var { jsx, jsxs } = createJsxFunctions(resolveStyle);
-
-export {
-  jsx,
-  jsxs
-};

package/dist/index.mjs

@@ -1,38 +0,0 @@
-import {
-  ThemeProvider,
-  applyKbachConfig,
-  resolveKbachConfig,
-  useColors,
-  useTheme
-} from "./chunk-TDWBXJH5.mjs";
-import {
-  resolveStyle
-} from "./chunk-JMNJCPGK.mjs";
-import {
-  getGlobalDarkMode,
-  getGlobalThemeMode,
-  setGlobalThemeMode,
-  subscribeGlobalDarkMode,
-  toggleGlobalDarkMode
-} from "./chunk-RBJXE32L.mjs";
-import {
-  defaultTheme,
-  getTheme,
-  setTheme
-} from "./chunk-HK6PDJJK.mjs";
-export {
-  ThemeProvider,
-  applyKbachConfig,
-  defaultTheme,
-  getGlobalDarkMode,
-  getGlobalThemeMode,
-  getTheme,
-  resolveKbachConfig,
-  resolveStyle,
-  setGlobalThemeMode,
-  setTheme,
-  subscribeGlobalDarkMode,
-  toggleGlobalDarkMode,
-  useColors,
-  useTheme
-};

package/dist/jsx-dev-runtime.mjs

@@ -1,18 +0,0 @@
-import {
-  jsx,
-  jsxs
-} from "./chunk-UNZ6PQVO.mjs";
-import "./chunk-JMNJCPGK.mjs";
-import {
-  Fragment,
-  createJsxDEV
-} from "./chunk-EMZ47OSG.mjs";
-import "./chunk-RBJXE32L.mjs";
-import "./chunk-HK6PDJJK.mjs";
-
-// src/jsx-dev-runtime.tsx
-var jsxDEV = createJsxDEV(jsx, jsxs);
-export {
-  Fragment,
-  jsxDEV
-};

package/dist/jsx-runtime.mjs

@@ -1,15 +0,0 @@
-import {
-  jsx,
-  jsxs
-} from "./chunk-UNZ6PQVO.mjs";
-import "./chunk-JMNJCPGK.mjs";
-import {
-  Fragment
-} from "./chunk-EMZ47OSG.mjs";
-import "./chunk-RBJXE32L.mjs";
-import "./chunk-HK6PDJJK.mjs";
-export {
-  Fragment,
-  jsx,
-  jsxs
-};