@entropix/react-native 0.2.0 → 1.0.0

package/dist/index.cjs

@@ -11,21 +11,40 @@ var core = require('@entropix/core');
 // src/theme/theme-context.tsx
 var ThemeContext = react.createContext({
   mode: "light",
+  brand: "default",
   tokens: light.tokens,
   baseTokens: native.tokens
 });
+var brandRegistry = {
+  default: {
+    light: light.tokens,
+    dark: dark.tokens
+  }
+};
+function registerBrand(name, themes) {
+  brandRegistry[name] = themes;
+}
 function EntropixProvider({
   mode = "light",
+  brand = "default",
+  tokens: tokenOverride,
   children
 }) {
-  const value = react.useMemo(
-    () => ({
+  const value = react.useMemo(() => {
+    let resolvedTokens;
+    if (tokenOverride) {
+      resolvedTokens = tokenOverride;
+    } else {
+      const brandThemes = brandRegistry[brand] ?? brandRegistry.default;
+      resolvedTokens = brandThemes[mode] ?? brandThemes.light;
+    }
+    return {
       mode,
-      tokens: mode === "dark" ? dark.tokens : light.tokens,
+      brand,
+      tokens: resolvedTokens,
       baseTokens: native.tokens
-    }),
-    [mode]
-  );
+    };
+  }, [mode, brand, tokenOverride]);
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
 }
 function useTheme() {
@@ -994,7 +1013,8 @@ function Input({
   style,
   inputStyle,
   textStyle,
-  testID
+  testID,
+  variant: _variant
 }) {
   const { tokens: t, baseTokens: bt } = useTheme();
   const {
@@ -2062,6 +2082,7 @@ exports.Tabs = Tabs;
 exports.Textarea = Textarea;
 exports.Toggle = Toggle;
 exports.mapAccessibilityToRN = mapAccessibilityToRN;
+exports.registerBrand = registerBrand;
 exports.useBreakpoint = useBreakpoint;
 exports.useBreakpointValue = useBreakpointValue;
 exports.useScreenDimensions = useScreenDimensions;