@titan-design/react-ui 0.9.1 → 0.9.3

package/dist/theme/index.mjs

@@ -1,5 +1,6 @@
 import { Platform, View } from 'react-native';
-import { vars } from 'nativewind';
+import { vars, useColorScheme } from 'nativewind';
+import { createContext } from 'react';
 import { jsx as jsx$1 } from 'react/jsx-runtime';
 
 // src/theme/tokens/primitives.ts
@@ -1949,6 +1950,8 @@ var audiobookPreset = {
   },
   rootClasses: ["atmosphere-warm", "grain"]
 };
+var DEFAULT_CONTEXT = { mode: "dark", level: "base" };
+var SurfaceContext = createContext(DEFAULT_CONTEXT);
 function wrapJsx(fn) {
   return function(type, props, ...rest) {
     if (props && typeof props.className === "string" && props.className) {
@@ -1977,7 +1980,9 @@ function ThemeProvider({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(View, { style: [MODE_VARS[mode], { flex: 1 }, style], ...props, children });
+  const { colorScheme } = useColorScheme();
+  const resolved = mode === "system" ? colorScheme ?? "dark" : mode;
+  return /* @__PURE__ */ jsx(SurfaceContext.Provider, { value: { mode: resolved, level: "base" }, children: /* @__PURE__ */ jsx(View, { style: [MODE_VARS[resolved], { flex: 1 }, style], ...props, children }) });
 }
 
 export { CATEGORICAL_CVD_SAFE_MAX, ThemeProvider, applyThemePreset, audiobookPreset, bestTextColor, buttonSizes, categoricalPalette, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darkThemeCSSVars, darken, defaultPreset, discreteRainbow, divergingScale, elevationSystem, getBaseSurfaceColor, getCategoricalColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, hexToRgb, hsvToRgb, isCssPropertyManifest, isDark, lightThemeCSSVars, lighten, linearGradient, neumorphicShadows, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveShadows, primitiveSpacing, primitiveTypography, primitiveZIndex, resolveColor, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort, shadowColors, surfaceGradient, validateCssPropertyManifest };